Récupération variable et getElementById("radical_"+i)

**davidfl** · 28/10/2013, 23h13

Bonjour,

je n'arrive pas a récupérer ma variable "radical_ + i" dans ma page PHP.

Avec mon code actuel, et : document.write(radical_ + i); j'obtiens une page blanche avec la valeur de ma variable et non la valeur de la variable dans la page actuelle.
Je voudrait la récupérer et l'afficher dans la page actuel et non une page extérieur.

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
 <script language="JavaScript">
function afficherSelect(select_, radical_){
  //-- Init diverses
  var i, oDiv, nb = select_.options.length;
  //-- Masque tout
  for (i = 0; i < nb; i++) {
    oDiv = document.getElementById( radical_ + i);
    if (oDiv) {
      oDiv.style.display = "none";
    }
  }
  //-- Affiche la DIV concernee
  i = select_.selectedIndex;
document.write(radical_ + i);
  oDiv = document.getElementById( radical_ + i);
  if (oDiv) {
    oDiv.style.display = "block";
  }
}
</script>

J'ai également essayé :

Code :

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

1
2
3
<script language='Javascript' type='text/javascript'> 
   print( document.write(radical_ + i ));
	</script>

Mais rien ne fonctionne.
Merci pour votre aide.

**yoannhel** · 28/10/2013, 23h24

Bonsoir,

Vous avez essayez un console.log(radical_ + i); pour voir si vous récupérez la valeur ?

**Watilin** · 29/10/2013, 04h04

Padam padam…
http://blog.developpez.com/web/p1065..._en_javascript

Encore un débutant JavaScript victime des informations trop vieilles qui refusent de disparaître… La route du Web est pavée de mauvaises documentations.

Comme le suggère Yohann, si ton but est simplement de voir tes variables afin de t'aider dans le développement de ton script, utilise la console (F12 ou Ctrl+Maj+I ou Ctrl+Maj+K ou encore Ctrl+Alt+I suivant le navigateur), c'est bien plus productif qu'un alert ou ce dinosaure document.write.

À mon avis, tu vas rapidement faire face à un autre problème :

Code :

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

i = select_.selectedIndex;

Tu changes la valeur de i au sein de ta boucle for, il y a de grandes chances que ça ne se comporte pas comme tu l'as prévu.

Petite note : l'attribut language de la balise <script> est obsolète. Utilise l'attribut type si ta page est déclarée XHTML, sinon tu as le droit de ne mettre aucun attribut, c'est autorisé en HTML 5

**davidfl** · 29/10/2013, 16h34

Merci pour vos réponses.
Yohann, la valeur s'affiche sur la page qui est devenue blanche que j'obtiens après une sélection.
Je voudrais que la valeur s'affiche normalement dans la page normale (page du début).
De plus je veux éviter d'utiliser certaines commandes, car je suis en php4.

**yoannhel** · 29/10/2013, 18h45

La commande console.log(); c'est en javascript.

Il faut que tu remplaces ton document.write(radical_ + i); par console.log(radical_ + i);.

Ensuite, comme l'a bien dit Watilin, tu dois ouvrir la console de ton navigateur et tu es sensé récupéré la valeur de radical_+i.

Ce que je ne comprend pas, c'est pourquoi la page se change lors du select.

Je te propose cette solution mais j'utilise la librairie jQuery :

html :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<html>
  <body>
    <select name="test" id="test">
      <option value="xx">xx</option>
      <option value="yy">yy</option>
      <option value="zz">zz</option>
    </select>
    <div class="txt"></div>
  </body>
</html>

Javascript :

Code :

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

1
2
3
4
5
6
$(document).ready( function() {
$('#test').change(function(){
  var id = $("#test").val();
  $('.txt').html(id);
});
});

**davidfl** · 29/10/2013, 19h20

Yohann, avec ton code je récupére la valeur.
J'ai testé cette version:

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
 
<script language="JavaScript">
function afficherSelect(select_, radical_){
  //-- Init diverses
  var i, oDiv, nb = select_.options.length;
  //-- Masque tout
  for (i = 0; i < nb; i++) {
    oDiv = document.getElementById( radical_ + i);
    if (oDiv) {
      oDiv.style.display = "none";
    }
  }
  //-- Affiche la DIV concernee
  i = select_.selectedIndex;
//document.write( radical_ + i);
document.getElementById("ladiv").innerHTML =  radical_ + i ;
  oDiv = document.getElementById( radical_ + i);
  if (oDiv) {
    oDiv.style.display = "block";
  }
}
 
</script>

avec la Div qui va avec.
La valeur s'inscrit. Maintenant je voudrait que la valeur devienne la valeur de l'ID du div.
J'espère que je suis assez clair...

**yoannhel** · 29/10/2013, 19h55

Non je ne comprend pas très bien.
Que veut tu faire exactement ?
Quel est l'intérêt du select ? Suivant la valeur sélectionnée, tu es sensé changé le contenu d'une div ?

**davidfl** · 29/10/2013, 20h06

Je veux afficher un DIV dans lequel j'aurais un select qui se modifiera en fonction de la sélection précédente. Bref, une sorte de select lies.
Car je n'ai trouver aucun script qui me convienne. Le problème à chaque fois est qu'il faut une page extérieure pour le 2eme select et qu'il est impossible de garder sa sélection.

**Watilin** · 29/10/2013, 20h55

Tu peux nous faire un scénario étape par étape ?

**yoannhel** · 29/10/2013, 21h17

C'est le même principe que tout à l'heure en fait.
Si l'utilisateur choisit cette option alors on affiche un nouveau sélect sinon un autre sélect...
Tu dois écrire ton code html dans ton javascript.
Sinon tu peu jouer avec des display none et Block mais c'est moins propre.

**Watilin** · 29/10/2013, 22h20

Est-ce que ceci peut aider ?

**davidfl** · 30/10/2013, 18h34

Alors, Ajax => Non car il me faut tout sur la même page.
Je veux également éviter de créer autant de div (avec select) qu'il y a de possibilités. Si j'ai 100 valeur dans mon premier select, ça va être impossible et lourd, je voudrais 1 select qui s'adapte à la première valeur sélectionné et pas la div.

**sekaijin** · 31/10/2013, 11h35

J'ai rien pané du besoin mais ta dernière remarque est complètement à contradictoire.

Ajax te permet de demander et de ne charger que les information que tu veux au moment ou tu le veux. et toi tu dis que tu ne veux pas Ajax car ça implique que tout charger d'un coup alors que c'est exactement le contraire que propse ajax.

un select chargé avec des valeurs initiales
choix d'un valeur par l'utilisateur
envoie de la requête ajax pour cette valeur
réception des données
affichage de ces données
choix d'une valeur dans ces données là
envoie de la requête ajax pour cette valeur
réception des données
affichage de ces données
choix d'une valeur dans ces données là
envoie de la requête ajax pour cette valeur
réception des données
affichage de ces données
choix d'une valeur dans ces données là
envoie de la requête ajax pour cette valeur
réception des données
affichage de ces données
choix d'une valeur dans ces données là
envoie de la requête ajax pour cette valeur
réception des données
affichage de ces données
choix d'une valeur dans ces données là
envoie de la requête ajax pour cette valeur
réception des données
affichage de ces données
choix d'une valeur dans ces données là
...

et à chaque fois tu n'a chargé que les donnés concernant la valeur choisie.
quant au pourquoi d'un div du select ou ne ne sais pas quoi d'autre ? j'ai rien compris.
A+JYT

**davidfl** · 31/10/2013, 14h21

Bonjour Sekaijin,
Le problème est que je souhaitais faire mon propre script. Car en Ajax j'en ai déjà, j'en utilise, mais le problème est de garder la sélection dans la deuxième liste ( puisqu'il s'agit d'une page extérieur).

Récupération variable et getElementById("radical_"+i)

JavaScript

Partager

Partager