Problème dans ma page html

Résolu/Fermé

sbsimon62 Messages postés 2 Date d'inscription vendredi 13 février 2015 Statut Membre Dernière intervention 13 février 2015 - Modifié par sbsimon62 le 13/02/2015 à 11:40
blackdam Messages postés 327 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 13 février 2015 - 13 févr. 2015 à 14:11

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:

Problème dans ma page html
Supprimer une page word - Guide
Page d'accueil iphone - Guide
Traduire une page web - Guide
Editeur html - Télécharger - HTML
Créer une page facebook - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme
13 févr. 2015 à 11:40

Bonjour,

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

( utilise la balise Code appropriée )

Cdt

sbsimon62 Messages postés 2 Date d'inscription vendredi 13 février 2015 Statut Membre Dernière intervention 13 février 2015
13 févr. 2015 à 11:47

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> 
<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> 

<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

blackdam Messages postés 327 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 13 février 2015 35
13 févr. 2015 à 14:11

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!

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

[référencement] Ne pas être référencé

Espace en HTML

Je veux retrouver mon ancienne page d'accueil

Discussions similaires

Newsletters