récupération d'attributs

Version imprimable

Bonjour à tous.

Voilà mon soucis :

Je travaille sur un plugin pour le logiciel Sketchup et donc je souhaite afficher dans une page HTML une sorte de menu dynamique avec différents boutons. Pour cela, j'ai uniquement besoin d'un attribut nbEtages que je charge grâce à la fonction passFromRubyToJavascript(value). Mais une fois la fonction executée, je n'arrive pas à accéder à cet attribut dans le script HTML.

Pourtant j'arrive à l'afficher avec la ligne de code : <div id="nbEtages"></div>

Voici ma page 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 <html> <script> function passFromRubyToJavascript(value) { document.getElementById('nbEtages').innerHTML = value; } </script> <body> <div id="nbEtages"></div> <script> nb = getElementById('nbEtages').innerHTML document.write("<form>"); for(i=0;i<parseInt(nb);i++){ if (i==0){ string = "Afficher le Rdc"; } else{ string = "Afficher l'étage " + i + ''; } document.write("<input type=\"button\" value=" + "\"" + string + "\"" + " onclick=\"onClickAfficher(" +i+'' + " )\" >"); } document.write("</form>"); </script> </body> </html>
J'ai grand besoin de votre aide!

Merci !

11/07/2011, 10h28
andry.aime

Bonjour,

1-

Code:

document.getElementById

2- Il n'y a pas de nombres dans ton div nbEtages lequel tu veux récupérer via innerHTML.

A+.

La ligne <div id="nbEtages"></div> me sert juste à initialiser la valeur.

En fait, dans mon code Ruby je vais calculer la bonne valeur et exécuter le script :
Code:

1 2 3 4 5 6 7 8 9 10 11 my_dialog = UI::WebDialog.new("Selection Info", false, "Selection Info", 200, 200, 200, 200, true) my_dialog.add_action_callback("afficher_buttons") do |web_dialog,action_name| total_selected = batiment.access_etages.length js_command = " passFromRubyToJavascript("+ total_selected.to_s + "); }" web_dialog.execute_script(js_command) end # Find and show our html file html_path = File::dirname(__FILE__) + 'affichage.html' my_dialog.set_file(html_path) my_dialog.show()
Ce que je ne comprends pas, c'est que la ligne <div id="nbEtages"></div> affiche la bonne valeur 'nbEtages' mais dans le script suivant je ne récupère rien

11/07/2011, 10h37
SpaceFrog

tu ne serais pas en train de melanger php et js ?
11/07/2011, 10h40
francoisff

Non je ne pense pas.

Tout ce que je souhaite c'est initialiser un attribut avec une fonction JavaScript puis le récupérer dans mon code html.

Ceci est sensé l'initialiser

Code:

document.getElementById('nbEtages').innerHTML = value;

Ceci est sensé le récupérer

Code:

nb = getElementById('nbEtages').innerHTML

Je débute en JavaScript donc j'avoue connaître quelques difficultés...
11/07/2011, 11h11
andry.aime

Code:

nb = document.getElementById('nbEtages').innerHTML

:furax:
11/07/2011, 12h03
francoisff

Même sans cette grossière erreur, ça ne marche pas.

En fait je vais ré-expliquer le problème.

Mon application peut partager des informations avec la page html uniquement en exécutant un script, comme la fonction passFromRubyToJavascript(value), le String transféré étant value.

je souhaite simplement que le script définisse un attribut, et qu'ensuite dans le <body> </body> je puisse le récupérer.

Je ne sais pas comment je dois initialiser l'objet et comment le rappeler, notamment si je dois utiliser la fonction createElement, ou getElementById ou autre...

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
<html>
 
<script>
 
function passFromRubyToJavascript(value) {
	document.getElementById('nbEtages').innerHTML = value;
}
 
</script>
 
<body>
	<div id="nbEtages">3</div>
 
<script>
	nb = document.getElementById('nbEtages').innerHTML
	document.write("<form>");
	for(i=0;i<parseInt(nb);i++){
	 	if (i==0){
 			string = "Afficher le Rdc";
 		}
 		else{
	 		string = "Afficher l'étage " + i + '';
 		}
 		document.write("<input type=\"button\" value=" + "\"" + string + "\"" + " onclick=\"onClickAfficher(" +i+'' + " )\" >");
 	}
 	document.write("</form>");	
 
</script>
 
</body>
</html>

11/07/2011, 13h51
francoisff

Ce qui se passe c'est que la ligne :

Code:

<div id="nbEtages">3</div>

va bien mettre à jour la valeur nbEtages en affichant une autre valeur que 3.

Mais la ligne :

Code:

nb = document.getElementById('nbEtages').innerHTML

va charger à chaque fois la valeur 3.
11/07/2011, 13h58
andry.aime

Re,

La fonction passFromRubyToJavascript qui initialise la valeur du div n'est jamais appelé, c'est pour ça que j'ai mis une valeur hardcoded 3 pour corriger ta ton code qui va générer les boutons.

A+.
11/07/2011, 14h07
francoisff

Elle est appelée de l'extérieur par mon script Ruby. Et elle met parfaitement à jour la valeur affichée par : <div id="nbEtages">0</div> mais pas le "menu" dynamique.

L'application est en fait un plugin Sketchup codé en Ruby, je pense que je devrais chercher plutôt dans Sketchup pour trouver une solution