La communauté ALL HTML c'est 60442 membres à ce jour dont 0 inscrits aujourd'hui et 5 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « Javascript - DHTML - VBScript »

Retrouvez les publications relatives à ces discussions dans notre rubrique javascript.

Forcer en majuscule

liste des forums liste des discussions Participer à la discussion

Photo de idoia Message publié le vendredi 06 février 2004 à 00 h 15 par idoia. alex http://www.idoia.com
Bonjour,
je me demande s' il existe un moyen en JVS de changer la casse du premier charactere d' un champ d' un formulaire avant de le sousmettre.
Comme ucwords en php, par ex.
merci
[(??)]
Photo de Martial Message publié le vendredi 06 février 2004 à 06 h 26 par Martial. Martial
Essai quelque chose comme ceci:

<html>
<head>
<script type="text/javascript">
function FirstLetterUpperCase(str){
for(var i=0;i<str.length;i++){
str = str.replace(str.charAt(0),str.charAt(0).toUpperCase());
}
document.f1.champ1.value = str;
alert(document.f1.champ1.value);
}
</script>
</head>
<body>
<form name="f1">
<input type="Text" name="champ1" size=50 onblur="FirstLetterUpperCase(this.value)">
<input type="Submit" value="GO!">
</form>
</body>
</html>
Photo de jpcheney Message publié le vendredi 06 février 2004 à 10 h 16 par jpcheney. Mieux vaux paraitre con 5mn que rester con tout sa vie !!! JeeP
plus simple, en utilisant les css

<input type=text style="text-transform:capitalize;">
Photo de idoia Message publié le vendredi 06 février 2004 à 15 h 15 par idoia. alex http://www.idoia.com
oui mais ceci (le CSS) ne me change pas le premier lettre mais tout le champ en capitale ? non ?
Photo de Deny Message publié le vendredi 06 février 2004 à 15 h 55 par Deny. Celui qui aime à apprendre est bien près du savoir. [ Confucius]
MSDN LIBRARY

<STYLE>
P.BigFirst:first-letter { font-size: 200%; float: left }
</STYLE>

<P CLASS="BigFirst">The first letter in this paragraph will be
twice the size of the other letters in this paragraph. The first
letter in this paragraph will be twice the size of the other
letters in this paragraph.</P>
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/firstLetter.htm
Pas obligé de la mettre en si grand !
Photo de Deny Message publié le vendredi 06 février 2004 à 16 h 00 par Deny. Celui qui aime à apprendre est bien près du savoir. [ Confucius]
Ah, je lis en biais ! [;)]
Pas vu qu'on est dans un formulaire !
Alors non, pas comme ça.
Photo de Deny Message publié le vendredi 06 février 2004 à 16 h 10 par Deny. Celui qui aime à apprendre est bien près du savoir. [ Confucius]
Alors tu prends la fonction type string SLICE qui permet de récupérer des caractères dans un string.
Tu récupère le premier de ton input.
charCodeAt() te renvoie le code de caractères Unicode de celui-ci.
C'est une minuscule, tu enlève 32 au code, et tu remplace.
Photo de Martial Message publié le vendredi 06 février 2004 à 16 h 10 par Martial. Martial
En fait y a encore plus simple, d'ailleurs même pas besoin faire de boucle:

<form name="f1">
<input type="Text" name="champ1" size=50 onblur="this.value = this.value.replace(this.value.charAt(0),this.value.charAt(0).toUpperCase());">
<input type="Submit" value="GO!">
</form>
Photo de Deny Message publié le vendredi 06 février 2004 à 16 h 13 par Deny. Celui qui aime à apprendre est bien près du savoir. [ Confucius]
oh yes Martial, vive le DHTML
Photo de idoia Message publié le vendredi 06 février 2004 à 16 h 19 par idoia. alex http://www.idoia.com
Oaw, la vous m'epatez!
merci

..et sinon vous avez une vie de famille des fois ??
[:D]
Photo de jpcheney Message publié le vendredi 06 février 2004 à 17 h 31 par jpcheney. Mieux vaux paraitre con 5mn que rester con tout sa vie !!! JeeP
oui mais ceci (le CSS) ne me change pas le premier lettre mais tout le champ en capitale ? non ? -> tu as essayé au moins ...
Photo de George Abitbol Message publié le vendredi 06 février 2004 à 19 h 04 par George Abitbol. Monde de merde...
Jipé, avec les CSS tu modifieras uniquement l'apparence du contenu du champ, mais pas véritablement sa valeur (la valeur transmise sera la valeur originale, et pas celle modifiée).
Photo de Angelman13 Message publié le dimanche 30 mai 2004 à 23 h 31 par Angelman13.
Bonjour à tous et à toutes.

J'ai fait un formulaire en PHP, et je voudrais forcer les champs en majuscule.
Alors je suis venue ici, et pris un script qui s'y trouvait.

Voilà ce que ça donne :

----------------------------------------------------------------------
<form name="FormName" action="formmail.php" method="post">
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td><span class="style5">Exp&eacute;diteur</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','email','on');" onBlur="change_classe('FormName','email','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="email" size="30" value="expediteur@adresse.fr" title="Exp&eacute;diteur"></td>
</tr>
<tr>
<td><span class="style5">Nom de l'entreprise</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','name','on');" onBlur="change_classe('FormName','name','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="name" size="30" value="Nom" title="Nom de l'entreprise"></td>
</tr>
<tr>
<td><span class="style5">Adresse</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','adresse','on');" onBlur="change_classe('FormName','adresse','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="adresse" size="30" value="Adresse de l'entreprise" title="Adresse"></td>
</tr>
<tr>
<td><span class="style5">Code postal</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','code','on');" onBlur="change_classe('FormName','code','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="code" size="30" value="00000" title="Code postal"></td>
</tr>
<tr>
<td><span class="style5">Ville</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','ville','on');" onBlur="change_classe('FormName','ville','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="ville" size="30" value="Paris" title="Ville"></td>
</tr>
<tr>
<td><span class="style5">Téléphone</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','tel','on');" onBlur="change_classe('FormName','tel','off');" type="text" name="tel" size="30" value="01 30 32 20 75" title="Téléphone"></td>
</tr>
<tr>
<td><span class="style5">Date du stage</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','datestage','on');" onBlur="change_classe('FormName','datestage','off');" type="text" name="datestage" size="30" value="ex : JJ/MM/AAA ou Immédiatement ou dès que possible" title="Date du stage"></td>
</tr>
<tr>
<td><span class="style5">Durée du stage</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','dureestage','on');" onBlur="change_classe('FormName','dureestage','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="dureestage" size="30" value="De 1 mois à 3 mois" title="Durée du stage"></td>
</tr>
<tr>
<td><span class="style5">Sujet</span></td>
<td><input class="off" onFocus="this.value=''; change_classe('FormName','subject','on');" onBlur="change_classe('FormName','subject','off');" onChange="javascript:this.value=this.value.toUpperCase();" type="text" name="subject" size="30" value="ex : Stagiaire Webmaster" title="Sujet"></td>
</tr>
<tr>
<td><span class="style5">Message</span></td>
<td><textarea class="off" onFocus="this.value=''; change_classe('FormName','msg','on');" onBlur="change_classe('FormName','msg','off');" onChange="javascript:this.value=this.value.toUpperCase();" rows="12" name="msg" cols="30" title="Ecrire ici ce que vous me proposez"></textarea></td>
</tr>
<tr>
<td><span class="style5">Priorit&eacute;</span></td>
<td>
<div align="left">
<select class="select" name="priority" size="1">
<option value="1">Urgent
<option value="2">Haute
<option value="3">Moyenne
<option value="4">Basse
<option value="5">Tr&egrave;s basse
</select> </div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%"><input name="submit" type="submit" class="input" value="Envoyer" onClick="verifmail(this.form)">
&nbsp;
<input name="reset" type="reset" class="input" value="Effacer"></td>
</tr>
</table></td>
</tr>
</table>
</form>
----------------------------------------------------------------------

Ceci marche très bien sous Netscape [:-)] , mais sous IE, il n'y a que dans le Champs Message que sa fonctionne.

Quelqu'un pourrait-il me dire pourquoi cela ne marche pas ?

Merci

Cordialement,
angelman13
Photo de jpcheney Message publié le mardi 01 juin 2004 à 11 h 44 par jpcheney. Mieux vaux paraitre con 5mn que rester con tout sa vie !!! JeeP
autant pour moi, george, j'en apprends encore sur js et css ...
Photo de Angelman13 Message publié le mardi 01 juin 2004 à 12 h 54 par Angelman13.
C'est bon, je n'ai plus de problème [:D]

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Mot de passe perdu

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Créer un compte

Les 5 dernières discussions