Problème dans ma page html
Résolu
sbsimon62
Messages postés
2
Statut
Membre
-
blackdam Messages postés 332 Statut Membre -
blackdam Messages postés 332 Statut Membre -
Bonjour je souhaite faire apparaitre une question lorsque je j'appuie sur un bouton , une image apparait déjà mais pas le texte . De plus le code est compliqué mais je suis obligé d'utiliser le code imposé par le prof.
Merci
Merci
<!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 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");elt.src="493.jpg";} </script> </body></html>
1 réponse
-
Bonjour,
même s'il est compliqué tu pourrais peut-être nous faire profiter de ton code ?
( utilise la balise Code appropriée )
Cdt
-
Bonjour voici le code du projet :
<!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 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");
elt.src="493.jpg";
}
</script>
</body>
</html>
Le code du bouton est le suivant
/* fonction de mise en place des abonnements- /
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 () {
... // ce que action doit faire
}
// ... et d'autres définitions éventuellement
Merci -
-
