プログラム初心者です。
PHPでタブと$_REQUESTを使ったシステムを作成しています。
ですが、うまく表示されません。
イメージはこんな感じです。
ページとしては、上の12個のボタンがr=0で下のABCがt=0です。
###発生している問題・エラーメッセージ
タブは画像での実装になるので、javascriptのクリックイベントで
画像をクリックされたらURLの末尾に_0を付け加えて表示するというものです。
下のコードは何度も使っていたのですが、今回$_REQUESTで引数を利用するページを作ろうとすると上手くいきません。
javascriptは常に起動しているという解釈だったのですが違うのでしょうか?
下のJSのコードでhoverイベントにすると問題なく動きますし、clickイベントも一瞬画像が切り替わって
元の画像に戻るという状況です。
お知恵をお貸しいただけると幸いです。
###該当のソースコード
$pIntRno=@$_REQUEST['r']; $pIntTabno=@$_REQUEST['t']; //javascript $(function(){ var handler = $('ul#nav li a'); // ウィンドウを開いた時のタブの位置 var url = document.URL; var urlId = url.substr(url.lastIndexOf('#')); var urlIdJudgment = urlId.lastIndexOf('#'); $('ul#nav').each(function(){ $('#tab-box > div:first').show(); var imgSrc = $('ul#nav li:first img').attr('src'); var imgDot = imgSrc.lastIndexOf('.'); var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4); $('ul#nav li:first img').attr('src',onSrc).addClass('tab-on'); handler.click(function() { // クリックしたタブ画像をオンの状態に var imgSrc = $(this).children('img').attr('src').replace(/_o/g, ""); var imgDot = imgSrc.lastIndexOf('.'); var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4); $(this).children('img').attr('src',onSrc); }) }); //PHP <div id="tab-box"> <ul id="nav"> <?php for($i=1;$i<=12;$i++){ echo '<li class="r_tab_Btn r_tab_e"><a href ="index.php?r='.$i.'&t='.$pIntTabno.'"><img src="img/Btn/'.$i.'R_e.png">'; } ?> </ul> /* コンテンツ */ </div>
###試したこと
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
php-5.4.36
jquery-1.8.3.min
回答3件
あなたの回答
tips
プレビュー