Changement du nom en majuscule

Résolu
maimounaaaa Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   -  
maimounaaaa Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
je suis débutante en prog web , j'ai un probléme qui concerne le changement d'un nom de minuscule en majuscule la foction suivante ne fonctionne pas:
<script>
function majus(){
var dmc="";


document.write(dmc.toLowerCase());


}
</script>
<body>
<table>
<tr>

<td width="30%"><li>Prénom</li></td>

<td width="70%"><input name="p" style="width:100%;" maxlength="10" onFocus="majus()" value=" "></td>

</tr>
</table>
</body>
</html>
cad Lorsque l'utilisateur quitte la zone nom, le contenu se transforme en majuscules.
bon voici la code complète de l'exércice:

<html>

<head>
<link rel="stylesheet" href="page1.css" />
<script type="text/javascript">
function valider(){
frm=document.forms['frmSaisie'];
if(frm.elements['prenom'].value != "") {
return true;
}
else {
alert("Saisissez le prénom");
return false;
}
}
function VerifNb(chaine, message_d_erreur)
{
var chiffre = true;
// si la chaîne est vide elle n'est pas correcte
// les chaînes comme les tableaux ont la propriété length
if (chaine.length == 0) {
window.alert(message_d_erreur);
return false;
}
// si on trouve un caractère non compris entre 0 et 9 c'est incorrect
for(i=0 ; i < chaine.length; i++)
// la méthode charAt permet de récupérer le I-ème caractère
if(chaine.charAt(i)<'0'||chaine.charAt(i)>'9') {
chiffre=false;
}
if(!chiffre)
{
window.alert(message_d_erreur);
return false;
}
else {
return true;
}
}
// fonction qui vérifie le formulaire
function Verif()
{
with(window.document.commande) // pour éviter de répéter le nom du formulaire
{
// on vérifie que le nom et l'adresse e-mail ont été saisis
if(nom.value.length == 0)
{
alert("veuillez entrer votre nom");
return false;
}
if(email.value.length == 0)
{
alert("veuillez entrer une adresse email");
return false;
}
// on regarde si un vin a été choisi
var choix = false;
for(i=0; i<vin.length; i++) {
if(vin[i].checked) choix = true;
}

if(!choix) {
alert("veuillez choisir un vin");
return false;
}
// on vérifie la quantité avec la fonction ci-dessus
if(!VerifNb(quantite.value, "veuillez écrire le nombre de caisses en chiffres"))
{
// si ce n'est pas bon on sélectionne le contenu du champ quantité
// pour que l'utilisateur n'est plus qu'a corriger
quantite.focus();
quantite.select();
return false;
}
}
// si on renvoie true le formulaire sera soumis
return true;
}
// fonction qui demande à l'utilisateur s'il veut vraiment soumettre le form
function Confirmer()
{
return window.confirm("Voulez-vous vraiment soumettre ?");
}
//fonction qui permet de convertir le nom de minuscle au majus
function majus(){
var dmc="";


document.write(dmc.toLowerCase());


}
//fonction qui permet de verifier si l'adresse mail est de la forme xx@xx.xx

function VerifForm(formulaire)
{
adresse = formulaire.adresse_email.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!!');
return(false);
}
}

</script>
















</head>

<body>
<font face="Arial" color="#FFFF80"><marquee behavior=scroll direction="right" bgcolor="#FF8040" border="0" width="100%" height="19">Bienvennue dans notre page : Service d´acceuil</marquee></font>
<font face="Arial" color="#FFFF80"><marquee behavior=scroll direction="right" bgcolor="#FF8040" border="0" width="100%" height="19"><div class="zoom">
<img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/>
<img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/> <img src="m.jpg"/> <img src="mm.jpg"/><img src="mmm.jpg"/><img src="mmmm.jpg"/><img src="mmmmm.jpg"/><img src="mmmmmm.jpg"/><img src="mmmmmmm.jpg"/>
<img src="mmmmmmmm.jpg"/><img src="mmmmmmmmm.jpg"/><img src="mmmmmmmmmm.jpg"/><img src="mmmmmmmmmmm.jpg"/><img src="mmmmmmmmmmmm.jpg"/>
</div></marquee></font>

</tr>
</table>

<font>
<form name="form" action="#" onsubmit="return valider(),return(VerifForm(this)) " method="get">

<input type="hidden" name="inscripption" value="register">

<center> <table class="titre c1" cellpadding="5" width="50%" >

<tr>

<td colspan="2" align="center"><span class="c"> Inscrire un patient</span></td></tr>

<tr>
<ul class="puces">
<td width="30%"><li>Nom</li></td>

<td width="70%"><input name="m" style="width:100%;" maxlength="20" value=""></td>

</tr>

<tr>

<td width="30%"><li>Prénom</li></td>

<td width="70%"><input name="p" style="width:100%;" maxlength="10" onFocus="majus()" value=" "></td>

</tr>

<tr>

<td width="30%"><li>Age</li></td>

<td width="70%"><input name="age" style="width:100%;" maxlength="255" value=""></td>

</tr>

<tr>

<td width="30%"><li>Email</li></td>

<td width="70%"><input name="email" style="width:100%;" maxlength="255" value=""></td>

</tr>

<tr>

<td width="30%"><li>CIN</li></td>

<td width="70%"><input name="n" style="width:100%;" maxlength="8" value=""></td>

</tr>

<tr>



<tr>

<td width="30%"><li>Date de naissance</li></td>

<td width="70%"><input name="t" style="width:100%;" maxlength="255" value=""></td>

</tr>

<tr>

<td width="30%"><li>Sexe</li></td></li>

<td>

<input type="radio" name="Sexe" valeur="1"/>masculin

<input type="radio" name="Sexe" valeur="2"/>feminin

</td>

</tr>

<td width="30%"><li>situation familiale</li></td>

<td> <select name="Situation familiale">

<option value="1">Mrié(e)</option>

<option value="2">célibataire </option>

<option value="3">non spécifié </option>

</select>

</td>

</tr>

<tr>

<td width="30%"><li>Ville</li></td>

<td width="70%"><input name="city" style="width:100%;" maxlength="255" value=""></td>

</tr>

<td width="30%"><li>numéro du téléphone</li></td>

<td width="70%"><input name="c" style="width:100%;" maxlength="255" value=""></td>

</tr>
</ul>
<tr>
<td><br><div align="right" style="margin-top: 10px;"><INPUT type="button" value="remplacer" onClick="window.location.replace('www.aa.fr')">

<input type="submit" name="register" onclick="validateForm(); return false;" value="Valider">

</div></td></tr>
</table>
</center>
</form>



<form name="for" action = "#" method = "post">

<input type="hidden" name="Affecter chambre pour admission" value="register">

<center> <table class="titre c1" cellpadding="5" cellspacing="0" width="50%">

<tr>

<td colspan="2" align="center"><span class="c">Affecter chambre pour admission</span></td></tr>

<tr>

<td width="30%"><li>Code patient</li></td>

<td width="70%"><input name="RRcodepatient" style="width:100%;" maxlength="10" value="" onFocus="this.style.backgroundColor='white'" onBlur="this.style.backgroundColor='red'" ></td>

</tr>

<tr>

<td width="30%"><li>Le nom du médecin</li></td>

<td width="70%"><input name="pp" style="width:100%;" maxlength="20" value=""></td>

</tr>

<tr>

<td width="30%"><li>La cause d´admission</li></td></li>

<td width="70%"><input name="pp" style="width:100%;" maxlength="30" value=""></td>

</tr>

<td width="30%"><li>Classe de la chambre d´admission</li></td>

<td> <select name="Classe de la chambre d´admission">

<option value="1">Haute</option>

<option value="2">Moyenne </option>

<option value="3">Basse </option>

</select>

</td>

</tr>

<td><br><div align="right" style="margin-top: 10px;">

<input type="button" name="register" onclick="alert('le numéro de la chambre est ')" value="confirmer">

</div></td></tr>

</table>
</center>

<br><div align="right" style="margin-top: 10px;">

<input type="submit" name="register" onclick="validateForm(); return false;" value="S'inscrire puis se connecter">

</div>

</form>


</font>

</body>

</html>
je suis besoin de votre aide
A voir également:

1 réponse

the_animal Messages postés 69 Date d'inscription   Statut Membre Dernière intervention   18
 
Bonjour maimounaaaa,

Essayes avec cette code, j'ai utilisé getElementById (j'ai ajouté un id sur l'input concerné "txt_p") et reccuperé la valeur de cette input (value) pour la changer en majiscule (toUpperCase) et tout cela après durat le OnBlur pas onFocus.

Voici le code:
<html>
<head>
<script>
function majus(){
var name_element = document.getElementById('txt_p');
console.log(name_element.value.toLowerCase());
val = name_element.value.toLowerCase();
name_element.value=val;
}
</script>
</head>
<body>
<table>
<tr>

<td width="30%"><li>Prénom</li></td>

<td width="70%"><input id="txt_p" name="p" style="width:100%;" maxlength="10" onBlur="majus()" value=" "></td>

</tr>
</table>
</body>
</html> 


Bonne continuation.
1
the_animal Messages postés 69 Date d'inscription   Statut Membre Dernière intervention   18
 
tu peux enlever le
console.log(name_element.value.toLowerCase());

:$
0
the_animal Messages postés 69 Date d'inscription   Statut Membre Dernière intervention   18
 
Voici le code exacte:
<html>
<head>
<script>
function majus(){
var name_element = document.getElementById('txt_p');
val = name_element.value.toUpperCase();
name_element.value=val;
}
</script>
</head>
<body>
<table>
<tr>

<td width="30%"><li>Prénom</li></td>

<td width="70%"><input id="txt_p" name="p" style="width:100%;" maxlength="10" onBlur="majus()" value=" "></td>

</tr>
</table>
</body>
</html> 
0
maimounaaaa Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
mérciiiiiiiiiiiiiiiiiiiiii infiniment :)
0
maimounaaaa Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
Monsieur the_animal,

j'ai une interface qui comporte Le code du patient ,Son nom
et le Diagnostic du patient .
-Une fois le médecin valide son formulaire, un pop-up sera affiché. Ceci comportera le
code du malade et le diagnostic saisis par le médecin.
le problème : je n'arrive pas à afficher le pop-up,
voici mon code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href="page1.css" />
</head>
<body>
<font face="Arial" color="#FFFF80"><marquee behavior=scroll direction="right" bgcolor="#FF8040" border="0" width="100%" height="19">Consultation des patients</marquee></font>
<form name="fo" action = "#" method = "post">
<input type="hidden" name="medecin" value="register">
<center> <table classe="titre c1 "cellpadding="5" width="50%" >
<tr>
<td colspan="2" align="center"><span class="c">Consultation des patients</span></td></tr>
<tr>

<td width="30%"><li>Code du patient</li></td>

<td width="70%"><input name="m" style="width:100%;" maxlength="10" value=""></td>
</tr>
<tr>
<td width="30%"><li>Nom</li></td>
<td width="70%"><input name="p" style="width:100%;" maxlength="20" value=""></td>
</tr>
<tr>
<td width="30%"><li>Diagnostic du patient</li></td>
<td width="70%"><input style="width:100%;" maxlength="50" name="age" value=""></td>
</tr>


<br><div align="right" style="margin-top: 10px;">
<input type="submit" name="register" onclick="alert('le diagnostique est ")" value="Valider">

</div>
</table>
</center>
</form>
</body>
</html>
Mérciiiiiiiiiiii pour votre aide
0
maimounaaaa Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
the_animal svp vous pouvez me donnez votre adresse mail pour que je peut vous envoyer mon travaille concernant une création d'un page web dynamique pour que vous m'aidez si cé possible :) merci de me répondre :)
0