• ベストアンサー

HTMLで条件によって表示・非表示

すみません。 以下のようにリンク先を表示するhtmlがあるのですが、 日付によって(11月1日以降にリンクを出すというような) リンクを表示・非表示の制御を行いたいのですが どのようにすれば可能になるのでしょうか。 <html> <head> <body> <script language="JavaScript"><!-- function OpenWindow(url,nm,f) { window.open(url,nm,f); } // --> </script> <a href="javascript:OpenWindow('http://www.yahoo.co.jp','ヤフー','')"><font size="-1">YAHOO</font></a> </body> </head> </html> よろしくお願い致します。

noname#90757
noname#90757
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

<html> <head> <title>Sample</title> <script language="JavaScript"><!-- window.onload=function(){ var LimitedDate = new Date(2006, 10, 1);//2006/11/01 if(new Date() >= LimitedDate){//指定日(含む)以降表示 document.getElementById('limitedLink').style.display=''; } }; function OpenWindow(url,nm,f) { window.open(url,nm,f); } // --> </script> </head> <body> <a href="javascript:OpenWindow('http://www.yahoo.co.jp','ヤフー','')"><font size="-1" style="display:none" id="limitedLink">YAHOO</font></a> </body> </html>

noname#90757
質問者

お礼

BLUEPIXYさん サンプルの方有難うございます。 ご参考にさせて頂きます。

その他の回答 (1)

  • hana-hana3
  • ベストアンサー率31% (4940/15541)
回答No.1

>日付によって(11月1日以降にリンクを出すというような) htmlには制御構文はありません。 javascript等を使用してください。

noname#90757
質問者

お礼

hana-hana3さん ご回答有難うございます。 またよろしくお願い致します。

関連するQ&A

  • JavaScriptの表示についておねがいします。

    JavaScriptで、以下のスプリクトのページを表示する部分を10秒ごとにしたいのですがどなたか教えて頂けないでしょうか?出来れば、追記して回答お願いします。 <html> <body> </scr ipt> </head> <body onLoad="openWindow1()"> <a href="javascript:openWindow1();">web表示</a> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する function openWindow1() { window.open("http://yahoo.co.jp/","1"); window.open("http://www.google.co.jp/","2"); window.open("http://ja.wikipedia.org/wiki/メインページ","3"); } //--> </SCRIPT> </body> </html>

  • 親、子、孫のウインドウを同時に表示するのは?

    親と子のウンドウを同時に開くのは 親のファイルに以下のように書けば <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--// function openWindow() { window.open("","windowname"); } //--> </SCRIPT> </HEAD> <BODY> <A HREF="ko.html" onClick=openWindow() TARGET="windowname">子ウインドウ</A> </BODY> 出来るんですが、子のファイルに同じように書くと 子のウインドウが孫に変わってしまいます。 親、子、孫を同時に表示するのには、どうすればよいか、よろしくお願いします。

  • 別窓リンクの問題点は?

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか? -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は?

  • ページのエラー

    始めまして 任意大きさのウインドウをたち上げる際 (ブラウザ上で) どうしても、「表示されました。」の横に ビックリマーク「!」が出て 暫くすると、ページエラーと表されます。 任意のウインドウは正常に表示されます。 色々と調べましたが、どうも私のスキルでは 限界です。 <HEAD> <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("***.htm","window1","WIDTH=300,HEIGHT=310"); } function openWindow2() { window.open("***.htm","window2","WIDTH=300,HEIGHT=310"); } function openWindow3() { window.open("***.htm","window3","WIDTH=300,HEIGHT=310; } </SCRIPT> <HEAD> ・・・・・・・・・・・・・ </BODY> <A HREF="javascript: openWindow1()"><IMG src="con_syousai.gif" width="65" height="20"></A></TD> </BODY> 今の所、一つしかリンクしていません。 いずれ、9個を同じような形で アイコンから、したいと思ってます HPビルダーのソースから記入したのですが 何処が可笑しいのでしょう? また、他の方法(タグ)はあるのでしょうか? どうか、お知恵を下さい 宜しくお願いします。

  • JavaScript PHP HTML

    新しいウィンドウを開きたいのですがうまくいきません。 どうか教えてください。 現在作成しているプログラムはあるメニュー画面から、キャッシュを使わないページのリンクをはっています。 ただ、このリンク先のページから戻ろうとすると、 キャッシュはクリアされているため、 警告 : ページの有効期限切れ となってしまいます。 そこで、新しいウィドウを開くことを思いついたのですが、JavaScriptで下記のようなものを作成し <SCRIPT LANGUAGE="JavaScript"> <!-- function openWindow(tmplurl) { window.open(tmplurl,"window","WIDTH=640,HEIGHT=300"); } //--> </SCRIPT> HTML側では ・<A HREF="javascript:openWindow(###TEMP###)">新しいウィンドウ</A><BR> PHP側では下記のようにHTML側の文字を置換しています。 str_replace(###TEMP###,http://wwww.test.co.jp/test.html,$body) 値もちゃんと入ってきてはいるのですが、うまくいきません。。。

    • 締切済み
    • PHP
  • 外部サーバへリンク 別ウィンドウの最大化表示

    別ウィンドウ表示指定のリンク先を最大化で開きたいので、下記のように書いてみましたが、うまく動作しません。 <HTML> <script language="javascript"> <!-- function OpenWindow(){ subWin = window.open("http://www.yahoo.co.jp/","subWin","status=no,menubar=no,toolbar=no,toolbar=no,scrollbars=yes,resizable=yes"); subWin.moveTo(0,0); subWin.resizeTo(screen.availWidth,screen.availHeight); } --> </script> <HEAD> <title>サンプル</title> </HEAD> <body> <table><tr><td> <a href="javascript:;" onClick="OpenWindow()">別のウィンドウを開く</a> </td></tr></table> </body> </HTML> リンク先が相対指定の場合は、最大化表示ができるのですが、リンク先をフルパスで記述すると、JavaScriptのエラーになり、新規ウィンドウも最大化になりません。 リンク先が絶対指定でも、別ウィンドウを最大化にできる記述方法を教えてください。

  • javascriptでのエラーについて

    Windows7+IE8にて以下の処理を行いたいのですが、 ================================================== (1) 親ウィンドウ(oya_window.html)から、【window.open】にて   子ウィンドウ(ko_window.html)を開く (2) 子ウィンドウ(ko_window.html)の【window.opener】にて   親ウィンドウ(oya_window.html)に定義されている   【window.open】を実行する関数[openWindow]を呼び出し、   Yahooページを開く ================================================== (2)の部分で以下のエラーとなり、Yahooページを開く事ができません。 --------------------------------------------------------- このWebページのエラーにより、正しく機能しない場合があります。 --------------------------------------------------------- タグが無効です。 oya_window.html   ライン:10 コード:0      文字:5 --------------------------------------------------------- 同マシン(Windows7)のfirefoxでは問題なく処理が行えるため、IEの 何らかの設定に起因していると思うのですが、IEの何の設定に起因して いるのかわからず、困っています。 何か情報をお持ちの方いらっしゃいましたら、よろしくお願いします。 【その他情報】 ○IEをアドオンなしで起動しても同エラーが発生することから、IEの  アドオンによる影響ではないと思われます。 ○以下の処理は問題なく実行できます。  ▼パターンA  ==================================================  (1) 親ウィンドウ(oya_window2.html)から、【window.open】にて    子ウィンドウ(ko_window2.html)を開く  (2) 子ウィンドウ(ko_window2.html)にて(元々親ウィンドウ    (oya_window.html)に定義していた)【window.open】を実行する    関数[openWindow]を呼び出し、Yahooページを開く  ==================================================  ▼パターンB  ==================================================  (1) 親ウィンドウ(oya_window3.html)から、【window.open】にて    子ウィンドウ(ko_window3.html)を開く  (2) 子ウィンドウ(ko_window3.html)の【window.opener】にて    親ウィンドウ(oya_window.html)に定義されている    【document.bgColor】を実行する関数[changeColor]を呼び出し    親ウィンドウの背景色を灰色に変更する  ================================================== 【ソース】 ▼本来のパターン ==親ウィンドウ(oya_window.html)=================== <HTML> <HEAD> <TITLE>親ウィンドウ </TITLE> <script language="Javascript"> function koopen(){ window.open("ko_window.html","ko_window","status=yes,width=800,height=100"); } function openWindow(){ window.open("http://yahoo.co.jp","",""); } </script> </HEAD> <BODY> <a href="JavaScript:koopen();">子ウインドウを開く</a> </BODY> </HTML> ================================================== ==子ウィンドウ(ko_window.html)=================== <HTML> <HEAD> <TITLE>子ウィンドウ </TITLE> <script language="Javascript"> function helpop(){ window.opener.openWindow(); } </script> </HEAD> <BODY> <a href = "JavaScript:helpop();">Yahooページを開く</a> </BODY> </HTML> ================================================== ▼パターンA ==親ウィンドウ(oya_window2.html)=================== <HTML> <HEAD> <TITLE>親ウィンドウ </TITLE> <script language="Javascript"> function koopen(){ window.open("ko_window2.html","ko_window","status=yes,width=800,height=100"); } </script> </HEAD> <BODY> <a href="JavaScript:koopen();">子ウインドウを開く</a> </BODY> </HTML> ================================================== ==子ウィンドウ(ko_window2.html)=================== <HTML> <HEAD> <TITLE>子ウィンドウ </TITLE> <script language="Javascript"> function helpop(){ window.opener.window.open("http://yahoo.co.jp","",""); } </script> </HEAD> <BODY> <a href = "JavaScript:helpop();">Yahooページを開く</a> </BODY> </HTML> ================================================== ▼パターンB ==親ウィンドウ(oya_window3.html)=================== <HTML> <HEAD> <TITLE>親ウィンドウ </TITLE> <script language="Javascript"> function koopen(){ window.open("ko_window3.html","ko_window","status=yes,width=800,height=100"); } function changeColor(){ document.bgColor="CCCCCC"; } </script> </HEAD> <BODY> <a href="JavaScript:koopen();">子ウインドウを開く</a> </BODY> </HTML> ================================================== ==子ウィンドウ(ko_window3.html)=================== <HTML> <HEAD> <TITLE>子ウィンドウ </TITLE> <script language="Javascript"> function helpop(){ window.opener.changeColor(); } </script> </HEAD> <BODY> <a href = "JavaScript:helpop();">親ウィンドウの色を変える</a> </BODY> </HTML> ==================================================

  • 小窓が見れない

    マック・ネスケープの環境の方から指摘を受けました。 <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("*****.html","window1","WIDTH=500,HEIGHT=400"); } </SCRIPT> <BODY> <A HREF="javascript: openWindow1()"><IMG src="../images/*****.gif" width="60" height="25"> </BODY> 上記のタグで、各10ほど(openWindow1~openWindow10)小窓を出せるようにしています。 IE&Windowsでは問題無く表示されます。 見れるようにする方法はあるのでしょうか? 説明・勉強不足かもしれませんが、宜しくお願いします。

  • サブウィンドウを表示させたいのですが・・・

    こんにちわ。 ちょっとした(といっても、ワード文書1ページ分)説明をサブウィンドウで表示させたいのですが、 できません。 以下がソースです。 <メインウィンドウ> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function winOpen(winName,url,W,H){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+''); WinD11.document.close() } //--> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('','link1.html',400,200)"> この文字をクリックすると説明ウインドウ1が開きます </A> </BODY> 何が間違ってるのかご指導いただけないでしょうか? よろしくお願いいたします。m(__)m

  • ページを表示すると同時に複数のサブウィンドウを開く方法について

    ページを表示すると同時に複数のサブウィンドウを開く方法について、 プログラムを作成したらよいのか教えてください。 下記のプログラムは、ページを表示すると同時に1枚のサブウィンドウを開くプログラムですが、3枚ほどサブウィンドウを開きたいのです。 よろしくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する function openWindow1() { window.open("sample.html","OpenWindow",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no"); } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="openWindow1()"> </BODY> </HTML>

専門家に質問してみよう