Tutorial by Examples: n

Basic Routing

Router enables navigation from one view to another based on user interactions with the application. Following are the steps in implementing basic routing in Angular 2 - Basic precaution: Ensure you have the tag <base href='/'> as the first child under your head tag in your index.htm...

Angular 2 • Routing

AJAX request with a JSON response

functions.php: // We add the action twice, once for logged in users and once for non logged in users. add_action( 'wp_ajax_my_action', 'my_action_callback' ); add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' ); // Enqueue the script on the front end. add_action( 'wp_enqueue_script...

WordPress • AJAX

Attach and Detach Event Handlers

Attach an Event Handler Since version 1.7 jQuery has the event API .on(). This way any standard javascript event or custom event can be bound on the currently selected jQuery element. There are shortcuts such as .click(), but .on() gives you more options. HTML <button id="foo">b...

jQuery • Events

Delegated Events

Let's start with example. Here is a very simple example HTML. Example HTML <html> <head> </head> <body> <ul> <li> <a href="some_url/">Link 1</a> </li> &l...

jQuery • Events

Document Loading Event .load()

If you want your script to wait until a certain resource was loaded, such as an image or a PDF you can use .load(), which is a shortcut for shortcut for .on( "load", handler). HTML <img src="image.jpeg" alt="image" id="image"> jQuery $( "#imag...

jQuery • Events

Creating a UIColor from hexadecimal number or string

You can create a UIColor from a hexadecimal number or string, e.g. 0xff00cc, "#FFFFFF" Swift Int Value extension UIColor { convenience init(hex: Int, alpha: CGFloat = 1.0) { let r = CGFloat((hex >> 16) & 0xff) / 255 let g = CGFloat((hex >> 08) &amp...

iOS • UIColor

Iterating over list of jQuery elements

When you need to iterate over the list of jQuery elements. Consider this DOM structure: <div class="container"> <div class="red one">RED 1 Info</div> <div class="red two">RED 2 Info</div> <div class="red three"...

jQuery • DOM Traversing

Selecting siblings

To select siblings of an item you can use the .siblings() method. A typical example where you want to modify the siblings of an item is in a menu: <ul class="menu"> <li class="selected">Home</li> <li>Blog</li> <li>About</li&...

jQuery • DOM Traversing

Using Imports In ES6

Node.js is built against modern versions of V8. By keeping up-to-date with the latest releases of this engine, we ensure new features from the JavaScript ECMA-262 specification are brought to Node.js developers in a timely manner, as well as continued performance and stability improvements. All ECM...

Node.js • Exporting and Importing Module in node.js

Accessing character substrings

For the character entity character(len=5), parameter :: greeting = "Hello" a substring may be referenced with the syntax greeting(2:4) ! "ell" To access a single letter it isn't sufficient to write greeting(1) ! This isn't the letter "H" but greeting(1:...

Fortran • Data Types

Accessing complex components

The complex entity complex, parameter :: x = (1., 4.) has real part 1. and complex part 4.. We can access these individual components as real(x) ! The real component aimag(x) ! The complex component x%re ! The real component y%im ! The complex component The x%.. form is new to F...

Fortran • Data Types

Adding comments

There are three types of comment: # This comment continues to the end of line -- This comment continues to the end of line /* This is an in-line comment */ /* This is a multiple-line comment */ Example: SELECT * FROM t1; -- this is comment CREATE TABLE stack( /*id_user int...

MySQL • Comment Mysql

Advanced custom tags using Node

Sometimes what you want to do is just too complex for a filter or a simple_tag. Fow this you will need to create a compilation function and a renderer. In this example we will create a template tag verbose_name with the following syntax: ExampleDescription{% verbose_name obj %}Verbose name of a mo...

Django • Template Tags and Filters

Validating Boolean Values

var_dump(filter_var(true, FILTER_VALIDATE_BOOLEAN, FILTER_NULL_ON_FAILURE)); // true var_dump(filter_var(false, FILTER_VALIDATE_BOOLEAN, FILTER_NULL_ON_FAILURE)); // false var_dump(filter_var(1, FILTER_VALIDATE_BOOLEAN, FILTER_NULL_ON_FAILURE)); // true var_dump(filter_var(0, FILTER_VALIDATE_BOOL...