Discussion :

[JFKen]

Bonjour à toutes et à tous !!

J'ai un pitit soucis avec des appels de fonction JavaScript.
J'ai un formulaire avec des Textbox et des ComboBox; avec un bouton pour chacuns de ces contrôles.
Ces boutons appellent une fonction (une fonction par bouton) qui récupere la valeur du contrôle correspondant et appellent une page PHP avec comme paramètre la valeu du dit contrôle.

Mes fonctions sont construites de la même maniere, seuls le nom de la page php appelée et le nom du contrôle où rcupérer la valeur à envoyer changent.

Voilà le code :

function AddComp() //fonction d'ajout de Comparateur, valeur récupérée d'une TextBox
{

document.FormNom.submit();
var h = 75; // hauteur de la popup
var l = 500; // largeur de la popup
//Calcul de la taille L et H de l'ecran du client
var PosX = ( screen.availWidth - h ) / 2;
var PosY = ( screen.availHeight - l ) / 2;
document.FormNom.submit();
window.open('AddComp.php?Comparateur='+document.FormNom.comp.value,'Ajout',
'toolbar=no, location=0, directories=0,
status=0, scrollbars=1, resizable=no, copyhistory=no, menuBar=no, status=no, width='+l+', height='+h+',Top = '+PosY+', Left='+PosX);
}

function ModClient() //fonction de modification des données des Clients, valeur récupérée d'une ComboBox
{

document.FormNom.submit();
var h = 75; // hauteur de la popup
var l = 500; // largeur de la popup
//Calcul de la taille L et H de l'ecran du client
var PosX = ( screen.availWidth - h ) / 2;
var PosY = ( screen.availHeight - l ) / 2;
document.FormNom.submit();
window.open('ModClient.php?Client='+document.FormNom.ModClient.text,'Modification',
'toolbar=no, location=0, directories=0,
status=0, scrollbars=1, resizable=no, copyhistory=no, menuBar=no, status=no, width='+l+', height='+h+',Top = '+PosY+', Left='+PosX);
}

La premiere fonction récupere la valeur d'une TextBox, la seconde d'une ComboBox.
C'est les fonctions qui récupere la valeur des ComboBox qui ne fonctionnent pas, celles qui utilise la valeur des TextBox fonctionnent très bien. On voit bien que ces deux fonctions sont construite de la même maniere... Voilà l'erreur que j'obtient dans la console JS quand j'apelle la fonction :

Erreur : ModClient is not a function
Fichier source : http://127.0.0.1/comparateur_reduit/...nistration.php

Pour les valeurs des combo j'ai testé avec document.MonFormulaire.MaCombo.value et document.MonFormulaire.MaCombo.text en vain, même erreur... surtout que la valeur et le texte de ma combo, généré en php, sont identiques.
Dans le source ça donne ça :

<SELECT name = "ModClient">

<option value="Fnac">Fnac</option>
<option value="Kadossimo">Kadossimo</option>
<option value="LaRedoute">LaRedoute</option>
<option value="LDLC">LDLC</option>
<option value="PriceMinister">PriceMinister</option>
<option value="RueDuCommerce">RueDuCommerce</option>
<option value="Surcouf">Surcouf</option>
<option value="Virgin">Virgin</option>

</SELECT>

Si qq'1 à une idée de la boulette... je suis preneur !!

Merchi bôôôcoup !!

[javatwister]

dis donc, tu soumets combien de fois tes formulaires??


sinon, il est dangereux de mêler un window.open à une soumission classique; tu vas envoyer dans ta fenêtre des données qui n'existent plus;

[JFKen]

J'ai en tout et pour tout sur le formulaire 4 boutons, qui appellent chacun une fonction. 2 récuperent des valeurs de TextBox, celles ci fontionnent bien, et 2 qui récuperent des valeurs de ComboBox, qui plantent !

Donc 4 submit en tout.

J'utilise le window.open pour eviter d'afficher le resultat de mes pages php appellées par le Submit dans une fenetre normale, vu que j'ai juste un message d'un ligne qui s'affiche, genre "Le client machin-chose a été correctement effacé" par exemple.

Cette facon de faire me convient dans le contexte du projet, et pour ce qui est des 2 fonctions avec les TextBox ça foncionne comme je le souhaite.

Une idée de mon soucis des fonctions fonctionnanr avec les Combo ?!

Merki !

Edit : lorsque j'appui sur un bouon, seul une soumission est effectuée...

[javatwister]

ce que je voulais dire, c'est que:

Code :

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

1
2
3
4
5
6
7
document.FormNom.submit();
var h = 75; // hauteur de la popup
var l = 500; // largeur de la popup
//Calcul de la taille L et H de l'ecran du client
var PosX = ( screen.availWidth - h ) / 2; 
var PosY = ( screen.availHeight - l ) / 2; 
document.FormNom.submit();

n'est pas très pertinent! (2 soumissions successives, dont l'une apparaît en première instruction, ce qui fait que les lignes suivantes ne seront même pas lues);

après, je te répète que tu vas avoir des soucis en forçant la soumission dans une popup;
à moins d'une gestion compliquée, à base de target, return false...

[JFKen]

Merci à toi !! Je sais pô d'où j'ai pu sortir mes 2 submit par fonctions

Sur tes conseils, j'ai testé avec une méthode plus conventionelle...

function DelClient()
{
document.FormNom.method = "GET";
document.FormNom.action = 'DelClient.php';
document.FormNom.submit();
}

J'en perd mon latin !!

[FremyCompany]

Faute de syntaxe dans le script... j'ai pas regardé pour savoir ou, mais je sur qu'il y en a une... voire console...

[JFKen]

La console m'indique seulement que la fonction n'en n'est pas une...

Dans la partie ERREURS de la console, dans AVERTISSEMENTS nada....

Erreur : DelClient is not a function

C'est clair que c'est du à une erreur de synthaxe ! Mais où ?? Quelle est la bonne maniere de récupérer la valeur ou le libellé d'une combo ? Je connais que ça :

document.MonFormulaire.MaCombo.value et document.MonFormulaire.MaCombo.text

Meeercchiiii

[javatwister]

tu peux montrer la partie html? c'est d'abord la logique du formulaire qu'il faut regarder;

[JFKen]

<html>

<head>

<SCRIPT language = "JavaScript">

//////////////// ICI LES FONCTIONS /////////////////

</SCRIPT>

</head>

<body>

<form name="FormNom" enctype = "multipart/form-data">
<br>
<center>


<TABLE>
<center>
<b><u>¤¤¤ ADMINISTRATION ¤¤¤</u></b>
</center>
<BR>


<TD>
<TD BGCOLOR="#FFFFCC">
<BR>
<center><u><i><b>Ajout</b></i></u></center>

<BR><BR>
Saisissez le nom du nouveau client : <br><input type="text" name="client" size="10">
<input type="button" value="Ajouter !" onClick = "AddClient();"/>
<BR>
Saisissez le nom du nouveau comparateur : <br><input type="text" name="comp" size="10">
<input type="button" value="Ajouter !" onClick = "AddComp();"/>
<BR>
<BR>

<center><b><u>Note :</u></b></center><BR><BR><div align = "justify">L'ajout de Clients complete le<BR>champ "NomClient" uniquement.<BR>Pour insérer les données completes<BR>et remplir la Base de Données,<BR>utlisez le formulaire d'insertion !</div></FONT>

</TD>



<TD>
<TD BGCOLOR="#C1FFC1">
<BR>
<center><u><i><b>Modification</b></i></u></center>
<BR><BR>

<center>Choisissez le client à modifier :
<BR>
<SELECT name = "ModClient">
<br><br><option value="3Suisses">3Suisses</option>
<option value="PriceMinister">PriceMinister</option>
<option value="Surcouf">Surcouf</option>
</SELECT>
<BR><BR>

<FONT SIZE = "2"> Gamme - Nom - Reférence - Marque </FONT>

<BR>
<input type="text" name="Gamme" size="1">
<input type="text" name="Nom" size="1">
<input type="text" name="Ref" size="1">
<input type="text" name="Marque" size="1">
</center>
<BR>
Chemin / URL du Fichier :
<BR>

<input type="text" name="File" size="45">
<BR><BR>
Séparateur du fichier : <input type="text" name="Sepa" size="1">
<BR>
Les nouveaux produits seront t'ils séléctionnés ? <BR><center><SELECT Name ="Selection"><Option value = "OUI">Oui<Option value = "NON">Non</Option></SELECT></center><br>
<center><input type="button" value="Modifier !" onClick = "ModClient();"/></center>
</TD>




<TD>
<TD BGCOLOR = "#B9D3EE">
<center><u><i><b>Suppression</b></i></u>
<BR>
<BR>
Choisissez le client à supprimer :
<BR>
<SELECT name = "DelClient">
<option value="3Suisses">3Suisses</option>
<option value="Kadossimo">Kadossimo</option>
<option value="LaRedoute">LaRedoute</option>
<option value="LDLC">LDLC</option>
<option value="LeClient">LeClient</option>
<option value="PriceMinister">PriceMinister</option>
<option value="Surcouf">Surcouf</option>
</SELECT>
<BR><BR>

<input type="button" value="Supprimmer !" onClick = "DelClient();"/></center>
<BR>
<FONT COLOR = "#FF0000"><center><b><u>Note :</u></b></center><BR><BR><div align = "justify">Toute suppression sera complète et<BR>définitive dans <b>toute</b> la Base de Données.<BR>Chacunes des tables relatives au<BR>client seront affectées !!<BR><BR>À utiliser en toute connaisance de cause !!</div></FONT>

</TD>

</TABLE>


</center>
</form>


</body>

</html>

Je vous ai mis les appels des fonctions en gras....

[FremyCompany]

Code :

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

1
2
'toolbar=no, location=0, directories=0,
status=0, scrollbars=1, resizable=no, copyhistory=no, menuBar=no, status=no, width='+l+', height='+h+',Top = '+PosY+', Left='+PosX);

Tu n'aurais pas une constante de chaine non terminée la ?

En JS, on ne peut pas écrire

Code :

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

1
2
"Line 1
Line 2"

[JFKen]

Dans mon code tout tient sur une ligne, j'ai mis un saut de ligne pour que l'affichage dans mon post ne soit pas d'une largeur immense !

Ma fonction, syntaxiquement identique, qui s'occupe de TextBox, fonctionne bien...
C'est au niveau de la récupération de la valeur de ComboBox que ça déconne...

Je pense que je réfléhirais mieux apres manger !!!

[JFKen]

Petit UP de l'apres midi ^^

[FremyCompany]

Tu ne pourais pas joindre le fichier HTML de ta page (ou du moins la source que tu obtient avec un navigateur) ?

[JFKen]

Je l'ai mis, je le remet au cas où...

<html>

<head>

<SCRIPT language = "JavaScript">

function ModClient() //fonction de modification des données des Clients, valeur récupérée d'une ComboBox
{

var h = 75; // hauteur de la popup
var l = 500; // largeur de la popup
//Calcul de la taille L et H de l'ecran du client
var PosX = ( screen.availWidth - h ) / 2;
var PosY = ( screen.availHeight - l ) / 2;
document.FormNom.submit();
window.open('ModClient.php?Client='+document.FormNom.DelClient.text,'Recherche','toolbar=no, location=0, directories=0, status=0, scrollbars=1, resizable=no, copyhistory=no, menuBar=no, status=no, width='+l+', height='+h+',Top = '+PosY+', Left='+PosX);
}


function AddClient() //fonction d'ajout de Client
{

var h = 75; // hauteur de la popup
var l = 500; // largeur de la popup
//Calcul de la taille L et H de l'ecran du client
var PosX = ( screen.availWidth - h ) / 2;
var PosY = ( screen.availHeight - l ) / 2;
document.FormNom.submit();
window.open('AddClient.php?Client='+document.FormNom.client.value,'Recherche','toolbar=no, location=0, directories=0, status=0, scrollbars=1, resizable=no, copyhistory=no, menuBar=no, status=no, width='+l+', height='+h+',Top = '+PosY+', Left='+PosX);
}

</SCRIPT>

</head>

<body>

<form name="FormNom" enctype = "multipart/form-data">
<br>
<center>


<TABLE>
<center>
<b><u>¤¤¤ ADMINISTRATION ¤¤¤</u></b>
</center>
<BR>


<TD>
<TD BGCOLOR="#FFFFCC">
<BR>
<center><u><i><b>Ajout</b></i></u></center>

<BR><BR>
Saisissez le nom du nouveau client : <br><input type="text" name="client" size="10">
<input type="button" value="Ajouter !" onClick = "AddClient();"/>
<BR>
Saisissez le nom du nouveau comparateur : <br><input type="text" name="comp" size="10">
<input type="button" value="Ajouter !" onClick = "AddComp();"/>
<BR>
<BR>

<center><b><u>Note :</u></b></center><BR><BR><div align = "justify">L'ajout de Clients complete le<BR>champ "NomClient" uniquement.<BR>Pour insérer les données completes<BR>et remplir la Base de Données,<BR>utlisez le formulaire d'insertion !</div></FONT>

</TD>



<TD>
<TD BGCOLOR="#C1FFC1">
<BR>
<center><u><i><b>Modification</b></i></u></center>
<BR><BR>

<center>Choisissez le client à modifier :
<BR>
<SELECT name = "ModClient">
<br><br><option value="3Suisses">3Suisses</option>
<option value="PriceMinister">PriceMinister</option>
<option value="Surcouf">Surcouf</option>
</SELECT>
<BR><BR>

<FONT SIZE = "2"> Gamme - Nom - Reférence - Marque </FONT>

<BR>
<input type="text" name="Gamme" size="1">
<input type="text" name="Nom" size="1">
<input type="text" name="Ref" size="1">
<input type="text" name="Marque" size="1">
</center>
<BR>
Chemin / URL du Fichier :
<BR>

<input type="text" name="File" size="45">
<BR><BR>
Séparateur du fichier : <input type="text" name="Sepa" size="1">
<BR>
Les nouveaux produits seront t'ils séléctionnés ? <BR><center><SELECT Name ="Selection"><Option value = "OUI">Oui<Option value = "NON">Non</Option></SELECT></center><br>
<center><input type="button" value="Modifier !" onClick = "ModClient();"/></center>
</TD>




<TD>
<TD BGCOLOR = "#B9D3EE">
<center><u><i><b>Suppression</b></i></u>
<BR>
<BR>
Choisissez le client à supprimer :
<BR>
<SELECT name = "DelClient">
<option value="3Suisses">3Suisses</option>
<option value="Kadossimo">Kadossimo</option>
<option value="LaRedoute">LaRedoute</option>
<option value="LDLC">LDLC</option>
<option value="LeClient">LeClient</option>
<option value="PriceMinister">PriceMinister</option>
<option value="Surcouf">Surcouf</option>
</SELECT>
<BR><BR>

<input type="button" value="Supprimmer !" onClick = "DelClient();"/></center>
<BR>
<FONT COLOR = "#FF0000"><center><b><u>Note :</u></b></center><BR><BR><div align = "justify">Toute suppression sera complète et<BR>définitive dans <b>toute</b> la Base de Données.<BR>Chacunes des tables relatives au<BR>client seront affectées !!<BR><BR>À utiliser en toute connaisance de cause !!</div></FONT>

</TD>

</TABLE>


</center>
</form>


</body>

</html>

[javatwister]

déjà, fais attention au nom des fonctions: si tu en appelles une que tu n'as jamais déclarée, évidemment...

[FremyCompany]

Tu appelles certaines fonctions qui n'existe pas...
Tu as des objets HTML ayant le même nom que certaines fonctions (<SELECT name="DelClient">)
...

Pas etonnant que ca marche pas...

[JFKen]

Elles sont déclarées mais comme le code est identique je ne l'ai ai pas mise.

Mon probleme est qu'il me dit que mes fonctions ne sont pas des fonctions, sinon il me ferait un message d'ereur comme ça :

MaFonction is not defined

Là j'ai bien

MaFonction is not a function

Donc il accede bien à toutes mes fonctions, mais n'arrive pas à executer le code des deux fonctions qui foncionnent avec des combo, entre utre dans le code HTML ci dessus c'est ModClient qui bugge.

Etrange....

[FremyCompany]

Tu appelles certaines fonctions qui n'existe pas...
Tu as des objets HTML ayant le même nom que certaines fonctions (<SELECT name="DelClient">)
...
Pas etonnant que ca marche pas...

Sait pas faire mieux

[JFKen]

Excuses moi, j'avais pa vu ta réponse (j'ai pas fait gaffe à la page 2 ).

Et bien merci à toi, c'est bien là que se siutait le probleme !!

J'aurais pu cherché longtemps ma faute de syntaxe...

Grand merci !!!

[FremyCompany]

De rien ! Bonne continuation à toi !