salve,
compilando il gioco del prato fiorito in html ho avuto problemi nel far eseguire due funzioni contemporaneamente (rispettivamente la funzione della vincita e dell'eliminazione del button) nei button corrispondenti alle posizioni senza "i fiori" la funzione che elimina il button funziona perfettamente ma non si può dire lo stesso dell'altra (consistente nell'incremento di una variabile che raggiunto un certo numero determina la vittoria),chi può darmi gentilmente una mano?
qui di seguito il codice:
codice:<html> <head> <style> .demo { border:4px solid #000000; border-collapse:collapse; padding:5px; } .demo th { border:2px solid #000000; padding:5px; background:#F8F8FF; } .demo td { border:2px solid #000000; padding:5px; background:#F8F8FF; } div.divor *{ display: block; width:100% } .butt { background: #14f2fa; background-image: -webkit-linear-gradient(top, #14f2fa, #1cdb5c); background-image: -moz-linear-gradient(top, #14f2fa, #1cdb5c); background-image: -ms-linear-gradient(top, #14f2fa, #1cdb5c); background-image: -o-linear-gradient(top, #14f2fa, #1cdb5c); background-image: linear-gradient(to bottom, #14f2fa, #1cdb5c); -webkit-border-radius: 19; -moz-border-radius: 19; border-radius: 19px; -webkit-box-shadow: 2px 2px 10px #050505; -moz-box-shadow: 2px 2px 10px #050505; box-shadow: 2px 2px 10px #050505; font-family: georgia; color: #000000; font-size: 23px; padding: 10px 20px 10px 20px; text-decoration: none; } .butt:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } </style> <script language="Javascript"> var i=0; function win(i){ i++; if(i==12) { alert("HaI vInTo"); document.location.reload() } } function lose() { clicksound.playclip() alert("HaI pErSo!!") } var html5_audiotypes={ "mp3": "audio/mpeg", "mp4": "audio/mp4", "ogg": "audio/ogg", "wav": "audio/wav" } function createsoundbite(sound){ var html5audio=document.createElement('audio') if (html5audio.canPlayType){ for (var i=0; i<arguments.length; i++){ var sourceel=document.createElement('source') sourceel.setAttribute('src', arguments[i]) if (arguments[i].match(/.(w+)$/i)) sourceel.setAttribute('type', html5_audiotypes[RegExp.$1]) html5audio.appendChild(sourceel) } html5audio.load() html5audio.playclip=function(){ html5audio.pause() html5audio.currentTime=0 html5audio.play() } return html5audio } else{ return {playclip:function(){throw new Error("Il tuo browser purtroppo non supporta i tag HTML5")}} } } var clicksound=createsoundbite("doh!.mp3") </script> <p align="center"><font align="center" face="impact" size="8" color="red"><strong>PRATO FIORITO</strong></font></p> <p align="center"><font align="center" face="impact" size="3" color="red">realizzato da petruzzi matteo e federico falco</font></p> </head> <body bgcolor="gold"> <table align="center" width="500" height="500" border="2" class="demo"> <tr> <th><div class="divor"id="win1"><button class="butt" onclick='document.getElementById("win1").style.display="none";win(i);'>?</button></div></th> <th><div class="divor"id="win2" ><button class="butt" onclick='document.getElementById("win2").style.display="none";win(i);'>?</button></div></th> <th><div class="divor"><button class="butt" onclick="lose()">?</button></div></th> <th><div class="divor"id="win3"><button class="butt"onclick='document.getElementById("win3").style.display="none";win(i);'>?</button></div></th> </tr> <tr> <td><div class="divor"id="win4"><button class="butt" onclick='document.getElementById("win4").style.display="none";win(i);'>?</button></div></td> <td><div class="divor"><button class="butt" onclick="lose()">?</button></div></td> <td><div class="divor"id="win5"><button class="butt" onclick='document.getElementById("win5").style.display="none";win(i);'>?</button></td> <td><div class="divor"id="win6"><button class="butt" onclick='document.getElementById("win6").style.display="none";win(i);'>?</button></td> </tr> <tr> <td><div class="divor"id="win7"><button class="butt" onclick='document.getElementById("win7").style.display="none";win(i);'>?</button></div></td> <td><div class="divor"id="win8"><button class="butt" onclick='document.getElementById("win8").style.display="none";win(i);'>?</button></div></td> <td><div class="divor"><button class="butt"onclick="lose()">?</button></div></td> <td><div class="divor"id="win9"><button class="butt" onclick='document.getElementById("win9").style.display="none";win(i);'>?</button></div></td> </tr> <tr> <td><div class="divor"><button class="butt" onclick="lose()">?</button></div></td> <td><div class="divor"id="win10"><button class="butt" onclick='document.getElementById("win10").style.display="none";win(i);'>?</button></div></td> <td><div class="divor"id="win11"><button class="butt" onclick='document.getElementById("win11").style.display="none";win(i);'>?</button></div></td> <td><div class="divor"><button class="butt" onclick="lose()">?</button></div></td> </tr> <tr> <td><div class="divor"><button class="butt" onclick="lose()">?</button></div></td> <td><div class="divor"><button class="butt" onclick="lose()">?</button></div></td> <td><div class="divor"id="win12"><button class="butt" onclick='document.getElementById("win12").style.display="none";win(i);'>?</button></div></td> <td><div class="divor"id="win13"><button class="butt" onclick='document.getElementById("win13").style.display="none";win(i);'>?</button></div></td> </tr> </table> </body> </html>
Rispondi quotando