Discussion :

[Smokette]

Bonjour,

Je rencontre un bug assez gênant, suite au développement d'un site sous PHP tout fonctionnai correctement depuis le localhost, lorsque nous avons mis sous serveur une différence d'affichage est apparut en simple :

Un select propose une option, cette option peut afficher un autre select sur la droite comme dans la PJ outil1.png.

Losque nous basculons sur les url de navigation http://192.xxx.xxx.xx l'afficahge ressort alors comme dans le PJ outil2.png.

Le principe c'est un tableau vide et javascript renvoi un nouveau select dans la case du tableau correspondant.

Nous avons fait beaucoup de recherche et beaucoup de test, le bug n'apparait que sous IE9 9.8.112.16421 et uniquement lors d'interrogations par le réseau. (ok sous FF et chrome live et local)

Partie HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table id="tableau">
            <tr><th colspan="2">Trouver un incident</th></tr>
            <tr><td class="colonneCriteres">
<select name="racine" id="rubriquesRacines">
<option>test</option>
<option>test</option>
</select></td>
                <td class="colonneCriteres"><div id="req_fils1"></div></td>
            </tr>
            <tr><td class="colonneCriteres"><div id="req_fils2"></div></td>
                <td class="colonneCriteres"><div id="req_fils3"></div></td>
            </tr>
            <tr><td colspan="2"><div id="req_txt"></div></td>
            </tr>
        </table>

Partie en JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$("#rubriquesRacines").live('change',function(){ 
        toutCacher();
        $.get('ajax.php', {
            racine: $('#rubriquesRacines option:selected').attr("name")
            }, 
        function(data) { 
            // si on selectionne la ligne "vide" retire tous les champs fils
            if($('#rubriquesRacines option:selected').attr("name")=="vide") toutCacher();
            // si on selectionne un pere on affiche ses fils    
            else 
    if(numFils!=4){
        if(data[0]=="<"&&data[1]=="s"&&data[2]=="e"&&data[3]=="l"){ 
            $('#req_fils'+numFils).html(data);
            $('#req_fils'+numFils).show();
        }else{
            $('#req_txt').html(data);
            $('#req_txt').show();
        }
    }else{
        $('#req_txt').html(data);
        $('#req_txt').show();
        $('#creerRubriqueFille1').hide();
        $('#creerRubriqueFille2').html('Vous pouvez créer au maximum 4 sous-rubriques');
    }

Quelqu'un aurai-t-il une idée ?