- ベストアンサー
同ディレクトリのhtmlリンク 表示方法
- 同ディレクトリのhtmlのリンクを表示する方法についてご教示ください
- javascriptを使用して本日の日付から3日間のリンク情報をピックアップし、表示させたいです
- VBの経験はありますが、javascriptは初心者で困っています。お願い致します
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 イメージはこんな感じでしょうか。 (JavaScriptが動かない、または動かない設定にしている場合は動作しませんので本来ならサーバ上で処理するのが望ましいです) また、細かいことですが先頭が数字のIDは使えません。 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <style> div#news { display: none; } </style> <script> $().ready ( function() { // id="news"にdata.htmlを読み込む $('#news').load ( 'data.html', null, function() { // 表示する最大日数 var maxDate = new Date(new Date().getTime()+60*60*24*2*1000); // 取得したtdの分ループ処理 $(this).find('td').each ( function() { // idを取得する var id = $(this).attr('id'); // 取得したIDから日付文字列を取得 var date = id.split('-')[1]; // 日付文字列からミリ秒を生成 var targetDate = Date.parse(date.substring(0,4)+'/'+date.substring(4,6) + '/' + date.substring(6,8)); // 表示対象の日付であるかチェックし、対象外の場合は非表示とする if ( targetDate > maxDate.getTime() || targetDate < new Date().getTime()-60*60*1000*24 ) { $(this).css ( 'display', 'none' ); } }); // 表示する $('#news').show(); } ); }); </script> </head> <body> <h1>NEWS</h1> <div id="news"></div> </body> </html> ==== data.html <table border="0" width="560" cellpadding="2" cellspacing="0"> <tr> <td class="border" id="date-20130722-0"><a href="d.html" target="_blank">7/22 セミナー</a></td> </tr> <tr> <td class="border" id="date-20130721-0"><a href="d.html" target="_blank">7/21 セミナー</a></td> </tr> <tr> <td class="border" id="date-20130720-0"><a href="d.html" target="_blank">7/20 会議</a></td> </tr> <tr> <td class="border" id="date-20130719-1"><a href="e.html" target="_blank">7/19 機器入れ替え</a></td> </tr> <tr> <td class="border" id="date-20130719-0"><a href="f.html" target="_blank">7/19 会議</a></td> </tr> <tr> <td class="border" id="date-20130718-0"><a href="g.html" target="_blank">7/18 セミナー</a></td> </tr> <tr> <td class="border" id="date-20130717-0"><a href="g.html" target="_blank">7/17 セミナー</a></td> </tr> </table>
その他の回答 (1)
- duke_kimura
- ベストアンサー率39% (53/134)
DTDが曖昧なんですがこれはHTMLの話でしょうか？XHTMLの話でしょうか？ HTMLの話であれば基本的にはできませんが、framesetで似たようなことは出来ます。 http://www.tohoho-web.com/html/frameset.htm PC以外からはうまく表示できないケースが多いという弊害もあります。
お礼
ご回答頂きましてありがとうございます。 アドバイスありがとうございました。 勉強になりました。
お礼
ご回答頂きましてありがとうございます。 コードを書いて頂き本当に大変助かります。 勉強になりました。 社内の特定の者に見てもらえればよいので、 これでバッチリです。 本当にありがとうございました。