掲示板/総合質問板/過去ログ/一覧/ イメージマップとランダムリンクの併用

0 名前：あめ： 2004/10/13 20:58 ［URL］: イメージマップとランダムリンクの併用は可能なのでしょうか？
URL先の左のページの吹き出しの中の数字にイメージマップでリンクを貼っているのですが
その内の「6」をランダムリンクにしたいんです。
イメージマップタグの中に無理矢理ランダムリンクタグをぶっこんでみてもできませんでした。
過去ログでイメージマップとJavasprictとの併用はあったのですがスタイルシートとの併用もできるのでしょうか？
それともランダムリンクがスタイルシートを使わずにできる方法があるのでしょうか…？
やっぱり画像を切らなければ駄目なんですか…？？
教えて下さいｍ(_ _)ｍ

1 名前：モノ： 2004/10/13 21:51: http://fc2bbs.com/bbs?action=reply&uid=7957&tid=5511757

マルチポストをする際には
双方のフォーラムを利用する人が情報を共有できるよう
自分の投稿へリンクしておくと親切ですよ。

2 名前： Sinryow ： 2004/10/14 01:48 ［URL］: JavaScriptのソースが暗号化されていて，解析しようにも解析できません・・・。

ちなみにJavaScriptとスタイルシートは独立なものであり（JavaScriptでスタイルシートを操作することは可能），併用できないということはないと思います。

3 名前：あめ： 2004/10/14 17:17 ［URL］: >モノさん
fc2の方でもリンクすいませんでした。ありがとうございます。
忠告ありがとうございました。

>Sinryowさん
左のページのソース見れませんか？私の方では見れるのですが。
暗号化した覚えはないんですけれど…
一応ソースのリンク貼っておきます。
併用できそうですか？よかったです！

4 名前： Sinryow ： 2004/10/17 21:00 ［URL］: >>3
暗号化されているというのは，rainbowlink.js のことです。

＜20:54追記＞
rainbowlink.jsが出すコードを表示させてみました。
http://www.sinryow.net/hitori/rainbowlink_result.htm

5 名前： むむりく ： 2004/10/17 23:08: rainbowlink.js は、アンカーを虹色に変化させるものですね。

最初に戻って考えてみます。

> イメージマップとランダムリンクの併用は可能なのでしょうか？
可能だと思います。

> イメージマップタグの中に無理矢理ランダムリンクタグをぶっこんでみてもできませんでした。
ランダムリンクタグとは、どんなタグですか？
ちなみに、タグとは<開始タグ></終了タグ>とこんな感じのものです。

> 過去ログでイメージマップとJavasprictとの併用はあったのですがスタイルシートとの併用もできるのでしょうか？
> それともランダムリンクがスタイルシートを使わずにできる方法があるのでしょうか…？
> やっぱり画像を切らなければ駄目なんですか…？？
過去ログは拝見していないのですが、まさにJavaScriptとの組み合わせでできます。
逆にスタイルシートでは、ランダムリンクはできません。

……それとも、ぼくが質問を読み違えているのかな？
ランダムリンクとは、クリックしたときの行き先がいろいろ変わるものですよね？

まあ、それでいいなら、head 要素内に、

<script type="text/javascript">
// リンク先（追加・削除・変更可能）
var links = ['http://yahoo.co.jp/','http://google.co.jp/','http://www.goo.ne.jp/'];

function RandomLink() {
var Link = links[Math.floor(Math.random() * links.length)];
window.location.href = Link;
// 別窓で開きたいのだったら、上の一行を以下に変更。
// window.open(Link);
}
</script>

で、6 の部分に、

onclick="RandomLink();return false;"

を追加。

6 名前：あめ： 2004/10/18 20:22: >>4
そういうものは私の方では全く表示されないのですが…；
レインボーリンク配布サイトの支持通りコピペで貼ったつもりなんですが；

>>5
ランダムリンクタグは
＜script type="text/javascript"＞
＜!--
ranurl = new Array();
ranurl[0] = "1個目のURL";
ranurl[1] = "2個目のURL";
ranurl[2] = "3個目のURL";
ranurl[3] = "4個目のURL";
ranurl[4] = "5個目のURL";
chip = Math.floor(ranurl.length * Math.random());
document.write('<a href="'+ ranurl[chip] +'" target="_blank">表示する文字</a>');
// --＞
＜/script＞
というものなんですが…これは<body>タグにいれるものなんで<head>内はさすがに無理なようでした；
実際むむりくさんのと全然違いましたね；
教えてくれてありがとうございました～！！
あと聞きたいのですが6の部分に、onclick="RandomLink();return false;"を追加
とありますがどこに追加したらいいのでしょうか…
↓6の座標指定
＜area shape="polygon" coords="262,19 276,29 282,19 287,30 299,23 293,35 302,36 293,43 305,50 294,52 303,63 286,62 285,77 278,65 265,74 268,58 253,54 264,50 251,33 266,36" href="リンク先"＞
上のhref=""内に入れても駄目ですし、そこ以外に入れるとリンクしてくれません。

それと
window.location.href = Link;
// 別窓で開きたいのだったら、上の一行を以下に変更。
// window.open(Link);
の部分ですが別窓で開きたいのですが、真ん中の部分と上の文は消しちゃってもよかったのですか？

なんだかいっぱい質問しちゃってスイマセンでした。
わざわざ教えてくれてありがとうございます！！

7 名前： むむりく ： 2004/10/18 22:59: > ランダムリンクタグは
> （中略）
> というものなんですが…
なるほど。了解です。（タグではないですが）

> の部分ですが別窓で開きたいのですが、真ん中の部分と上の文は消しちゃってもよかったのですか？
構いません。こうなります。

<script type="text/javascript">
// リンク先（追加・削除・変更可能）
var links = ['http://yahoo.co.jp/','http://google.co.jp/','http://www.goo.ne.jp/'];

function RandomLink() {
var Link = links[Math.floor(Math.random() * links.length)];
window.open(Link);
}
</script>

>どこに追加したらいいのでしょうか…
これでできませんか？
JavaScript オフの人でも見れるよう、
href の中身もしっかり書いておいてください。

<area shape="polygon" coords="262,19 276,29 282,19 287,30 299,23 293,35 302,36 293,43 305,50 294,52 303,63 286,62 285,77 278,65 265,74 268,58 253,54 264,50 251,33 266,36" href="http://w4.oekakies.com/p/kooriame/p.cgi" target="_blank" alt="???" onclick="RandomLink();return false;">

# うまくいったら、向こうにもお礼と報告をね。

8 名前：あめ： 2004/10/19 17:20 ［URL］: わ～！！できました！
ありがとうございました。嬉しいです！
サンプルまでありがとうございました。向こうにも報告に行ってまいります～

9 名前： むむりく ： 2004/10/20 00:15: えーと、どっちに書くべきか迷ったのですが、取り敢えずこっちに。

href に書くアドレスは、一つだけにしてくださいね。
ランダムリンクできない人用に、どこか一箇所選んで書いておいてください。

10 名前：あめ： 2004/10/20 14:43: hrefにはアドレス一つだけだったんですか；
でもそうするとランダムリンクにならず、hrefに書いたアドレスにしかジャンプしないんですが…。

11 名前：モノ： 2004/10/20 14:58: ランダムっていうある種動的な動作をさせるためには
javascriptが有効である必要があるわけで
それを無効にしている人はランダムにジャンプはできないということでは？

12 名前：あめ： 2004/10/20 17:04: >>それを無効にしている人はランダムにジャンプはできないということでは？
他サイト(タグ講座などの)のランダムリンクではちゃんとランダムに行くんです…
<script type="text/javascript">～で始まるんですけどこれってJavascriptですよね？
これだとちゃんとランダムになるんです。
でも>10のようにアドレス1つにするとそこにしかいかないんです；
どうなってるんでしょう；；；

13 名前：モノ： 2004/10/20 18:37: あなたが書いたソースを伏せたり略したりせず
そのままココへコピーすれば
アドバイスも適切なものを得られるでしょう。

14 名前：あめ： 2004/10/21 15:00: 最初の1行でJavaの表記があったので全部記入せずともJavaだとわかると思ったんですけど…違うみたいですね；すいません。
つまり
私はむむりくさんの教えてくださった方法でイメージマップとランダムリンクの併用に成功しました。
今の所3つのページをランダムにしていて、そのアドレスを
<script type="text/javascript">
// リンク先（追加・削除・変更可能）
var links = ['http://yahoo.co.jp/','http://google.co.jp/','http://www.goo.ne.jp/'];

function RandomLink() {
var Link = links[Math.floor(Math.random() * links.length)];
window.open(Link);
}
</script>
の部分だけでなくイメージマップの中にも入れていました。
でもhref 部分にはアドレスは1つしか入れてはいけなかったようです。←ランダムできない方もいるので
なので1つにしましたがそうするとhref部に表記した所にしかジャンプしないのです。
Javaが対応してないわけではありません。
他サイトのランダムリンクはきちんとできます。そこのやつは
<script type="text/javascript">

</script>
となっていたのですがこれもJavaですよね？
もちろん私が教えてもらったのもJavaだと思います。
説明不足ですいません…；
どうなっているのでしょう。
あとランダムリンクできない方がランダムリンクになっている所をクリックすると何が表示されるんですか？

16 名前： むむりく ： 2004/10/21 15:43: >　でもhref 部分にはアドレスは1つしか入れてはいけなかったようです。←ランダムできない方もいるので
> なので1つにしましたがそうするとhref部に表記した所にしかジャンプしないのです。
現在のようにたくさん書いていると、
JavaScriptが無効な方はどこへも移動できません。（404になる）

> 他サイトのランダムリンクはきちんとできます。
例にあげられているのも一緒。
JavaScriptオフだと移動できないし、表示すらされません。

…と、できる・できない言ってても仕方ないので、
実際、href の中身を一箇所にしてアップしてください。

それで本当にランダムリンクができないのか、
またその原因はなにであるのか、
ここを見ている方に意見を寄せてもらいましょう。

該当ソース。
view-source:http://cabin.jp/99blues/menu.html

17 名前：あめ： 2004/10/21 17:49 ［URL］: …誠に申し訳ないのですが
私の勘違いだったようです；；；
アドレス1つでもきちんとランダムになってました！！本当すいません…。
前やったときはきっと運が悪かったのかもしれません；(10回くらい連続で同じページばっかり出た)
もう少ししつこくクリックして確かめるべきでした。
お騒がせしてすいませんでした…。
モノさん･むむりくさんアドバイスくださってありがとうございます。
すごく助かりました。今後気をつけます。
本当に申し訳ありませんでした。