Automatiser renseignement variable

Version imprimable

Voir 40 message(s) de cette discussion en une page

10/06/2010, 10h28
Super_carotte

Automatiser renseignement variable
Bonjour,
Le titre est peu clair, j'en suis conscient 8O , mais je vais essayer de vous expliquer mon probleme.

Je travail sur un site ou il y aura des exercices a faire sur différentes page (d'ou le sl_1, sl_2 et sl_3 cité ci dessous)

J'ai dans mon fichier index.html ces variables:
Code:

1 2 3 4 5 6 7 <script language="javascript"> //Variables: parent.document.score_sl_1_enonce1 = 0; parent.document.score_sl_2_enonce1 = 0; parent.document.score_sl_3_enonce1 = 0; </script>
Et je souhaite qu'une fonction situé dans mon fichier fonction.js puisse toutes les incrémenter.

Je cherche donc a mettre cette ligne dans ma fonction:
parent.document.score_+idfiche+enonce1 = scoreexo
(en effet, ma varialble idfiche contient les fameux sl_1, sl_2 et sl_3 en fonction de la page ou l'on est)

Mais ça ne fonctionne pas.
Sauriez vous comment procéder?

Merci,
Benjamin.
10/06/2010, 10h43
vermine

Bonjour,

Quand vous dites différentes pages, vous voulez dire qu'il y a une page principale qui ouvre des popups ou bien qu'il n'y a qu'une seule page à la fois ?

Il y a une seule page a la fois.
(mais c'est des bloc, il me semble qua ça s'appel des "frame" mais je ne suis pas sur.)
J'ai le titre en haut et la colonne de gauche qui ne bougent pas.
Il y a juste le bloc principal qui change.

Si ça peux vous aider a comprendre, voici mon index.html:

Code:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
 
<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>
 
</head>
 
 
 </HEAD>
 
 <script language="javascript">
 
//Variables:
 
parent.document.score_sl_1_enonce1 = 0;
parent.document.score_sl_2_enonce1 = 0;
parent.document.score_sl_3_enonce1 = 0;
</script>
 
 
  <BODY bgcolor="white"  onLoad="montreMenu('smenu0'); debutactivite() ;">
 
 
 
 
      <TABLE id="tab1" border="1" width="100%" height="100%">
        <tr height="80"><td>
            <TABLE id="tab2" border="0" width=100%" height="60" cellpadding="0" cellspacing="0">
              <tr height="80">	
                <td align="left" bgcolor="lime" width="80" valign="middle" id="gauche" class='meta'>
                  <img src="images/Logo_Sceren_Nice_BLANC.png" /></td>
 
                <td  align="CENTER" bgcolor="##33CCFF" class='titre' id="millieu">Les Fondamentaux en français
                </td>	
				<td width="200" align="right" bgcolor="#EF998A">
                  <h1>
 
 
 
					</h1></td>
 
                <td width="50" align="right" bgcolor="#EF998A">
 
				<a href="#" onclick="window.location.reload( true );" ><img src="images/classe.jpg" /></a></td>
 
              </tr>
            </TABLE></td>
        </tr>
        <tr id="idprincipal" width="97%">
            <td class="principal" >
                 <table class="principal">
                    <tr>
                      <td id="idmenu" class="menu" >	
                          <dl>
 
 
 
						  <span id='spanprenom'></span>
						  <span id='spandebutactivite'></span>
 
 
						<script language="javascript">
 
						debutactivite() 
						</script>
 
 
 
 
 
 
 
 
 
 
                            <dt onClick="montreMenu('smenu0'); Montrer('intro.html');affichetitre('presentation_');" class='ctitre' >Présentation
                            </dt>			
                            <dd id="smenu0">			
                              <span class='texte'>			
                                <SCRIPT language="javascript">document.write(aide); </SCRIPT><br />		 			
                              </span>		
                            </dd>		
                            <dt onClick="montreMenu('smenu2');" class='ctitre' >Savoir lire
                            </dt>			
                            <dd id="smenu2">				
                              <ul>
                              <li>
                                <A href="#" onClick="Montrer(sl_1_document)"  >
                                <SCRIPT language="javascript">document.write(sl_1_titre);</SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_2_document)"  >
                                <SCRIPT language="javascript">document.write(sl_2_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_3_document)"  >
                                <SCRIPT language="javascript">document.write(sl_3_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_4_document)"  >
                                <SCRIPT language="javascript">document.write(sl_4_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_5_document)"  >
                                <SCRIPT language="javascript">document.write(sl_5_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_6_document)"  >
                                <SCRIPT language="javascript">document.write(sl_6_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_7_document)"  >
                                <SCRIPT language="javascript">document.write(sl_7_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_8_document)"  >
                                <SCRIPT language="javascript">document.write(sl_8_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(sl_9_document)"  >
                                <SCRIPT language="javascript">document.write(sl_9_titre); </SCRIPT></A></li>
                              </ul>			
                            </dd>	 		
                            <dt onClick="montreMenu('smenu3');" class='ctitre' style ="height :50">Savoir lire<br>pour savoir écrire
                            </dt>			
                            <dd id="smenu3">				
                              <ul>				 				
                              <li>
                                <A href="#" onClick="Montrer(se_1_document)"  >
                                <SCRIPT language="javascript">document.write(se_1_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_2_document)"  >
                                <SCRIPT language="javascript">document.write(se_2_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_3_document)"  >
                                <SCRIPT language="javascript">document.write(se_3_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_4_document)"  >
                                <SCRIPT language="javascript">document.write(se_4_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_5_document)"  >
                                <SCRIPT language="javascript">document.write(se_5_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_6_document)"  >
                                <SCRIPT language="javascript">document.write(se_6_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_7_document)"  >
                                <SCRIPT language="javascript">document.write(se_7_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_8_document)"  >
                                <SCRIPT language="javascript">document.write(se_8_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_9_document)"  >
                                <SCRIPT language="javascript">document.write(se_9_titre); </SCRIPT></A></li>
                                <li>
                               <A href="#" onClick="Montrer(se_10_document)" >
                                <SCRIPT language="javascript">document.write(se_10_titre); </SCRIPT></A></li>
                              </ul>			
                            </dd>
 
                            <dt onClick="Montrer('bibliotheque/index.html');montreMenu('smenu5');affichetitre('bibli_id_');" class='ctitre' style ="height :50">Bibliothèque Idéale
                            </dt>			
 
                            <dt onClick="montreMenu();">
                              <a href="./index.html">Retour</a>
                            </dt>	
                            <dt onClick="Montrer('credits.html');affichetitre('credits_');" style="text-align:right;">Crédits
                            </dt>
 
                          </dl>	
                        </td>
                         <td id="idpetitmenu" class="petitmenu"  onMouseOver="effmenulateral();" >	
                         afficher le menu
                         </td>
               <td id="corps" class="corps" valign="top">
                      <iframe class="corps" id="moncalque" src="technique.html" onLoad="haut();" scrolling="no" width="700px" height="500px" FRAMEBORDER="no"></iframe>          
 
 
         <SCRIPT language='javascript'>document.getElementById("moncalque").src="intro.html"; </SCRIPT>
              </td>	
              </tr>
              </table>        
            </td>
 
 
 
 
        </tr>
      </TABLE>
 
  </BODY>
</HTML>

10/06/2010, 10h56
vermine
Alorsla déclaration des variables doit se faire ainsi:
Code:

1 2 3 4 score_sl_1_enonce1 = 0; score_sl_2_enonce1 = 0; score_sl_3_enonce1 = 0;
car elles appartiennent au parent. Et des les frames alors oui, on les appellent ainsi:
Code:

1 2 3 4 parent.document.score_sl_1_enonce1; parent.document.score_sl_2_enonce1; parent.document.score_sl_3_enonce1;
Sauf que je ne sais pas si ça fonctionne avec des variables Javascript. :?
10/06/2010, 11h04
Super_carotte

D'accord merci, mais pour mon premier probleme, est il possible de faire quelque chose comme ça dans ma fonction?
parent.document.score_+idfiche+enonce1 = scoreexo

Merci,
Benjamin.
10/06/2010, 11h12
vermine
Ca serait plutôt quelque chose du genre:
Code:

1 2 parent.window["score_"+idfiche+enonce1] = scoreexo;
J'ai bien dit "du genre". ;)
10/06/2010, 11h21
Super_carotte

HAHAHAHA!!!!!! :mrgreen:

Merci, tu m'a bien mis sur la voie.
Le code qui fonctionne est:
"parent.document["score_"+idfiche+"enonce1"] = scoreex;"

Merci encore :ccool:
10/06/2010, 11h24
Super_carotte

Tiens, au passage, saurais tu comment faire appliquer un style de ma CSS au texte qui est affiché grace a la fonction:
<script language="javascript">

debutactivite()
</script>

(c'est dans mon index.html.)

Merci encore, Ben
10/06/2010, 11h28
vermine

Je n'ai pas trouvé la fonction. :oops:
Elle affiche quoi où, cette fonction ?
10/06/2010, 11h30
andry.aime

+1 vermine,
Mais tu peux tenter d'utiliser className pour la classe ou bien modifier directement l'attribut style.

Elles est appelée dans le index.html.

Et voici cette fonction qui est dans fonction.js:

Code:

1
2
3
4
5
6
7
8
9
10
11
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>"; 
 
			}
}

Et comme tu peux le voire, la fonction debutactivite appelle cette fonction:

Code:

1
2
3
4
5
6
7
8
9
10
11
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 ="Prénom: " +prenom1+ " <br> Pour voir 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>";
 
}

Et c'est le texte de la fonction demandeprenom qui s'affiche donc sur le index.html.

Et je me demendai s'il etait possible de donner un style au texte qu'elle affiche donc a :" Bonjour, commence par indiquer ton prénom" etc...

Merci.

10/06/2010, 11h44
vermine

Oufti!
Vous voulez redéfinir le prompt. :D
Hé bien non. Vous devez créer autre chose alors. Faut voir dans les Contributions Javascript, HTML et CSS si il n'y a pas déjà des exemples.
10/06/2010, 11h48
Super_carotte

Oula! vu votre réaction, ça a l'air difficile^^

Et ce n'est pas possible de mettre dans la fonction .js comment on veut que le texte soit ecrit? ce serai peut etre plus simple ainsi non?
Du genre, size=12, color=blue, police: timesnewreman etc...
10/06/2010, 11h57
vermine

Non, malheureusement ces objets (prompt, alert, confirm) ne sont pas modifiables. Il faut créer un substitut. Ce n'est pas nécessairement compliqué mais ça vous prendra plus de temps. ;)
10/06/2010, 11h59
Super_carotte

Tres bien.
Encore merci a toi.

Tu m'as vraiment tres bien aidé :ccool:
10/06/2010, 12h10
Super_carotte

Au fait, dans le meme genre que la premiere question, pour definir une variable qui evolue dans le temps, je voudrai faire quelque chose du genre:

var i = 1;
var "en"+i = "bonjour";

C'est possible?
10/06/2010, 12h16
andry.aime

Utilises un formulaire dans un div caché lequel tu affiches en cas de besoin à la place d'un prompt et le recache quand l'utilisateur a validé.
10/06/2010, 12h26
Super_carotte

Ook , merci mais je ne pense pas avoir le niveau pour me mettre la dedans. :oops:
D'abord les travaux et ensuite les finitions :)

Je me demandai:
Pour definir une variable qui evolue dans le temps, je voudrai faire quelque chose du genre:

Au lieu de var en1 = "bonjour";

Je voudrai faire:
var i = 1;
var "en"+i = "bonjour";

C'est possible?

Merci,
Benjamin
10/06/2010, 12h42
andry.aime

Oui, utilises la fonction eval.
10/06/2010, 13h11
Super_carotte
J'ai essayé ça:
Code:

1 2 3 4 5 var i=1; var a=""; a = "ent"+i; eval(a); alert("Valeur de a = "+a);
Mais ça ne prend pas. Aurais tu une idée?
Merci,
Benjamin

Voir 40 message(s) de cette discussion en une page