• 締切済み

JavaScriptで動的ページ作成

以下のようなことがJavaScriptで可能でししょうか？ できる場合、関数等のヒントをいただけないでしょうか。 index.htmlにおいてテーブルタグにてカレンダー表示させております。 任意の一日をクリックした場合にgazou.htm（画像を4つほど表示するページ） を動的に表示させたいのです。 2015月11月16日の場合、画像の名前のNov.16,2015-1.jpgからNov.16,2015-4.jpgの4つ画像 2008月12月20日の場合、画像の名前のDec.20,2008-1.jpgからDec.20,2008-4.jpgの4つ画像 というようにです。 そして表示されたgazou.htmには翌日、前日のリンクもつけたいと思っています。 どうぞよろしくお願いいたします。

みんなの回答

  • y_shimizu
  • ベストアンサー率41% (27/65)
回答No.1

index.htmlの日付（Aタグ？）の飛び先を "gazou.htm?d=2015/11/16" のようにパラメータ付きにしてしまえば、 gazou.htm側ではlocation.searchで "?d=2015/11/16" のクエリストリングがとれます。 後は "2015/11/16" をファイル名に変えてimgタグのsrcに設定すればいけると思います。 翌日、前日のリンクも-1日と+1日を計算して "gazou.htm?d=2015/11/15" とかを設定したリンクに すればいけるかと。 yyyy/mm/ddからファイル名にするのがちょっと面倒ですが、 +1日と-1日の計算も必要なので、一度date型に変換してしまえば、だいたいいけると思います。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascriptでの日めくり作成の質問

    はじめて、投稿いたします。よろしくお願いします。 HPにjavascriptを使用して日めくりカレンダーを作成したいのですが、前日や翌日の表示もさせるにはどうすればよろしいでしょうか。参考HPやタグなどお教えいただければ助かります。よろしくお願いいたします。また、日にち以外の六曜（吉日など）も表示したいので、そちらもお教えいただければ助かります。

  • Javascriptにてページ作成

    Javascriptを用いて、 1)以下を中央ぞろえ 2)太字・(HTMLでの)フォント6程度の「タイトル」 3)ページを開いた際の時間が30以下で「画像1」 　30秒より後の場合は「画像2」を表示 4)3)の背景色を変更 5)最終更新日時を自動取得 といった条件を満たしたページを作成したいのです。 2)は検索して調べたところ、おおむね以下のような感じになると思います。 <script type="text/javascript"> <!-- dd = new Date(); mySeconds = dd.getSeconds(); myimg= '<img src="「画像1」" width= "x" height="y">'; myimg2= '<img src="「画像2」" width= "x" height="y">'; if(mySeconds<30){ document.write(myimg+"<br>"); }else{ document.write(myimg2+"<br>"); } document.write(dd.toLocaleString() +"<br>"); // --> </script> そして5)の日時自動取得は <script type="text/javascript"> <!-- document.write(document.lastModified); // --> </script> こんな感じになると思うのですが。 それ以外の条件を満たすJavascriptで、ぴんとくるものが見つかりません。 他の条件はHTMLで記述するべき(HTMLのほうが楽？)ことなのでしょうか？ HTMLは基本的なことだけかじった程度の知識で、Javascroptというものに頭を悩ませています。 よろしくお願いします。

  • JavaScriptについて

    サイト作成中なのですが、JavaScriptのところでつまづいています。 ボタンをクリックすると別窓で画像が出てきて表示されるというJavaScriptを作ると、ボタンは表示されていたのですが、ボタンを押しても画像が表示されません。つまり押しても何も反応がありません。 恐らく画像の保存場所が違うのではないかとにらんでみたのですが見当違いかな？？ タグは以下の通りです。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> function cl(){ popwin=window.open(",'img','width=150,height=150'); popwin.document.write('<IMG SRC="image3.jpg">'); } </SCRIPT> </BODY> クリックしてください。 <FROM> <INPUT type="button" VALUE="クリック" onClick="cl()"> </FROM> </BODY> </HTML> 私はここの部分で間違えてると思いました。 popwin.document.write('<IMG SRC="***.jpg">'); デスクトップに置いてるmyhomepageにimageというフォルダを置いてそこに画像を保存しています。 その場合、<IMG SRC="image/***.jpg">かなと思い実行してみましたがダメでした。。 JavaScriptのときは何か特別なファルダを作る必要が あるんでしょうか？？ JavaScriptに関しては最近はじめたばかりでチンプン カンプンなのでわかりやすく説明していただけるとありがたいです。 ちなみに上記のタグは説明本通り記載しました。 よろしくお願いいたします。

  • ランダム画像 & マウスオーバー画像切り替え &

    こんにちは。 どうしてもわからない事がありますので質問させて下さい。 下記ソースにてランダム画像切り替えとマウスオーバーにて画像変更を行ってます。 <script language="javascript"> <!-- //ランダムにgazouを表示 img = new Array(); img[0] = "gazou1.jpg"; img[1] = "gazou2.jpg"; img[2] = "gazou3.jpg"; img[3] = "gazou4.jpg"; img[4] = "gazou5.jpg"; img[5] = "gazou6.jpg"; n = Math.floor(Math.random()*3); m = n+3; document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>"); //--> </script> さらにマウスオーバー時の画像それぞれ個別にリンクを張り さらにそれをインラインフレーム内で表示するのでtarget="_top"の値を付け加えたいです。 そのような事が可能であれば是非ご教授頂ければありがたいです。 みなさま、よろしくお願い致します。

  • JavaScript ファイル名の書き方

    ＨＰのトップページにスライドショーをJavaScriptで置こうとしています。 参考サイトは　http://www.geocities.jp/miyake_kobo/cp_ex/cp_ex_006.html　です。 p_obj=new Array();for(t=f_no;t<ii+1;t++){p_obj[t]=new Image();p_obj[t].src=t+".jpg";} の部分で画像ファイルを読み込んでいるのですが（p_obj[t].src=t+".jpg";） この参考プログラムの作者も書いていますが、全て同じフォルダーに置くことと。 でもファイル・フォルダが混雑してきたので、スライドショーする画像ファイルを「gazou」フォルダにまとめ置き、p_obj[t].src="gazou/"+t+".jpg" にしましたが、うまくいきませんでした。 どんな書き方をしたらよいのでしょうか？

  • javascriptで画像を表示する

    javascriptで画像を表示した際に、表示したimgにCSSのidを付与したいのですが、以下のようにしても画像にidはつきませんでした。 document.write("<img src='images/image.jpg' id='example'>"); 一部の画像のみにスタイルを適用したいので、画像それぞれに異なるidを与えたいのですが、javascriptで表示させる場合のやり方がわかりませんでした。 どうやってidを割り当てるのか教えてください。 よろしくお願いいたします。

  • WEBページ内にカレンダー

    WEBページ内にカレンダーを挿入したいと思ってます。 HTMLの4.01 Transitionalで書いています。 手書きです。 その中に、自動的に更新されるカレンダーを挿入したいのですが、 自動的に月ごとに変わっていくカレンダーが必要なのです。 最初に考えたのが、Javascriptを利用して、 カレンダーは画像にして月ごとに変更しようかと思いました。 しかし、それなら、一定期間内にメンテナンスが必要になります。 どこかのサービスでFlashなどでも表示でもいいので、 良いカレンダーがあれば、教えていただけないでしょうか？

    • ベストアンサー
    • HTML
  • 忍者ツールのアクセス解析で使っているjavascriptについて

    http://www.ninja.co.jp/analyze/ 参考サイト↑ 忍者ツールで使用しているjavascritpでアクセス解析をする方法ですが、 直接的にはアクセス解析を取る分けではないですが、他のサイトの人に これと同じようなjavascritpタグを貼ってもらって、自分のバナー画像を表示し、 オンマウスすると、テーブルタグの中にリンク、リンク先のテキストが表示される ような仕組みはどのように行っているのでしょうか？ サンプルとなるようなものを検索しましたが、今一参考になるサイトがありません。 おそらく、document write<---------->みたいなことでタグを呼び出しているのでしょうか？ また、javascriptがユーザーサイドでＯＦＦユーザー対策になっている場合の対策アドバイスを下さい。 長々書きましたが、簡単には、javascriptでバナー画像を呼び出し、オンマウスでテーブルタグでくくった内容を表示させたいです。 よろしくお願いします。

  • ｈｔｍｌでjavascriptソースをテーブル内に表示するには？

    始めまして宜しくお願いします。 スクリプトソースをテーブルタグの中のテーブルに貼り付けたのですが 表示されません、<HEAD>～</HEAD>に貼り付けると表示されますれ <BODY>～</BODY>は表示されません。希望としてはテーブルタグの中に 貼り付け表示したいのですが、いろいろ調べ試しましたが 上手くいきません、どなたか助けていただければと思います、 よろしくお願いします。 ソースはコレになります↓。 <script language="JavaScript"> <var imglist = new Array( "flowerA.jpg", "flowerB.jpg", "flowerC.gif", "flowerD.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output);> </script>

  • 画像がみれません。javascript～？

    最近パソコン使うようになったものです。賃貸情報のアパートの室内画像を見ようと「画像をみたい」をクリックしてもみれません。「画像をみたい」という部分をクリックして移動しようとすると javascript:Popup_PhotoViewer("/users/不動産屋の名前/ 数字","jpg","1","1)とでてきます。 画像をみるようにするにはどうしたら良いのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する