[HTML/JS] Changer le contenu d'un div

Changer le contenu d'un div [HTML/JS] - HTML/CSS - Programmation

Marsh Posté le 17-10-2003 à 10:13:19    

Hello  :hello:  
 
Bon voila , je suis un gros debutant en code web
 
Mon probleme est de changé le contenu d'une div assez simplement par tout moyen possible  :D  
 
je demande si ce n est une reponce, au moin un indice ( page web, tuto)  
 
je n arrive pas a trouvé sur le forum et sur les site que j ai visité
je trouve des truc interressant, des fonction ( javascript ou Innerhtml) mais je n'arrive pas a les mettre en place, vu mon niveau  :sweat:  
 

Reply

Marsh Posté le 17-10-2003 à 10:13:19   

Reply

Marsh Posté le 17-10-2003 à 10:34:35    

Joulpouille a écrit :

Hello  :hello:  
 
Bon voila , je suis un gros debutant en code web
 
Mon probleme est de changé le contenu d'une div assez simplement par tout moyen possible  :D  
 
je demande si ce n est une reponce, au moin un indice ( page web, tuto)  
 
je n arrive pas a trouvé sur le forum et sur les site que j ai visité
je trouve des truc interressant, des fonction ( javascript ou Innerhtml) mais je n'arrive pas a les mettre en place, vu mon niveau  :sweat:  
 
 


 
Ben si tu n'arrives pas à les mettre en place, c'est parce que tu dois apprendre certaines choses avant.
A la limite montre nous un exemple de code que tu essayes de mettre en oeuvre.
 

Reply

Marsh Posté le 17-10-2003 à 10:43:28    

j ai fait ce truc simple :  http://membres.lycos.fr/codwrz/test/Untitled-1.htm
et dans le cadre div3 jvoudrai par exemple changer le contenu en clikant sur un lien/img  :)  
 

Code :
  1. <html>
  2. <head>
  3. <title></title>
  4. <style type="text/css">
  5.     <!--
  6.       div#bloc1, div#bloc2 {
  7.        width : 414px;
  8.        height : 419px;
  9.       }
  10.       div#bloc1 {
  11.        position : absolute;
  12.        top : 10px;
  13.        left : 400px;
  14.        background-image : url(fond.gif);
  15.        background-position : top left;
  16.        background-repeat : no-repeat;
  17.        color : #fff;
  18.       }
  19.       div#bloc2 {
  20.        border : 1px solid #000;
  21.        overflow : auto;
  22.       }
  23.       div#bloc3 {
  24.        padding : 10px 0 0 20px;
  25.       }
  26.     -->
  27.     </style>
  28. </head>
  29. <body bgcolor="#999999" >
  30. <img src="menutrans.gif" width="217" height="295" align="left" >
  31.     <div id="bloc1">
  32.       <div id="bloc2">
  33.         <div id="bloc3">
  34.           <font face="Courier New, Courier, mono" size="-1">Blaaablaaaaaaaaaaaaaaaaaaaaaa B
  35.         </font></div>
  36.       </div >
  37.     </div>
  38. </body>
  39. </html>


Message édité par joulpouille le 17-10-2003 à 10:47:12
Reply

Marsh Posté le 17-10-2003 à 10:50:13    

C'est quoi cet horrible <font> :o

Reply

Marsh Posté le 17-10-2003 à 10:50:14    

Joulpouille a écrit :

j ai fait ce truc simple :  http://membres.lycos.fr/codwrz/test/Untitled-1.htm
et dans le cadre div3 jvoudrai par exemple changer le contenu en clikant sur un lien/img  :)  
 

Code :
  1. <html>
  2. <head>
  3. <title></title>
  4. <style type="text/css">
  5.     <!--
  6.       div#bloc1, div#bloc2 {
  7.        width : 414px;
  8.        height : 419px;
  9.       }
  10.       div#bloc1 {
  11.        position : absolute;
  12.        top : 10px;
  13.        left : 400px;
  14.        background-image : url(fond.gif);
  15.        background-position : top left;
  16.        background-repeat : no-repeat;
  17.        color : #fff;
  18.       }
  19.       div#bloc2 {
  20.        border : 1px solid #000;
  21.        overflow : auto;
  22.       }
  23.       div#bloc3 {
  24.        padding : 10px 0 0 20px;
  25.       }
  26.     -->
  27.     </style>
  28. </head>
  29. <body bgcolor="#999999" >
  30. <img src="menutrans.gif" width="217" height="295" align="left" >
  31.     <div id="bloc1">
  32.       <div id="bloc2">
  33.         <div id="bloc3">
  34.           <font face="Courier New, Courier, mono" size="-1">Blaaablaaaaaaaaaaaaaaaaaaaaaa B
  35.         </font></div>
  36.       </div >
  37.     </div>
  38. </body>
  39. </html>




 
Et alors ? Montres nous ce que tu ferais en JS avec un onclick sur l'image...  :)

Reply

Marsh Posté le 17-10-2003 à 11:22:55    

Hermes le Messager a écrit :


 
Et alors ? Montres nous ce que tu ferais en JS avec un onclick sur l'image...  :)  


 
justement j en sais rien  :cry:

Reply

Marsh Posté le 17-10-2003 à 13:20:08    

<img src="picture.jpg" onclick="document.getElementById('bloc3').innerHTML = '<font size=\"3\" color=\"green\">Tatouille</font>';" />
 
PS: le seul souci, c'est que innerHTML n'est à priori pas supporté par Moz (ou alors j'ai ratté un épisode, en tout cas ça marche jamais chez moi)

Reply

Marsh Posté le 17-10-2003 à 13:23:01    

innerHTML marche visiblement avec Firebird en tout cas ( j'ai fait un essai dernièrement ).


---------------
La bave du crapaud n'empèche pas la caravane de passer .
Reply

Marsh Posté le 17-10-2003 à 13:39:46    

Bon, ben alors c'est autrechose qui merde dans mon script qui merde alors :D A priori, c'est pas le onclick... Donc je sais pas :D M'enfin c'est pas grave, là faut que je tel à la préfecture à cause de mon immeuble qui est en état de péril et mon proprio qui veut pas que j'arrête de payer le loyer :o (vivi c'est totalement hors sujet, j'invite un modo à effacer mon intervention, mais j'avais envie de raconter ma vie donc voilà quoi :D)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed