GetelementbyId pour faire apparaître un texte
Résolu
faboons
-
bil404 -
bil404 -
Bonjour à tous,
voilà je me lance...
je souhaiterais faire apparaître une div en cliquant sur un texte se trouvant sur la même page.
Je pense qu'il faut faire un code en javascript utilisant getelementbyId.
J'ai fait quelques recherches mais je ne comprend pas comment utiliser cette fonction.
Je vous donne l'exemple :
Dans le <head>
Je commets sûrement plusieurs hérésies dans ce code mais où dois-je chercher charlie (l'erreur)???
Le code html est bon ???
N'étant pas connecté ce soir ni demain je ne pourrai répondre que lundi.
Merci d'avance.
Faboons.
voilà je me lance...
je souhaiterais faire apparaître une div en cliquant sur un texte se trouvant sur la même page.
Je pense qu'il faut faire un code en javascript utilisant getelementbyId.
J'ai fait quelques recherches mais je ne comprend pas comment utiliser cette fonction.
Je vous donne l'exemple :
Dans le <head>
<script language="javascript">
function faireapp('untext'){
var untext=document.getElementsById('untext')[0];
untext.style.visibility='visible';}
function fairedisp(x){
var untext=document.getElementsById('untext')[0];
untext.style.visibility='hidden';}
</script>
Je commets sûrement plusieurs hérésies dans ce code mais où dois-je chercher charlie (l'erreur)???
Le code html est bon ???
<a href="#" onClick="faireapp">blabla</a> <div id="untext" >texte devant apparaître</div>
N'étant pas connecté ce soir ni demain je ne pourrai répondre que lundi.
Merci d'avance.
Faboons.
Configuration: Windows Vista Firefox 2.0.0.11
2 réponses
-
Bonjour,
Il ne faut pas utiliser “getelementbyId” mais “getElementById”.
Et tu utilises “getElementsById”
Le code que tu donnes est incomplet et erroné.
Avant d'être affichée, la <div> doit être cachée.
L'as-tu fais ?
“onClick="faireapp” devrait au moins être “onClick="faireapp()”.
Essaye<script type="text/javascript"> function faireapp(){ var untext=document.getElementById('untext'); untext.style.visibility='visible'; } function fairedisp(){ var untext=document.getElementById('untext'); untext.style.visibility='hidden'; } </script> et <p><a href="#" onClick="faireapp()">blabla</a></p> <div id="untext" ><p>texte devant apparaître</p></div>
++
Un exemple approchant.
--
-
