0

ページ全体を再ロードせずに、ナビゲーションバーでphpページを変更するためにjavascriptの関数を呼び出そうとしましたが、ボタンコマンドでそれを実行できましたが、ページ内のjavascriptはオフにした、私は何を間違えましたか?

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery-1.6.2.min.js"></script>

 <script>
$(document).ready(function() {
$("#accordion").accordion();
$('#button_1, #button_2, #button_3, #button_4').click(function(){
                var which_to_load = ( $(this).attr('id')+"" ).replace('button_', ''),
                source_of_file = 'content'+which_to_load+'.php';
                $('#content_box').load( source_of_file );
                return false;
            });
});
     </script>

リンク部分:

<div id="content_changing_buttons">
     <form method="get" id="change_content_buttons" action="">
       <p>
        <li><input value="1" type="submit" id="button_1" name="page" /> Reggiani presents at frankfurt Light + Build 2012</a><br/><br /></li>
        <li><input value="2" type="submit" id="button_2" name="page" /> Reggiani presents at frankfurt Light + Build 2012</a><br/><br /></li>
        <li><input value="3" type="submit" id="button_3" name="page" /> Reggiani presents at frankfurt Light + Build 2012<br/><br /></li>
        <li><input value="4" type="submit" id="button_4" name="page" /> Reggiani presents at frankfurt Light + Build 2012<br/><br /></li>
       </p>
    </form>
    </div>

そしてコンテンツ部分:

  // default number of page to load
        $defaultPageNumber = '2';
        // check if content number is set
        $numberOfPageToInclude = isset($_GET['page']) ? $_GET['page'] : $defaultPageNumber;

        $options = array(
            'options' => array(
                'min_range' => 1,
                'max_range' => 4,
                ));

        if (filter_var($numberOfPageToInclude, FILTER_VALIDATE_INT, $options) !== FALSE) {
            include ('content' . $numberOfPageToInclude . '.php');
        } else {
            echo '<span style="color:red;">Wrong page number, including default page!</span><br />';
            include 'content1.php';
        }
        ?>
 </div>

これで提案どおりに実行できましたが、コードを呼び出すと、最初にデフォルトのphpページが表示され、ボタンをクリックしてページのphp側を変更すると、機能しましたが、どういうわけか残りの部分がオフになりましたjavascript、私のアコーディオンjsとブラインドjs(別のphpページから参照されたもの)でさえ、突然オフになりました。

誰でもこの問題を解決する方法を提案できますか?

4

1 に答える 1

0
          <html>
          <head>
          <script language="javascript" type="text/javascript">
          function showentry()
             {
             if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
             else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
            xmlhttp.onreadystatechange=function()
                {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                   {
                      document.getElementById("right").innerHTML=xmlhttp.responseText;
                   }
                }
            xmlhttp.open("GET","details.php",true);//whatever the contents of file                                       details.php displayed in right div
            xmlhttp.send();
            }
             </script>
             <style type="text/css">
                #left{width:500px;height:100%; float:left;}
                #right{width:500px; float:left;}
             </style>
           </head>
       <div id="left">
      <input type="button" name="GET" value="show" onclick="showentry()"/>
        </div>
        <div id="right">
        </div>
        </html>
于 2012-06-06T07:35:48.213 に答える