Afficher le contenu div par fichier script js

Résolu/Fermé
marctrox - Modifié par marctrox le 5/06/2011 à 04:44
 Profil bloqué - 5 juin 2011 à 23:25
Bonjour,


Je n'arrives pas a trouver simplement la solution d'afficher du contenu html dans une div, cela avec un fichier en .js .

Pour faire tres simple, j'ai mon contenu de base, mais je souhaites qu'une partie du contenu provienne d'un fichier .js pour ne pas etre pris en compte par les moteurs d'une part, et par contrainte de 32K de caracteres sur ma page.

J'ai donc 4 div, la div 1 et la div2 ont déjà du contenu.

Je voudrais donc pouvoir afficher dans la div3 et la div4 du contenu provenant du fichier script .js

Code la page html :
<html>
<head>
<script language="JavaScript"
src="contenusdiv.js" type="text/javascript">
</script>
</head>
<body>
<div id="div1">mon contenu 1</div>
<div id="div2">mon contenu 2</div>
<div id="div3"></div>
<div id="div4"></div>
</body>
</html>

Quel code du script .js dois-je mettre dans contenusdiv.js?

j'ai essayé le code suivant ;
//
document.getElementById('div1').innerHTML = '<table border=1><tr><td>lala</td><td>lolo</td></tr><tr><td>lulu</td></tr></table>';

document.getElementById('div1').innerHTML = '<table border=1><tr><td>rara2</td><td>RORO2</td></tr><tr><td>gege2</td></tr></table>';

mais ca ne marche pas. Je n'ai pas les fonctions php sur mon serveur, je voudrais le faire qu'en java script et pas sur ma page html evidement.

Merci par avance de votre aide.
A voir également:

2 réponses

Réponse 1 / 2
Utilisateur anonyme
5 juin 2011 à 16:33
Bonjour,

Ce code là fonctionne parfaitement : 

<html> 
<head> 
</head> 
<body> 
<div id="div1">mon contenu 1</div> 
<div id="div2">mon contenu 2</div> 
<div id="div3"></div> 
<div id="div4"></div> 
<script>
document.getElementById('div1').innerHTML = '<table border=1><tr><td>lala</td><td>lolo</td></tr><tr><td>lulu</td></tr></table>';
</script>
</body> 
</html>


Votre js est dans le head, il s'exécute avant la partie body, en gros, le body n'existe pas encore, donc div1 n'existe pas encore quand vous lancez le code js.
Donc faites comme moi, lancez l'appel JS dans le body de la page.
2
Réponse 2 / 2
marctrox
Modifié par marctrox le 5/06/2011 à 21:06
Merci , effectivement ca marche, meme si le code proposé n'est pas tout a fait cela.
Je donnes le bon a la suite.

En fait, le code ne marche pas si on place le script appelé "AVANT" l'élément DIV comme vous le dites.

On doit passer l'appel au fichier .js "APRES" le div.

voici la bonne marche a suivre :
Code la page html :
<html>
<head>
<title>TITRE</title>
</head>
<body>
<div id="div1">mon contenu 1</div>
<div id="div2">mon contenu 2</div>
<div id="div3"></div>
<div id="div4"></div>
<script language="JavaScript"
src="contenusdiv.js" type="text/javascript">
</script>
</body>
</html>

code du fichier contenusdiv.js :

document.getElementById('div3').innerHTML = '<table border=1><tr><td>lala</td><td>lolo</td></tr><tr><td>loulou</td></tr></table>';

pas besoin de mettre la balise script ou fonction etc dans le fichier .js.
cette fois ca marche ! dans la Div3, un petit tableau fait son apparition ! ;-)

Merci neoprog67, car j'ai peiné vraiment a trouver le bon code.
Si comme moi, vous ne connaissez rien au java script, vous aurez au moins cet exemple simple.
0
Profil bloqué
5 juin 2011 à 23:25
Pense à mettre résolu en haut à gauche !
0