【掲示板の機能】投稿時にサイコロを振り、結果もいっしょに投稿されるようにするには？

解決済

質問者：asha00
質問日時：2006/01/06 21:00
回答数：3件

こんばんは。
タイトルのとおりなのですが、掲示板の機能として、新規投稿時や返信時にサイコロを振ってその結果も一緒に投稿されるようにすることは可能でしょうか？
また可能でしたら、どのように実現するのでしょうか？

イメージ的には。。
タイトル、本文など普通掲示板に投稿するのに必要な情報を書く、「サイコロを回す」ボタンをクリック、サイコロが回っていて、送信ボタンを押す。
すると掲示板のログにタイトル、本文などの情報と一緒にサイコロが表示される。(←サイコロを振った結果)
という感じです。

わかりにくい文章で申し訳ないのですが、どなたか理解していただける方、教えていただけると助かります。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： m035
回答日時：2006/01/06 21:43

動くかどうかは知りませんがこんな感じと思われます。

function rand(){
var img=document.images["sai"];
if(img.src=="wait.jpg"){//imgタグと同じurlを指定。軽い不正防止
img.src=(Math.floor(Math.random()*6)+1)+".jpg";//サイコロ用に同じ階層に1～6.jpgを用意しておくこと
}
}

function check(){//サイコロを振っていなければ送信させない
return document.images["sai"].src!="wait.jpg";
}

<form>
<img src="wait.jpg" name="sai">

<input type="button" value ="ここを押してサイコロを振る" onclick="rand()">
<input type="submit" value="送信" onsubmit="return check()">
</form>

- 0
- 件

通報する

この回答へのお礼

さっそくの回答、ありがとうございます。
試してみたのですが、なぜかサイコロが回らない。。
うーん。どうしてなんでしょう。送信もできていません。

通報する

お礼日時：2006/01/06 22:44

No.3

回答者： pchelp-sandbox
回答日時：2006/01/09 23:39

サイコロが回るアニメーションが欲しいのではありませんか？それならタイマー系のjavascriptを追加すればＯＫです。

※サイコロ画像、"1.gif"～"6.gif"を用意

<html>
<head>
<script type="text/javascript">

</script>

</head>
<body>

<form>
<img src="1.gif" name="sai" border="1">
<input type="button" value ="サイコロを回す" onclick="window.setInterval('castSai()', 200)">
<input type="submit" value="送信">
</form>

</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
そうですね、アニメーションがあるイメージでした。

KENT-WEBさんのASKAという掲示板にこのサイコロ機能がつけれたらいいのになぁと思っていたのですが。。うーん。いまいちどうしてよいのかわかりません。
試してみたところ、アニメーションにはなりました！
でも投稿した結果にはサイコロは表示されずなので、やはりどこか間違っているようです。(←自分の改造の仕方が間違ってるということです。(>_<))

通報する

お礼日時：2006/01/10 00:11

No.2

回答者： m035
回答日時：2006/01/07 00:21

少し振ったかどうかの判定を変えてみました。

こちらでは動作を確認。
onsubmitをformにつけるところをsubmitボタンに設定していたのに気づきました。
これも修正しました。
～.html?slot=6
のようにクエリが付くよう、hiddenをつけてみました。
いらないときは「クエリ用」のコメントのある行と、hiddenを消してください。
また、投稿時にテキストボックスの文頭や文末に数値を埋め込んでから送信もやろうと思えば出来ますね。


var sw=0;
function rand(){
if(sw==0){//一度しか振れないようにする。軽い不正防止
var n=(Math.floor(Math.random()*6)+1);
document.forms[0].slot.value=n;//クエリ用
document.images["sai"].src=n+".jpg";
sw++;
}
}

function check(){//サイコロを振っていなければ送信させない
return (sw==1?true:false);
}

<form onsubmit="return check()">
<img src="wait.jpg" name="sai">
<input type="button" value ="ここを押してサイコロを振る" onclick="rand()">
<input type="hidden" name="slot">
<input type="submit" value="送信">
</form>