Afficher le contenu div par fichier script js
Résolu/Fermé
A voir également:
- Afficher le contenu div par fichier script js
- Fichier rar - Guide
- Fichier host - Guide
- Fichier iso - Guide
- Script vidéo youtube - Guide
- Comment réduire la taille d'un fichier - Guide
2 réponses
Utilisateur anonyme
5 juin 2011 à 16:33
5 juin 2011 à 16:33
Bonjour,
Ce code là fonctionne parfaitement :
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.
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.
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.
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.
