Probleme mise à la ligne javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme mise à la ligne javascript

subshadow

Bonjour all,

J'ai mis un script permettant de savoir si un pseudo de membre se trouve sur ma bdd.
Le probleme est que je ne trouve pas comment mettre l'image ou à côté de la case ou l'on rentre le pseudo à la place de les mettre à la ligne.
Regardez cette page et entrez un pseudo dans la case: http://subvivi.free.fr/www.c-cado.com/inscription.html

Voici le code de la page html:

Code :

<html>
<head>
<script type="text/javascript">
//Verification pseudo
function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}
function verifPseudo(pseudo)
{
if(pseudo != '')
{
if(pseudo.length<2)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop court</span>');
else if(pseudo.length>20)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop long</span>');
else if(texte = file('verifpseudo.php?pseudo='+escape(pseudo)))
{
if(texte == 1)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est deja pris</span>');
else if(texte == 2)
writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> ce pseudo est libre</span>');
else
writediv(texte);
}
}
}
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
//Verification champs complet
function ChangeStatut(formulaire) {
if(formulaire.regle.checked == true && formulaire.majeur.checked == true) {formulaire.envoi.disabled = false }
if(formulaire.regle.checked == false && formulaire.majeur.checked == false) {formulaire.envoi.disabled = true }
}
function verifForm(formulaire) {
if (document.formulaire.mdp.value == document.formulaire.mdp2.value)
{if ((document.formulaire.nom.value == "" ) || (document.formulaire.prenom.value == "" ) || (document.formulaire.mail.value == "" ) || (document.formulaire.pseudo.value == "" ) || (document.formulaire.mdp.value == "" ) || (document.formulaire.adresse.value == "" ) || (document.formulaire.codepost.value == "" ) || (document.formulaire.ville.value == "" ) || (document.formulaire.pays.value == "" ) || (document.formulaire.fix.value == "" ) || (document.formulaire.port.value == "" ))
{
alert('Veuillez remplir tout les champs! Merci.');
}
//Verification mail
else { adresse = formulaire.mail.value;
var place = adresse.indexOf("@",1);
var point = adresse.indexOf(".",place+1);
if ((place > -1)&&(adresse.length >2)&&(point > 1))
{
formulaire.submit();
return(true);
}
else
{
alert('Entrez une adresse e-mail valide! Merci.');
return(false);
}
}}
else
{
alert('Veuillez re-saisir votre mot de passe ! Merci.');
}}
</SCRIPT>
<title>::C-Cado:: Inscription</title>
<style type="text/css">
<!--
.Style1 {
font-family: "Comic Sans MS";
font-size: xx-large;
font-weight: bold;
font-style: italic;
color: #006600;
}
.Style2 {font-size: 12px}
.Style6 {color: #990000}
.Style8 {
color: #000000;
font-size: medium;
}
.Style10 {
font-style: italic;
color: #990000;
font-size: medium;
}
.Style12 {color: #E0DFE3}
.Style13 {font-size: medium}
.Style14 {color: #000000}
.Style15 {font-style: italic; color: #000066; font-size: large; }
.Style16 {font-style: italic; color: #990000; font-size: medium; font-weight: bold; }
-->
</style>
</head>
<body><p align="center"><img src="images/cadeaux-online.gif" alt="-" width="500" height="80" border="0"/><img src="images/banniere.gif" alt="-" width="495" height="80" /> <br />
<a href="index.html"><img src="images/acceuil.gif" alt="-" width="100" height="35" border="0" /></a><a href="inscription.html"><img src="images/s'inscrire.gif" alt="-" width="100" height="35" border="0" /></a><a href="perso.html"></a><img src="images/boutique.gif" alt="-" width="100" height="35" border="0"><img src="images/cadeaux.gif" alt="-" width="100" height="35" border="0" /><a href="gagnants.html"><img src="images/gagnants.gif" alt="-" width="100" height="35" border="0" /></a><a href="jeux.html"></a><a href="systeme.html"><img src="images/systeme.gif" alt="-" width="100" height="35" border="0"></a><a href="FAQ.html"><img src="images/FAQ.gif" alt="--" width="100" height="35" border="0" /></a><a href="contacts.php"><img src="images/contacts.gif" alt="-" width="100" height="35" border="0" /></a><br>
<img src="images/polgauche.gif" width="260" height="100"> <img src="images/poldroite.gif" width="260" height="100"></p>
<p align="center" class="Style1"><u>Inscription</u></p>
<p align="center" class="Style1"> </p>
<p align="center" class="Style16">ATTENTION: </p>
<p align="center" class="Style10">Tout les champ marqué d'un " * " doivent être obligatoirement remplis.</p>
<p align="center" class="Style10">Vous vous engagez en vous inscrivant à nous fournir des informations valides. </p>
<p align="center" class="Style13"> </p>
<p align="center" class="Style15">1/ Identification virtuelle </p>
<p align="center" class="Style13"> </p>
<p align="center" class="Style8">Choisissez un pseudo: <span class="Style6">*</span></p>
<form id="formulaire" name="formulaire" method="post" action="inscription.php">
<span class="Style13">
<label>
</span>
<p align="center" >
<input type="text" name="pseudo" onKeyUp="verifPseudo(this.value)" />
<div id="pseudobox" align="center"></div></p>
<span class="Style13">
</label>
</span>
<p align="center" class="Style8">Entrez une adresse mail: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div id="mailbox"align="center" class="Style13">
<input type="text" name="mail" accesskey="@;." />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style8">Choisissez un mot de passe: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<input type="password" name="mdp" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style8">Retapez votre mot de passe: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<input type="password" name="mdp2" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13"> </p>
<p align="center" class="Style15">2/ Identification postale </p>
<p align="center" class="Style13"> </p>
<p align="center" class="Style8">Prénom: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<input name="prenom" type="text" id="prenom" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style8">Nom: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<input name="nom" type="text" id="nom" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13"><span class="Style12"><span class="Style14">Adresse:</span>:</span><span class="Style14"><span class="Style6">*</span></span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<textarea name="adresse" id="adresse"></textarea>
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13">Code postal: <span class="Style14"><span class="Style6">*</span></span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<input name="codepost" type="text" id="codepost" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13">Ville: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<input name="ville" type="text" id="ville" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13">Pays: <span class="Style14"><span class="Style6">*</span></span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13">
<select name="pays" id="pays" width="145">
<option value=""></option>
option value="acores" >Açores</option>
<option value="afghanistan" >Afghanistan</option>
<option value="afrique du sud" >Afrique du sud</option>
<option value="albanie" >Albanie</option>
<option value="algerie" >Algérie</option>
<option value="allemagne" >Allemagne</option>
<option value="andorre" >Andorre</option>
<option value="angola" >Angola</option>
<option value="anguila" >Anguila</option>
<option value="antigua et barbuda" >Antigua et Barbuda</option>
<option value="antille neerlandaise" >Antille Néerlandaise</option>
<option value="arabie saoudite" >Arabie Saoudite</option>
<option value="argentine" >Argentine</option>
<option value="armenie" >Armenie</option>
<option value="ascension" >Ascension (iles)</option>
<option value="australie" >Australie</option>
<option value="autriche" >Autriche</option>
<option value="azerbaidjan" >Azerbaidjan</option>
<option value="bahamas" >Bahamas</option>
<option value="bahrain" >Bahrain</option>
<option value="bangladesh" >Bangladesh</option>
<option value="barbade (la)" >Barbade (la)</option>
<option value="belarus" >Belarus</option>
<option value="belgique" >Belgique</option>
<option value="belize" >Belize</option>
<option value="benin" >Benin</option>
<option value="bermudes" >Bermudes</option>
<option value="bhoutan" >Bhoutan</option>
<option value="bielorussie" >Bielorussie</option>
<option value="birmanie" >Birmanie</option>
<option value="bolivie" >Bolivie</option>
<option value="bosnie-herzegovine" >Bosnie-Herzegovine</option>
<option value="botswana" >Botswana</option>
<option value="bresil" >Bresil</option>
<option value="brunei" >Brunei</option>
<option value="bulgarie" >Bulgarie</option>
<option value="burkina" >Burkina</option>
<option value="burundi" >Burundi</option>
<option value="caique et turq." >Caique et Turq.</option>
<option value="cambodge" >Cambodge</option>
<option value="cameroun" >Cameroun</option>
<option value="canada" >Canada</option>
<option value="cap-vert (iles du)" >Cap-Vert (îles du)</option>
<option value="cayman" >Cayman (îles du)</option>
<option value="centrafricaine (rep)" >Centrafricaine (rep)</option>
<option value="chili" >Chili</option>
<option value="chine" >Chine</option>
<option value="chypre" >Chypre</option>
<option value="colombie" >Colombie</option>
<option value="comores" >Comores</option>
<option value="congo" >Congo</option>
<option value="coree du nord" >Coree du Nord</option>
<option value="coree du sud" >Coree du Sud</option>
<option value="costa rica" >Costa rica</option>
<option value="cote d ivoire" >Cote d\'ivoire</option>
<option value="croatie" >Croatie</option>
<option value="cuba" >Cuba</option>
<option value="danemark" >Danemark</option>
<option value="djibouti" >Djibouti</option>
<option value="dominicaine (rep)" >Dominicaine (rep)</option>
<option value="dominique" >Dominique</option>
<option value="egypte" >Egypte</option>
<option value="emirats arabes unis" >Emirats Arabes Unis</option>
<option value="equateur" >Equateur</option>
<option value="erythree" >Erythree</option>
<option value="espagne" >Espagne</option>
<option value="estonie" >Estonie</option>
<option value="etats-unis d amerique" >Etats-Unis d\'Amerique</option>
<option value="ethiopie" >Ethiopie</option>
<option value="falkland (iles)" >Falkland (îles)</option>
<option value="fidji (iles)" >Fidji (îles)</option>
<option value="finlande" >Finlande</option>
<option value="france" selected>France</option>
<option value="gabon" >Gabon</option>
<option value="gambie" >Gambie</option>
<option value="georgie" >Géorgie</option>
<option value="ghana" >Ghana</option>
<option value="gibraltar" >Gibraltar</option>
<option value="grece" >Grèce</option>
<option value="grenade" >Grenade</option>
<option value="groenland" >Groenland</option>
<option value="guadeloupe" >Guadeloupe</option>
<option value="guatemala" >Guatemala</option>
<option value="guernesey" >Guernesey</option>
<option value="guinee" >Guinée</option>
<option value="guinee equatoriale" >Guinée Équatoriale</option>
<option value="guinee-bissau" >Guinée-Bissau</option>
<option value="guyane" >Guyane</option>
<option value="haiti" >Haïti</option>
<option value="honduras" >Honduras</option>
<option value="hong kong" >Hong kong</option>
<option value="hongrie" >Hongrie</option>
<option value="inde" >Inde</option>
<option value="indonesie" >Indonésie</option>
<option value="irak" >Irak</option>
<option value="iran" >Iran</option>
<option value="irlande" >Irlande</option>
<option value="islande" >Islande</option>
<option value="israel" >Israël</option>
<option value="italie" >Italie</option>
<option value="jamaique" >Jamaïque</option>
<option value="japon" >Japon</option>
<option value="jersey" >Jersey</option>
<option value="jordanie" >Jordanie</option>
<option value="kazakhstan" >Kazakhstan</option>
<option value="kenya" >Kenya</option>
<option value="kirghizistan" >Kirghizistan</option>
<option value="kiribati" >Kiribati</option>
<option value="koweit" >Koweït</option>
<option value="laos" >Laos</option>
<option value="lesotho" >Lesotho</option>
<option value="lettonie" >Lettonie</option>
<option value="liban" >Liban</option>
<option value="liberia" >Liberia</option>
<option value="libye" >Libye</option>
<option value="liechtenstein" >Liechtenstein</option>
<option value="lituanie" >Lituanie</option>
<option value="luxembourg" >Luxembourg</option>
<option value="macao" >Macao</option>
<option value="macedoine" >Macédoine</option>
<option value="madagascar" >Madagascar</option>
<option value="madere" >Madere</option>
<option value="malaisie" >Malaisie</option>
<option value="malawi" >Malawi</option>
<option value="maldives (iles)" >Maldives (îles)</option>
<option value="mali" >Mali</option>
<option value="malte" >Malte</option>
<option value="man" >Man</option>
<option value="maroc" >Maroc</option>
<option value="marshall (iles)" >Marshall (îles)</option>
<option value="martinique" >Martinique</option>
<option value="maurice (iles)" >Maurice (îles)</option>
<option value="mauritanie" >Mauritanie</option>
<option value="mayotte" >Mayotte</option>
<option value="mexique" >Mexique</option>
<option value="micronesie (etats federes de)" >Micronésie</option>
<option value="moldavie (rep de)" >Moldavie</option>
<option value="mongolie" >Mongolie</option>
<option value="montenegro" >Montenegro</option>
<option value="montserrat" >Montserrat</option>
<option value="mozambique" >Mozambique</option>
<option value="myanmar" >Myanmar</option>
<option value="namibie" >Namibie</option>
<option value="nauru" >Nauru</option>
<option value="nepal" >Népal</option>
<option value="nicaragua" >Nicaragua</option>
<option value="niger" >Niger</option>
<option value="nigeria" >Nigeria</option>
<option value="norvege" >Norvège</option>
<option value="nouvelle-caledonie" >Nouvelle-Caledonie</option>
<option value="nouvelle-zelande" >Nouvelle-Zélande</option>
<option value="oman" >Oman</option>
<option value="ouganda" >Ouganda</option>
<option value="ouzbekistan" >Ouzbékistan</option>
<option value="pakistan" >Pakistan</option>
<option value="palestine" >Palestine</option>
<option value="panama" >Panama</option>
<option value="papouasie-nouvelle-guinee" >Papouasie</option>
<option value="paraguay" >Paraguay</option>
<option value="pays-bas" >Pays-Bas</option>
<option value="perou" >Pérou</option>
<option value="philippines" >Philippines</option>
<option value="pitcairn" >Pitcairn (îles)</option>
<option value="pologne" >Pologne</option>
<option value="polynesie francaise" >Polynesie Francaise</option>
<option value="porto rico" >Porto Rico</option>
<option value="portugal" >Portugal</option>
<option value="qatar" >Qatar</option>
<option value="quebec" >Québec</option>
<option value="r.d.c. (ex zaire)" >R.D.C. (Ex Zaïre)</option>
<option value="reunion" >Réunion</option>
<option value="roumanie" >Roumanie</option>
<option value="royaume-uni" >Royaume-Uni</option>
<option value="russie" >Russie</option>
<option value="rwanda" >Rwanda</option>
<option value="saint-kitts et nevis" >Saint-Kitts et Nevis</option>
<option value="saint-marin" >Saint-Marin</option>
<option value="saint-pierre et miquelon" >Saint-Pierre et Miquelon</option>
<option value="saint-vincent et les grenadine" >Saint-Vincent</option>
<option value="sainte-helene" >Sainte-Helene</option>
<option value="sainte-lucie" >Sainte-Lucie</option>
<option value="salomon (iles)" >Salomon (îles)</option>
<option value="salvador ou el salvador" >Salvador</option>
<option value="samoa occidentales" >Samoa occidentales</option>
<option value="sao tome e principe" >São Tomé</option>
<option value="senegal" >Sénégal</option>
<option value="serbie" >Serbie</option>
<option value="serbie montenegro" >Serbie Montenegro</option>
<option value="seychelles" >Seychelles</option>
<option value="sierra leone" >Sierra Leone</option>
<option value="singapour" >Singapour</option>
<option value="slovaquie" >Slovaquie</option>
<option value="slovenie" >Slovénie</option>
<option value="somalie" >Somalie</option>
<option value="soudan" >Soudan</option>
<option value="sri lanka" >Sri Lanka</option>
<option value="suede" >Suède</option>
<option value="suisse" >Suisse</option>
<option value="suriname" >Suriname</option>
<option value="swaziland" >Swaziland</option>
<option value="syrie" >Syrie</option>
<option value="tadjikistan" >Tadjikistan</option>
<option value="taiwan" >Taïwan</option>
<option value="tanzanie" >Tanzanie</option>
<option value="tchad" >Tchad</option>
<option value="tcheque (rep)" >Tchèque</option>
<option value="terre au. et ant." >Terre Au. et Ant.</option>
<option value="thailande" >Thaïlande</option>
<option value="togo" >Togo</option>
<option value="tonga" >Tonga</option>
<option value="trinite et tobago" >Trinité et Tobago</option>
<option value="tristan da cunha" >Tristan da cunha</option>
<option value="tunisie" >Tunisie</option>
<option value="turkmenistan" >Turkménistan</option>
<option value="turquie" >Turquie</option>
<option value="tuvalu" >Tuvalu</option>
<option value="ukraine" >Ukraine</option>
<option value="uruguay" >Uruguay</option>
<option value="vanuatu" >Vanuatu</option>
<option value="vatican" >Vatican</option>
<option value="venezuela" >Venezuela</option>
<option value="vierges" >Vierges</option>
<option value="vietnam" >Viêtnam</option>
<option value="wallis et futuna" >Wallis et Futuna</option>
<option value="yemen" >Yémen</option>
<option value="zambie" >Zambie</option>
<option value="zimbabwe" >Zimbabwe</option>
</select>
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13"> </p>
<p align="center" class="Style15">3/ Infos + </p>
<p align="center" class="Style13"> </p>
<p align="center" class="Style8">Numéros de téléphone: <span class="Style6">*</span></p>
<span class="Style13">
<label>
</span>
<div align="center" class="Style13"><span class="Style14">Portable:</span>
<input name="port" type="text" id="port" value="06xxxxxxxx" maxlength="10" />
</div>
<span class="Style13">
</label>
<label>
</span>
<div align="center" class="Style13">Fix:
<input name="fix" type="text" id="fix" value="0xxxxxxxxx" maxlength="10" />
</div>
<span class="Style13">
</label>
</span>
<p align="center" class="Style13"> </p>
<p align="center" class="Style13">Recevoir la Newletter: </p>
<div align="center" class="Style13">Oui
<input name="newletter" type="checkbox" id="newletter" value="1" />
</div>
<p align="center" class="Style13"> </p>
<p align="center" class="Style13">Recevoir les offres de nos partenaires: </p>
<div align="center" class="Style13">Oui
<input name="parten" type="checkbox" id="parten" value="1" />
</div>
<p align="center"> </p>
<p align="center"> </p>
<p><input name="regle" type="checkbox" id="regle" onClick="ChangeStatut(this.form)" value="1" />
En cochant cette case vous déclarez avoir<strong> lu et accepté les règles du site</strong></p>
<p><input name="majeur" type="checkbox" id="majeur" onClick="ChangeStatut(this.form)" value="1" />
Vous déclarez <strong>être majeur ou avoir l'autorisation de vos parents</strong> pour vous inscrire et profiter des services de ce site</strong></p>
<p align="center"><input type="button" name="envoi" value="S'enregistrer" onClick="verifForm(this.form)" disabled />
</form>
<p align="center"> </p>
<p align="center"><img src="images/basgauche.gif" width="260" height="100"><img src="images/basdroite.gif" width="260" height="100"></p>
<p align="center"><span class="Style2">Aucune obligation d'achat. </span></p>
<p align="center" class="Style2">© www.c-cado.com </p>
<p align="center" class="Style2">Toute reproduction de se site fera l'objet de poursuite judiciaires. </p>
</body>
</html>

Merci d'avance de votre aide.

Publicité

anapajari

s/travail/glanding on hfr/gs;

suffit de rajouter un :

Code :

<img alt='pouet' src='imagequetuveux'/>

dans tes writediv lignes 17,19, 23, 25

subshadow

pouet? [:santo-freebox]

subshadow

Je ne sais pas si c'est une blague, mais toujours est il que sa ne fonctionne pas!

J'ai oublié de mentionné que le script fesait appel à une page php.

anapajari

s/travail/glanding on hfr/gs;

nan c'est pas une blague tu mets ce que tu veux dans le alt, pouet c'était un exemple [:spamafote]
ça se foit que tu fais un appel serveur vu que tu crées un objet xmlHttpRequest
Maintenant ce que je t'ai dit doit marcher ( si le reste de ton truc fonctionne), montre uniquement les lignes que tu as modifié pour voir

subshadow

Toutes mes excuses.

La fonction alt sert à quoi alors? Qu'est ce que je dois mettre dedans? Je ne vois pas la

subshadow

Woops, desolé je viens de voir que ALT servait a afficher un texte si l'image ne s'afiche pas.. Je ne vois pas en quoi sa concerne mon probleme de retour a la ligne

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

subshadow a écrit :

Woops, desolé je viens de voir que ALT servait a afficher un texte si l'image ne s'afiche pas.. Je ne vois pas en quoi sa concerne mon probleme de retour a la ligne

Bon alors déjà, tu noteras que dans ton code tu as pas mis le

Code :

if(pseudo.length<2)
writediv('<img src=images/no.gif>');
else if(pseudo.length>20)
writediv('<img src=images/no.gif>');

qui est présent dans ta page(sur l'url donné plus haut), forcement moi je te disais juste comment faire pour mettre les images.

Ensuite, tu changes l'innerHTML dans div ( id = pseudobox), le div étant un élement block il est normal qu'il y ait un retour à la ligne. Change le en un span ou style le pour avoir un display inline [:spamafote]

Message édité par anapajari le 16-08-2006 à 17:27:34

Bidem

Code :

<input type="text" name="pseudo" onKeyUp="verifPseudo(this.value)" />
<div id="pseudobox" align="center"></div>

Ton element pseudobox est un div, donc de type block, remplace le par un span et ça ira mieux je pense
(ou bien spécifie dans le css qu'il doit être inline)

EDIT : [:grilled]

Message édité par Bidem le 16-08-2006 à 17:33:12

subshadow

Niquel sa fonctionne !

Merci de votre aide.

Et desolé pour le mal entendu anapajari.

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme mise à la ligne javascript

Sujets relatifs
probleme script vbs	Arguments en ligne de commande
[RESOLU][CSS] Problème de float	affichage d'un swf: firefox ok, IE probleme !
Problème d'impression de page web	Problème de saut de ligne
résolu [API win32] probleme avec un petit exercice	Problème création Base de donnée
{Résolu} Excel-VBA Pb de mise à jour de UserForm
Plus de sujets relatifs à : Probleme mise à la ligne javascript

Page générée en 0.253 secondes