フラッシュを用いたweb拍手のランダム表示について

このQ&Aのポイント
  • ブログでフラッシュ(.swf)を用いたweb拍手を利用していますが、3つの中から一つランダムに表示したいです。
  • http://www.charatto.net/html/gallery/other.html にあるweb拍手の3つの中から、ランダムに表示する方法が知りたいです。
  • java scriptやhtmlが得意ではないので、完成したものをページに貼り付けるだけで使用したいです。
回答を見る
  • ベストアンサー

フラッシュを用いた拍手のランダム表示について

フラッシュを用いた拍手のランダム表示について 私はブログでフラッシュ(.swf)を用いたweb拍手を利用させていただいているのですが その拍手のフラッシュを3つの中から一つランダムで選んで表示するようにしたいのです。 http://www.charatto.net/html/gallery/other.html このサイトさんのweb拍手という所にある3つの中から一つをランダムで表示するようにしたいのです。 (文字数の制限でタグを貼れなくてすいません。) java scriptやhtmlについて得意ではないので、完成したものをそのままページに張るだけの形にしていただけると嬉しいです。 よろしくおねがいいいたします。

  • HTML
  • 回答数2
  • ありがとう数12

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.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>

amenoraiden
質問者

お礼

ご丁寧に2つも作っていただきありがとうございます この2つを使って作ってみます(もうほぼ作っていただいているので穴埋めするだけですが…) 本当にありがとうございます

その他の回答 (1)

回答No.1

■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('出力したいソースB'); else document.write('出力したいソースC'); } //--> </script> ■ソースを出力したい箇所に以下のように記述 <script type="text/javascript"> <!-- Random(); //--> </script> ちなみに回答者の書き込みにも文字数の制限があるので『完成したものをそのままページに張るだけの形』では記述できませんでした。少しはご自分で考える努力をして頂けると嬉しいです。 よろしくおねがいいいたします。

関連するQ&A

  • フラッシュバナーのランダム表示について

    以下のスクリプトでフラッシュバナーをランダム表示させています。 loadMovie(1 + random (4 ) + ".swf", AAA); このランダム表示の比率を変えたいとき、例えばですが、4つのファイルを 1:1:1:3の割合で表示させるなどの場合、どういうスクリプトを書けばいいでしょうか? また、ファイル名は現在 1.swf、2.swf、3.swf・・ としていますが、ファイルを差し替えた際にキャッシュが残るので、それぞれ固有名詞にしたいのですが、 その場合の方法も教えてください。

  • FLASHのランダム表示とサイズ指定

    Action scriptがいまいちわからないのでjavascriptでFLASH画像をランダム表示していますがサイズの指定ができません。 全て同じサイズのFLASHですが表示サイズが半分以下になってしまいます。 ヘッダに下記のスクリプトを書き、 ↓ <SCRIPT TYPE="text/javascript"> n=parseInt(Math.random() * 3); var flashurl = [ "1.swf","2.swf","3.swf ]; document.write("<OBJECT CLSID=xxxx SRC='"+flashurl[n]+"' ...>"); document.write("</OBJECT>"); </SCRIPT> 表示させたい場所に下記のように書いています。 ↓ <script language="javascript"> var flashurl = ["1.swf", "2.swf", "3.swf",]; flashurl = flashurl[Math.floor(Math.random() * flashurl.length)]; document.write('<object data="' + flashurl + '" type="application/x-shockwave-flash">'); document.write('<param value="' + flashurl + '" name="movie" /></object>'); </script> CSSレイアウトでページを作っている事は関係ないでしょうか。スクリプト初心者なのでよろしくお願い致します。

  • Flashで背景をランダムに変えたいんですが‥‥

    外部のSWFファイルを読み込んで、それをランダムに表示させたいんですがどうも上手くいきません。 Flashがバージョン5のため、画像のみを貼りつけたSWFファイルを読み込ませて、それを背景に使おうとしています。 ホームページに載せて、見るたびに背景を変えようという狙いです。 それで、色々と調べてみてスクリプトもいじって外部ファイルを読み込んで表示はしてくれるようになったんですが、表示の一番上に来てしまってメニューのボタンなんかが隠れてしまうのです。 これが、書いてあるスクリプトです。 onClipEvent (load) { no = Math.floor(Math.random()*3)+1; loadMovieNum("haikei"+no+".swf", 0); } スクリプトにはどうも分からない点が多いので、細かく説明していただけるとありがたいです。 修正点や、「こういうやり方もある」っていうのがありましたら、ご指導の方をよろしくお願いします。

  • FLASHを使って、複数のswfとjpgをランダム表示させたい

    現在、10個程度のswfファイルと60個程度のjpgファイルがあります。それらをjavascriptを使わずに(基本的にはFLASHで)、アクセスするたびにHTML上でランダム表示させたいと考えています。 これまで、ひとつのswfファイルをベースにして、以下のアクションスクリプトを使って、10個のswfファイルをランダム表示させることには成功しています。 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: //1~3の整数の乱数を,変数 ransuu にセット ransuu = Math.floor(Math.random()*13)+1; //ムービー内に ransuu+".swf" をロード this.loadMovie(ransuu+".swf"); :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: たぶんこのスクリプトを発展させれば、jpgもランダム表示できるようになると思います。 ランダム表示させたい複数のswfファイルとjpgファイルは同じ階層にあります。HTMLはそのひとつ上の階層にあります。ベースとなるswfファイルは、複数ランダム表示用のファイル群と同じ階層でも良いし、もしくはHTMLと同じ階層でも良いことにします。 どのような方法があるか、教えてください。 *ちなみに、ベースとなるswfファイルを複数ランダム表示用のファイル群と同じ階層において、そのひとつ上の階層にあるHTMLから読み込んだ場合、うまく表示されませんでした。このアクションスクリプトを引用した元のウェブサイトでは、HTMLも、ベースとなるswfファイルも、ランダム表示される複数のファイル群も、全て同じ階層にあるという前提になっていました。

    • ベストアンサー
    • Flash
  • 画像がランダムに表示されるFLASH

    いつもお世話になっています。 以下のようなFLASHを作りたいのですが、やり方がわからず困っています。 (1)リロードするたびにランダムで切り替わる画像1~6がある (2)画像の横にボタン1~6があり、マウスオーバーするとそれぞれ画像1、画像2…と表示される (3)ボタン1~6をクリックするとwebページ1~6へジャンプ(リンクさせている) 上記目的のうち、(2)(3)については完成しています。具体的にはAフレームには画像1、Bフレームには画像2…と配置し、ボタン1~6のアクションスクリプトにそれぞれ「マウスオーバー時にAフレームに飛ぶ」と記述しています。そしてメインのタイムライン1フレーム目にはアクションスクリプトに「ボタン1がクリックされたらwebページ1へ、ボタン2がクリックされたらwebページ2へ…」と記述しています。 これで(2)(3)の目的は果たせており、問題は(1)です。 ランダム表示される画像があり、ボタンのマウスオーバーで指定した画像が表示され、クリックでwebページへとぶ、ためにはどこにどんな記述をすれば良いのでしょうか? ちなみに作ったFLASHがサイトのトップページの一部となり、クリックで飛ぶwebページはそのサイト内です。 アドバイスいただけると助かります。 どうかよろしくお願いします。FLASHは上記がほぼ初めての挑戦である初心者です。

  • Web拍手の送信後画面表示について。

    公式サイト様で配付されているWeb拍手のスクリプトを 自サーバで作動させているのですが… 拍手送信後の画面をランダムでなく順番に表示させたい場合はどの部分をどのように書き換えれば良いのでしょうか。 CGI初心者なもので…すみません; お暇なときに回答いただけると嬉しいです。

    • ベストアンサー
    • CGI
  • FLASHのランダム表示とリンク

    どなたか教えていただけると嬉しいです。 FLASHファイルをリロードするたびにランダム表示し、そこからリンクを飛ばしたいと思っています。 swfファイル一つの中に切り替わる画像と個別リンクをいくつか設定しています。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1356858833 http://ziddy.japan.zdnet.com/qa4502317.html この辺りを参考にランダム表示には成功したのですが、 どうもブラウザによってはリンク設定が消えてしまうのです。 リンクも上手くいかせる方法はありますでしょうか? 宜しくお願いします!

    • ベストアンサー
    • Flash
  • アクセスするたびにランダムに表示するFlashファイルを作りたい!

    java scriptでは、ランダム表示する画像の設定の仕方が分かるのですが、Flashデータの場合だと分かりません。本で調べても載ってませんし。。。 私がやりたいのは、 (1)お客さんがページにアクセスするたびに画像(もしくはアニメーション画像)表示が替わるFlashデータ。 (2)曜日ごとに(1)と同様、表示が替わるFlashデータです。 アクションスクリプトが必要になると思いますが、どうか宜しくお願いします。

    • ベストアンサー
    • Flash
  • FLASHでランダムでURLを表示させたいのですが

    FLASH初心者です。携帯用のFLASHを作成しているのですが、FLASHムービーの終了後にボタンを押すと他のページに飛ぶようにするために以下のようなスクリプトを書きました。 on(keyPress"<enter>"){ getURL("http://●●●●●●●●"); } ここまではよかったのですが、次にURLのあとにパラメーターを付け、そのパラメーターをランダムで表示させて飛ぶようにさせたいのです。以下のような感じです。 on(keyPress"<enter>"){ getURL("http://●●●●●●●●?rmd=○○○"); } ※ ○○○は3桁の数字がランダムで入ります。 この場合、どのようなスクリプトを書けばいいのでしょうか?いろいろなサイトで調べて試してみたのですがどうしてもうまくいきません。どうか教えてください。

    • ベストアンサー
    • Flash
  • ランダムに表示したいんですが。

    htmlファイルをアクセスしたときに、アクセスするごとにランダムでFlashを表示したいのですが、Netscape Communicator4.7で動作確認をしたところ、 表示がうまくできませんでした。ネスケに関して表示処理の際に何か足りないタグがあるのでしょうか?それとも単純に書き方が間違っているのでしょうか? --------------------------------------------------------------------- <script language="JavaScript"> <!-- img = new Array(); img[0] = "movie1.swf"; img[1] = "movie2.swf"; img[2] = "movie3.swf"; img[3] = "movie4.swf"; function flash(){ kazu = img.length; i = Math.floor(Math.random()*kazu); document.write("<OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0\" ID=\"movie1\" WIDTH=\"600\" HEIGHT=\"311\">"); document.write("<PARAM NAME=\"movie\" VALUE=\""+img[i]+"\">"); document.write("<PARAM NAME=\"quality\" VALUE=\"best\">"); document.write("<PARAM NAME=\"bgcolor\" VALUE=\"#FFFFFF\">"); document.write("<EMBED src=\""+img[i]+"\" quality=\"best\" bgcolor=\"#FFFFFF\" WIDTH=600 HEIGHT=311 TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\"></embed>"); document.write("</OBJECT>"); } </head> <body> <script language="JavaScript" type="text/javascript"> <!-- flash(); --></script> </body> ---------------------------------------------------------------------

専門家に質問してみよう