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

Question

pucca9x9

1

0もっと見る

インターネットウェブ制作

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”]が利用できるのでしょうか？

よろしくお願いいたします

回答の条件

1人10回まで

登録：2016/05/16 17:27:20
終了：2016/06/13 07:32:37

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Accepted Answer · 2016-05-19T00:28:52+09:00

こんな感じで。

<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() が正式な仕様になっていないのを失念しておりました。

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

ベストアンサー

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

コメント（0件)

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