Problème dans ma page html

Résolu
sbsimon62 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
blackdam Messages postés 327 Date d'inscription   Statut Membre Dernière intervention   -
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


<!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>
A voir également:

1 réponse

Utilisateur anonyme
 
Bonjour,

même s'il est compliqué tu pourrais peut-être nous faire profiter de ton code ?

( utilise la balise Code appropriée )

Cdt
0
sbsimon62 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
blackdam Messages postés 327 Date d'inscription   Statut Membre Dernière intervention   35
 
Qu'est ce que tu veux faire concrètement?
Parce que là, d'après ta requête, tu n'as ni bouton, ni question.
Juste une image, et un timer.
Quelques petites précisions sont à apporter!
0