Page 1 sur 1

récupérer code source d'un DIV entièrement

Posté : 03 août 2007, 15:01
par ptitgenie69
Bonjour;

Je vais poser une question qui semblera peut etre bizarre car je ne sais pas si mon problème est la résultante de l'ajax ou non .

J'ai un div qui change de contenu par Ajax.
Lorsque je demande a voir le code source sur FF, j'obtient :

Code : Tout sélectionner

‹!-- contenu --› ‹!-- BIENVENUE SUR TRUC !! --› ‹!-- Refresh menu --› ‹!-- Lien no 1 : Mot de passe perdu | accueil&config_accueil=1 --› ‹!-- Lien no 2 : Déconnexion | accueil&logout=1 --› ‹div style="margin: 20px; background: transparent url(images/accueil.gif) repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 37px; height: 48px; display: inline; float: left;"›‹/div› ‹div style="margin: 20px; display: inline; float: left;"› ‹span style="font-weight: bold; font-size: 14px;"›Bienvenue sur votre truc, Julien‹/span›‹br› ‹span style="font-size: 12px;"›Vous êtes loggués en tant que Super Admin Artcom‹/span› ‹/div› ‹div style="color: rgb(84, 91, 107); width: 100%; float: left; margin-top: 100px; font-size: 13px;"› ‹center› ‹span style="font-weight: bold;"›! Aucun module n'est placé en page d'accueil !‹/span›‹br› Vous pouvez mettre le module de votre choix en page d'accueil‹br›‹br› ‹img src="images/btn/config_off.gif" onmouseover="this.src='images/btn/config_on.gif'" onmouseout="this.src='images/btn/config_off.gif'" style="cursor: pointer;" onclick="afficherPage('ajax.php?module=accueil&config_accueil=1');"› ‹/center› ‹/div›
Et sur IE :

Code : Tout sélectionner

‹DIV style="DISPLAY: inline; BACKGROUND: url(images/accueil.gif); FLOAT: left; MARGIN: 20px; WIDTH: 37px; HEIGHT: 48px"›‹/DIV› ‹DIV style="DISPLAY: inline; FLOAT: left; MARGIN: 20px"›‹SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 14px"›Bienvenue sur votre truc, Julien‹/SPAN›‹BR›‹SPAN style="FONT-SIZE: 12px"›Vous êtes loggués en tant que Super Admin Artcom‹/SPAN› ‹/DIV› ‹DIV style="MARGIN-TOP: 100px; FONT-SIZE: 13px; FLOAT: left; WIDTH: 100%; COLOR: #545b6b"› ‹CENTER›‹SPAN style="FONT-WEIGHT: bold"›! Aucun module n'est placé en page d'accueil !‹/SPAN›‹BR›Vous pouvez mettre le module de votre choix en page d'accueil‹BR›‹BR›‹IMG onmouseover="this.src='images/btn/config_on.gif'" style="CURSOR: pointer" onclick="afficherPage('ajax.php?module=accueil&config_accueil=1');" onmouseout="this.src='images/btn/config_off.gif'" src="http://192.168.0.252/MAQUETTES/CLIENTS/++modules/PAdmin_v3.2/control/images/btn/config_off.gif"› ‹/CENTER›‹/DIV›
.. vous avez vu ?? y'a plus de commentaires sur IE !!!!!

Avez vous une idée ? un raisonnement ?

Merci d'avance.

EDIT :

J'avais pas préciser que je récupère le contenu avec innerHTML ^^
dsl

Posté : 04 août 2007, 00:44
par Ryle
tiens ? je ne savais pas que le code mis à jour par ajax étais visible via le source.. persuadé qu'il garde le code de départ...

Quoi qu'il en soit, et au delà des commentaires qui disparaissent, on remarque également que toutes les balises html sont passées en majuscules, que les attributs sont réordonnés et ceux que IE ne connait pas sont dégagés.
On peut supposer qu'IE interprête et transforme le code que tu lui passes pour l'afficher dans le div. La syntaxe ressemble d'ailleurs à celle qu'il génère pour les Wysiwyg, mais je suis étonné qu'il te fasse ça juste en écrasant la valeur du innerHTML du div...

Posté : 04 août 2007, 09:05
par Cyrano
Quand du code est généré par JavaScript, il n'est pas visible directement en affichant la source... sauf... en utilisant par exemple avec FireFox et la barre WebDevelopper qui permet de faire afficher la "Generated source" : c'est fort utile précisément pour débuguer les sorties JavaScript.

Posté : 07 août 2007, 13:38
par Ryle
Oki, je ne connaissais pas... merci pour l'info :)