Discussion :

[ekho_0]

Bonjour à tous !

Voilà, je me retrouve confronté à un problème assez énervant. Et n'étant pas informaticien de base (débutant, donc), je n'arrive vraiment pas à le résoudre.

Avant tout, il faut savoir que ça fonctionne très bien sous FireFox. Mais sous Internet Explorer, rien.

Résumé :

Le problème est sur la page suivante : ici.

Le principe est de remplir automatiquement 3 champs (2 text "nom" et "numéro" et 1 select "edition") d'un formulaire à partir d'un seul clic. Ca marche donc sous FF, mais pas sous IE.

Détails :

Le formulaire est constitué de 20 "blocs" comme on le voit facilement sur la page en question. Le code html est donc généré en php par une boucle.

Pour un "bloc" donné... Si on fait une recherche en tapant un nom incomplet (essayez "colere", par exemple), le script php donne une liste de lien pouvant correspondre à la recheches. C'est un clic sur l'un de ces liens qui permet de remplir les 3 champs en question. Mais comme dit précédement, ces champs comme ces liens sont générés par du php.

Voici le code php qui génère un lien :

Code :

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

1
2
3
$identifianttype = "1-".$i;
$nommodif = addslashes(trim($donnees['crt_nom']));
$liste1 = $liste1."<a href='#n1-".$i."' onclick=\"javascript:selectcarte('".$identifianttype."','".$nommodif."','".$donnees['crt_ed']."','".$donnees['crt_num']."');\">".$donnees['crt_nom']."</a> (".edition($donnees['crt_ed']).", n°".$donnees['crt_num'].")<br />";

$i : numéro associé au "bloc" (pour "carte n°1", $i = 0)
$donnees[XXX] : données issues d'une requete sql.
$liste1 : nom de la liste de liens
selectcarte() : cf plus bas
edition() : fonction externe perso qui n'a jamais posé aucun problème (qui permet de transformer une abréviation en nom complet)

Voici le code généré (affichage de la source sous IE) après avoir tapé "colere" comme recherche :

Code :

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

<a href='#n1-0' onclick="javascript:selectcarte('1-0','Colère de Dieu','9e','58');">Colère de Dieu </a> (Neuvième edition, n°58)<br />

Voici enfin ma fonction javascript :

Code :

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

1
2
3
4
5
6
7
8
9
function selectcarte(identifiant, nom, edition, numero)
{
cible = document.getElementById("n"+identifiant);
cible.value = nom;
cible = document.getElementById("e"+identifiant);
cible.value = edition;
cible = document.getElementById("nm"+identifiant);
cible.value = numero;
}

En ajoutant un "alert()" au début de ma fonction javascript, IE ne me retourne rien. C'est donc probablement au niveau de l'appel de la fonciton que ça bloque...

Help please ! :-)

[Matthieu2000]

onclick="selectcarte('1-0','Colère de Dieu','9e','58');return false;"

[SpaceFrog]

oui j'allais le dire ... pour inhiber les href ...

[ekho_0]

Merci de votre réponse.

J'ai donc modifié le code php en :

Code :

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

1
2
3
$identifianttype = "1-".$i;
$nommodif = addslashes(trim($donnees['crt_nom']));
$liste1 = $liste1."<a href='#n1-".$i."' onclick=\"selectcarte('".$identifianttype."','".$nommodif."','".$donnees['crt_ed']."','".$donnees['crt_num']."');return false;\">".$donnees['crt_nom']."</a> (".edition($donnees['crt_ed']).", n°".$donnees['crt_num'].")<br />";

Ce qui me donne :

Code :

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

<a href='#n1-0' onclick="selectcarte('1-0','Colère de Dieu','9e','58');return false;">Colère de Dieu </a> (Neuvième edition, n°58)<br />

Sous FF, le remplissage des champs se fait toujours, mais la page ne se positionne plus au niveau de l'id "#n1-0". Sous IE, toujours le même problème.

J'avoue que j'avais déjà essayé toutes les combinaisons possible de ";", de "javascript:" et de "return false;"...

PS : comme vous avez pu le voir, il y a 2 colonnes qui sont identiques. Je fais les différents tests sur la 1ere, donc préférez la 1ere pour voir de quoi il s'agit...

[SpaceFrog]

pourquoi ne pas faire directement:

Code :

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

1
2
3
4
5
6
7
function selectcarte(identifiant, nom, edition, numero, aller)
{
document.getElementById("n"+identifiant).value = nom;
document.getElementById("e"+identifiant).value= edition;
document.getElementById("nm"+identifiant).value = numero;
slef.location.href=aller;
}

fais des alerts des différents id ...

sinon vire le href et rajoute un paramètre

Code :

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

1
2
 
<a href='#' onclick="selectcarte('1-0','Colère de Dieu','9e','58','#n1-0');return false;">Colère de Dieu </a> (Neuvième edition, n°58)<br />

vérifie que tu n'as pas deux id identiques sur la page ...
pour l'ancre le name sera sans doute plus crossbrowser

[ekho_0]

Ce qu'il y a, c'est qu'un simple "alert" au tout début de ma fonction js ne se lance même pas sous IE. Donc, je pense que c'est plutot au niveau de l'appelle de la fonction que ça coince, non ?

Quoi qu'il en soit, j'ai modifié le php en :

Code :

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

1
2
3
$identifianttype = "1-".$i;
$nommodif = addslashes(trim($donnees['crt_nom']));
$liste1 = $liste1."<a href='#' onclick=\"selectcarte('".$identifianttype."','".$nommodif."','".$donnees['crt_ed']."','".$donnees['crt_num']."');return false;\">".$donnees['crt_nom']."</a> (".edition($donnees['crt_ed']).", n°".$donnees['crt_num'].")<br />";

Et le JS en :

Code :

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

1
2
3
4
5
6
7
8
function selectcarte(identifiant, nom, edition, numero)
{
alert("Ok !");
document.getElementById("n"+identifiant).value = nom;
document.getElementById("e"+identifiant).value = edition;
document.getElementById("nm"+identifiant).value = numero;
slef.location.href = "n"+identifiant;
}

Toujours le même problème (ok sous FF, ko sous IE). Le renvoi à l'ancre ne marche pas non plus, mais ça c'est vraiment pas important.

Vous pouvez regarder vous-même le code pour la colonne de gauche après recherche de "colere" dans la "carte n°1". Il n'y a pas deux fois le même identifiant :

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
<td class='cadrenorm' valign='top' width='50%'>
<div class='pt3-titre' align='center'>Joueur 1</div>
<br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°1</div>Nom : <input type='text' name='nom1[]' id='n1-0' class='texte' size='27' value='colere'> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value='1'><br /><br />
Edition : <select name='edit1[]' id='e1-0' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-0' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-0'> Foil<br /><br /><div class='cadre-pointilles'align='right' ><a href='#' onclick="selectcarte('1-0','Colère de Dieu','9e','58');return false;">Colère de Dieu </a> (Neuvième edition, n°58)<br /><a href='#' onclick="selectcarte('1-0','Akroma, Ange De La Colère','ts','-1');return false;">Akroma, Ange De La Colère </a> (Spirale Temporelle, n°-1)<br /></div></div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°2</div>Nom : <input type='text' name='nom1[]' id='n1-1' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-1' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-1' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-1'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°3</div>Nom : <input type='text' name='nom1[]' id='n1-2' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-2' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-2' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-2'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°4</div>Nom : <input type='text' name='nom1[]' id='n1-3' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-3' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-3' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-3'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°5</div>Nom : <input type='text' name='nom1[]' id='n1-4' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-4' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-4' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-4'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°6</div>Nom : <input type='text' name='nom1[]' id='n1-5' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-5' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-5' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-5'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°7</div>Nom : <input type='text' name='nom1[]' id='n1-6' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-6' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-6' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-6'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°8</div>Nom : <input type='text' name='nom1[]' id='n1-7' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-7' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-7' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-7'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°9</div>Nom : <input type='text' name='nom1[]' id='n1-8' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-8' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-8' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-8'> Foil</div><br /><div class='cadre-standard'><div class='pt2-titre'><div style='float:right'><a href='#bas'><img src='http://www.ekhorizon.com/magic/design/bas.gif' title='Bas de page' border='0'></a></div>Carte n°10</div>Nom : <input type='text' name='nom1[]' id='n1-9' class='texte' size='27' value=''> Quantit&eacute; : <input type='text' name='nbre1[]' class='texte' size='3' value=''><br /><br />
Edition : <select name='edit1[]' id='e1-9' class='texte'><option value='---'>---</option><option value='eve'>Coucheciel</option><option value='shm'>Sombrelande</option><option value='mor'>Lèveciel</option><option value='lor'>Lorwyn</option><option value='10e'>Dixième édition</option><option value='fut'>Vision de l'avenir</option><option value='plc'>Chaos planaire</option><option value='ts'>Spirale Temporelle</option><option value='cs'>Souffle glaciaire</option><option value='dis'>Discorde</option><option value='gp'>Pacte des guildes</option><option value='rav'>Ravnica</option><option value='9e'>Neuvième edition</option><option value='sok'>Libérateurs de Kamigawa</option><option value='bok'>Traitres de Kamigawa</option></select> N° <input type='text' name='num1[]' id='nm1-9' class='texte' size='3' value=''><br /><br />
Etat : <select class='texte' name='grad1[]'><option value='mt' selected>Mint</option><option value='nm'>Near-Mint</option><option value='exc'>Excellent</option><option value='fn'>Fine</option><option value='pl'>Played</option><option value='pr'>Poor</option></select> <input type='checkbox' name='foil1[]' value='1-9'> Foil</div>
</td>

[Matthieu2000]

Ce qu'il y a, c'est qu'un simple "alert" au tout début de ma fonction js ne se lance même pas sous IE.

vérifie les retour chariot et autres caractères des autres fonctions...