Forum : document.getElementById -> et Chrome ou ancien IE

Bonjour à toutes et à tous,

Voila je rencontre un petit problème avec mon code.

`
<html>
<head>
<title>test</title>

<script type="text/javascript"> 
    function Show_Categorie_Block_Vente_Autres_animaux(){
        divInfo = document.getElementById('Affiche_Bloc_3_Photos');divInfo.style.display = 'block';     
    //divInfo = document.getElementsByName('Affiche_Bloc_3_Photos')divInfo.style.display = 'block';
    }
    function Show_Categorie_Block_Vente_Accessoires_animaux(){
        divInfo = document.getElementById('Affiche_Bloc_5_Photos');divInfo.style.display = 'block';
    //divInfo = document.getElementsByName('Affiche_Bloc_5_Photos')divInfo.style.display = 'block';     
    }   
</script>

</head>
<body>
<select name="categorie" id="categorie" class="form_cat" style="width:420px" >

<option > vente </option>
<option value="Vente_Autres_animaux"  onclick="Show_Categorie_Block_Vente_Autres_animaux();"> Autres animaux </option>
<option value="Vente_Accessoires_animaux"  onclick="Show_Categorie_Block_Vente_Accessoires_animaux();"> Accessoires animaux </option>
</optgroup>
</select>
<?php
echo '<div id="Affiche_Bloc_3_Photos" name="Affiche_Bloc_3_Photos" style="display: none;">';
    echo'<br/><br/><br/>';
    echo'coucou !';
echo '</div>'; 
echo '<div id="Affiche_Bloc_5_Photos" name="Affiche_Bloc_5_Photos" style="display: none;">';
    echo'<br/><br/><br/>';
    echo'Bonjour !';
echo '</div>';  
?>

</body>

</html>
`

Le but est de faire afficher une div en fonction de ce qui est cliqué dans la liste déroulante.
Fonctionne sous Firefox et nouvelle dernière version d'IE

Le problème est que ni getElementById, ni getElementsByName, ne semble fonctionner avec Chrome et les anciennes versions d'Internet Explorer

Comment faire pour que ça fonctionne sur tout les navigateurs ??

Merci pour votre aide

document.getElementById -> et Chrome ou ancien IE

3 réponses