2012-01-08 16 views
0

ページタイトルを変更するには<title></title>コンテンツがロードされた後に#container div?.load()の間に動的ページタイトルを変更するには

$(document).ready(function() { 
    $("a.view").live('click', function() { 
     var id = $(this).data("id"); 
     $('#container').load("view.php?" + id); 
    }); 
}); 

私はURLを介して取得idことによってそれを取得​​せず場合、たとえばview.php?id=1

if (isset($_GET['id'])) { 
$pageid = intval($_GET['id']); 
$select = $db->query('SELECT id, title FROM content WHERE id="'.$id.'"'); 
$data = $db->fetch($select); 
$title = $data['title']; 
} 

この場合には、ファイルがheader.php後負荷である場合だから私のheader.phpにちょうど<title><?php echo $title; ?></title>

それを呼び出しますどのように現在の.load("view.php?" + id)に従って私のページタイトルを動的に作成できますか?あなたはdocument.title propertyを設定することができます

答えて

4

document.title = "My new title!"; 
+0

ありがとうございました。メタ記述の場合はどうですか?特定の要素がありますか? – kampit

+1

@kampit:あなたは ''を意味しますか?必要がない。説明は検索ボットのためだけにあり、実際にはJavaScriptを実行しません。 – Ryan

+0

はい、実際Open Graph Protocolの目的で変更したいと思います。 – kampit

1

は.LOAD呼び出しでコールバック関数を追加し、responseText、textStatus、XMLHttpRequestがすべてのコールバックに渡される引数です。

function myCallback(responseText, textStatus, XMLHttpRequest) 
{ 
    document.title = "Set new title"; 
} 

$(document).ready(function() { 
    $("a.view").live('click', function() { 
     var id = $(this).data("id"); 
     $('#container').load("view.php?" + id,myCallback); 
    }); 
}); 
関連する問題