- ベストアンサー
フラッシュを用いたweb拍手のランダム表示について
- ブログでフラッシュ(.swf)を用いたweb拍手を利用していますが、3つの中から一つランダムに表示したいです。
- http://www.charatto.net/html/gallery/other.html にあるweb拍手の3つの中から、ランダムに表示する方法が知りたいです。
- java scriptやhtmlが得意ではないので、完成したものをページに貼り付けるだけで使用したいです。
- amenoraiden
- お礼率50% (1/2)
- HTML
- 回答数2
- ありがとう数12
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
違う方法というわけでもないのですが… ＞完成したものをそのままページに張るだけの形にしていただけると嬉しいです。 回答にも文字数制限があるのでどこか省略せざるを得ないのですが、同じコピペでもHTMLソースのコピペにしておいた方がわかりやすいかと思って。 bodyの [ ○番目の拍手のタグ ] のところに、それぞれの拍手のタグ（<object>～～</object>）を入れてください。 ・参照サイトのタグにちょっとおかしなところがあるので、 修正なさったほうがよいかも。 （タグの対応が取れていないとか、一部urlが間違っているなど） ・スクリプトオフのユーザでは、初期値でclass="show"の拍手が表示されます。 ・CSSのdisplay;inline や block等は使用状況に応じて変更してください。 ・拍手の数は1以上であればいくつでもOKです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head><title>test</title> <style type="text/css"> div#clap, div#clap .show { display:inline; } div#clap .hide { display:none; } </style> <script type="text/javascript"> <!-- window.onload = function() { var elm = document.getElementById("clap").childNodes; var i, e; for (i=elm.length; i>0;) { e = elm[--i]; if (e.nodeName!="DIV") e.parentNode.removeChild(e); } e = Math.floor(Math.random() * elm.length); for (i=0; i<elm.length; i++) elm[i].className = i==e?"show":"hide"; } //--> </script> </head> <body> <div id="clap"> <div class="show"> [ 一番目の拍手のタグ ] </div> <div class="hide"> [ 二番目の拍手のタグ ] </div> <div class="hide"> [ 三番目の拍手のタグ ] </div> </div> </body> </html>
その他の回答 (1)
- 藤田 朋郎（@hujitomo）
- ベストアンサー率54% (39/71)
■JavaScript の function 部分 <script type="text/javascript"> <!-- function Random() { var kazu = Math.random(); kazu = kazu*3; kazu = Math.ceil(kazu); if( kazu<=1 ) document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150">'); document.write('<param name="movie" value="http://www.geocities.jp/charatto_2005/flash/clap_yui.swf" />'); document.write('<param name="quality" value="high" />'); （以下省略） else if( kazu<=2 ) document.write('出力したいソースＢ'); else document.write('出力したいソースＣ'); } //--> </script> ■ソースを出力したい箇所に以下のように記述 <script type="text/javascript"> <!-- Random(); //--> </script> ちなみに回答者の書き込みにも文字数の制限があるので『完成したものをそのままページに張るだけの形』では記述できませんでした。少しはご自分で考える努力をして頂けると嬉しいです。 よろしくおねがいいいたします。
お礼
ご丁寧に２つも作っていただきありがとうございます この２つを使って作ってみます(もうほぼ作っていただいているので穴埋めするだけですが…) 本当にありがとうございます