Ouverture d'un cadre dans la même fenêtre Résolu

Question

Bonjour,
Sur mon site, je voudrais qu'un cadre contenant du texte (ou des images) s'ouvre dans la même page lorsque l'on clique sur une photo par exemple. Je ne veux pas d'une nouvelle fenêtre !

Voici un exemple : https://www.apple.com/befr/mac/
En bas à droite y'a une image d'une maison avec un "+" dans le coin supérieur gauche de celle-ci. Quand on clique dessus, pas de nouvelle fenêtre mais un cadre qui apparait sur la même page.


MERCI

Lefouerrant · Answer

je vais travailler dessus. des que j'ai trouve qqc je met un post

Sollis · Answer

Très gentil =) Merci

Lefouerrant · Answer

salut j'ai un petit pb pour ton script.
tu t'y connais en javascript ?

Lefouerrant · Answer

voici deja un premier code : Titre2

Ton texte d'origine ou une photo ici

Ton autre texte qui apparait dans le cadre

pour faire apparaitre la cadre il faut cliquer sur le premier puis pour fermer le cadre il faut aussi cliquer dessus seulement il faut le modifier a ta guise pour les dimensions par exemple. mais si tu veux positionner le cadre au milieu de la page y ma faut un truc et c'est pour ca que je t'ai demandé si tu t'y connaissait en javascript

Sollis · Answer

Non, je ne m'y connait pas en JS...

Lefouerrant · Answer

bon... ben essaye le code que je t'ai donne et vois si ca te suffit sinon je suis la

Sollis · Answer

Tout fonctionne correctement ! =D Super sympa.
Mais je préférerai que le cadre soit centré... Si tu me donne un code JS et que tu me dis où l'insérer, y'a moyen j'ai déjà utilisé des codes JS à éditer.

Lefouerrant · Answer

ben mon pb c'est que je voudrais mettre dans des variables la hauteur et la largeur de la page MAIS PAS DE L'ECRAN TOUT ENTIER c'est ce qui me bloque...

si tu connais la solution je sai comment faire

Sollis · Answer

Pour la largeur de la page, j'utilise margin et la hauteur, height.

Lefouerrant · Answer

tu peux me dire comment on les utilises ? elles ne sont pas dans mon livre

Sollis · Answer

En CSS ?

.nom_balise {
  margin: 900px; /* largeur de la page */
  height: 1200px; /*hauteur de la page */
  }

Lefouerrant · Answer

pas en css mais en javascript

Sollis · Answer

Ah =| En JavaScript je sais pas ...

Lefouerrant · Answer

glups

Sollis · Answer

Et tu sais centrer horizontalement et verticalement par rapport à l'écran ?

Lefouerrant · Answer

par rapport a l'ecran non justement

Lefouerrant · Answer

ça y est j'ai trouve... mais (et oui il y a un mais) ca ne fonctionne pas sous IE !!! (enfin pas sur la version 6) voila : Titre

Ton texte d'origine ou une photo ici

Ton autre texte qui apparait dans le cadre

Sollis · Answer

Tout fonctionne ! Un grand merci pour tout ça ;-)
Pour IE 6, je trouverai un arrangement...

Sollis · Answer

Changement de dernière minute... Tu connais pas un code pour que mon cadre s'ouvre et soit centré non pas par rapport à la page mais par rapport à l'écran ?

Lefouerrant · Answer

ca oui mais il disparait dans les limites de la page

mais je peux te le faire seulement y faudrait que la bordure fasse au minimum 200 ou 300 px

Sollis · Answer

Merci ;-)

Ouverture d'un cadre dans la même fenêtre - Page 2

Discussions similaires

Newsletters