pucca9x9回答ポイントなし

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-kuma32016/05/19 00:28:52
こんな感じで。
```
<html>
<body>

<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>


<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() が正式な仕様になっていないのを失念しておりました。
スター
- 3件のコメントを見る
- pucca9x9 2016/05/27 07:37:28
  
  a-kuma3 様
  
  とても貴重なご回答ほんとうにありがとうございました
  お礼が遅くなりまことに申し訳ありません
  実はうまくいかないため設置の仕方がまちがえていないかいろいろチェックしなおしておりました
  matの値ですがalert(mat);で見たところpage=1,1と表示されるのですがこれはこれでよいのか判断がつきません
  よろしくお願いいたします
  
   スター
- a-kuma3 2016/05/27 08:06:40
  
  実はうまくいかないため設置の仕方がまちがえていないかいろいろチェックしなおしておりました
  すみません。
  Array.from() が正式な仕様になっていないのを失念しておりました。
  
  回答に追記しましたので、確認をお願いします。
  
  スター
- pucca9x9 2016/05/27 08:24:05
  
  早々のお返事ありがとうございます
  動作を確認いたしました
  厚くお礼申しあげます
  
   スター

CGIで動的に生成されるユニークな1ページのみにハイパーリンク付のテキストが表示され、他のページにはそのテキストは表示されない仕組みの JavaScriptとCSSの書き方を教えてていただけますでしょうか？

ベストアンサー

a-kuma32016/05/19 00:28:52

pucca9x9 2016/05/27 07:37:28

a-kuma3 2016/05/27 08:06:40

pucca9x9 2016/05/27 08:24:05

その他の回答

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版