CGIで動的に生成されるユニークな1ページのみにハイパーリンク付のテキストが表示され、他のページにはそのテキストは表示されない仕組みの JavaScriptとCSSの書き方を教えてていただけますでしょうか？
CGI本体には手を付けないという条件になります（手を付けた場合かなり複雑になるかと思い、思ったように作動しないときのリカバリーに手がかかりそうゆえ）
JavaScriptでURLのパラメータを抽出し（パラメータは/detail.cgi?page=1&status=viewのうちpage=1の数字部分が変化します ただpage=10やpage=11も存在しますのでpage=1&まで抽出して条件判断できればと思います
CSSは属性セレクタのE[foo*=”bar”]が利用できるのでしょうか？
よろしくお願いいたします
ログインして回答する
ベストアンサー
-
a-kuma3
こんな感じで。
<html> <body> <!-- パラメータに page=1 が入っているときだけ表示されるリンク --> <a href="..." class="shy_link">aaaaaaaaaa</a> <a href="..." class="shy_link">aaaaaaaaaa</a> <a href="..." class="shy_link">aaaaaaaaaa</a> <!-- 普通に表示されるリンク --> <a href="...">bbbbbbbbbb</a> <a href="...">bbbbbbbbbb</a> <a href="...">bbbbbbbbbb</a> </body> <!-- ここから、追加する css と javascript --> <style> a.shy_link { display: none; } </style> <script> window.addEventListener("DOMContentLoaded", function() { var mat = /page=(\d+)\b/.exec(location.search); if (mat && mat[1] == 1) { Array.from(document.querySelectorAll("a.shy_link")).forEach(function(a) { a.style.display = "inline"; }); } }); </script> </html>
page=1 のときにだけ表示しするリンクには、class="shy_link" を指定します。
追記です。実はうまくいかないため設置の仕方がまちがえていないか いろいろチェックしなおしておりました
すみません。
javascript の部分を、以下のものに差し替えてください。window.addEventListener("DOMContentLoaded", function() { var mat = /page=(\d+)\b/.exec(location.search); if (mat && mat[1] == 1) { Array.prototype.forEach.call(document.querySelectorAll("a.shy_link"), function(a) { a.style.display = "inline"; }); } });
Array.from() が正式な仕様になっていないのを失念しておりました。
-
a-kuma3その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2016-05-16 17:27:20
- 終了日時
- 2016-06-13 07:32:37
- 回答条件
- 1人10回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
友人が飲み会で勢いで浮気をしてしまったようで、非常に後悔している様子でした。 そして、その子が彼氏に…
匿名質問者
1
-
明色化粧品の社名の由来を教えてください。匿名質問者
-
英語等の先生など外国語の指導者の方、また、帰国子女の方、お伺いさせてください。外国語は外国語として理…匿名質問者
-
平日と休日の夜５時から夜の10時まででアニメをやっていない局は テレビ朝日、日本テレビ、フジテレビ、tbs…匿名質問者2
-
音楽のドレミですが、ドイツでは、ABCです（アーベーツェー）。英米でも、ABC（エービーシー）です。イタリ…匿名質問者1