Automatiser renseignement variable

**Super_carotte** · 10/06/2010, 11h28

Bonjour,
Le titre est peu clair, j'en suis conscient

, 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 :

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

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.

**vermine** · 10/06/2010, 11h43

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 ?

**Super_carotte** · 10/06/2010, 11h51

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 :

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
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>

**vermine** · 10/06/2010, 11h56

Alorsla déclaration des variables doit se faire ainsi:

Code :

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

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 :

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

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.

**Super_carotte** · 10/06/2010, 12h04

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.

**vermine** · 10/06/2010, 12h12

Ca serait plutôt quelque chose du genre:

Code :

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

1
2
 
parent.window["score_"+idfiche+enonce1] = scoreexo;

J'ai bien dit "du genre".

**Super_carotte** · 10/06/2010, 12h21

HAHAHAHA!!!!!!

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

Merci encore

**Super_carotte** · 10/06/2010, 12h24

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

**vermine** · 10/06/2010, 12h28

Je n'ai pas trouvé la fonction.

Elle affiche quoi où, cette fonction ?

**andry.aime** · 10/06/2010, 12h30

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

**Super_carotte** · 10/06/2010, 12h34

Elles est appelée dans le index.html.

Et voici cette fonction qui est dans fonction.js:

Code :

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

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 :

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

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.

**vermine** · 10/06/2010, 12h44

Oufti!
Vous voulez redéfinir le prompt.

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.

**Super_carotte** · 10/06/2010, 12h48

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...

**vermine** · 10/06/2010, 12h57

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.

**Super_carotte** · 10/06/2010, 12h59

Tres bien.
Encore merci a toi.

Tu m'as vraiment tres bien aidé

**Super_carotte** · 10/06/2010, 13h10

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?

**andry.aime** · 10/06/2010, 13h16

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é.

**Super_carotte** · 10/06/2010, 13h26

Ook , merci mais je ne pense pas avoir le niveau pour me mettre la dedans.

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

**andry.aime** · 10/06/2010, 13h42

Oui, utilises la fonction eval.

**Super_carotte** · 10/06/2010, 14h11

J'ai essayé ça:

Code :

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

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

Automatiser renseignement variable

JavaScript

Discussions similaires

Partager

Partager