Page History: Code Snippets - JavaScript

Compare Page Revisions

8 7 6 5 4 3 2 1 0 Current 8 7 6 5 4 3 2 1 0

« Older Revision - Back to Page History - Newer Revision »

Page Revision: Fri, Nov 30, 2012, 10:38 AM

Table of Contents [Hide/Show]    Navigating    Displaying the current URL    Displaying the Document Timestamp    Setting Initial Focus    Submitting a Form    Applying Alternating Formats to a Table    AjaxReloadElement Function    Showing the Print Dialog    Highlight Flash    Timer    =Delayed Function Call    =Recurring Function Call

{outline||<1> - }

Navigating¶

The following JavaScript will navigate the browser to a new page.

window.location.href = '...';

Displaying the current URL¶

The following javascript will output the URL of the page in which the javascript is running.

document.write(document.URL);

Displaying the Document Timestamp¶

The following JavaScript code will output when the document was last updated.

document.write(document.lastModified);

Setting Initial Focus¶

To set the control with the initial focus on a web page, perform the following steps.

• Browse to the page.
• View the HTML source for the page and find the ID of the control of interest
• Place the following code near the BOTTOM of the body of the page, changing "myControlId" appropriately.
  

document.getElementById("myControlId").focus();

Submitting a Form¶

document.forms[0].submit();

Applying Alternating Formats to a Table¶

The following JavaScript code assumes that the formats for classes even and odd are defined somewhere in your CSS code.

function recolorTable() {

    var rows = '#MyTable tbody tr'
    $(rows).removeClass('even').removeClass('odd');
    $(rows + ':visible:even').addClass('even');
    $(rows + ':visible:odd').addClass('odd');
}

AjaxReloadElement Function¶

function ajaxReloadElement(url, data, targetSelector, httpMethod) {

    if (httpMethod == undefined || httpMethod == null) {
        httpMethod = 'GET';
    }

    $.ajax({
        type: httpMethod,
        url: url,
        async: false,
        datatype: 'json',
        data: data,
        success: function (response) {

            $(targetSelector).html(response);

        } /* success */
    });   /* ajax */
}

Showing the Print Dialog¶

window.print();

Highlight Flash¶

The following code will, for one second, highlight in yellow the page elements specified by the selector argument.

function highlightFlash(selector) {

    $(selector).show();

    $(selector).css('background-color', '#FFFF00');

    setTimeout(function () {
        $(selector).css('background-color', '#FFFFFF');
    }, 1000);

}

Timer¶

====Delayed Function Call===

setTimeout("myFunction", ms);

Alternate

setTimeout(function(){/* do something */}, ms);

=Recurring Function Call¶

var x = setInterval("myFunction", ms);
. . .
clearInterval(x);

Alternate

var x = setInterval(function(){/* do something */}, ms);
. . .
clearInterval(x);