Tutorial by Examples: le

Retrieving existing html elements

One of the most common tasks is retrieving an existing element from the DOM to manipulate. Most commonly these methods are executed on document, because it is the root node, but all these methods work on any HTML element in the tree. They will only return children from the node it is executed on. R...

DOM • Getting started with DOM

Cloning elements

An element can be cloned by invoking the cloneNode method on it. If the first parameter passed to cloneNode is true, the children of the original will also be cloned. var original = document.getElementsByTagName("li")[0]; var clone = original.cloneNode(true);

DOM • Manipulating Elements

Multiple Inheritance

Aside from single inheritance: class A {}; class B : public A {}; You can also have multiple inheritance: class A {}; class B {}; class C : public A, public B {}; C will now have inherit from A and B at the same time. Note: this can lead to ambiguity if the same names are used in multipl...

C++ • Classes/Structures

Inserting Elements

Appending an element at the end of a vector (by copying/moving): struct Point { double x, y; Point(double x, double y) : x(x), y(y) {} }; std::vector<Point> v; Point p(10.0, 2.0); v.push_back(p); // p is copied into the vector. C++11 Appending an element at the end of a vector ...

C++ • std::vector

Accessing Elements

There are two primary ways of accessing elements in a std::vector index-based access iterators Index-based access: This can be done either with the subscript operator [], or the member function at(). Both return a reference to the element at the respective position in the std::vector (unles...

C++ • std::vector

Creating DOM elements

The jQuery function (usually aliased as $) can be used both to select elements and to create new elements. var myLink = $('<a href="http://stackexchange.com"></a>'); You can optionally pass a second argument with element attributes: var myLink = $('<a>', { 'href': 'h...

jQuery • DOM Manipulation

Manipulating element classes

Assuming the page includes an HTML element like: <p class="small-paragraph"> This is a small <a href="https://en.wikipedia.org/wiki/Paragraph">paragraph</a> with a <a class="trusted" href="http://stackexchange.com">link</a>...

jQuery • DOM Manipulation

Selecting elements using CSS selectors

String html = "<!DOCTYPE html>" + "<html>" + "<head>" + "<title>Hello world!</title>" + "</head>" + "<body>" + ...

Jsoup • Selectors

Set title

Swift button.setTitle(titleString, forState: controlState) Objective C [button setTitle:(NSString *) forState:(UIControlState)]; To set the default title to "Hello, World!" Swift button.setTitle("Hello, World!", forState: .normal) Objective C [button setTitle:@&quot...

iOS • UIButton

Set title color

//Swift button.setTitleColor(color, forControlState: controlState) //Objective-C [button setTitleColor:(nullable UIColor *) forState:(UIControlState)]; To set the title color to blue //Swift button.setTitleColor(.blue, for: .normal) //Objective-C [button setTitleColor:[UIColor blueColo...

iOS • UIButton

Getting the title label

The underlying title label, if one exists, can be fetched using Swift var label: UILabel? = button.titleLabel Objective C UILabel *label = button.titleLabel; This can be used to set the font of the title label, for example Swift button.titleLabel?.font = UIFont.boldSystemFontOfSize(12) ...

iOS • UIButton

Nil Coalescing Operator

You can use the nil coalescing operator to unwrap a value if it is non-nil, otherwise provide a different value: func fallbackIfNil(str: String?) -> String { return str ?? "Fallback String" } print(fallbackIfNil("Hi")) // Prints "Hi" print(fallbackIfNil(nil)...

Swift Language • Optionals

Simple example

The Autocomplete widgets provides suggestions while you type into the field. <script> $(document).ready(function() { var tags = ["ask","always", "all", "alright", "one", "foo", "blackberry", "tweet","...

jQuery UI Library • Autocomplete

Simple Example

Dialog is a window which is overlay positioned within the viewport. <script> $(function() { $( "#dialog" ).dialog(); }); </script> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displayin...

jQuery UI Library • Dialog

Simple Example

Enable draggable functionality on any DOM element. <script> $(function() { $( "#draggable" ).draggable(); }); </script> <div id="draggable" class="ui-widget-content"> <p>Drag me around</p> </div>

jQuery UI Library • Draggable

Getting the “available” area of the screen

To get the “available” area of the screen (i.e. not including any bars on the edges of the screen, but including window chrome and other windows: var availableArea = { pos: { x: window.screen.availLeft, y: window.screen.availTop }, size: { width: window.scr...

JavaScript • Screen

Getting the site title

<?php echo get_bloginfo( 'name' ); ?> or <?php echo get_bloginfo(); ?> Output Matt Mullenweg Based on these sample settings

WordPress • get_bloginfo()

Inserted, Deleted, or Stricken

To mark text as inserted, use the <ins> tag: <ins>New Text</ins> To mark text as deleted, use the <del> tag: <del>Deleted Text</del> To strike through text, use the <s> tag: <s>Struck-through text here</s>

HTML • Text Formatting

Constructing collections from existing data

Standard Collections Java Collections framework A simple way to construct a List from individual data values is to use java.utils.Arrays method Arrays.asList: List<String> data = Arrays.asList("ab", "bc", "cd", "ab", "bc", "cd"); ...

Java Language • Collections

Creating spoilers

Spoilers are used to hide text or images that would otherwise negatively impact another user's experience. They can be created using >! >!This is hidden until your cursor hovers on top of it This is hidden until your cursor hovers on top of it Note: This is not part of standard markup...

Markdown • Markdown Spoilers or Hidden Text