Discussion :

[knice]

Bonjour,
je suis actuellement en stage et je dois mettre en place un formulaire où certains champs sont visibles pour l'utilisateur, mais invisibles dans le code html de la page...

Bon, ça semble un peu fou comme ça, mais mes patrons ont vu ça sur Vivastreet.

Suivez la démarche pour comprendre ce que je veux dire (ça prend maximum une minute) :
- aller sur : http://post.vivastreet.fr/post.php
- choisir "Location Appartement - Maison"
- là, la suite du formulaire s'affiche...
- afficher la source de la page (clic droit/Code source de la page sous Firefox) et chercher le mot "Titre" (avec un ctrl+F) : il n'y est pas ! Pourtant, il est bien sur la page
- Maintenant, sélectionner tout le texte (avec un ctrl+A) et choisir : "Code source de la sélection" sous Firefox
- Essayer de trouver le champ "Titre" : il y est !

Voilà, est-ce que vous savez comment Vivastreet s'y prend pour faire ce miracle ?... Car il serait vraiment bienvenue que j'arrive à faire de même...


Merci à ceux qui ont eu le courage de suivre la démarche, et encore plus à ceux qui pourront m'aider à avancer dans mon travail !

[Dark Ryus]

Il y a du javascript et/ou de l'ajax la dessous car il n'y a pas de rechargement de pages..... Du coup le code source de la page ne change pas.

Moi j'ai une appli avec de l'ajax, et mon contenu change alors que le source ne change pas.

Voila l'explication à mon avis.

[Bovino]

afficher la source de la page (clic droit/Code source de la page sous Firefox) et chercher le mot "Titre" (avec un ctrl+F) : il n'y est pas ! Pourtant, il est bien sur la page

Peut-être, il s'agit comme l'a dit Dark Ryus du code html initial de la page, par contre, si tu installes la developper toolbar et que tu fais "View generated source", tu obtiens l'état actuel de la page et le mot Titre est bien présent.

Enfin, à ma connaissance, il n'est pas possible d'afficher des champs non visibles dans la source !

[Oscar Hiboux]

En effet, CTRL+U ("Afficher la source" - Firefox) affiche le code HTML de la page lors de son chargement, autrement dit la réponse du serveur. Si du contenu est généré dynamiquement (JavaScript) celui-ci n'est alors pas visible avec cette fonctionalité. Il faut utiliser d'autres outils comme Bovino nous l'indique.

P.S. : tant qu'on parle d'outils, autant installer Firebug !

[Dark Ryus]

installe firebug pour firefox

[knice]

ah ouai, honte sur moi...
Sympa votre Firebug, merci pour les infos !

Par contre, il y a toujours quelque chose que je ne comprends pas : comment arrivent-ils à faire changer la page alors que ce n'est pas marqué explicitement dans le code ?!

Il n'y a nul part de : "onChange", "onClick" ou autre...

Pourriez-vous m'éclairer à ce sujet ?
Encore merci !

[Bovino]

comment arrivent-ils à faire changer la page alors que ce n'est pas marqué explicitement dans le code ?!

C'est probablement une gestion d'événement dans le code javascript, du style :

Code :

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

document.getElementById('un_id').onchange = function(){...}

Sinon, j'ai parlé de Web Developper pour le code généré, mais Firebug est probablement LE meilleur outil pour l'aide au développement