Projet JavaScript

Fermé
alex922 Messages postés 5 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 19 avril 2010 - Modifié par alex922 le 17/04/2010 à 09:17
alex922 Messages postés 5 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 19 avril 2010 - 19 avril 2010 à 14:51
Salut à tous amis de ccm,

Je doit faire un projet en JavaScript, et je ne connais pas toutes les possibilités de ce langage.

Bon, le But du projet:

Faire un bulletin...

Il faut pouvoir poster, nom, prénom, etc, de l'élève qui renvoie ensuite sur un tableau ou il peut ajouter ses notes par matière (comprenant des libellées automatiques, ex: Mat1=Français).

Pour le formulaire, je pense y arriver mais malheureusement je ne connais pas comment garder les informations entré dans le formulaire...
+ Si quelqu'un peut m'aider, je post le code de ce que j'ai déjà fait.

Merci à tous et j'espère qu'on pourras m'aider.

Alex

9 réponses

je veux tu donne quelque exemples de langage javascript
mais pour envoyer ces info (prénom non....)dans un table il faut utiliser php
par java script on peut vérifier l'existence de non et de prénom ou une
valeur cocher ou non

exemple 1

<html>
<head>
<script language ="javascript">

function majuscule()
{
np=document.f1.znp.value;
npmaj=np.toUpperCase();
document.f1.znp.value=npmaj;
}
function affbarre(msg)
{window.status=msg;}
function longueur()
{
np=document.f1.znp.value;
document.f1.nc.value=np.length;
}
</script>
</head>
<body>
<form name="f1">
Nom et Prénom :<input type="text" name="znp" onFocus="affbarre('vite saisisez le nom et le prénom')" onChange="majuscule()">
<input type="button" value="nb de caracteres" onClick="longueur()"><input type="text" name="nc" size="3" value="0">
</form>
</body>
</html>


exemlpe 2

<html >
<head>
<title>formulaires controle de saisie </title>

<script language="javascript">
function affbarre(msg)
{window.status=msg;}

function majuscule()
{
nom=document.f1.nom.value;
nomaj=nom.toUpperCase();
document.f1.nom.value=nomaj;
}
function verif()
{if
(document.f1.prenom.value==""||document.f1.nom.value=="")
alert('vous devrz saisir le nom et le prenom');
}
function verifcin()
{p=document.f1.cin.value;
if((isNaN(p))||(p.length)!="8")
alert("Le champ cin doit contenir 8chiffre ! : " );
}

function verifrad ()
{
var res = false;
for (i=0;i<f1.langue.length;i++)
{
if (f1.langue[i].checked) res = true;
}
if (res==false){
alert('Vous devez choisir une langue');
return res; }
}
function affichage()
{if (document.f1.langue[0].checked)

alert(document.f1.prenom.value+document.f1.nom.value+'vs parlez bien le '+document.f1.langue[0].value);
else
{if (document.f1.langue[1].checked)

alert(document.f1.prenom.value+document.f1.nom.value+'vs parlez bien le '+document.f1.langue[1].value);
else
{if (document.f1.langue[2].checked)

alert(document.f1.prenom.value+document.f1.nom.value+'vs parlez bien le '+document.f1.langue[2].value);

}
}
}
function check()
{if (document.f1.opt1.checked==true && document.f1.opt2.checked==false) alert('vs avez choisi '+document.f1.opt1.value);
else if (document.f1.opt1.checked==false && document.f1.opt2.checked==true) alert('vs avez choisi'+document.f1.opt2.value);
else if(document.f1.opt1.checked==true && document.f1.opt2.checked==true) alert ('vs avez choisi '+document.f1.opt1.value+' '+document.f1.opt2.value)
else alert('vs navez pas d options');
}
function ajoutsection()
{ns=document.f1.sec.value;
noncomplet=document.f1.section.value;
taille=document.f1.bac.options.length;
etat=true
for(i=0;i<taille;i++)
{elt=document.f1.bac.options[i].text;
if (elt==ns){etat=false;alert('contact existant déja');break;}}
if(etat==true)
{nelt=new Option(ns,noncomplet);
document.f1.bac.options[taille]=nelt;}}

function affsection()
{sel=document.f1.bac.options.selectedIndex;
if(sel==-1)alert('aucun element selectionné');
else
{ns=document.f1.bac.options[sel].text;
noncomplet=document.f1.bac.options[sel].value;
alert('le nom complet de la section '+ns+' est '+noncomplet)}}
function supprimersection()
{sel=document.f1.bac.options.selectedIndex;
if(sel==-1)alert('aucun element selectionné');
else{document.f1.bac.options[sel]=null;}}
</script>
</head>

<body > <div align = "center" >
<font color = "#FF0000" face ="times new roman" >
<h1>inscription </h1> </font> </div>
<form name="f1" method="get" >
<p>votre nom:<input name="nom" type="texte" size ="20" maxlength="10" onChange="majuscule()"></p>
<p>votre prénom:<input type="text" name="prenom" size="20" onFocus="affbarre('saisir votre prénom')"></p>
<p>votre CIN :<input type="text" name="cin" size="8"maxlength="8"onFocus="affbarre('saisir votre num cin composé de 8chiffres')"></p>
<p>donnez votre 2ème langue </p>
<p><input type="radio" name="langue" value="français">Français<br>
<input type="radio" name="langue" value="anglais">Anglais<br>
<input type="radio" name="langue" value="italien">Italien</p>
<P>votre email:<input type="text"></P>

<P>votre adresse<textarea rows="3" name="adresse" cols="25"></textarea></P>
<p>vos options </p>
<p>
<input type="checkbox" name="opt1" value="italien"><font color="#C0C0C0">ITA</font><br>
<input type="checkbox" name="opt2" value="théatre"><font color="#FF0000"><b>THEA</b></font><br>
</p>
section bac<input type="text" name="sec">nom complet de la section valeur <input type="text" name="section">
<p>votre bac:<br></P> <select name="bac" size=2><option selected value="informatique">inf</option><option value="mathématique">Mat</option><option value="science naturelle">sci</option><option value="lettres" >let</option><option value="technique">tech</option></select>
<input type="button" value="ajouter" onClick="ajoutsection()">
<input type="button" value="supprimer" onClick="supprimersection()">
<input type="button" value="afficher nom complet" onClick="affsection()">
<input type ="submit"value="envoyer"onClick="verif()+verifcin()+verifrad()+affichage()+check()">
<input type ="reset" value="annuler" >
</p>



</form>
</body>
</html>



exemple 3


<html>
<head>
<script language ="javascript">
function resultat()
{
var a=document.f1.x.value;
var b=eval(a);

document.f1.y.value=b;
}
</script>
</head>
<body>
<form name="f1">
<input type="text" name="x">
<input type="button" value="=" onClick="resultat()">
<input type="text" name="y"><br>
<a href="#" onclick="resultat()">voir</a>
</form>
</body>
</html>


exemple 4

<html>
<head>
</head>
<body>
<script language ="javascript">
a=Number(prompt("sasir un entier",""));
for(i=0;i<=9;i++)
document.write("<br>"+a+"*"+i+"="+a*i);
</script>
</body>
</html>
1
c'est un cours bien détaller consérnons le language php et pls exemples des
fonctions (on gars c'est la cours et le reste ce sont des fonctions)
et pour l'exemple 3 c'est une calculatrice tu peut entrer des valeurs dans
la 1ere zone de saise (exemples: 5*2 ou 5+10) et cliquer sur = puis le
résultat s'affiche dans la 3éme case
dans l'exemple 3 on utilise une fonction prédéfinie (eval) qui permet
changer une chaine on numérique puis calculer la contenue.
par exemple lorsque tu entrer 4-2 (tous les données sont de type chaine)
elle va la tansfermer on numérique puis elle calcule la défférence (le résultat est 2) puis on affiche cette résultat dans la 3éme zone de saisie apartir
"document.f1.y.value=b"

voici la cours (si tu veut de me donner ton e-mail pour tu donner toutes les exemples de java et html.....)
1) Contrôle des zones de texte:
On peut affecter la valeur d'une zone de saisie (champ et zone de texte et même un champ password) à une variable à l'aide de la syntaxe suivante:
x=document.NomFormulaire.NomZone.value
(copier la valeur de la zone de texte dans la variable x )

En inversant l'ordre de cette syntaxe on peut modifier la valeur de la zone
document.NomFormulaire.NomZone.value=y
(copier le contenu de y dans la zone de texte)


function affbarre(msg) pour écrire un message on l'as utilisé avec
onFocus
{window.status=msg;}

function majuscule()
{
nom=document.f1.nom.value; pour transformer en majuscule avec
Onchange
nomaj=nom.toUpperCase();
document.f1.nom.value=nomaj;
}


function verif()
{if
(document.f1.prenom.value==""
||document.f1.nom.value=="") pour vérifier l'existence de
nom et prénom
alert('vous devrz saisir le nom et le prenom');
}

function verifcin()
{p=document.f1.cin.value;
if((isNaN(p))||(p.length)!="8") pour vérifier l'existence de cin
numérique et taille 8
alert("Le champ cin doit contenir 8chiffre ! : " );
}
2) Boutons radio:
? Pour vérifier l'état d'un bouton on doit utiliser une expression de type:
NomVariable=document.NomF.NomCase[indice].checked
NomVariable est une variable booléenne
? Pour récupérer la valeur d'un bouton radio:
NomVariable=document.NomF.NomCase[indice].value
? Pour connaître le nombre d'options:
NomVariable=document.NomF.NomCase.length

function verifrad ()
{
var res = false;
for (i=0;i<f1.langue.length;i++)
{
if (f1.langue[i].checked) res = true; pour vérifier qu'un choix radio a était
fait
}
if (res==false){
alert('Vous devez choisir une langue');
return res; }
}
function affichage()
{if (document.f1.langue[0].checked)

alert(document.f1.prenom.value+document.f1.nom.value+'vs parlez bien le '+document.f1.langue[0].value);
else
{if (document.f1.langue[1].checked)

alert(document.f1.prenom.value+document.f1.nom.value+'vs parlez bien le '+document.f1.langue[1].value);
else
{if (document.f1.langue[2].checked)

alert(document.f1.prenom.value+document.f1.nom.value+'vs parlez bien le '+document.f1.langue[2].value);
}
}
}
Pour afficher la valeur d'un choix radio



3) Les cases à cocher:
? Pour vérifier si une case est cochée ou non on utilise:
NomVariable=document.NomF.NomCase. checked
? Pour vérifier la valeur d'une case à cocher on utilise:
NomVariable=document.NomF.NomCase. value



function check()
{if (document.f1.opt1.checked==true && document.f1.opt2.checked==false) alert('vs avez choisi '+document.f1.opt1.value);
else if (document.f1.opt1.checked==false && document.f1.opt2.checked==true) alert('vs avez choisi'+document.f1.opt2.value);
else if(document.f1.opt1.checked==true && document.f1.opt2.checked==true) alert ('vs avez choisi '+document.f1.opt1.value+' '+document.f1.opt2.value)
else alert('vs navez pas d options');
}
Pour récupérer les valeurs d'un bouton case à cocher
4) Les listes de sélection:
? Pour ajouter une nouvelle option à la liste:
NomVariable=new Option (texte, valeur)
document.NomF.NomListe.options[taille]=NomVariable;
? Pour supprimer une option de la liste :
document.NomF.NomListe.options[i]=null;
? Pour déterminer l'indice de la 1ère option sélectionné (le 1er indice=0) :
document.NomF.NomListe.options.selectedIndex;
? Pour avoir le nombre d'options d'une liste :
document.NomF.NomListe.options.length;
? Pour vérifier si un élément est sélectionné ou non
document.NomF.NomListe.options[i].selected;

-<option value=fr>francais</option>
Fr (document.NomF.NomListe.options[I].value)
francais (document.NomF.NomListe.options[I].text)




function ajoutsection()
{ns=document.f1.sec.value;
noncomplet=document.f1.section.value;
taille=document.f1.bac.options.length;
etat=true ajouter un élément à la liste en évitant la redondance
for(i=0;i<taille;i++)
{elt=document.f1.bac.options[i].text;
if (elt==ns){etat=false;alert('contact existant déja');break;}}
if(etat==true)
{nelt=new Option(ns,noncomplet);
document.f1.bac.options[taille]=nelt;}}


function affsection()
{sel=document.f1.bac.options.selectedIndex;
if(sel==-1)alert('aucun element selectionné'); afficher valeur d'un élément de la liste
else
{ns=document.f1.bac.options[sel].text;
noncomplet=document.f1.bac.options[sel].value;
alert('le nom complet de la section '+ns+' est '+noncomplet)}}



function supprimersection()
{sel=document.f1.bac.options.selectedIndex;
if(sel==-1)alert('aucun element selectionné'); supprimer élément de la liste
else{document.f1.bac.options[sel]=null;}}
1
oui je peut t'aide
0
je peut tu donner la langage de javascript mais maintenant je ne peut
pas car il faut aller au lycées (a 8 heurs) pour ça si tu veut je tu donne les sol à 10 heurs.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
alex922 Messages postés 5 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 19 avril 2010
17 avril 2010 à 09:21
Voilà ce que j'ai fait:
Pas d'indentation,
confusion name, id, value
<form name="domaine">
Veuillez choisire votre domaine!
<select name="dom" size=1>
<option name="defaut">Domaines</option>
<optgroup label="Domaine Paris V">
<option value="descartes" action="Iutdescartes.html">Paris V: IUT Descartes</option>
</optgroup>
<optgroup label="Non Disponible">
<option value="parisv" action="descartes.html"><s>Paris V: Descartes</s></option>
<option value="autres">Autres</option>
</optgroup>
</select>
<br />
Votre Formation:
<select name="formation">
<option name="fidji">Fidji</option>
</select>
Promo:
<input type="Text" id="name" size=5 maxlength=5 />
 </form><br />
<form name="name">
Entrez votre nom
<input type="Text" id="name" size=12 /> <br />
Entrez votre prénom
<input type="Text" id="pname" size=12 />
</form> <br />
<form name="adresse">
Entrer adresse
<input type="Text" id="numrue" size=3 maxlength=5 />

<select name="typerue" size=1>
<option name="rue">Rue</option>
<option name="av">Avenue</option>
<option name="bd">Boulevard</option>
<option name="im">Impasse</option>
<option name="che">Chemin</option>
<option name="cha">Chaussée</option>
</select>

<input type="Text" id="nomrue" sixe 24 /> <br />
Code Postal:
<input type="Text" id="cp" size=5 maxlength=5 />
<br />
Ville: 
<input type="Text" id="ville" size=12 />
</form>
0
alex922 Messages postés 5 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 19 avril 2010
17 avril 2010 à 12:38
Oo Merci pour tous, @please

Par contre, je n'ai pas compris l'exemple 3,
L'exemple 2 est exactement ce que je cherchais.
Est-ce que les informations enregistré peuvent renvoyer à une autre page,
en faisant par exemple une en-tête ou un résumer?

En tout cas merci déjà pour ce travail ;)

Alex.
0
alex922 Messages postés 5 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 19 avril 2010
17 avril 2010 à 15:55
Up !!! (??)

:D
0
ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
0
alex922 Messages postés 5 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 19 avril 2010
19 avril 2010 à 14:51
MErci bcp please pour ton engagement, j'ai eu des complication et c'est pourquoi je n'ai pas pu te répondre avant, désoler.

Je prendrais plus de temps ce soir pour lire ton cours car je suis au travail pour l'instant.

Donc je te tiendrais au courrant.

En tout cas merci déjà pour tes réponses :)

Mon mail c'est r3dzo@hotmail.fr
0