Comment rendre un élément visible quand clik
vandir59
Messages postés
10
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
bonjour,
j'ai mis 2 tableau dans une balise span pour me permettre de les rendre invisible grâce à :
<style type="text/css">
span{visibility:hidden}
</style>
Mais je veux les rendre visible quand l'utilisateur cliq sur une icone donc dans mon fichier .js
j'ai mis:
document.getElementById("paint").onclick=paint;
dans ma fonction de lancement.
et dans la fonction paint
function()
{document.getElementsByTagName('span').visibility="visible";
}
Mais rien ne ce passe je pense que le probléme vient de cette derniére ligne!
Merci pour votre aide!
j'ai mis 2 tableau dans une balise span pour me permettre de les rendre invisible grâce à :
<style type="text/css">
span{visibility:hidden}
</style>
Mais je veux les rendre visible quand l'utilisateur cliq sur une icone donc dans mon fichier .js
j'ai mis:
document.getElementById("paint").onclick=paint;
dans ma fonction de lancement.
et dans la fonction paint
function()
{document.getElementsByTagName('span').visibility="visible";
}
Mais rien ne ce passe je pense que le probléme vient de cette derniére ligne!
Merci pour votre aide!
A voir également:
- Comment rendre un élément visible quand clik
- Clé usb non visible - Guide
- Comment rendre un fichier moins lourd - Guide
- Open element - Télécharger - HTML
- Excel ligne toujours visible - Guide
- Compte facebook désactivé mais toujours visible - Guide
4 réponses
tien prend ce script :
script type="text/javascript">
div = {
show: function(elem) {
document.getElementById(elem).style.display = 'block';
},
hide: function(elem) {
document.getElementById(elem).style.display = 'none';
}
}
</script
tu le place entre les balises <head> et </head>
ensuite vire ton span
et place les element que tu veut cacher, dans un bloc <div></div>
dans le CSS, pour l'ID du bloc caché, met : #bloc_hide { display:none; }
et pour apeler la fonction JS :
<img src="./images/icone.gif" alt="icone" onclick="div.show('bloc_hide')" />
<div id="bloc_hide">BLa Bla caché ... </div>
script type="text/javascript">
div = {
show: function(elem) {
document.getElementById(elem).style.display = 'block';
},
hide: function(elem) {
document.getElementById(elem).style.display = 'none';
}
}
</script
tu le place entre les balises <head> et </head>
ensuite vire ton span
et place les element que tu veut cacher, dans un bloc <div></div>
dans le CSS, pour l'ID du bloc caché, met : #bloc_hide { display:none; }
et pour apeler la fonction JS :
<img src="./images/icone.gif" alt="icone" onclick="div.show('bloc_hide')" />
<div id="bloc_hide">BLa Bla caché ... </div>
Comment faire quand tu as plusieurs <div> car avec firefox les balises de styles ne marchent pas j'ai été obligé de mettre dans un div pour faire un script css.
Si j'applique sa il me le fera pour toute mes balises!
Si j'applique sa il me le fera pour toute mes balises!
si tu peut faire pareil en remplacent dans le petit script:
display='none' et display='block'
par visibility'hidden' ou visibikity='visible
et pareil dans le CSS
et remet bien les balises ouvrantes et fermantes du script
j'ai vu que j'ai fait des fautes de frappe
sa marche très bien meme avec plusieurs div imbriqués
utilise bien des ID pour tes elements
puis met tout dans un CSS externe et non dans des balise style
display='none' et display='block'
par visibility'hidden' ou visibikity='visible
et pareil dans le CSS
et remet bien les balises ouvrantes et fermantes du script
j'ai vu que j'ai fait des fautes de frappe
sa marche très bien meme avec plusieurs div imbriqués
utilise bien des ID pour tes elements
puis met tout dans un CSS externe et non dans des balise style
