2012-04-08 8 views
0

"TitleLinkCookie.html"という名前のファイルが2つあります。リンクをクリックすると "NewTitle"という名前のクッキーが作成されます。私たちの場合にはinnerHtmlという値で、 "Hello world php 1" /2/3.andはうまくいきます。 2番目のファイルは "showCodePhp.html"と呼ばれ、クッキーのタイトルを受け取ってh3タグid = "TitleField"、innerHTMLに表示する必要があります。助けてくれてありがとう。innerHTMLは彼のクッキータイトルを受け取りません

TitleLinkCookie.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<head> 
<META NAME="Description" CONTENT="Guide,Tutorial"> 
    <meta name="keywords" content="HTML,CSS,JavaScript, jQuery,Html5,Framework,php,photoshop,design" /> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
<title>Link guide</title> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script> 
<STYLE type="text/css"> 
    a { color:red; margin:5px; cursor:pointer; } 
    a:hover { background:yellow; }? 
</STYLE> 
<script type="text/javascript"> 
     $(document).ready(function() { 
     $('a').each(function() { 
         $(this).click(function() { 
          var varibaleTitle=$(this).html(); 
            setCookie(varibaleTitle); 
         }); 
    }); 
    function setCookie(varibaleTitle){ 
     var expireDate = new Date(); 
     expireDate.setMonth(expireDate.getMonth()+1); 
    var NewTitle = varibaleTitle; 
     document.cookie = "NewTitle=" + NewTitle + ";path=/;expires=" + expireDate.toGMTString(); 
    alert(varibaleTitle)};//end function setCookie 
    });// document ready 
</script> 
</head> 
<body > 
<p><a id="link1" href="showCodePhp.html" >Hello world php 1</a></p> 
<p><a id="link2" href="showCodePhp.html" >Hello world php 2</a></p> 
<p><a id="link3" href="showCodePhp.html" >Hello world php 3</a></p> 
</body > 
</html> 

showCodePhp.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Hello World</title> 
    <!--<script src="http://www.centerwow.com/gotemp/gotemptics.js" type="text/javascript"></script>--> 
    <script type="text/javascript" src="scripts/shCore.js"></script> 
    <script type="text/javascript" src="scripts/shBrushPhp.js"></script> 
    <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/> 
    <script type="text/javascript">SyntaxHighlighter.all();</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     function reedCookie() { 
     var str =document.cookie.split("=")[1]; 
     var str2 = document.getElementById("TitleField").innerHTML;   
     if (document.cookie != "") { 
      str2 = "Your Title is : " + str; 
     }//end reedCookie 
     });// document ready 
    </script> 
</head> 
<body style="background: white; font-family: Helvetica"> 
<p><a href="http://www.centerwow.com/guide/guide.html">Back to Home</a></p> 
<p><h3 id="TitleField"></h3>Title : </p> 
<pre class="brush: php;"> 
<? 
// Hello world in PHP 
print("Hello World"); 
?> 
</pre> 
<body> 
</html> 
+0

私はあなた 'reedCookie()' * [原文] *関数が行うことになっているかを理解していません。情報をローカル変数に格納し、何もせずに終了します。 – JJJ

+0

こんにちは 私は以前の回答を受け入れます。 「あなたのコードを適切にフォーマットする」と言います。どういう意味ですか? –

答えて

1

あなたがHTML要素 "TitleField" のinnerHTMLプロパティを変更する必要があるが、実際にあなたがそれを設定していないと述べました!

私は以下のように設定することができ、スクリプトを変更:

<script type="text/javascript"> 
    $(document).ready(function() { 
    function reedCookie() { 
    var str =document.cookie.split("=")[1]; 
    var str2 = document.getElementById("TitleField").innerHTML;   
    if (document.cookie != "") { 
     $("#TitleField").html("Title :"+ str); 
    }//end reedCookie 
    });// document ready 
</script> 
+0

私はそれが動作していないtryed。 –

+0

str2 = document.getElementById( "TitleField")。innerHTML –

+0

問題は関数内にありますreadCookie –

関連する問題