0
黄色のセルの数と赤いセルの数が等しい場合にポップアップメッセージを表示するスクリプトを探しています。私は以下のコンセプトの絵を含んでいます。どんな助けもありがとうございます。セルグループの数が別のセルグループの数と等しい場合にポップアップメッセージを表示する
A
答えて
1
あなたの個々の色のブロックのクラスはred_blockとyellow_block
setInterval(function(){
var reds = document.getElementByClassName('red_block')
var yellows = document.getElementByClassName('yellow_block')
if(reds.length == yellows.length){
alert("what ever")
}
}, 1);
document.getElementByClassNameが値を確認するために1ミリ秒までの時間間隔を与える、そのクラスに
を有する素子の配列を返します願っています毎晩
+0
私はこのように1msを置くでしょう：setInterval（function（1ms）。）そしてコードはどこに置くべきですか？ –
+0
@TariqSherriffいいえ、あなたはそうすることはできません。 setIntervalの構文は 'setInterval（function（）{}、interval）' intervalは整数だけです 'ms'や' s'などは入れないでくださいあなたの関数は 'if'文の中に来なければなりません。 （あなたのコードごとにred_blockとyellow_blockを変更することができます） –
+0
jriddleの例を提供していますか？私が今行っているコードに入れます –
0
私は含まれています以下の例。
$(document).ready(function() {
var color = "White";
$("#btnWhite").click(function() {
color = "#FFFFFF"
});
$("#btnYellow").click(function() {
color = "#FFFF00"
});
$("#btnRed").click(function() {
color = "#FF0000"
});
$("#btnBlue").click(function() {
color = "#0070C0"
});
$("#btnGreen").click(function() {
color = "#00FF00"
});
$("table tr td").click(function() {
$(this).css("background-color", color);
});
}); body {
padding: 5px;
}
label {
font-weight: bold;
}
input[type=button] {
padding: 10px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
p {
margin: 1em 0 0;
}
td.pz {
border: thin solid #000000;
width: 59px;
height: 57px;
background-color: #FFFFFF;
}
.red_block {
border: thin solid #000000;
width: 59px;
height: 57px;
background-color: #FF0000;
}
.yellow_block {
border: thin solid #000000;
width: 59px;
height: 57px;
background-color: #FFFF00;
}
td.padding {
width: 59px;
height: 57px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<br>
<br>
<input id="btnWhite" type='button' style="font-face: 'Arial'; width: 50px; font-size: larger; color: Black; background-color: #FFFFFF; border: 1px dotted #999"
value="">
<input id="btnYellow" type='button' style="font-face: 'Arial'; width: 50px; font-size: larger; color: Black; background-color: #FFFF00; border: 1px dotted #999"
value="">
<input id="btnRed" type='button' style="font-face: 'Arial'; width: 50px; font-size: larger; color: Black; background-color: #FF0000; border: 1px dotted #999"
value="">
<input id="btnBlue" type='button' style="font-face: 'Arial'; width: 50px; font-size: larger; color: Black; background-color: #0070C0; border: 1px dotted #999"
value="">
<input id="btnGreen" type='button' style="font-face: 'Arial'; width: 50px; font-size: larger; color: Black; background-color: #00FF00; border: 1px dotted #999"
value="">
<br>
<br>
<table>
<tr>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
</tr>
<tr>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
</tr>
<tr>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
</tr>
<tr>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
</tr>
<tr>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="yellow_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
<td class="red_block"></td>
</tr>
</table>
</body>+0
Hi Syam ...かなり新しいスクリプトであり、私はこのコードを動作させることに問題があります。関数を挿入してテストする場所を教えてください。上記のコードを追加しました。 –
関連する問題
- 1. 複数の文を使用してVBAで複数のセルグループをマージする
- 2. 選択したセルグループに混合ソートを使用するR
- 3. クロムとサファリは、項目数が列数と等しい場合、CSSの列を別々に表示します。
- 4. sap.ui.table.Tableのセルグループを変更してください
- 5. AJAX、JS - ポストの数がゼロに等しい場合の要素を非表示
- 6. カウントが値と等しい場合の結果の表示
- 7. VBA 2列のセルグループの条件付き連結
- 8. Nが整数に等しい場合
- 9. パスがパスと等しい場合にnavを表示
- 10. 変数が別の変数と等しい場合にトリガを設定する方法は？
- 11. user_typeがXと等しい場合はコンテンツを表示
- 12. 変数が空白と等しい場合のバッチテスト
- 13. CollectionViewはintと等しい場合にセルを表示します。列の値
- 14. データが1つのセルに入力された後に特定のセルグループをロックする
- 15. クリックした内容に基づいて別のポップアップメッセージを表示する
- 16. 変数と等しいループ配列セット要素の場合
- 17. ページに複数の動画を表示したい場合
- 18. CodeIgniter：ポップアップメッセージを表示する
- 19. AWK複数レコードのフィールドの合計と、変数と等しい場合に結合
- 20. URL変数がaddclassよりIDと等しい場合
- 21. 変数が値phpと等しい場合
- 22. NSStringが関数と等しくない場合は？
- 23. Javascript関数の値を別の場所に表示する
- 24. PowerShell Groupオブジェクト複数のプロパティが等しい場合は？
- 25. 変数に値がある場合のみD3テキストラベルを表示
- 26. スキーマフォーム非表示フィールド**値** Xと等しい場合
- 27. 別の列の数値が特定の数値と等しい場合に列内の数値をプロットする方法
- 28. Excel VBA：等しい場合は、エラーメッセージを表示します。
- 29. 画像とポップアップメッセージがある場合に検索する
- 30. ダウンロード表示してポップアップメッセージを表示
jqueryのは大丈夫だろう？ –
はいjクエリは問題ありません。助けてください。 –