Sylvain a écrit :
Ca dépend, c'est quoi que tu veux faire exactement ?
Désolée, je pensais avoir été claire dans mon message.
Je reprends de billebédu
Donc j'ai une page, avec un div contenant des informations, caché a l'affichage de la page, qui ne doit être visible QUE sur clique d'une image.
Le contenu de ce div est constitué de plusieurs formulaires.
J'ai bien lu les règles de création d'un formulaire valide XHTML, mais voila, sous ie, les inputs ne s'affichent pas, bien que les labels, eux, s'affichent.
Je vous mets un petit exemple du code ci-dessous.
<div class="contenu">
<br />
<img src="../../images/dossier_payant_etape_1.png" align="middle" border="0" id="etapes_achat" title="Etapes d'achat du document payant" alt="Etapes" /><br /><br />
<div class="resume">
<input type="hidden" id="affichage-contenu-article" value="none" /><br />
<center>
<a href="#"><img src="images/dp_jachete.gif" border="0" title="Acheter le document" onclick="gereAffichagePaiement();" alt="Acheter le document" /></a>
<noscript><center><b>Votre navigateur actuel n'accepte pas l'éxécution de scripts en javascript. <br/>Afin de pouvoir remplir le formulaire, il vous faut l'activer. <br/></center></noscript>
</center>
</div>
<div class="contenu-article" id="affichage" style="display:none;position:relative;height:0px;">
<h2>Veuillez choisir votre mode de paiement</h2>
<br/>
<h4>Par audiotel</h4>
<form method="post" action="identification_dp.php5">
<p>
<label>id doc : <input type="text" name="id_doc" value="726" /></label>
<label>type doc : <input type="text" name="type_doc" value="documents" /></label>
<label>Titre du document : <input type="text" name="titre_doc" value="document" /></label>
<label>Tarif<input type="text" name="tarif_doc" value="1.00" /></label>
<label>Ressource <input type="text" name="ressource" value="2533" /></label>
<label>Page demandée <input type="text" name="pagedemandee" value="document.php5" /></label>
<label><input type="text" name="paiement_doc" value="tel" /></label>
<label><input type="image" src="images/tableau_tel.gif" name="opteloimg" value="Téléphone" title="Téléphone" alt="Paiement audiotel"/></label>
</p>
</form>
</div>
</div>
j'ai testé deux codes javascript (un avec visibility, l'autre avec display:none)
<script type="text/javascript" language="JavaScript">
<!-- //
// au lancement de la page :
// alert("container : "+document.getElementById('container').style.position);
// affichage du moyen de paiement
function gereAffichagePaiement(){
//alert(document.getElementById('affichage-contenu-article').value);
if(document.getElementById('affichage-contenu-article').value == 'hidden') {
document.getElementById('affichage-contenu-article').value = 'visible';
document.getElementById('affichage').style.height = 'auto';
// document.getElementById('etat').innerHTML = 'Etat : '+document.getElementById('affichage-contenu-article').value;
}
else {
document.getElementById('affichage-contenu-article').value = 'hidden';
document.getElementById('affichage').style.height = '0px';
}
//alert("hauteur quand hidden :" +document.getElementById('affichage-contenu-article').style.heigth);
document.getElementById('affichage').style.visibility= document.getElementById('affichage-contenu-article').value;
document.getElementById('telephone').style.visibility= document.getElementById('affichage-contenu-article').value;
document.getElementById('cb').style.visibility= document.getElementById('affichage-contenu-article').value;
}
// affichage du moyen de paiement
function gereAffichagePaiement2(){
//alert(document.getElementById('affichage-contenu-article').value);
if(document.getElementById('affichage-contenu-article').value == 'block') {
document.getElementById('affichage-contenu-article').value = 'none';
document.getElementById('affichage').style.height = '0px';
}
else {
document.getElementById('affichage-contenu-article').value = 'block';
document.getElementById('affichage').style.height = 'auto';
}
//alert("hauteur quand hidden :" +document.getElementById('affichage-contenu-article').style.heigth);
document.getElementById('affichage').style.display = document.getElementById('affichage-contenu-article').value;
}
// -->
</script>
J'espère avoir été plus clair, si ce n'est pas le cas, n'hésitez pas a me le signaler !
Modifié par 3nityy (31 Jan 2007 - 17:26)
