[DOM] Création DIV javascript

Version imprimable

18/05/2009, 12h01
marty499

[DOM] Création DIV javascript

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
18/05/2009, 12h15
SpaceFrog

avec le DOM

Code:

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 ..
18/05/2009, 12h59
Bovino

Attention toutefois aux méprises :

Citation:

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 :)

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

Code:

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:

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

Code:

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 ...