jQuery change title to h1 title in activepage

Question

How can I change my active page title to h1 title or h1 content?

HTML

<section id="contact" class="page_content">
            <h2 title="Contact">Contact</h2>  
</section>

JavaScript

$("ul.pages li").click(function() {
     $("ul.pages li").removeClass("active");
     $(this).addClass("active"); 
     $(".page_content").hide();
     var activepage = $(this).find("a").attr("href")
     $(activepage).show();                          
     return false;
});

I want change full page title to active page h1 title – Blitzer Clark Aug 10 '12 at 18:56 — Blitzer Clark, Aug 10 '12 at 18:56

iambriansreed · Accepted Answer · 2012-08-10T19:38:34.540

2

Try;

$("ul.pages li").click(function() {
     $(this).addClass('active').siblings().removeClass('active'); 
     $(".page_content").hide();
     var activepage = $('a', this).attr("href");
     $(activepage).show();
     document.title = $('h1', activepage).first().text();   
     $('title').text( document.title );                        
     return false;
});

edited Aug 10 '12 at 19:38

answered Aug 10 '12 at 18:39

iambriansreed

21,935
6
63
79

after In order to change what you need to write – Blitzer Clark Aug 10 '12 at 18:53
@BlitzerClarck What are you asking? – iambriansreed Aug 10 '12 at 18:59
This code does not change the title – Blitzer Clark Aug 10 '12 at 19:02
@BlitzerClarck Updated it. Also made the inactive page `hide` not `remove`. – iambriansreed Aug 10 '12 at 19:10
yes awesome thanks dude u r great – Blitzer Clark Aug 10 '12 at 19:14
@BlitzerClarck Remember to accept. :) – iambriansreed Aug 10 '12 at 19:28

score 0 · Answer 2 · answered Aug 10 '12 at 18:38

add id: <h1 id="mytitle" title="contact">contact</h1>

 $("ul.pages li").click(function() {
    $("ul.pages li").removeClass("active");
    $(this).addClass("active"); 
    $(".page_content").hide();
    var activepage = $(this).find("a").attr("href")
    $(activepage).show();

    // NEW:
    $("#mytitle").text("Hello this is changed");
    $("#mytitle").attr("title","we can also change here");     

    return false;
});

hope this is what you are looking for

I want change page title dude not h1 title thanks – Blitzer Clark Aug 10 '12 at 18:52 — Blitzer Clark, Aug 10 '12 at 18:52

score 0 · Answer 3 · answered Aug 10 '12 at 18:41

0

make the title attribute match with the id of the current page, then

$("ul.pages li").click(function() {
     $("ul.pages li").removeClass("active");
     $(this).addClass("active"); 
     $(".page_content").hide();
     var activepage = $(this).find("a").attr("href")
     $(activepage).show();       
     $("h1[title="+activepage+"]").html("The new Title");
     return false;
});

answered Aug 10 '12 at 18:41

José Gómez

112
7

sorry but Im new I'm trying to learn not working this ? – Blitzer Clark Aug 10 '12 at 18:54

score 0 · Answer 4 · answered Aug 10 '12 at 19:10

0

If you want to change the value of the title of the page, you can try:

var current = $('h1').attr('title')
$('title').text(current)

// or document.title = current;

answered Aug 10 '12 at 19:10

Ram

143,282
16
168
197

jQuery change title to h1 title in activepage

4 Answers4