0

「TitleLinkCookie.html」という名前のファイルが 2 つあり、リンクをクリックすると「NewTitle」という名前の Cookie が作成されます。この例では値が innerHTML で、"Hello world php 1"/2/3 であり、うまく機能しています。「showCodePhp.html」という 2 番目のファイルは、Cookie のタイトルを受け取り、h3 タグ id="TitleField"、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>
4

1 に答える 1

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>
于 2012-04-08T11:29:17.990 に答える