[AJAX] Création dynamique de div

Version imprimable

Bonjour à tous !

Je travaille sur un petit emplois du temps en ajax / delphi.
J'ai un bouton qui envois des informations à une fonction ajax. Delphi les traites puis renvois un flux sous forme d'xml. jusque là ça fonctionne très bien :D
Je lance une fonction après la récupération de sinformations par ajax :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function recup_nouveau(http_request) { if (http_request.readyState == 4) { if (http_request.status == 200) { var xmldoc,root_node,vtexte, verreur,vname,listeerreurs, reception_id; xmldoc = http_request.responseXML; } else { alert('Un problème est survenu avec la requête.'); } } }
Jusque là, ça va encore :D

Dans cette fonction, je voudrais que javascript crée dynamiquement une div avec des paramètres (style). Mon problème c'est que lorsque j'essaye d'ecrire "document.write', "document.writeln", "document.innerHTML" j'ai ma requete qui arrive dans delphi, la reponse de delphi revient à ajax, il lance la fonction et plante à ces paremètres :?

Je suis encore débutant en javascript et je ne voit pas comment je pourrais faire :(

Voici ce que j'ai essayé par exemple :
Code:

1 2 3 root_node = xmldoc.getElementsByTagName('NOUVEAU_ID').item(0); document.write('<div onmousedown="beginDrag(this,event);"></div>');

Code:

1
2
3
4
5
var div = document.createElement("div")
div.onmousemove=function(e) {
    this.exec(this,e?e:event);
}
document.body.appendChild(div);

01/09/2006, 09h52
poussinphp

Merci mais comment le mettre?

Si je crée un onmousemove dessus ça va être super :?
Comment je lui met des paramètres en plus? (comme le style???).
01/09/2006, 11h33
FremyCompany
Citation:

Envoyé par poussinphp

Merci mais comment le mettre?

Si je crée un onmousemove dessus ça va être super :?
Comment je lui met des paramètres en plus? (comme le style???).

Je ne te comprends pas...
Code:

1 2 3 function(e) { this.style.disply="none"; }

En faite, la fonction qui s'exécute lors de la récupération de sinformations par ajax, je fais comme tu ma dit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function recup_nouveau(http_request) {
  if (http_request.readyState == 4) {
    if (http_request.status == 200) {
      var xmldoc,root_node,vtexte, verreur,vname,listeerreurs, reception_id;
      xmldoc = http_request.responseXML;
      root_node = xmldoc.getElementsByTagName('NOUVEAU_ID').item(0);
      var div = document.createElement("div")
      div.onmousemove=function(e) {
          this.exec(this,e?e:event);
          this.style.width = '100px';      
          this.style.height = '100px';
          this.style.position = 'absolute';
          this.style.top = '10px';
          this.style.left = '100px';
          this.style.backgroundcolor = 'blue';
      }
      document.body.appendChild(div);

Mais il ne se passe rien :?
J'ai volontairement pas utilisé le root_node mais des paramètres pour dessiner une div sur la page. Il ne se passe rien :(

Code:

1
2
3
4
5
6
7
8
9
      div.onmousemove=function(e) {
          this.exec(this,e?e:event); // Cette ligne n'était qu'un exemple... tu dois la supprimer...
          this.style.width = '100px';      
          this.style.height = '100px';
          this.style.position = 'absolute';
          this.style.top = '10px';
          this.style.left = '100px';
          this.style.backgroundcolor = 'blue';
      }

01/09/2006, 15h15
poussinphp

C'est bien ce que j'avais fais (en retirant la ligne) mais toujours rien. j'ai mis un "alert" pour vérifier que ça passe bien par la dans le code. J'ai bien mon alert mais ma div ne s'affiche pas :?

Je comprend plut :(
01/09/2006, 17h54
poussinphp

c'est bon !

J'ai trouvé. Merci :D