Page 1 sur 1

Conseils sur l'affichage d'informations

Publié : 25 sept. 2006, 09:16
par guilhem_mdg
Bonjour,
Je présente une liste de produits sur une page web. Chaque produit s'affiche en résumé (Titre + description tronquée à x mots). Quand je clique sur le titre d'un produit, je souhaite afficher le détails de cet article. L'afficher ok, mais comment ? Popup ? Nouvelle fenêtre ? Bulle ? Ou autre ?
Avez-vous des conseils à me donner ?
Merci.

Publié : 25 sept. 2006, 09:22
par kowalsky
Ba heu dans un nouveau div par dessus les autres, qui disparait quand tu click dessus...?

ça fais tres "web27.3", et pis c'est rapide, pour le coté server, et pour le
coté client.

Message envoyé avec : Mozilla/5.0 (X11; U; NetBSD i386; en-US; rv:1.8.0.4) Gecko/20060710 Firefox/1.5.0.4

Re: Conseils sur l'affichage d'informations

Publié : 25 sept. 2006, 09:26
par calimo
guilhem_mdg a écrit :Bonjour,
Je présente une liste de produits sur une page web. Chaque produit s'affiche en résumé (Titre + description tronquée à x mots). Quand je clique sur le titre d'un produit, je souhaite afficher le détails de cet article. L'afficher ok, mais comment ? Popup ? Nouvelle fenêtre ?
À condition d'avertir l'utilisateur qu'une nouvelle fenêtre va s'ouvrir.

Pourquoi ne pas tout simplement ouvrir une nouvelle page ? Pourquoi toujours vouloir faire compliqué ? Les solutions les plus simples sont souvent les meilleures 8-)

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Publié : 25 sept. 2006, 09:47
par guilhem_mdg
En fait ouvrir une nouvelle fenêtre présente le risque de perdre le visiteur car il se retrouve sur une nouvelle fenêtre...
Un DIV par dessus me semble être une bonne solution. Gérée avec de l'AJAX ? Comment faire pour centrer ce DIV dans l'écran sachant que la liste des produits est longue et que le user peut scroller sur la page principale...

Publié : 26 sept. 2006, 09:08
par guilhem_mdg
Mais pourquoi open.window est beaucoup plus lent sous Firefox que sous IE ? :cry:

Publié : 27 sept. 2006, 14:01
par Benoit
Au moins à cause du filtre anti-popups, plus tes éventuelles extensions.

Une fois que ta nouvelle fenêtre fonctionne, tu pourras faire une version AJAX pour ceux qui ont activé JavaScript dans un navigateur moderne (il suffit de faire l'appel dans un évènement onclick qui renvoie false si le chargement du div a réussi et le popup ne sera alors pas ouvert).

Publié : 27 sept. 2006, 14:11
par Flore
guilhem_mdg a écrit :Mais pourquoi open.window est beaucoup plus lent sous Firefox que sous IE ? :cry:
A cause de tout ce qui s'affiche dans la barre d'état qu'on laisse toujours... Sinon, c'est plus rapide.

Publié : 27 sept. 2006, 17:40
par guilhem_mdg
tu pourras faire une version AJAX pour ceux qui ont activé JavaScript dans un navigateur moderne (il suffit de faire l'appel dans un évènement onclick qui renvoie false si le chargement du div a réussi et le popup ne sera alors pas ouvert).
Afficher un DIv par dessus ok. Mais comment le positionner pour qu'il soit toujours centrer (H et V) dans l'écran du navigateur et ce QUELQUE SOIT l'endroit où l'on se situe dans la hauteur de la page (si on scrolle par exemple) ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Publié : 27 sept. 2006, 18:03
par Benoit
Il y a plusieurs manières de faire ça je pense.

Soit tu cherches parmi les propriétés de l'objet window de quoi calculer cette position avec innerHeight, pageXOffset etc.
Soit tu utilises tout simplement position:fixed (non reconnu par IE6).

Publié : 27 sept. 2006, 18:20
par kowalsky
guilhem_mdg, ne le prend pas mal, mais il faut y aller petit à
petit.

Fais toi un site xhtml/css, tu verra pour l'ajax et tout plus tard.

Moi je prefere un bon site en xhtml, qu'un site pourri en javascript.


Apres, tu ajoutera du java-script a ton beau site plus tard...!

Des conseil pour commencer un truc propre:

Pars de zero.

à la racine de ton site, créer un repertoire:

css
img
script.

Creer toi une belle feuille de style, bien optimisé, et essayer
de creer le moins de class possible, reutilise au max l'existant.

Range bien tes images.

et seulement quand tu aura fini ton site, tu qu'il sera plus
simple d'optimiser l'affichage, des mettres de beau effets, etc...

Message envoyé avec : Mozilla/5.0 (X11; U; NetBSD i386; en-US; rv:1.8.0.4) Gecko/20060710 Firefox/1.5.0.4

Publié : 28 sept. 2006, 08:59
par guilhem_mdg
Kowalski, merci de ta réponse mais j'ai déjà terminé les étapes et ne suis pas novice dans le développement web... Mais c'est très gentil de m'avoir répondu ! :-)
En fait mon problème c'est de centrer un DIV en plein milieu de l'écran...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Publié : 28 sept. 2006, 09:13
par guilhem_mdg
Bonjour,
Et bien je crois que je viens de trouver ce que je cherchais...
http://edu.ca.edu/article207.html
:D

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Publié : 28 sept. 2006, 11:58
par guilhem_mdg
En fait, j'ai un petit souci... Sous IE, les listes déroulantes qui se trouvent sous le DIV apparaissent... Pourquoi ? Comment faire ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Publié : 28 sept. 2006, 16:09
par kowalsky
Fais voir ton site ou ton code...!


Message envoyé avec : Mozilla/5.0 (X11; U; NetBSD i386; en-US; rv:1.8.0.4) Gecko/20060710 Firefox/1.5.0.4

Publié : 29 sept. 2006, 11:23
par guilhem_mdg
Bon tant pis... J'ai trouvé une solution intermédiaire. Merci quand même !
(j'affiche le div pas par-dessus mais en dessous...)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7