recuperer des valeur javascript dans du html

**p2w.walas** · 16/07/2009, 17h11

Salut
je veux creer une iframe mais je veux que la taille soit donne dynamiquement avec des variable javascript voici mon code.

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
var largeur = 700;
 
var hauteur = 700;
</script>
 
<iframe width="javascript:alert(largeur)" height="javascript:alert(hauteur)" src="http://www.journaldugeek.com" scrolling="yes" ></iframe>

j ai aussi essayé avec ca dans l iframe.

Code :

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

1
2
 
<iframe width="javascript:largeur" height="javascript:hauteur" src="http://www.journaldugeek.com" scrolling="yes" ></iframe>

Et ca marche pas.
quelqu un sais comment faire pour passer les variables JS en HTML a note que les variable JS sont cense etre dynamique

Merci

**SpaceFrog** · 16/07/2009, 17h19

non tu ne peux pas mettre du code en espérant que html interpète les expressions js ...
il faut passer par de l'évènementiel onload du body par exemple

Code :

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

<body onload="document.getElementById('moniframe').style.width='100px'" >

**jsd03** · 16/07/2009, 17h22

Bonjour,

ce que je ferais mais je ne dis pas qu'il y ait une meilleur méthode :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
var largeur = 700;
 
var hauteur = 700;
</script>
...
...
<script type="text/javascript">
document.write('<iframe width="'+largeur+'" height="'+hauteur+'" src="http://www.journaldugeek.com" scrolling="yes" ></iframe>');
</script>

**micetf** · 16/07/2009, 17h22

Comme ça ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var largeur = 800;
var hauteur = 200;
 
window.onload = function() {
	document.getElementById("frame").width=largeur;
	document.getElementById("frame").height=hauteur;
}
</script>
 
<iframe id="frame" src="http://www.journaldugeek.com" scrolling="yes" ></iframe>

Fred

**SpaceFrog** · 16/07/2009, 17h25

style ...

et surtout pas document.write !!!

**Bovino** · 16/07/2009, 17h31

Eventuellement :

Code :

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

<iframe style="width:expression(largeur); height: expressio(hauteur)" src="http://www.journaldugeek.com" scrolling="yes" ></iframe>

Mais inutile de dire que c'est loin d'être propre et cross browser comme code

**jsd03** · 16/07/2009, 17h43

Envoyé par SpaceFrog

style ...

et surtout pas document.write !!!

Pourquoi ?

**SpaceFrog** · 16/07/2009, 19h46

document.write est avec eval à peu près la pire instruction en js ^^
A utiliser avec parcimonie (ou sa soeur en son absence )
il a la facheuse tendance à ecraser le contenu précédent ...
lui préférer à la limite innerHTML ou le DOM ...

**p2w.walas** · 17/07/2009, 18h14

Merci les reponses m ont aide je teste et je tiens le forum au courant

recuperer des valeur javascript dans du html

JavaScript

Vue hybride

Discussions similaires

Partager

Partager