Discussion :

[BeRoots]

Salut la compagnie

je viens de finir un script de detection de donnée navigateur...
Ce dernier et totalement fonctionnel sous tout navigateur sauf IE... grrr!!!
Mon objectif est de faire en sorte de soumettre un formulaire "hidden" auto-remplie par le script JS pour avoir redirection à soumission, vers une autre vue (page).
voila la methode de soumission de mon formulaire:

Code :

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

document.getElementById('formJS').submit();

voici la balise form du formulaire:

Code :

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

<form id="formJS" action="<?php echo htmlentities('/fr/default/index/savebrowserinfos'); ?>" method="post">

la soumission du formuaire et redirection vers savebrowserinfos.phtml fonctionne sous touts navigateurs sauf les IE...

Si quelqu'un à une idée sur le pourquoi cela ne fonctionne pas sous IE ?
Merci d'avance

[SpaceFrog]

pourquoi html entities ?

[RomainVALERI]

pourquoi html entities ?

+1...

je dirais même : pourquoi une insertion php pour placer une chaine "en dur" au lieu de :

Code :

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

<form id="formJS" action="/fr/default/index/savebrowserinfos" method="post">

?

[BeRoots]

certe... c'est un peu brouillon ...
j'ai revu comme suit...

Code :

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

<form id="formJS" action="/fr/default/index/savebrowserinfos" method="post">

par contre toujours le même probleme de submit qui ne fonctionne pas sous IE mais fonctionne sous tout autres navigateurs...

[SpaceFrog]

essaye avec

Code :

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

document.forms('formJS').submit();

voire aussi rajouter

Code :

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

name ="formJS"

[RomainVALERI]

Effectivement ^^
la methode document.getElementById() renvoie un objet de type Element, qui n'a a priori pas de méthode submit(), alors que l'accès à l'objet par l'intermédiaire de la collection document.forms permet de bien récupérer un objet de classe FormElement... CQFD, et hop...un tag [résolu] de plus sur l'indécente pile de la grenouille

[Bovino]

Code :

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

document.forms['formJS'].submit();

Voire préciser l'extension dans :

Code :

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

"/fr/default/index/savebrowserinfos"

[SpaceFrog]

oui ou en s'affranchissant de l'id ou du name ...

Code :

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

document.forms[0].submit();

si il n'y a qu'un form sur la page

[BeRoots]

ok j'ai mis comme suis mais je n'est pas reussi à tester pour le moment car en fin de compte j'ai un autre problème qui me plante le script sous IE...

mon soucis est que en fin de compte j'ai dans mon script une selection de champ <input type="hidden> et mon script doit leur assigner des valeurs avant de soumette le formulaire...

voici le formulaire complet comme definit en dur dans ma vue:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<form id="formJS" action="/fr/default/index/savebrowserinfos" method="post">
    <input type="hidden" name="timezone" id="timezone" value="" />
    <input type="hidden" name="resolution" id="resolution" value="" />
    <input type="hidden" name="java" id="java" value="" />
    <input type="hidden" name="director" id="director" value="" />
    <input type="hidden" name="flash" id="flash" value="" />
    <input type="hidden" name="pdf" id="pdf" value="" />
    <input type="hidden" name="quicktime" id="quicktime" value="" />
    <input type="hidden" name="realplayer" id="realplayer" value="" />
    <input type="hidden" name="windowsmedia" id="windowsmedia" value="" />
    <input type="hidden" name="cookie" id="cookie" value="" />
</form>

voici une version simplifier du script pour explication de l'erreur:

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
var getBrowserInfos = {
 
 
 
    start: function()
 
    {
 
        getBrowserInfos.autoComplementAndSubmit();
 
    },
 
 
 
    autoComplementAndSubmit: function()
 
    {
 
        for(var j=0; j<browser_vars.length; j++)
 
        {
 
             var key = browser_vars[j];
 
             var browserValue = browser[key];
 
 
             // ici la methode qui pose probleme
 
             var hiddenInput = document.getElementById(key);
 
             hiddenInput.value = browserValue;
 
        }
 
        document.forms[0].submit();
 
    }
 
}
 
 
 
// on lance le script au domready
 
window.addEvent('domready', getBrowserInfos.start);

si quelqu'un peut me dire pourquoi ce script ne fonctionne pas sous IE...
suite à mes test de ce script, j'arrive à en deduire qu'un alert('coucou') paase avant le hiddenInput.value = browserValue; mais plus apres celui-ci
donc le script plante à la definition de la value dans l'input cible et ce que sous IE...
un alert('hiddenInput'); me renvoi null sous IE et [object HTMLInputElement] sous tout autre navigateur...

Si quelqu'un à un idée...
Merci d'avance

[RomainVALERI]

Disons que sans savoir ce que contiennent exactement browser et browser_vars... c'est un peu chaud là...

[BeRoots]

browser contient les parametre a enregistrer (recolter depuis le navigateur)
et browser_vars est un tableau contenant les nom de variable correspondant au name & id des input type hidden...

le problème ne vient pas trop de cela mais de la méthode de recuperation/assignement de value pou les input...

Code :

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

hiddenInput.value = browserValue;

[BeRoots]

j'ai apparament resolu le probleme de selection/assignation de valeur au inputs du form mais je n'arrive pas à faire en sorte de soumettre le form sous IE

j'ai essayé ceci pour IE mais rien ne fonctionne:

Code :

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

1
2
3
4
document.getElementById["formJS"].submit();
document.getElementsByName["formJS"].submit();
document.forms[0].submit();
document.forms["formJS"].submit();

une idée ?