Below you will find pages that utilize the taxonomy term “jQuery”

Laravel User Authentication with Ajax Validation

This post documents how to add Ajax form validation to Laravel User Authentication that is generated by the Artisan console. Requirements An instance of Laravel 5.2 setup for local development is required. Head over to the Laravel 5.2 docs to get setup as needed. For my setup on Windows 10, I am using XAMPP 5.6.12 which meets all of the requirements. Note that your document root will need to be the laravel/public directory.

jQuery

A collection of useful jQuery code snippets // get the value of a text input when modified (function($){ $('#sometextinput').on('change keyup paste', function() { console.log('VALUE', $(this).val()); }); })(jQuery); Window Resize Wait for window resize to stop. ES6 using arrow function let resizeTimeout; $(window).on('resize', () => { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(doSomething(), 500); }); ES3/5 var resizeTimeout; $(window).on('resize', function() { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(doSomething(), 500); }); If LoDash is present, you can use _.

JavaScript Templating Options

Javascript templating is a technique to render JSON data in HTML markup with JavaScript. Handlebars is a semantic web template system, started by Yehuda Katz in 2010. Handlebars.js is a superset of Mustache, and can render Mustache templates in addition to Handlebars templates. The document body will need an element that the template will be injected into. Since the template in this example will be a list item for each artist, an unordered list element is the logical choice.

DNN Session Timer with AngularJS

This tutorial will guide you through the steps necessary to add a session timeout timer and alert dialog within a DotNetNuke (DNN) Module using AngularJS. Key concepts: Using DNN server objects to create AngularJS client-side objects; Using DNN jQuery and jQuery UI registration; Using DNN Client Resource Management; Using DNN Form Patterns Requirements: DotNetNuke 7; AngularJS; An understanding of how to develop and install DotNetNuke modules.

jQuery Mobile Cascaded Selects using MVC4 and KnockoutJs

This post documents building cascading select inputs using jQuery and Knockout for the user interface and MVC4 to serve the content. Step 1 OPEN or CREATE the MvcMobileApp that includes the Chinook Models and Data Access class [chinook-asp-net-mvc-4-web-application] View CREATE a view that will be used to render the cascading selects to the browser. In the Solution Explorer, right click on the Views folder and create a new folder names Chinook.

Chinook ASP.NET MVC 4 Web Application

For this tutorial, you will need: Visual Studio Express 2012 for Windows 8 download details SQL Server Express Database using Visual Studio 2012 with SQL Server Express in this tutorial. Other versions may work (untested). msdn.microsoft.com Chinook database github.com/jimfrenette/chinookdatabase SQL Server 2012 Express Management Studio download details In Visual Studio, create a new C# ASP.NET MVC 4 Web Application: Next, select the Mobile Application Project Template. This template includes jQuery, jQuery intellisense for Visual Studio, jQuery Mobile and Knockoutjs javascript files.

DotNetNuke Modal PopUps

Task 1, create a jQuery UI dialog to confirm a postback action invoked by a ASP.NET button control. In your module’s ascx file, add a button control and a div to contain you dialog. <asp:Button ID="btnDelete" runat="server" AutoPostBack="false" ButtonType="LinkButton" CssClass="main_button" OnClick="btnDelete_Click" Text="Delete" UseSubmitBehavior="false"> </asp:Button> <div id="dlgDeleteConfirm" title="Confirm"> <div class="confirmDialog">Are you sure you want to delete this?</div> </div> In you ascx code behind, create a method to create a client script block, you call can call on page load.

Random full page background

This Tutorial is written with Drupal 7 in mind. However, it can be applied to any website. While upgrading and redesigning thebga.org golf association website, I decided to figure out how to have a random full page background part of the design. Drupal 7 makes it easy to include js and keep it, the theme and templates all separate from the Drupal core. The key is separation of your theme and it’s modules from the Drupal core and it’s modules.

jQuery Resources

Some links I tend to visit frequently when working with jQuery: Selector reference w3schools.com/jquery/jquery_ref_selectors.asp UI CSS Framework Icons Test Page jquery-ui.googlecode.com/svn/tags/1.6rc3/tests/static/icons.html stackoverflow.com/questions/206384/how-to-format-a-json-date

Using jQuery in WordPress Posts

This post by Chris Coyier shows how to use jQuery inside a WordPress post. This helped me work around an Apache web server security configuration issue that was not allowing me to post SQL code snippets inside of my posts. 403 response when I try to post certain SQL code snippets: Forbidden You don’t have permission to access /wp-admin/post.php on this server. First, follow the instructions in Chris’s post which basically has you modify the your themes header.

jQuery - MSSQL Pagination and Data Templates

Here is a tutorial to show you how to paginate JSON data in the client using jQuery, jQuery Templates plugin, ASP.NET and SQL Server. For this tutorial, you will need: jQuery version 1.4.2 or greater [jquery.com] jQuery Pager plugin [github.com/jonpauldavies/jquery-pager-plugin] jQuery Templates plugin [github.com/jquery/jquery-tmpl] Visual Studio and SQL Server [msdn.microsoft.com] using Visual Studio 2010 with SQL Server Express in this tutorial. other versions may work (untested). Chinook database [github.

jQuery Navigation Menus

My favorite is the Superfish jQuery menu plugin by Joel Birch. Demo - http://users.tpg.com.au/j_birch/plugins/superfish/examples/ These Mac-like Dock menus provides horizontal or vertical rollover icons that expand on rollover with optional labels. http://www.wizzud.com/jqDock/ http://www.ndesign-studio.com/blog/design/css-dock-menu