毎週月曜日深夜0:00にテキストリンクのリンク先を変更する方法

2003/05/19 17:36

このQ&Aのポイント

Javascriptを使用して、毎週月曜日深夜0:00にテキストリンクのリンク先を自動的に変更する方法をご教示ください。
ウェブページには週5回日替わりのレシピが掲載されています。テーマごとに一口メモが表示され、現在は手動でリンク先のURLを変更しています。Javascriptを使って自動的に変更する方法を知りたいです。
Javascriptで<a>タグを使用して、毎週月曜日の深夜0:00にテキストリンクのリンク先を変更する方法を教えてください。現在は手動で変更していて、面倒なので自動的に変更できるようにしたいです。

fishpaw
お礼率52% (21/40)

JavaScript
回答数6
ありがとう数5

みんなの回答 （6）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#199778

2003/05/20 17:40 回答No.6

補足読みました。前回(#8)のスクリプトをそのまま生かしたい場合は、 document.write(" target=_blank>今日のレシピ</a>"); この行を、 document.write(" target=recipe onClick=window.open('','recipe','width=400,height=300')>今日のレシピ</a>"); こうすれば、希望通りの動作が得られるのではないかと思います。こうすると、リンクタグ内に追加したJavaScriptでブランクのウィンドウを開き、そのウィンドウにリンクで指定したページを読み出すようになるはずです。ただ、こうするよりも、関数でウィンドウを開く動作を指定しておいて、その関数をリンクから呼び出す方が、スマートなソースになると思います。この場合は、head内のスクリプトは、以下のようにします。 <script type="text/javascript">  </script> この関数を呼び出すリンクについては、 <a href="#" onClick="TDR(); return false;">今日のレシピ</a> これでよいはずです。あとは、はじめに定義しているrcp[]という配列に、順次その日付のときに表示させたいHTMLファイルのURLを記述すれば、動作してくれると思います。こちらの方が簡素で良いと思います。これでいかがでしょうか?

質問者

お礼 2003/05/20 19:40

上記2番目のNewArrayを使ったやり方で頼もしく動作したので、さっそく本番にデータあげてしまいました！ありがとうございました。毎週月曜の朝、手作業で更新していたので、これでかなりらくになります！！

その他の回答 (5)

noname#199778

2003/05/20 14:46 回答No.5

失礼ついでにもう一つ。 #2の方の回答の補足にあるソースを改造するのであれば、 <html> <head> <SCRIPT language="JavaScript">  </SCRIPT> </head> <body> <script language="JavaScript"> </script> </body> </html> こんな感じではいかがでしょうか。それぞれの日のリンク先のURLは、配列の画像のURLを格納している部分("****1.html"の部分)に記入してください。こちらの場合は、リンク先のURLを手動で書き換える必要がありますが、配列の中でHTMLファイルのURLを指定できるので、HTMLファイルの名前を自由に付けることが可能になります。たびたび失礼しました。参考になれば幸いです。

質問者

補足 2003/05/20 15:36

lead1976さんありがとうございます。一口メモ（今週のテーマ）ページへリンクさせるための、テキストリンクの表示には、成功しました。が、一口メモ（今週のテーマ）のページは、400*300pxというとても小さいサイズで作っているため、Javascriptにポップアップウィンドウのサイズを指定するスクリプト追加したいのです…。単純に"function dinrcp() "にwindowopenのスクリプトを追加するだけだと、ページにアクセスしたときに一口メモページが開かれてしまいます。何度も申し訳ないのですが、よろしくお願いします…。

noname#199778

2003/05/20 14:35 回答No.4

横槍気味に失礼します。 JavaScriptの関数で新しいウィンドウを開くように指定して、その開く先のページのURLを、リンクをクリックした時点の日付で変更する方式ではいかがでしょうか。 JavaScriptでリンクを書き出す場合、DHTML的手法を使わない限り、日付をまたいだときに、そのリンクのリンク先はページをリロードしない限りは変更されませんし、ポップアップウィンドウを利用したいというのであれば、HTMLのリンクのみでtarget指定を変えるなどしてやるよりも、JavaScriptでやった方がスマートにできると思います。練習がてらに作ってみたのですが、もしポップアップに表示させるHTMLファイルの名前が#3の方の回答の補足にあるように年月日の連番をつけて管理されているのであれば、 <script type="text/javascript">  </script> これを記述しておき、body要素のリンクを <a href="#" onClick="TDR(); return false;">今日</a> としてスクリプトを呼び出せば、多分お望みどおりの挙動になると思います。読み出すHTMLファイルは、「r_memoYYYYMMDD.html」の形式で管理してください。なお、このスクリプトでは、週5日の日替わりということのようなので、土日に更新がないものと勝手に解釈して、土日にアクセスした場合には金曜日のレシピを出すように仕掛けを入れてあります。更新のない日がこれとは違う場合は、適宜修正してください。ちなみに、スクリプト中で取得される曜日は、0から6までの連番で、日曜＝0、月曜＝1…土曜＝6です。また、こういう機能が不要であれば、コメント文がついている行をすべてそっくり削除してください。失礼しました。

Seiryo
ベストアンサー率13% (27/203)

2003/05/19 21:36 回答No.3

自動修正のリンク先はどうしたいのですか？ 20030519.htmみたいな感じでいいんでしょうか？そういう感じだったら簡単に出来ますけど、複雑なファイル名にしたい場合は自動的に修正するのは難しいと思うので、最低でも連番みたいな感じになると思います。そこらへんを具体的に教えていただけると回答もしやすいのですが・・

質問者

補足 2003/05/20 11:56

ありがとうございます。リンク先のURLは更新日をファイル名に挿入して、"r_memoYYMMDD.html"といったものにできればと思いますが、数字以外の文字列をファイル名に使用するのはむずかしいのでしょうか…？　日付だけを入れたものでもとくに問題はないので、おしえていただければ幸いです。

kosa
ベストアンサー率25% (379/1464)

2003/05/19 18:24 回答No.2

Javaスクリプトの知識はどの程度でしょうか？ちょこっと改造ぐらいはできると考えてアドバイスさせて頂きます。 http://www.usagi-js.com/sample/jssample2.htm ↑ ここのサイトの[間によってページを変更する]を改造すればいけそうですね。サンプルでは1日24時間を1時間ごとに1回計24回変更していますので、そこを改造してちょ！又、このページにはヒントがいっぱいのサンプルがあるので参考にして作って下さい。

参考URL：: http://www.usagi-js.com/sample/jssample2.htm

質問者

補足 2003/05/19 21:16

ありがとうございます。わたしいままでほとんどコピペもどきの使い方でしか使ったことないので、このarrayと、変数の指示のどこをどう書き換えたらよいものかわかりません…。ちなみに画像の自動差し替えには次のようなスクリプトを使用しています。 *** <html> <head> <SCRIPT language="JavaScript">  </SCRIPT> </head> <body> <script language="JavaScript"> </script> </body> </html> *** これをかきかえて使えないでしょうか？お手数おかけします…。