2012-02-17 8 views
2

したがって、私はULとLIを使ってjqueryメニューを持っています。私は、メニュー項目にホバー状態を維持することによって、彼がいるページをユーザーに表示するようにページ状態を望んでいました。メニューページの状態

私は、ユーザーがリンクをクリックしたときに機能し、データを読み込むためのjavascriptファイルを作成しました。

<ul id="nav"> 
    <li onclick="enact(this);" <?php if($_COOKIE["selected"] == "Home"){ echo "class='navselected'"; }?> ><a href="index1.php">Home</a></li> 

<li onclick="enact(this);" <?php if($_COOKIE["selected"] == "Student"){ echo "class='navselected'"; }?>><a href="#">Student</a> 
         <ul> 
          <li onclick="enact(this);"><a href="add_student.php">Add Student</a></li> 
          <li onclick="enact(this);"><a href="edit_student.php">Edit/Delete Student</a></li>        
         </ul> 
        </li> 

<li onclick="enact(this);" <?php if($_COOKIE["selected"] == "User Log"){ echo "class='navselected'"; }?>><a href="log.php">User Log</a></li>  
</ul>      

:この関数は、Liから

function setCookie(name, value, days) { 
    var expireDate = new Date() 
    //set "expstring" to either future or past date, to set or delete cookie, respectively 
    var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5) 
    document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/"; 
    } 

     function enact(what){     
      var value = $(what).text()     
      setCookie(&quot;selected&quot;, value, 60) 
     } 

     function enactHome(){ 
      setCookie(&quot;selected&quot;, "Home", 60) 
     } 

     function enactLog(){ 
      setCookie(&quot;selected&quot;, "Log", 60) 
     }</pre> 

を取得したテキストデータは、その後、私は(クッキーを読んで、それがテキストと同じだ場合は、スタイルを設定)、次のしているとクッキーを設定します今問題は、スチューデントリンクがページの読み込み時に動作し、CSSのバックグラウンドでメニュー状態を設定することです。他の人はCSSを設定しますが、ページを再度リフレッシュする必要があります。ホームをクリックすると、選択した学生がページが読み込まれます。ページがリフレッシュされると、選択されたホームが読み込まれます。

ホームとログでenactHome()とencatLog()を使用しようとしましたが、成功しませんでした。私は間違って何をしていますか?助けてください;/

おかげで、 フランチェスコ

答えて

0

あなたのメニュー項目と各ページのボディに独特のid Sを与えるとCSSでそれを行うことができます。
私はなぜクッキーを使用し、そのすべてのトラブルを通過するのか分かりません。私は何かが足りないかもしれない。

HTML

<body id="page-about"> 
. 
. 
. 
<ul> 
    <li><a id="menu-about"></a></li> 
</ul> 

CSS

#page-about #menu-about { background: red; } 
+0

そのページは、各ページのヘッダとして一度使用される主な理由。つまり、私はロゴ、メニュー、トップのもの、メインコンテンツを含むCONTENTページ、フッタエリアを含むFOOTERページを含むこのHEADERページを持っています。 – Necron