Discussion :

[Ralfman68]

Hello,


J'ai un bout de javascript qui permet de positionner et d'ajouter un philactère à une image utilisateur. Quand on survole l'image de fond, une bulle de bd suit le curseur de la souris et reste en place si on clique.

J'aimerai enregistrer le résultat de cette image, plus précisement le contenu du div conteneur et de tous les éléments qu'il imbrique (image, texte, plusieurs div superposés avec z-index).

J'ai un serveur dédié, quelle méthode me conseillez-vous ?

[RomainVALERI]

J'ai cru à la lecture du titre que tu voulais générer et sauvegarder (sur serveur) une image, mais la lecture de ton post indiquerait plutôt que c'est le contenu HTML que tu veux réutiliser...

Dans le deuxième cas, tu peux récupèrer le contenu avec

Code javascript :

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

var contenuDeTonDiv = document.getElementById('idDeTonDiv').innerHTML;

et envoyer la chaine stockée dans contenuDeTonDiv à ton serveur via AJAX.

Dans le premier cas... heu, j'ignore si c'est posible de faire ça

[Ralfman68]

merci de ton aide.

j'ai procédé avec gd pour reconstituer l'image mais comme j'ai un serveur dédié je pensais utiliser une fonction de capture ...

[RomainVALERI]

Utiliser une fonction de capture sur le serveur ... ?
Je ne vois pas bien comment le serveur pourrait capturer l'écran du poste client... mais j'ignore tant de choses... ^^

[Ralfman68]

Je me suis mal exprimé je cherche une alternative à GD : une fonction sur le client qui envoie les coordonnées et dimensions de la bulle et les traite sur le serveur.

[beeboo]

Salut,
Tu peux retrouver les coordonnées de ta div à l'aide de javascript et des propriétés css et les traiter via un peu d'ajax.

Code :

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

1
2
3
4
5
 
posY = document.getElementById(id_de_la_bulle).style.top;
posX = document.getElementById(id_de_la_bulle).style.left;
largeur = document.getElementById(id_de_la_bulle).style.width;
hauteur = document.getElementById(id_de_la_bulle).style.height;

Mais cela implique que la bulles soit initialisée en CSS avec les propriétés position, top, left, width, height soient initialisées en CSS ou à l'aide de javascript sinon, elles ne retourneront rien.

[Ralfman68]

Merci [Résolu]