Change Title With Javascript

Question

How can I modify the existing title to the document with Jquery as mouseover title change like that on facebook title link.

Parkins

You can see an example jQuery code here. – Dragnet

possible duplicate of Changing the page title with Jquery – Gagliano

Possible duplicate of How to dynamically change a web page's title? – Burrus

Answer 1

You don't need jQuery.

document.title = 'My new title here';

Dextrad

Answer 2

With javascript. jQuery won't help you here:

document.title = 'New Title';

You can insert that into a jQuery mouseover callback function if you want.

Molder

Answer 3

I'll extend on these other answers, this code should do it in entirety, just be sure to change the class in the selector, and the new Title Text.

(function(){
    var oldtitle;
    jQuery('a.yourlink').hover(
        function () {
           oldtitle = document.title;
           document.title = 'Your New Title';
        },
        function () {
            document.title = oldtitle;
        }
    );
})();

Here is a jsfiddle demo I made that changes the text of the object, rather than the window title: http://jsfiddle.net/MpZGf/1/

Cultivation

It looks like oldTitle will be out of scope when it's needed the second time. – Dissociation

This won't work. oldtitle won't exist when the 2nd function is called. You have to move oldtitle up to a higher scope or save it somewhere else. – Monetmoneta

wouldn't it be better to wrap the lot in a function and not have to attach extra 'properties' to the document like here - jsfiddle.net/aranm/gUsnC/2 – Frostwork

Answer 4

Try:

document.title = 'title';

Illative