Afficher une variable

**Super_carotte** · 18/05/2010, 14h20

Haha, en effet, ça marche bien mieux!
Merci

**Super_carotte** · 19/05/2010, 09h38

Alors ça y est, tout fonctionne.

J'aimerai donc maintenant "fignoler" cette amélioraton en y apportant la chose suivante:
J'aimerai que quand l'utilisateur arrive sur la page, s'affiche:

"Pour commencer l'activité, clique: ICI

Prénom:
Pour voir ta fiche de score, clique: ICI"

Et qu'une fois qu'il a entré son prenom que a la place du texte ci-dessus s'affiche:
"Prénom: son_prenom
Pour voir ta fiche de score, clique: ICI

Pour changer d'utilisateur, clique: ICI"

J'ai donc modifier le code comme ceci:
Page HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <span id='spandebutactivite'></span>
 
						  <br><br>
						  Prénom: 
						<span id='spanprenom'></span>
						<br>
 
 
						<SCRIPT language="javascript">
							document.write("Pour voir ta fiche de score, clique: ");							
						</SCRIPT>							
 
							<a><href="#" onClick="Montrer(score_document)"  >
							<font color="red">ICI</font></a><br><br>
 
 
						<span id='changeuser'></span>

Et page .js:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function debutactivite(){ 
	var span_activite = document.getElementById('spandebutactivite'); 
	var prenom1 = document.getElementById('spanprenom').innerHTML; 
 
	if(prenom1 == ""){ 
		span_activite.innerHTML ="Pour commencer l'activité, clique: <a href=\"#\" onclick=\"demandeprenom();\"><font color=red>ICI</font></a>"; 
	} 
	else{ 
		//span_activite.innerHTML = "Pour changer d'utilisateur, clique: <a href=\"#\" onclick=\"demandeprenom();\"><font color=red>ICI</font></a>"; 
	}
}
 
function changeuser(){ 
	var span_activite = document.getElementById('spandebutactivite'); 
	var prenom1 = document.getElementById('spanprenom').innerHTML; 
 
	if(prenom1!=""){ 
		span_activite.innerHTML = "Pour changer d'utilisateur, clique: <a href=\"#\" onclick=\"demandeprenom();\"><font color=red>ICI</font></a>";
	} 
	else{ 
		//span_activite.innerHTML = "Pour changer d'utilisateur, clique: <a href=\"#\" onclick=\"demandeprenom();\"><font color=red>ICI</font></a>"; 
	}
}

J'ai donc ajouter un spanID et une fonction changeuser.
En gros, les modification sont censée dire: si le nom est pas renseigné alors afficher:
"Pour commencer l'activité, clique: ICI

Prénom:
Pour voir ta fiche de score, clique: ICI"

Et si le nom est renseigné, alors afficher:
"Prénom:
Pour voir ta fiche de score, clique: ICI

Pour changer d'utilisateur, clique: ICI"

Le probleme c'est que j'ai bien la premiere étape qui fonctionne mais quand je met le prénom, la ligne "

Pour commencer l'activité, clique: ICI ne disparait pas et la ligne "Pour changer d'utilisateur, clique:ICI" n'apparait pas.

Savez vous pourquoi?
Merci,
Benjamin

**vermine** · 19/05/2010, 10h05

Ne confondez pas le HTML:

Code :

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

<span id='changeuser'></span>

qui déclare donc un span dont l'identifiant est "changeuser", avec le Javascript qui est une suite d'instructions. Pour appeler la fonction changeuser(), il faut se mettre dans le Javascript et lancer son appel:

Code :

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

1
2
 
changeuser();

Cependant, je trouve inutile de créer une nouvelle fonction. Vous pouvez gérer vos affichages dans la fonction qui demande le prénom.

**Super_carotte** · 19/05/2010, 11h56

Du coup, j'ai voulu suivre votre conseil et tout faire entrer dans une seule fonction. Mais plus rien ne marchai.

Je recommence donc en voulant faire une fonction comme ça:

fonction debutactivite()
Si prenom = vide
alors afficher "Pour debuter ton activité, clique ici
Sinon afficher "Prenom: son_prenom
Pour voir ton score, clique ici
Pour changer d'utilisateur, clique ici"

J'ai donc mis comme code:

Pour HTML:

Code :

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

1
2
3
4
5
        <script language="javascript">
	debutactivite() 
	</script>	
 
	<span id='spandebutactivite'></span>

Et pour .js:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function debutactivite()
{
 
		var span_activite = document.getElementById('spandebutactivite'); 
 
 
      if(span_prenom.innerHTML == ""){
			span_activite.innerHTML ="Pour commencer l'activité, clique ici "; 
 
			}
		else {
			span_activite.innerHTML ="Prenom: <br> Pour voire ton score clique ici <br> Pour changer d'utilisateur clique ici ";
			}
}

Mais rien ne s'affiche.
Je sais, je suis en train de reprendre tout mais t'as raison quand tu dis qu'il vaut mieux tout mettre dans une seule fonction.

**SpaceFrog** · 19/05/2010, 12h01

Code :

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

1
2
3
4
5
  <script language="javascript">
	debutactivite() 
	</script>	
 
	<span id='spandebutactivite'></span>

si c'est dans cet ordre là ... normal la focntion est lancée avant l'instanciation du span ...

**Super_carotte** · 19/05/2010, 13h34

Ah! Je suis tres content, tout fonctionne!
(le seul truc que j'arrive ps a faire, c'est faire une boucle au cas ou l'utilisateur ne rentre pas de nom dans le prompt, si vous avez comment faire, ditesme le svp.)

Sinon, voici le résultat final pour ceux que ça interesse:

Pour HTML:

Code :

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

1
2
3
4
5
6
<span id='spanprenom'></span>
<span id='spandebutactivite'></span>
 
<script language="javascript">
debutactivite() 
</script>

Et pour .js:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function debutactivite()
{
 
		var span_activite = document.getElementById('spandebutactivite'); 
		var span_prenom = document.getElementById('spanprenom'); 
 
      if(span_prenom.innerHTML == ""){
			span_activite.innerHTML ="Pour commencer l'activité, clique: <a href=\"#\" onclick=\"demandeprenom();\"><font color=red>ICI</font></a>"; 
 
			}
 
}
 
function demandeprenom()
{
 
		var span_activite = document.getElementById('spandebutactivite'); 
		var span_prenom = document.getElementById('spanprenom');		
 
		var prenom1=prompt("Bonjour, commence par indiquer ton prénom :","");
 
		span_activite.innerHTML ="Prenom: " +prenom1+ " <br> Pour voire ton score, clique:<a href=\"#\" onclick=\"Montrer(score_document);\"><font color=red>ICI</font></a> <br> Pour changer d'utilisateur clique:<a href=\"#\" onclick=\"demandeprenom();\"><font color=red>ICI</font></a>";
 
}

Un merci tout particulier a vermine et SpaceFrog qui m'ont beaucoup aidé pour réaliser ce bout de code.

**vermine** · 19/05/2010, 13h48

Au tout début vous boucliez sur le prompt tant qu'il renvoyait vide. Vous pouvez le refaire. Mais à vous de voir si l'utilisateur peut ou ne peut pas décider que finalement il ne voulais pas entrer de nom.

**Super_carotte** · 20/05/2010, 09h32

J'ai une autre question:
J'ai une fonction qui me permet de corriger un exervcice.

Dedans j'y ai la variable :

Code :

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

1
2
var scoreexosl_1_enonce1 = 0;
 var difscoreexosl_1_enonce1 = 0;

Je travail dessus et a la fin de la fonction j'ai:

Code :

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

1
2
difscoreexosl_1_enonce1 = 5 - scoreexosl_1_enonce1;
alert("Ton score est de : "+scoreexosl_1_enonce1+"/5. Tu as donc fait : "+difscoreexosl_1_enonce1+" érreures.");

Je voudrai ensuite mettre le résultat des ces variables dans un tableau j'ai donc essyé de mettre ça dans le code de ma fonction (tout a la fin)

Code :

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

1
2
return difscoreexosl_1_enonce1;
return scoreexosl_1_enonce1;

Et j'ai déclarer

Code :

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

1
2
var scoreexosl_1_enonce1 = "";
 var difscoreexosl_1_enonce1 = "";

Dans mon fichiers variavbles.js

Malgres ça, dans mon tableau, j'ai la valeur "undefined" qui s'affiche.
ça veut surement dire qu'il ne parvient pas a recuperer les valeurs des fonctions.

Savez vous comment faire?
Merci,
Benjamin

**SpaceFrog** · 20/05/2010, 09h46

dés le premier return on quitte la fonction

**vermine** · 20/05/2010, 09h59

Bonjour,

Même si le problème n'est plus le même qu'au début, je pense que le titre du post convient toujours. Je laisse le libre arbitre aux modérateurs de scinder les deux problèmes ou non.

Avant que je n'oublie, dans votre message d'alert, il y a une faute:

érreures

Ca s'écrit:

erreurs

Cela étant dit, revenons-en à nos moutons. Tout d'abord, une fonction ne retournera qu'une seule valeur, donc votre second return ne sera pas exécuté:

Code :

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

1
2
3
 
return difscoreexosl_1_enonce1;
return scoreexosl_1_enonce1;

Mais je ne pense pas qu'il faille faire un retour. J'aimerais voir le code du tableau afin de vous proposer une méthode pour le remplir.

Ensuite, je vous conseille de (re)lire attentivement quelques tutoriels Javascript et HTML afin de bien comprendre les différences. Car vous avez beau déclarer des variables globales Javascript, elles ne seront connues que par Javascript, et non pas par votre tableau (HTML, je suppose). Par contre, Javascript peut remplir les champs HTML comme nous l'avons fait précédemment.

**Super_carotte** · 20/05/2010, 10h07

En fait, j'ai réussi a afficher une variable dans mon tableau car il est fait comme ceci:
Page HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<HTML>
  <HEAD>
    <TITLE>Accompagenement scolaire
    </TITLE>
        <link href="./crdp.css" rel="stylesheet" type="text/css">
        <SCRIPT LANGUAGE="JavaScript" SRC="./variables.js"></script>
        <SCRIPT LANGUAGE="JavaScript" SRC="./fonctions.js"></script>
        <SCRIPT LANGUAGE="JavaScript">
        var idfiche="score_";
        //alert(eval(idfiche+"support");
        </script> 
<script type="text/javascript" language="javascript" src="./test/lytebox.js"></script>
      <link rel="stylesheet" href="./test/lytebox.css" type="text/css" media="screen" />
</HEAD>
 
<body id="idfiche" class="fiche" onload="initialisation(idfiche);	cache('consigne');" scrolling="auto" onMouseOver="affmenulateral();" >
<DIV style="OVERFLOW:auto; >
 
	<br> <div id="support1" class="support1"><SCRIPT language="javascript">document.write(eval(idfiche+"enonce")); </SCRIPT>
 
 
   <br> <div id="support1" class="support1"><SCRIPT language="javascript">document.write(eval(idfiche+"tableaus_lire")); </SCRIPT>
   <br> <div id="support1" class="support1"><SCRIPT language="javascript">document.write(eval(idfiche+"tableaus_ecr")); </SCRIPT>
</div>
</body>
</html>

C'est les lignes

Code :

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

1
2
   <br> <div id="support1" class="support1"><SCRIPT language="javascript">document.write(eval(idfiche+"tableaus_lire")); </SCRIPT>
   <br> <div id="support1" class="support1"><SCRIPT language="javascript">document.write(eval(idfiche+"tableaus_ecr")); </SCRIPT>

qui appellent mon tableau.

Et dans mon .js j'ai:

Code :

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

1
2
var score_tableaus_lire     =      "Pour les exercices : 'Savoir lire' <br><br><TABLE  BORDER=1 BORDERCOLOR=#000000 CELLPADDING=5 CELLSPACING=0>	<TR VALIGN=TOP>		<TD class='texte'>&nbsp;&nbsp;Exercice&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;Bonnes r&eacute;ponses&nbsp;&nbsp;</span>	</TD>		<TD ><span class='texte'>&nbsp;&nbsp;        &Eacute;rreures&nbsp;        &nbsp;</TD>			</TR>	<TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;I. Je lis, j’entends, j’&eacute;cris&nbsp;&nbsp;</TD>		<TD ><NOBR>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD >&nbsp;&nbsp;"+score_titre+"&nbsp;&nbsp;</TD>			</TR> <TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;II. Je retrouve l'ordre alphab&eacute;tique&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;"+scoreexosl_1_enonce1+";&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;III. Je sais ponctuer et mettre en page un texte&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;IV. Je sais identifier un texte ou un type de document&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;V. Je sais retrouver des informations dans un tableau&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;VI. Je comprends ce que je lis&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;VII. Je comprends ce que dit le texte&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;VIII. J'&eacute;value la richesse de mon vocabulaire&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;IX. Je sais reconnaître les niveaux de langue&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR>	</TR>	</TR></TABLE><br>";
var score_tableaus_ecr     =      "Pour les exercices : 'Savoir lire pour savoir &eacute;crire' <br><br><TABLE  BORDER=1 BORDERCOLOR=#000000 CELLPADDING=5 CELLSPACING=0>	<TR VALIGN=TOP>		<TD class='texte'>&nbsp;&nbsp;Exercice&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;Bonnes r&eacute;ponses&nbsp;&nbsp;</span>	</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&Eacute;rreures&nbsp;&nbsp;</TD>			</TR>	<TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;I. Je sais rédiger un court récit&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR> <TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;II. Je sais utiliser les temps du récit&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;III. Je sais distinguer et utiliser ' narrateur ' et 'personnages'&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;IV. Je sais utiliser les indices spatio-temporels&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;V. Je sais différencier et repérer les différents actants&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;VI. Je sais caractériser les personnages d'un récit.&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;VII. Je sais identifier les caractéristiques d'un texte de théâtre&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbspVIII. Je sais faire la différence entre un dialogue dans un récit et un dialogue de théâtre&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR><TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;IX. Je sais reconnaître un texte poétique et écrire un poème&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;&nbsp;&nbsp;</TD>			</TR>	</TR>	</TR></TABLE><br><TD ><span class='texte'>&nbsp;&nbsp;2008&nbsp;&nbsp;</TD>	</TR>	<TR VALIGN=TOP><td><span class='texte'>&nbsp;&nbsp;Article de Presse&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;La Ch&egrave;vre de Mr Seguin&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;Charles PERRAULT&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;1866&nbsp;&nbsp;</TD>	</TR>	<TR VALIGN=TOP>		<TD ><span class='texte'>&nbsp;&nbsp;Conte&nbsp;&nbsp;</TD>		<TD ><NOBR><span class='texte'>&nbsp;&nbsp;Le Loup du Mercantour&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;Alphonse DAUDET&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;1697	&nbsp;&nbsp;</TD>	</TR>	<TR VALIGN=TOP>		<TD ><span class='texte'>&nbsp;&nbsp;Fable&nbsp;&nbsp;</TD>		<TD><span class='texte'>&nbsp;&nbsp;Le Loup et l'Agneau&nbsp;&nbsp;</TD>	<TD ><span class='texte'>&nbsp;&nbsp;Mon  Quotidien&nbsp;&nbsp;</TD>		<TD ><span class='texte'>&nbsp;&nbsp;1668&nbsp;&nbsp;</TD>	</TR></TABLE>";

**Super_carotte** · 20/05/2010, 15h10

Mais les variables :
difscoreexosl_1_enonce1;
scoreexosl_1_enonce1;

Elees, je n'arrive pas a les afficher.

Afficher une variable

JavaScript

Discussions similaires

Partager

Partager