Forum d'entraide PHPFrance

Bonjour,

J'ai un formulaire d'identification avec en bas un bouton contenant un évènement onClick
qui renvoit à une fonction, et cette fonction permet de faire diverses concaténations avec les données entrées dans le
formulaire, elle permet aussi d'exercer plusieurs hashages sur des variables, elle permet après coup d'effacer tout mot
de passe (les mots de passent entrés ne doivent pas aller sur le serveur) et doit enfin permettre la validation du formulaire.
Tout ça fonctionne très bien.

J'ai par ailleurs un programme Ajax qui doit aller chercher une donnée sur un SGBD de façon désynchronisée
car j'ai besoin que cette donnée soit elle-aussi traitée à l'intérieur de la fonction dont je parle ci-dessus.
Mon Ajax fonctionne très bien lui aussi.

La première difficulté que j'ai est pour incorporer dans ma fonction js le lien permettant au navigateur d'aller lire ma feuille externe js de l'Ajax que je présente sous la forme:
[javascript]
<script src="monProgrammeAJAX.js"></script>
[/javascript]
Comme vous le comprenez parfaitement ma fonction écrite en js commence et se termine par les balises qui indiquent qu'on écrit à cet endroit un script en js.
Hors la référence à ma feuille externe js de l'Ajax se trouve elle aussi dans ces mêmes balises, et même à l'intérieur de la balise d'entrée comme vous le voyez ci-dessus.
Je ne sais pas trop comment adapter la ligne de code ci-dessus pour que le navigateur qui commence à lire ce qu'il y a à l'intérieur de ma fonction déclenchée par le onClick
sache qu'il faut qu'il aille lire la feuille monProgrammeAJAX.js

Ma deuxième difficulté est d'incorporer la variable récupérée via l'Ajax à l'intérieur du code de cette même fonction, toujours à la suite.
Aujourd'hui je la récupère à l'intérieur du programme principal du formulaire écrit en html, de la sorte:

<div id="output"></div><!-- champs caché à l'emplacement du div via Ajax. -->

Hors, je ne sais pas trop comment intégrer ce div à l'intérieur de ma fonction pour récupérer ma variable
(vous comprenez que c'est l'innerHTML de mon Ajax qui va générer un champs caché à l'intérieur de mon div,
et que je compte utiliser l'id que je donne au champs caché pour récupérer ma variable dans mon js via
un getElementById).
C'est pour moi un peu compliqué car ma fonction déclenchée par le onClick est écrite en js mais mon div est écrit en html.

je comprends pas trop le problème.
tu mets <script src="monProgrammeAJAX.js"></script>
entre les balises header
ce js contient une fonction que tu appelles quand tu en as besoin.

Je suis dans une fonction écrite en js, appelée par un bouton.
En gros, voilà ce que ça donne:

[javascript]
<script language="javascript">
function maFonctionJavascript(form)
{
//...ici j'écris le contenue de ma fonction...
}
</script>

//...mon formulaire ici...
<input type="button" onclick="maFonctionJavascript(this.form);" id="formIdentification" value="valider"/>
[/javascript]

Tu vois ci-dessus que ma fonction est entourée par les balises qui indiquent qu'on écrit du js.
Si à l'endroit où j'ai écrit //...ici j'écris le contenue de ma fonction...
j'écris <script src="monProgrammeAJAX.js"></script>
j'ai les deux balises d'entrée <script language="javascript"> et <script src="monProgrammeAJAX.js"> qui se suivent et
j'ai les deux balises de sortie </script> et </script>qui se suivent aussi.
Si j'ai deux balises <script> je dois obligatoirement toruver une balise </script> entre les deux pour fermer la première et
si j'ai deux balises </script> je dois obligatoirement avoir une balise <script> entre les deux pour ouvrir la deuxième.
Tu comprends le problème?

Donc pour contourner la chose je me retrouve obligé d'écrire:
[javascript]
<script language="javascript">
function maFonctionJavascript(form)
{
//...ici j'écris le contenu de ma fonction...
</script><script src="monProgrammeAJAX.js"></script><script>
//...ici je continue à écrire le contenu de ma fonction...
}
</script>

//...mon formulaire ici...
<input type="button" onclick="maFonctionJavascript(this.form);" id="formIdentification" value="valider"/>
[/javascript]

Et du coup ça sépare le script en deux au milieu du script initial.
Ce que j'écris ci-dessus ça ne tient pas du tout la route...

pour charger dynamiquement un nouveau js (c'est vraiment génant qu'il le soit par défaut ?) :
http://www.hunlock.com/blogs/Howto_Dyna ... pt_And_CSS

Je n'ai pas réussi mais m'y suis finalement pris d'une manière tout-à-fait différente pour appréhender mon problème puis le résoudre.
Merci en tout cas.