Gogo.62
Messages postés56Date d'inscriptionsamedi 24 août 2013StatutMembreDernière intervention10 avril 2015
-
13 mars 2015 à 10:35
Bonjour, je me permets e vous contacter n'ayant pas trouvé de réelle réponse à mon soucis, je vous expose mon problème.
Je dois faire un projet d'étude sur la programmation d'un programme de code de la route.
On a quelque problème, on doit le faire sur une même page HMTL, on doit donc relancer chaque image avec sa question lorsque l'on a répondu à la précédente, cependant on ne sait pas rééllement comment relancer les actions au chargement de chaque image et de chaques question, commepar exemple le timer qui ne se relancer pas après chaque question.
Je vous joints notre fiche de programmation.
Je vous joints aussi les photos à charger.
De plus on doit utiliser le même code imposé par le professeur
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>page modele HTML</title>
</head> <body> <script type="text/javascript"> //Timer chrono début var lancer=function(){ var timer= window.setInterval(affiche,1000); //Le timer change toutes les 1000msecondes -->1secondes } var affiche=function(){
if (compteur==-1){ window.clearInterval(timer);
} else{ var elt=document.getElementById("chrono"); elt.innerHTML=compteur; compteur=compteur-1; //à chaque 1000msecondes de passée, le timer enlève 1 seconde }
} </script>
<div id="chrono">30</div> <!-- Le départ est à trente secondes --> <img id="picture" src='319.jpg' height="500" width="1000"/> <div id="question1">Un verre d'Alcool correspond à :</div> <div id="reponse1">15ml</div> <div id="reponse2">25ml</div> <div id="reponse3">35ml</div> <div class="bouton"id="lElementQueJeVeux">suivant</div>
<script type="text/javascript"> var compteur=29; //Le chrono démarre lui à 29 secondes
lancer();
</script> <!--fin timer-->
<script type="text/javascript">
var setupEvents = function () {
// abonnement de la fonction action pour l'élément d'id lElementQueJeVeux en réaction à un click var unElement = document.getElementById("lElementQueJeVeux"); unElement.addEventListener("click",action);
// ... on répète le même schéma ici si on veut mettre en place d'autres abonnements }
// pour appeler la fonction ci-dessus quans la page est chargée window.addEventListener("load",setupEvents);
// ---------------------------------------- /* Documentation de la fonction action
/var action = function () {var elt = document.getElementById("picture");elt1.src="493.jpg";var elt1=document.getElementById("question1");elt1.innerHTML="la vitesse en agglo est limitée a :";var eltrep1=document.getElementById("reponse1");eltrep1.innerHTML="90";var eltrep2=document.getElementById("reponse2");eltrep2.innerHTML="50";var eltrep3=document.getElementById("reponse3");eltrep3.innerHTML="30";} </script> </body></html>