AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


Dynamically change the Title bar using javascript / jQuery

     The following example will teach you to change your title bar text dynamically, for example in facebook, linkedin and etc website are shown, new updates count in title bar. If you want to do this same on your website, grab the following code.



Notes
     Your HTML page should contain title tag already, then only we can access the title bar and change the value dynamically.

Example:
JavaScript

document.title="Title Bar Value";

jQuery

$('title').html("Title Bar Value");

Example Program

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>Hi</title>
<script>
var const_titleflg=0;
var const_title=$('title').html();

$(document).ready(function(){
   setInterval(function(){chgtitle();},1000);
});

function chgtitle()
{
const_titleflg++;
$('title').html("("+const_titleflg+") "+const_title);
}
</script>

Output
See the output on this window Title bar the count will increase.

0 comments:

Post a Comment

Total Pageviews