(Re-édite ton message et remplace tes balise [ code ] par des balise < code > (sans les espaces), ça sera plus lisible :-) )

Si j'ai bien compris ton problèmes, c'est que quand tu charge un morceau de page HTML dans ta page HTML, le Javascript n'est pas pris en compte. C'est malheureusement un problème qui arrive souvent, et sur lequel on doit toujours bidouiller pour y remédier.

Heureusement, les framework Javascript on des méthode pour nous aidez. Je sais que sous PrototypeJS, il y a une fonction pour récupérer et exécuter le code Javascript que l'on récupère.

Je ne connais pas assez JQuery pour te dire avec exactitude les fonctions à utiliser. Mais tu pourrais essayer de voir avec la fonction Ajax.getScript(), combiner avec Ajax.get() (a condition de séparer ta page HTMl et ton script).

D'acoord , je veu bien essayer meme avec un autre framework que jquery

pourrai tu me detailler la marche a suivre plus précisement , je suis vraiment trop novice en la matiere

je vais regarder quand meme si je comprend ce qu'il faut faire mais ce n'est pas gagné

ps : je ne peu pas editer le premier message ???

Il y a bien la fonction getscript :

Liste des différentes variantes:

* $.getScript(url,callback)

$.getScript(url,callback)

Charge et éxécute un fichier Javascript utilisant la méthode GET.
Attation: Safari <= 2.0.x n'est pas capable d'évaluer les scripts dans un contexte synchrone. Si vous chagez des fonctions via getScript, faites en sorte de les appeler les après un delai.

Paramètres:

* url (String): URL de la page à charger
* callback (Fonction): (optionnel) fonction à éxécuter quand les données seront complètement chargées.

Valeur de retour: XMLHttpRequest
Exemple:

$.getScript("test.js");

Exemple:

$.getScript("test.js", function(){
alert("Script loaded and executed.");
});

comment doit je faire pour séparer le html de mon script ou plutot comment adapter le code du premier message
je ne sais pas comment faire

je suis plus php / mysql que javascript (j'en ai jamais fait en faite ^^ )

Je voulais faire ca alain mais je ne sais pas comment l'ecrire

je viens juste de voir ton message en relisant ^^

pourrait tu me dire plus précisement comment faire ? avec mon code

<form action="" method="post">
<label> Pseudo : </label><input type="text" name="pseudo" id="pseudo"/><span class="info"></span>

<br/>
<label>&nbsp;</label><input type="button" name="inscription"  value="envoyer" onClick="envoieRequete_2(url,id_lire,id_ecrire);"/></span class="info"></span>
</form>

function envoieRequete_2(url,id_lire,id_ecrire)
{
var xhr_object = null;
var position = id_ecrire;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
var obj=document.getElementById(id_lire);
data="pseudo="+obj.value;
// dans le cas du get
xhr_object.send(data);
}

D'accord merci de ta réponse , je vois parfaitement ce que tu veu dire la

mais dans ce est ce que je ne perd pas tout l'intérêt de l'ajax ???
si je fais cela , il ne vérifiera les champs que lorsque j'aurais cliqué sur valider ??? non ?

dans ce cas ca ne change rien d'une vérification pur php !

si tu regarde le lien numéro 2 , lorsque tu tape un pseudo il affiche instantanément si celui ci est valide (en fait quand tu quite le champ) ce qui evite de valider pour faire apparaitre chaque erreur de saisie etc ...

il n'y a qu'un champ ici pour l'exemple , mais il va y avoir un formulaire d'inscription complet

ou alors j'ai mal compris ton code ...mais je ne crois pas

Dans ta première page, en utilisant JQuery, je pensais à faire quelque-chose dans le genre :

/* Fonction sur la première page. */
function envoieRequete(url, id){
  /* Chargement du fichier "url" dans l'objet "id" */ 
  $("#" + id).load(url);
  
  /* Chargement et exécution du script associé. On dit que le fichier se nomme
  * comme l'autre, mais avec l'extension js en plus.
  * Ex : monFichier.html et monFichier.html.js
  * (C'est pas ce qu'il y a de mieux, mais ca doit marcher) */
  $.getScript(url + ".js")
}

Ok je vais essayer cela

merci

Bon malheureusement cela ne fonctionne pas (j'ai peut être fait une erreur je détail donc)

dans mon fichier index.php

<script type="text/javascript" src="jquery-1.2.3.js">
function envoieRequete(url, id){
  $("#" + id).load(url);
  $.getScript(url + ".js")
}
</script>

<html>
<head>
<style type="text/css">
.rouge
{
  color:#FF0000;
}
.vert
{
  color:#00bb00;
}
</style>
</head>
<body>
<form action="" method="post">
<label> Pseudo : </label><input type="text" name="pseudo"></input><span class="info"></span>
<br/>
<label>&nbsp;</label><input type="submit" name="inscription"></input></span class="info"></span>
</form>
</body>
</html>

$(document).ready(function()
	{
	$("input").focus(function()
		{
		var info_form=$(this).next(".info");
		info_form.empty();
		}); 

	$("input").blur(function()
		{
		var name=($(this).attr("name"));
		var value=($(this).attr("value"));
		var info_form=$(this).next(".info");
		if(value==undefined)
			{
			info_form.append("<span class='rouge'>Obligatoire</span>");
			}
		else if(name=="pseudo")
			{
			$.ajax({
			type: "GET",
			url: "./verification.php?pseudo="+value,
			success:function(data)
				{
				if(data==1)
					{
					info_form.append("<span class='rouge'>Un compte avec le même pseudo existe déja</span>");
					}
				else
					{
					info_form.append("<span class='vert'>Valide</span>");
					}
				}
			}); 
			}
		}); 
	});

A première vue, pour moi ça ma l'air bon.

C'est normal que tu ne puisse plus tester directement ton fichier d'inscription, car il n'y a plus de jointure direct entre le fichier et le script. Normalement, c'est la fonction de chargement qui les mets (plus ou moins) ensemble.

Si ton formulaire d'inscription, s'affiche bien sur ta page d'index, c'est que le problème doit venir du chargement du script. Il faut donc que l'on test si le chargement est bien effectué : on ajoute donc tout simplement un alert dans le script.

/* A ajouter au début du fichier inscription.php.js */
alert('Chargement effectué, exécution en cours');
/* A ajouter à la fin du fichier inscription.php.js */
alert('Exécution terminé');

<script type="text/javascript" src="jquery-1.2.3.js"></script>

Ok je vais tester

oui je t'ai marqué ce que j'ai mis dans l'index.php

<script type="text/javascript" src="jquery-1.2.3.js">

le script

</script>

aussi essayé ceci :

<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script>

le script

</script>

bon je test avec les alertes et je te dit ce que ca engendre

Le résultat est le suivant :

les 2 alertes apparaissent l'une après l'autre

puis une fois cliqué sur les 2 ok la page inscription.php s'affiche

veu tu que je t'envoie mes fichiers sources ?

Je vais t''envoyer mon Email en message personnel, comme ça tu pourra m'envoyer tes sources.

Par contre, c'est pas normal que la page inscription.php s'affiche après le chargement du script. Ça peut être une explication : si le script s'exécute avant que les "input" ne soit chargé, il ne peut leurs appliquer les fonctions.

Sources envoyé ^^

Merci alain 42 je testerai ta solution également ^^

en effet sur le onblur ceci peut être beaucoup plus intéressant je vais voir cela merci bien

c'est mon jour de chance 2 personnes qui m'aident

merci grandement à vous 2 ^^

Je pense avoir trouver d'où vient le problème :
- le chargement étant asynchrone, le script peut être exécuter avant le chargement du formulaire
- le script s'exécute quand le document est finit de chargé, or il a finit de charger depuis longtemps.

Pour remédier à cela, on commence par une petite modification du fichier index.php. On ajoute ça quelque part :

$.ajaxSetup({
    async: false
  });

function envoieRequete(url, id){
  $.ajaxSetup({
    async: false
  });
  
  $("#" + id).load(url);
  $.getScript(url + ".js");
  
  $.ajaxSetup({
    async: false
  });
}

$(document).ready(function()
  { 
    /* Mon code */
  });

 /* Mon code */

function envoieRequete(url, id, script){
  $.ajaxSetup({
    async: false
  });
  
  $("#" + id).load(url);
  if(script){
    $.getScript(url + ".js");
  }
  
  $.ajaxSetup({
    async: false
  });
}

Voila ca marche ^^

c'était ca le probleme

merci vraiment gallynet , j'espère ne pas trop t'avoir dérangé au boulo ^^

un grand merci , et pour ceux qui aurai le même pb n'hésitez pas a me contacter
j'ai eu le meilleur des professeurs sur ce coup la

encore merci

J'ai crié victoire un peu trop tot

en faite l'effet recherché est la ! c'est indéniable mais ceci ne marche pas sous IE evidement .....

vais je m'en sortir ^^