Advanced php tutorials

Call JavaScript Function at particular interval

<html>

<head>

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

</head>

<body>

<div id="div1">

</div>

</body>

<script type="text/javascript">

$(document).ready(function () {

var interval = setInterval(callAjax, 10);

function callAjax() {

$.ajax({url: "http://www.delveaxis.com/", success: function (result) {

// $("#div1").html(result);

}});

}

});

</script>

</html>

Good Practice for DOM manipulation

var $input= $( '#input' ); // reference to dom element

$input.css( 'color' , 'red' );

$input.attr( 'value' , 'costam' );

$input.show();

The best method ( Chaining )

var $input = $('#input'); // reference to dom element

$input.css('color', 'red').attr('value', 'costam').show();

Extend current objects with jQuery

Note : its good practice to extend objects instead of recreate them

// Navigation component scripts
var bobcat = bobcat || {};

bobcat.components = $.extend(bobcat.components, {

"navigation": (function() {
this._init = function() {
// some initial functions
}

return {
init: this._init
}
})()
});

Advanced php tutorials

Labels

Pages

Call JavaScript Function at particular interval

Good Practice for DOM manipulation

Extend current objects with jQuery