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

03 août 2007, 15:01

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

04 août 2007, 00:44

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

04 août 2007, 09:05

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.

07 août 2007, 13:38

Oki, je ne connaissais pas... merci pour l'info

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

Qui est en ligne