Afficher un bloc de texte en javascript

[karnabal]

Bonjour,

Je recherche initialement à afficher un bloc de texte en pied de page tout en plaçant le code concerné au sommet du code source de la page web. Pour cela je fais appel à un petit script.

Le bloc à afficher, présent en haut dans le code :

<div id='patch'>Blablah</div>

Le code qui va permettre d'afficher Blablah où on veut dans la page :

<div id='conteneur'></div>
<script type="text/javascript">
p=document.getElementById('patch')
c=document.getElementById('conteneur')
c.appendChild(p)
</script>
</div>

Pas se problème avec ce code, cependant à l'affichage de la page, le bloc de texte (notre Blablah) s'affiche tout de même.

Comment le supprimer, le masquer, au chargement de la page ?

[captain_torche]

Tu ne peux pas le masquer en CSS ?

[karnabal]

Ah oui ! Par exemple :

div.toppatch ul#patch { 
display:none; 
}

<div class="toppatch">
<div id='patch'>Blablah</div>
</div>

Plus de problème au chargement.

[Bovino]

Si ta div "conteneur" est placée avant ta div "patch" (ce qui est particulièrement probable puisque patch est en bas de page), alors, "patch" n'est pas encore dans le DOM au moment où le script est chargé... donc il est placé à l'emplacement donné par le code html.

En résumé, déplace ton script aprés la div "patch" et ça devrait fonctionner...