mikemike7 の回答履歴

全206件中101～120件表示
  • phpファイルの命令実行順番について

    いつも勉強させていただいております。 初歩的な質問になるかもしれませんが、回答いただければ幸いです。 現在PHPの学習をしております。 phpファイルに記載された命令がどのような順に実行されるのか、ということにたいして私なりの理解が正しいかどうか確認していただきたいのと、ソースについての質問をさせていただきたく思います。 以下、動作確認済みのサンプルソースです。 <html> <head> <title> 画像を保存 </title> </head> <body> <?php if(@$_POST["text1"]) { $width = 300; $height = 200; $fname = $_POST["text1"]; $img = imagecreate($width, $height); imagecolorallocate($img, 0, 255, 0); if(imagepng($img,$fname)) { echo "<p><a href=\"$fname\">作成されたファイル</a>"; } } ?> <form method="POST" action="<?php echo $_SERVER["PHP_SELF"]?>"> <table> <tr> <td> <input type="text" name="text1" value="test.png" > </td> <td> <input type="submit" value="作成" name="sub1" > </td> </tr> </table> </form> </body> </html> ”作成”ボタンを押すと、text.pngという画像ファイルをこのソースがあるフォルダ内に保存し、というだけの処理をするものです。 ・上記サンプルにおける、記述された命令の実行順について (1) <?php　で囲まれている部分が動作する。 →最初は$_POSTに何も入っていないので、if条件は偽となり、何も動作しない。 (2) <form>から、</form>で囲まれている部分が動作する。 テキスト入力エリアや作成ボタンなどのイメージが完成する PHP_SELFを$_SERVERに指定しているので、この情報をこのファイル内の、<?php～で囲まれているところに渡す。 ここまでで画面表示が完了する。さらに作成ボタンを押したときの動作を続ける (3) <input type="text" name="text1" value="test.png" > 初期値として画面に表示したい値をvalueに指定する。 <input type="submit" value="作成" name="sub1" > ボタンに表示したい文字をvalueに指定する。 作成ボタンを押すことで、"text1"という名前とヒモづいたテキストエリアに書かれた情報がPOSTにより渡される。 このサンプルではtextひとつしかないが、他のラジオボタンなど全ての情報が作成ボタンを押すことにより、渡される。 これにより、$_POSTへnameに該当するものを指定すると、それにヒモづいた情報が取得できるようになる。 作成ボタンを押した後は、(1)に戻り、text1にヒモづく情報が見つかることにより、if条件内の処理が動作する。 この場合は「作成されたファイル」という文字がでてくる。 さらに(2)が動作し、「作成されたファイル」という文字の下にテキストエリアや作成ボタンが表示される。 質問 <form>内にあるactionへの設定ですが、"<?php echo $_SERVER["PHP_SELF"]?>"は決まり文句のようなもので、PHP_SELFのみ期待する動作に応じて変化する、という考え方でいいでしょうか？ この記述は使用している参考書にあったものですが、googleなどで検索するとaction=ファイル名、となっているものもありました。なぜこのファイルではこのような書き方をしていて、他のものではファイル名をactionに設定しているのでしょうか？ actionへ指定するものはどういったものを指定するものなのでしょうか？ actionの使い方がよくわかりません。 お手数ですが、ご回答いただける方、よろしくお願いします。

    • ベストアンサー
    • Koh1111
    • PHP
    • 回答数8
  • jquery cycleで画像リサイズ

    jquery cycle pluginを使用して、画像のスライドをしています。 画像を画面中央に全画面表示をしたいのですが、 スライドする画像のサイズがそれぞれ異なるため、 画像の比率を固定して、縦横のサイズで大きい方を 画面に合わせて表示したいのです。 私が考えたのは、 (全文は載せられません。すみません。) <div id="slideImage"> <img id="slide1" src="test01.gif"> <img id="slide2" src="test02.gif"> ・・・ <img id="slide5" src="test05.gif"> </div> ↑のようにスライドする画像があるとして、 下記のjavascriptでスライドする画像分ループさせて、 id部分を変数にして、縦横どちらかが大きかったら・・・という 計算をしています。 function resize(){ for(var i=1; i<6; i++){ var slideNo = "slide" + i; var w = document.getElementById(slideNo).width; var h = document.getElementById(slideNo).height; if(w >= h){ document.getElementById(slideNo).width = screen.width; }else{ document.getElementById(slideNo).height = screen.height; } } } 確かにこれだとidがslide1の場合はサイズをリサイズしてくれるのですが、 slide2以降をリサイズしてくれません。 ループは確かに回っているし、 if文の前でリサイズ前の画像サイズをちゃんと取得しているのですが、 なぜかscreen.width(screen.height)の値が入ってくれません。 jquery cycle pluginだとそれぞれの画像のリサイズはできないのでしょうか。 みなさんお力お貸しください！！

  • jquery cycleで画像リサイズ

    jquery cycle pluginを使用して、画像のスライドをしています。 画像を画面中央に全画面表示をしたいのですが、 スライドする画像のサイズがそれぞれ異なるため、 画像の比率を固定して、縦横のサイズで大きい方を 画面に合わせて表示したいのです。 私が考えたのは、 (全文は載せられません。すみません。) <div id="slideImage"> <img id="slide1" src="test01.gif"> <img id="slide2" src="test02.gif"> ・・・ <img id="slide5" src="test05.gif"> </div> ↑のようにスライドする画像があるとして、 下記のjavascriptでスライドする画像分ループさせて、 id部分を変数にして、縦横どちらかが大きかったら・・・という 計算をしています。 function resize(){ for(var i=1; i<6; i++){ var slideNo = "slide" + i; var w = document.getElementById(slideNo).width; var h = document.getElementById(slideNo).height; if(w >= h){ document.getElementById(slideNo).width = screen.width; }else{ document.getElementById(slideNo).height = screen.height; } } } 確かにこれだとidがslide1の場合はサイズをリサイズしてくれるのですが、 slide2以降をリサイズしてくれません。 ループは確かに回っているし、 if文の前でリサイズ前の画像サイズをちゃんと取得しているのですが、 なぜかscreen.width(screen.height)の値が入ってくれません。 jquery cycle pluginだとそれぞれの画像のリサイズはできないのでしょうか。 みなさんお力お貸しください！！

  • jqueryのドロップダウンメニュをアメブロに。

    ドロップダウンメニューを 現在、活動しているアメブロに設置したくて jqueryを利用したものがあるのを知り さっそく本を買ってサンプルを見ながら自分なりの手を ほんの少しだけ加えて作ってみたのですが PC上では上手く動作してはいるものの アメブロに設置するとなると禁止タグや htmlなど、制限があるらしく 試行錯誤しても上手くいかず…。 どうしても、ここまでやったからには 設置してみたいとは思いつつも どこに、どのようにすればいいものか 全くわからないので お力を借りたいと思いokwaveに登録してみました。 設置の仕方や、余計な箇所や改善箇所など お分かりになる方 ぜひ、教えてください。 よろしくお願いいたします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>sample2</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("ul.menu li").hover(function(){ $(">ul:not(:animated)",this).slideDown("fast"); }, function(){ $(">ul",this).slideUp("fast"); }); }); </script> <style type="text/css"> *{ margin:0; padding:0; list-style-type:none; } #container{ margin:100px auto; width:800px; } ul.menu li{ float:left; width:200px; height:40px; background:url("画像URL1"); position:relative; } * html ul.menu li{ display:inline; zoom:1; } *+html ul.menu li{ display:inline; zoom:1; } ul.menu li a{ display:block; width:100%; height:100%; line-height:40px; text-indent:30px; font-weight:bold; text-decoration:none; position:relative; } ul.menu li a:hover{ background:url("画像URL2"); } ul.sub{ display:none; } * html ul.sub{ zoom:1; position:relative; } *+html ul.sub{ zoom:1; position:relative; } ul.sub li{ float:none; } ul.sub li ul.sub{ position:absolute; left:200px; top:0; } ul.menu{ zoom:1; } ul.menu:after { height:0; visibility:hidden; content:"."; display:block; clear:both; } </style> </head> <body> <div id="container"> <ul class="menu"> <li><a href="#"><img src="画像URL3" align="left" width="200" height="40 "border="0"></a> </li> <li><a href="#"><img src="画像URL4" align="left" width="200" height="40 "border="0"></a> <ul class="sub"> <li><a href="#"><img src="画像URL5" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL6" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL7" align="left" width="200" height="40 "border="0"></a></li> </ul> </li> <li><a href="#"><img src="画像URL8" align="left" width="200" height="40 "border="0"></a> <ul class="sub"> <li><a href="#"><img src="画像URL9" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL10" align="left" width="200" height="40 "border="0"></a> <ul class="sub"> <li><a href="#"><img src="画像URL11" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL12" align="left" width="200" height="40 "border="0"></a></li> ・ ・ ・ ・　字数制限があるので省略します…。 ・ ・ ・ ・ </ul> </div> </body> </html> 　 ※　 もっと簡潔なやり方があるとは思うのですが 　　　無い知恵を振り絞った結果で 　　　画像３～は 　　　オリジナルのフォントを使いたいが為に 　　　透過の画像でオリジナルフォントを 　　 メニュ背景画像の上に使っています。

  • jquery cycleで画像リサイズ

    jquery cycle pluginを使用して、画像のスライドをしています。 画像を画面中央に全画面表示をしたいのですが、 スライドする画像のサイズがそれぞれ異なるため、 画像の比率を固定して、縦横のサイズで大きい方を 画面に合わせて表示したいのです。 私が考えたのは、 (全文は載せられません。すみません。) <div id="slideImage"> <img id="slide1" src="test01.gif"> <img id="slide2" src="test02.gif"> ・・・ <img id="slide5" src="test05.gif"> </div> ↑のようにスライドする画像があるとして、 下記のjavascriptでスライドする画像分ループさせて、 id部分を変数にして、縦横どちらかが大きかったら・・・という 計算をしています。 function resize(){ for(var i=1; i<6; i++){ var slideNo = "slide" + i; var w = document.getElementById(slideNo).width; var h = document.getElementById(slideNo).height; if(w >= h){ document.getElementById(slideNo).width = screen.width; }else{ document.getElementById(slideNo).height = screen.height; } } } 確かにこれだとidがslide1の場合はサイズをリサイズしてくれるのですが、 slide2以降をリサイズしてくれません。 ループは確かに回っているし、 if文の前でリサイズ前の画像サイズをちゃんと取得しているのですが、 なぜかscreen.width(screen.height)の値が入ってくれません。 jquery cycle pluginだとそれぞれの画像のリサイズはできないのでしょうか。 みなさんお力お貸しください！！

  • プルダウンの切り替えについて

    ページのある部分のみjavascriptで別ファイルを読み込ませ（includeのような形）、 プルダウンでその部分が切り替わるように設定したいと考えております。 プルダウンをリンクとして使用したり、画像の切り替えなどは検索で探すとよく見掛けるのですが、 上記のような形は検索で探しても見つからず、困っております。 下記のURLは画像の切り替えですが、この画像の切り替え部分をそのままHTMLファイルを読み込ませて表示させるようになれば、と思っております。 http://www.geocities.co.jp/HeartLand-Kaede/3853/jyouhoufile/im6.html やりたい事 ・プルダウンの切り替えでページの一部分に別ファイルを読み込ませ表示させる ・プルダウンの項目を変えると同時に表示も変わる ・プルダウンの項目はそのまま差し替わった時の項目を指している javascript初心者の為、自分で組もうにも全くと言っていいほど分からなかったので、こちらで質問させて頂きました。 分かりにくい文章で申し訳ありませんが、どうぞお力をお貸しくださいますようお願い致します。

  • ホームページ作りたいです。PHP＋MySQL使用

    今無料の場所でホームページを持ってるのですが、 たまに接続できなかったり、CSSやjavascriptが読み込まなかったりして困っています Dreamweaver付属のFTPと相性が悪いのかなとも思ってますが・・・ PHP、MySQL、.htaccess、が使える無料のレンタルサーバを 知っていたら教えていただけますでしょうか よろしくお願いいたします。

  • jquery cycleで画像リサイズ

    jquery cycle pluginを使用して、画像のスライドをしています。 画像を画面中央に全画面表示をしたいのですが、 スライドする画像のサイズがそれぞれ異なるため、 画像の比率を固定して、縦横のサイズで大きい方を 画面に合わせて表示したいのです。 私が考えたのは、 (全文は載せられません。すみません。) <div id="slideImage"> <img id="slide1" src="test01.gif"> <img id="slide2" src="test02.gif"> ・・・ <img id="slide5" src="test05.gif"> </div> ↑のようにスライドする画像があるとして、 下記のjavascriptでスライドする画像分ループさせて、 id部分を変数にして、縦横どちらかが大きかったら・・・という 計算をしています。 function resize(){ for(var i=1; i<6; i++){ var slideNo = "slide" + i; var w = document.getElementById(slideNo).width; var h = document.getElementById(slideNo).height; if(w >= h){ document.getElementById(slideNo).width = screen.width; }else{ document.getElementById(slideNo).height = screen.height; } } } 確かにこれだとidがslide1の場合はサイズをリサイズしてくれるのですが、 slide2以降をリサイズしてくれません。 ループは確かに回っているし、 if文の前でリサイズ前の画像サイズをちゃんと取得しているのですが、 なぜかscreen.width(screen.height)の値が入ってくれません。 jquery cycle pluginだとそれぞれの画像のリサイズはできないのでしょうか。 みなさんお力お貸しください！！

  • Yomi-Searchのカテゴリを縦並びにしたい

    Riseさん(http://www.w-art.org/)で配布されているCSS Yomi-Search Ver2.14を設置しています。 検索画面のカテゴリなのですが、デフォルトでは横に並んでいますよね。 あれを縦にするには、どこをどういじればいいのでしょうか？ ご教示よろしくお願いします。

    • ベストアンサー
    • arisyz
    • CGI
    • 回答数3
  • テキストを切り替えるプログラムの高さを変えるには？

    http://www.webinventif.fr/wslide-plugin/ http://www.webinventif.fr/wp-content/uploads/projets/wslide/index.htm このデモサイトのExemple 4のプログラムの高さをテキストの長さによって 自動で調整するにはどうすればいいでしょうか？ $('#parent4').wslide({ width: 400, height: 250, autolink: false, fade: true, duration: 2000 }); 単純にheight: 250,を消してみたんですが、高さがさらに縮んでしまう結果になりました。 どなたか、教えてください、 お願いします。

  • テキストを切り替えるプログラムの高さを変えるには？

    http://www.webinventif.fr/wslide-plugin/ http://www.webinventif.fr/wp-content/uploads/projets/wslide/index.htm このデモサイトのExemple 4のプログラムの高さをテキストの長さによって 自動で調整するにはどうすればいいでしょうか？ $('#parent4').wslide({ width: 400, height: 250, autolink: false, fade: true, duration: 2000 }); 単純にheight: 250,を消してみたんですが、高さがさらに縮んでしまう結果になりました。 どなたか、教えてください、 お願いします。

  • フェードインで文章を切り替えたい。

    http://www.gkicresourcecenter.com/product/influential-writing-workshop/ ここのようなボタン（★マークの下）をクリックした際に下部の文章が フェードアウト～フェードインで切り替わるようにしたいのですが、 なにかいいスクリプトをご存知ないでしょうか。 できれば、クリック後、どのボタン内にいるかわかるように、 ボタンの色も変わる（CSSが切り替わる）ような判別も行いたいです。

  • 宿泊予約のjavascriptについて

    とあるきっかけで宿泊施設様のサイトに予約システムを埋め込むことになりまして、サイト上にプルダウン型のフォームを設置しようと考えております。 一通り組み終えたのですが、月と日を2桁にしないと表示先でエラーが出てしまいまして困っております。 以下にソースを記述致しますので良い解決方法をお教え頂けないでしょうか。 document.write( '<script type="text/javascript">'); document.write( '<!--'); //------------------------------------------------------------------ // チェックイン日・チェックアウト日の選択肢を格納する // チェックイン日・・・画面を表示した日付を選択状態にする // チェックアウト日・・・画面を表示した翌日を選択状態にする //------------------------------------------------------------------ // チェックイン日 var search_now_date = new Date(); var fNen1 = document.room_search.ciDateY; var fTuki1 = document.room_search.ciDateM; var fHi1 = document.room_search.ciDateD; for( var ii=search_now_date.getFullYear(), jj=0; ii<=search_now_date.getFullYear() + 2; ii++, jj++ ){ fNen1.options[jj] = new Option( ii, ii ); } fNen1.selectedIndex = 0; for( var ii=1, kk=0; ii<=12; ii++, kk++ ){ fTuki1.options[kk] = new Option( ii, ii ); } fTuki1.selectedIndex = search_now_date.getMonth(); for( var ii=1, jj=0; ii<=31; ii++, jj++ ){ fHi1.options[jj] = new Option( ii, ii ); } fHi1.selectedIndex = search_now_date.getDate() - 1; // チェックアウト日 var tmpMillis = search_now_date.getMilliseconds(); search_now_date.setMilliseconds( tmpMillis + 24 * 60 * 60 * 1000 ); var fNen2 = document.room_search.coDateY; var fTuki2 = document.room_search.coDateM; var fHi2 = document.room_search.coDateD; for( var ii=search_now_date.getFullYear(), jj=0; ii<=search_now_date.getFullYear() + 2; ii++, jj++ ){ fNen2.options[jj] = new Option( ii, ii ); } fNen2.selectedIndex = 0; for( var ii=1, kk=0; ii<=12; ii++, kk++ ){ fTuki2.options[kk] = new Option( ii, ii ); } fTuki2.selectedIndex = search_now_date.getMonth(); for( var ii=1, jj=0; ii<=31; ii++, jj++ ){ fHi2.options[jj] = new Option( ii, ii ); } fHi2.selectedIndex = search_now_date.getDate() - 1; document.write( '//-->'); document.write( '</script>');

  • フェードインで文章を切り替えたい。

    http://www.gkicresourcecenter.com/product/influential-writing-workshop/ ここのようなボタン（★マークの下）をクリックした際に下部の文章が フェードアウト～フェードインで切り替わるようにしたいのですが、 なにかいいスクリプトをご存知ないでしょうか。 できれば、クリック後、どのボタン内にいるかわかるように、 ボタンの色も変わる（CSSが切り替わる）ような判別も行いたいです。

  • Yomi-Searchのカテゴリを縦並びにしたい

    Riseさん(http://www.w-art.org/)で配布されているCSS Yomi-Search Ver2.14を設置しています。 検索画面のカテゴリなのですが、デフォルトでは横に並んでいますよね。 あれを縦にするには、どこをどういじればいいのでしょうか？ ご教示よろしくお願いします。

    • ベストアンサー
    • arisyz
    • CGI
    • 回答数3
  • プルダウンの切り替えについて

    ページのある部分のみjavascriptで別ファイルを読み込ませ（includeのような形）、 プルダウンでその部分が切り替わるように設定したいと考えております。 プルダウンをリンクとして使用したり、画像の切り替えなどは検索で探すとよく見掛けるのですが、 上記のような形は検索で探しても見つからず、困っております。 下記のURLは画像の切り替えですが、この画像の切り替え部分をそのままHTMLファイルを読み込ませて表示させるようになれば、と思っております。 http://www.geocities.co.jp/HeartLand-Kaede/3853/jyouhoufile/im6.html やりたい事 ・プルダウンの切り替えでページの一部分に別ファイルを読み込ませ表示させる ・プルダウンの項目を変えると同時に表示も変わる ・プルダウンの項目はそのまま差し替わった時の項目を指している javascript初心者の為、自分で組もうにも全くと言っていいほど分からなかったので、こちらで質問させて頂きました。 分かりにくい文章で申し訳ありませんが、どうぞお力をお貸しくださいますようお願い致します。

  • js、 jQuery の手直しを助けてください

    js, jQuery　初心者です。下記のコードの手直しを助けて下さい このコードはページ内の複数設置されたリンクのいずれかをクリックすると 背景の画像がフェードしながら変わるというものです。 例えばリンク１を押すと背景画像１がフェードしながら呼び込まれ、 リンク２を押すと背景画像２が呼び込まれるといった感じです。 このソースコードを使うに当たって問題が２つあり、 初心者の自分では手直しできないため こちらに質問させていただきました。 問題１，Firefox 4 では作動するのに、他のブラウザではうごかない。 テスト済みブラウザ→ Chrome v.11.0, IE8, Safari 5 問題２、次画像のフェードインが、前画像のアウトの後にならないと読み込みが始まらない。 これだとフェード時に画像が一時期消える（真っ白になってしまう）時間ができてしまうので 出来れば次の画像をフェードなしでストレートに読込み、その上で前の画像をフェードアウトさせたいです。 どなたか問題解決の手直し方法をわかる方がいらっしゃいましたら ぜひ教えてください [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery","1.5.0");</script> <style type="text/css"> #wrapper { width: 100%; height:100%; background-image:url(img/img1.jpg); background-repeat:repeat;} #container{ width:1000px; height:1000px;} </style> <script type="text/javascript"> $(function(){ 　$("#nav a").click(function(){ 　　var val = this.rel, layer = $("#wrapper"); 　　layer.fadeOut(500, function(){ 　　　layer.css("backgroundImage", "url(img/"+val+".jpg)").fadeIn(500); 　　}); 　}); }); </script> </head> <body> <div id="wrapper"> <div id="container"> <div id="nav"> <a href="#" id="btn1" rel="img1">background1</a> <a href="#" id="btn2" rel="img2">background2</a> <a href="#" id="btn3" rel="img3">background3</a> </div> </div> </div> </body> </html> [/code]

    • ベストアンサー
    • suteadd_1
    • AJAX
    • 回答数5
  • テーブル内に棒グラフを作る方法

    テーブルの数値を読み込んで、そのテーブルにグラフを表示したいのですが、 方法がわかりません。 具体的には以下のサイトとほぼ同じようにテーブル内にグラフを作りたいです。 ttp://2ch.logpo.jp/ 宜しくお願いします。

  • js、 jQuery の手直しを助けてください

    js, jQuery　初心者です。下記のコードの手直しを助けて下さい このコードはページ内の複数設置されたリンクのいずれかをクリックすると 背景の画像がフェードしながら変わるというものです。 例えばリンク１を押すと背景画像１がフェードしながら呼び込まれ、 リンク２を押すと背景画像２が呼び込まれるといった感じです。 このソースコードを使うに当たって問題が２つあり、 初心者の自分では手直しできないため こちらに質問させていただきました。 問題１，Firefox 4 では作動するのに、他のブラウザではうごかない。 テスト済みブラウザ→ Chrome v.11.0, IE8, Safari 5 問題２、次画像のフェードインが、前画像のアウトの後にならないと読み込みが始まらない。 これだとフェード時に画像が一時期消える（真っ白になってしまう）時間ができてしまうので 出来れば次の画像をフェードなしでストレートに読込み、その上で前の画像をフェードアウトさせたいです。 どなたか問題解決の手直し方法をわかる方がいらっしゃいましたら ぜひ教えてください [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery","1.5.0");</script> <style type="text/css"> #wrapper { width: 100%; height:100%; background-image:url(img/img1.jpg); background-repeat:repeat;} #container{ width:1000px; height:1000px;} </style> <script type="text/javascript"> $(function(){ 　$("#nav a").click(function(){ 　　var val = this.rel, layer = $("#wrapper"); 　　layer.fadeOut(500, function(){ 　　　layer.css("backgroundImage", "url(img/"+val+".jpg)").fadeIn(500); 　　}); 　}); }); </script> </head> <body> <div id="wrapper"> <div id="container"> <div id="nav"> <a href="#" id="btn1" rel="img1">background1</a> <a href="#" id="btn2" rel="img2">background2</a> <a href="#" id="btn3" rel="img3">background3</a> </div> </div> </div> </body> </html> [/code]

    • ベストアンサー
    • suteadd_1
    • AJAX
    • 回答数5
  • フォルダ内の特定ファイル名を抽出しhtmlへセット

    HP作成初心者です。 現在、Blogフォルダ内には下記のファイル 2011_05_01.html 2011_05_15.html 2011_06_05.html があります。 また top_page.html の href 指定は下記の通りになっております。 <ul> <li id="home"><a href="top_page.html">Home</a></li> <li id="profile"><a href="Profile/profile_page 01.html">Profile</a></li> <li id="photo"><a href="Photo/photo_page.html">Photo</a></li> <li id="movie"><a href="Movie/movie_page_A.html">Movie</a></li> (1) <li id="blog"><a href="Blog/blog_2011_06_05.html">Blog</a></li> <li id="contact"><a href="Contact/input.php">Contact</a></li> <li id="link"><a href="Link/link_page_01.html">Link</a></li> </ul> これだと現状、新しいブログをアップする度に何十か所も リンク修正しなければならず手間になります。 ローカルで Dreamweaver を使用出来る環境であれば 検索／置き換えでの一発修正で済みますが サーバー上にアップされてる場合はそうもいきません。 なのでどうしたいか（何がしたいか）・・・ ・ 閲覧者が top_page.html で (1) の Blog を選択した時に 　 Blog フォルダ内で一番最新のファイル名（ファイル名の数字部分の大きいファイル1件）を 　 何らかのプログラミングを用いてあくまで内的動作で選択させ、表示させたいのですが・・・ 　 （閲覧者のアクションはBlogボタンのクリックで済むようにしたい） ・ ブログファイルのネーミングは日付ベースでのナンバリングでネーミングするという運用。 　 （2011年06月05日ならば 2011_06_05.html という具合） ・ 上記運用ルールで新しいブログファイルがアップされる度毎に、日付ベースで 　 ナンバリング＆ネーミングされた部分は大きい値になっていくので ( 2011_06_05 < 2011_06_30 ) 後は、ブログフォルダ内で常に値の一番大きいナンバリングファイル１件の ファイル名を選択させる事が出来れば・・・ その場合は pho or JavaScript ？それとも他の何かを使用する？ 自分でも考えてみたのですが、選択された特定ファイル名を php post を使用して(1)の href= 以下に書き込ませるとか・・・ くらいしか思いつきません。 またその際の特定ファイルの選択のさせ方もわかりません。 あるものを基準として、それより大きいか小さいかとかの 条件記述のものはググれば出てきますが・・・ 説明が乱雑になってしまいましたが、どなたか良い方法ありましたら 解り易くご教授の程、宜しくお願い致します。 Pｓ Blog フォルダ内のファイル名は日付ベースでのナンバリング＆ネーミング であれば多少変わっても構いません。

活動履歴