Insérer variable Javascript dans code HTML

**raptorman** · 20/05/2007, 15h19

Bonjour,

Je souhaiterais insérer une variable crée avec javascript dans le reste de ma page HTML, mais je bloque totalement après de nombreuses recherches infructueuses.

Voici ce que j'aimerai faire :

J'ai donc cette variable javascript :

Code :

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

var maVar = Math.floor(Math.random() * 101);

Je voudrais donc pouvoir insérer le résultat de cette fonction de nombre aléatoire qui se trouve dans la variable maVar dans mon code HTML, qui est le suivant :

Code :

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

<div id="image" style="position:absolute; left: ICI doit figurer le contenu de la variable  px; top: 50 px;">

Je n'arrive donc pas du tout à insérer la variable javascript maVar dans ce code HTML.

Merci par avance pour vos lumières.

**Ikonic** · 20/05/2007, 16h40

salut,

dans ta partie javascript, après la détermination de ta variable maVar, insères ceci :

Code :

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

1
2
 
document.getElementById('image').style.left = maVar+"px";

et retire l'attribut left pour le style du div

**raptorman** · 20/05/2007, 17h17

Salut Ikonic et merci tout d'abord pour ta réponse.

J'ai donc effectué les manipulations que tu m'a conseillé, mais malheureusement, rien n'a changé, le problème persiste, le div apparait toujours en haut à gauche de la page.

Je te met ici ce que donne le code à présent.

Pour la partie javascript :

Code :

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

1
2
3
4
var maVar1 = Math.floor(Math.random() * 501);
var maVar2 = Math.floor(Math.random() * 501);
document.getElementById('image').style.left = maVar1+"px";
document.getElementById('image').style.top = maVar2+"px";

Pour le html :

Code :

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

<div id="image" style="position:absolute;">

Qu'en penses-tu ?

**Ikonic** · 20/05/2007, 17h37

teste ainsi

Code :

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

1
2
maVar1 = Math.floor(Math.random() * 501);
maVar2 = Math.floor(Math.random() * 501);

**raptorman** · 20/05/2007, 17h55

J'ai testé ce que tu as proposé, mais cela n'a malheureusement rien changé.

Je ne vois personnellement pas du tout ce qui peu poser problème.

**phpmad** · 20/05/2007, 18h20

salut,

si tu tente de modifier le champs left sur une balise il faut d'abord que ton document soit entiérement chargé...en d'autre terme si tu tente une chose du genre:

Code :

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

1
2
3
4
5
6
7
8
9
 
<html>
<head>
<script type="text/javascript">     var maVar = Math.floor(Math.random() * 101);     document.getElementById('image').style.left=maVar+"px";
</script>
</head>
<body><div id="image" style="position:absolute; left: xxx px; top: xxx px;"> MACHIN </div>
</body>
</html>

ça ne marchera pas...

tu doit alors encapsuler ton code dans une fonction et faire window.onload=mafonction, j'éspère que ça réponds à ton problème

Insérer variable Javascript dans code HTML

JavaScript

Vue hybride

Discussions similaires

Partager

Partager