Discussion :

[M4itreG]

Bonjour,

Excusez moi tout d'abord si ma question n'est pas du javascript mais je suis assez perdu dans ma vie aujourd'hui et je cherche sans réellement savoir quel language utilisé. J'espère que vous pourrez m'aider.

Je fais un formulaire tout simple :
Pseudo:
Pass:
Age:
[Envoyer]

Je voudrais que lorsque le pseudo est entré, une recherche se fasse dans la base pour voir si il existe (SELECT pseudo FROM USER) si la ligne existe alors j'aimerais que juste en dessous de l'input pseudo soit ecrit pseudo invalide. En tant réel pendant que l'utilisateur rempli le formulaire.

J'ai bien isolé un événement OnBlur() à utiliser dans le formulaire. je teste avec une condition toute simple sans parler BDD pour le moment.
Juste mon OnBlur et une fonction.

Code html :

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

<label>Pseudo : </label> <input type="text" name="pseudo_ins" autocomplete="off" autofocus onBlur="message();" /><br />

Code :

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

1
2
3
4
5
6
7
8
function message() {
 if (ins.pseudo_ins.value == 'test'){
	document.write('bjr');
 }
 else{
	alert('voir');
}
}

Le document.write écrit comme son nom l'indique mais dans un nouveau document, comment faire pour qu'il puisse écrire juste en dessous de mon input ?

Merci de me donner un petit coup de pouce .

Cordialement,


M4itreG

[SpaceFrog]

pour bien comprendre le document.write http://www.developpez.net/forums/d11...te-javascript/

pour ce qui est de ton cas de figure, pourquoi ne pas mettre dans le flux html un span en display none dont tu que tu viendrais renseigner le innerHTML puis le faire apparaitre ...
soit tu en mets un après les inputs, soit tu déplace un seul span au moyen de insertAfter()...

[M4itreG]

Merci d'essayer de m'aider.

Bon j'ai compris maintenant que le document.write n'est pas à utiliser.

J'ai lu ta réponse et ici et là des informations sur le innerHTML (que je ne connais pas car je débute le js), Je ne vois pas bien la solution que tu me propose, ou du moins j'ai du mal a la comprendre.

Peut tu m'en dire un peu plus s'il te plait ?

[SpaceFrog]

un exemple rapide avec Jquery

http://jsfiddle.net/9LfcM/1/

Mais c'est réalisable en js pur avec innerHTML et en modifiant le style. display

[M4itreG]

Merci beaucoup SpaceFrog pour ton aide.

Je me suis inspiré de ce que tu m'a fait pour le refaire en javascript pur.

Voici ce que j'ai fait et cela fonctionne très bien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<SCRIPT LANGUAGE="Javascript">
function message(elem){
etat=document.getElementById(elem).style.display;
   if (ins.pseudo_ins.value == 'test'){
	document.getElementById(elem).style.display="none";
   }
   else{
	document.getElementById(elem).style.display="inline";
   }
}
 </SCRIPT>

Code html :

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

1
2
<label>Pseudo : </label> <input type="text" id="pseudoins" name="pseudo_ins" autocomplete="off" autofocus onBlur="message('chk');" />
<div id="chk" style='display:none; color:red;' > Champs vide </div><br />

Je cloture le sujet.

Bonne journée.
Cordialement,

M4itreG

[Bovino]

Quelques petites remarques tout de même.

• Il ne faut pas utiliser l'attribut language pour la balise script. Cet attribut est déprécié et de toute façon ne sert à rien. En revanche, c'est l'attribut type="text/javascript" qu'il faut utiliser (et encore, en HTML5, aucun n'est nécessaire).
Comprendre la balise script.

• Il faut toujours déclarer ses variables avec le mot clé var.

• La notation ins.pseudo_ins.value est à éviter. Puisque ton champ possède un id, passe plutôt par getElementById() pour le récupérer.

•

Je cloture le sujet.

Le clore serait plus sage (et moins destructeur pour ton écran) !