Pb d'affichage avec IE

Résolu
ebalexandr Messages postés 7 Date d'inscription jeudi 24 février 2005 Statut Membre Dernière intervention 5 juin 2007 - 5 juin 2007 à 11:20
ebalexandr Messages postés 7 Date d'inscription jeudi 24 février 2005 Statut Membre Dernière intervention 5 juin 2007 - 5 juin 2007 à 12:14
Bonjour à tous,

J'ai un problème de compatibilité avec IE(sous FF aucune pb) voici le code :




<style type="text/css">
<!--
.titre{float:left; width:200px; border:dashed 1px;}
.date{float:left; width:80px; border:dashed 1px;}
.url_pdf{float:left; width:250px; border:dashed 1px;}
.image{float:left; width:16px; border:dashed 1px;}
.line{width:585px; font-size:16px;}
.linex{width:500px; font-size:16px;}
.lien {font-size: 10px;}
-->
</style>
<script type="text/javascript">
function hideshow(ID1,ID2) //fonction qui permet d'ouvrir/fermer
{
var elem1 = document.getElementById(ID1);//pointe sur element qu'il faut afficher
var elem2 = document.getElementById(ID2);//pointe sur element qu'il faut cacher
var radio = document.getElementById(ID2+"predefini");

elem1.style.display = "block";// on l'affiche
elem2.style.display = "none";// on le cache

if(radio!=null)
{
for ( $counter = 0; $counter < radio.childNodes.length; $counter += 2)
{
radio.childNodes[$counter].checked=false;
}
}
}
</script>
<a href="index.php?page=insdoc" >inserer un document</a><br />
<a href="index.php?page=vtheme" >afficher les thèmes</a><br />
<a href="index.php?page=vsource" >afficher les sources</a><br />
<a href="index.php?page=view" >afficher les documents</a><br />
<form method="POST" action="index.php?page=savetheme">
<h2>Le theme</h2>
<div id="new_theme" style="display:block;">
<a href="javascript:hideshow('theme','new_theme');" class="lien"> choisir dans la liste</a><br />


<input type="text" name="theme" value="" size="20">
</div>
<div id="theme" style="display:none;">
<a href="javascript:hideshow('new_theme','theme');" class="lien">créer le nouveau thème</a>
<div id="themepredefini"><input type='radio' value='Action Sociale' name='theme'>Action Sociale
</div>
</div>
<div>
<input type="hidden" name="num_docs" value="">
</div>
<div>
<input type="submit" name="envoyer" value="Enregistrer">


</div>
</form>

des lignes qui posent le problème sont:

<div id="new_theme" style="display:block;">
<a href="javascript:hideshow('theme','new_theme');" class="lien"> choisir dans la liste</a><br />
<input type="text" name="theme" value="" size="20">
</div>
<div id="theme" style="display:none;">
<a href="javascript:hideshow('new_theme','theme');" class="lien">créer le nouveau thème</a>
<div id="themepredefini"><input type='radio' value='Action Sociale' name='theme'>Action Sociale
</div>
quand je clique sur le 1er lien hypertext ca me le cache(display:none) et le 2eme lien reste toujour caché
pourtant sous FF tous fonction comme je veux

merci d'avance pour votre aide

2 réponses

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
5 juin 2007 à 11:52
Bonjour,

   
   
id="theme" style="display:none;">

    avec IE, si un element n'a pas de name, il lui substitue l'ID
       ( et lycée de versailles )

    mets un autre name à l'input, ou un name différent au div

<hr /> Cordialement Bul [mon Site] [M'écrire]<hr />
3
ebalexandr Messages postés 7 Date d'inscription jeudi 24 février 2005 Statut Membre Dernière intervention 5 juin 2007
5 juin 2007 à 12:14
Merci beaucoup bultez pour ton aide, je ne connaissait pas cette particularité d'IE
pour résoudre mon pb j'ai juste changé le nom d'ID et ca marche
0
Rejoignez-nous