[DOM] Création DIV javascript

**marty499** · 18/05/2009, 12h01

Bonjour,
j'aurai aimé savoir comme en javascript , je peux créer une div que je remplie par ce que je veux dans ma page php ?
Merci

**SpaceFrog** · 18/05/2009, 12h15

avec le DOM

Code :

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

document.createElement('div')

puis tu lui mets du contenu soit en y mettant des textNodes soit en y mettant de l'innerHTML
puis tu l'appendes au body ou a l'endroit voulu ...
y'a des tonnes d'exemples dasn le FAQ ou les contributions ..

**Bovino** · 18/05/2009, 12h59

Attention toutefois aux méprises :

dans ma page php

Tu ne peux rien ajouter en JavaScript à une page PHP, tu peux juste ajouter du contenu à une page HTML générée par du PHP !
Cette précision peut paraitre inutile, mais on voit tellement de confusion entre client et serveur... que ce qui va sans dire va toujours mieux en le disant

**marty499** · 18/05/2009, 15h25

Mon code ne fonctionne pas !
j'ai crééer un ficher fonction.js, j'ai ca a l'interieur :

Code :

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

1
2
3
4
5
6
7
8
 
function popup(){
        alert('toto');
        div = document.createElement("div");
        div.innerHTML = 'blllllllllablabla';
        div.onclick = function() {alert('click !'); };
        document.body.appendChild(div);
}

et dans ma page php j'ai ca

Code :

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

1
2
3
4
 
echo("<script type=\"text/javascript\" src=\"../lib/fonction.js\"></script>");
 
echo ("<a href=\"#\" onclick=\"javascript:popup()\">Voir l'historique</a>");

il ne se passe rien !

merci de votre aide

**SpaceFrog** · 18/05/2009, 15h37

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
<script>
 
function popup(){
        alert('toto');
        div = document.createElement("div");
        div.innerHTML = 'blllllllllablabla';
        div.onclick = function() {alert('click !'); };
        document.body.appendChild(div);
}
 
 
</script>
</head>
 
<body>
<a href="#" onclick="popup();return false">Voir l'historique</a>
</body>

ça va créer un div à chaque clik ...

[DOM] Création DIV javascript

JavaScript

Discussions similaires

Partager

Partager