Quel script pour cadre blanc au dessus texte Fermé

Question

Bonjour, 

J'aimerai réaliser un cadre blanc qui s'affiche sur une même page après avoir cliquer sur un lien. Quand on clique sur ce lien, un cadre (toujours sur la même page) apparait (il y aura du texte dans ce cadre). Et pour le mettre en valeur, l'arrière plan sera un peu noirci.

Voici un exemple de ce que j'aimerai :
http://img580.imageshack.us/img580/3869/cadreblanc.jpg

J'aimerai une réponse assez rapide...

Merci d'avance,
Nik029.

Gloubinours91 · Answer

Salut,

Je crois que c'est de l'Ajax. En cherchant un peu sur Google tu devrais trouver des scripts sympas ;)

nik029 · Answer

L'Ajax est t-il un script facile à utiliser ?

Gloubinours91 · Answer

L'Ajax c'est un langage de prog mêlant du XML, Java et d'autres. Clique sur les liens dans le message tu devrais avoir des infos. Sinon, oui, c'est un script quoi. Généralement tu le place dans les balises ...

nik029 · Answer

D'accord, merci beaucoup.
Mais connais tu le script que je cherche (ou une partie) ?

Gloubinours91 · Answer

Je suis en train de chercher...
Je connais les bulles d'aides (Enfin, je connais, non, mais je trouve des scripts sur internet), càd, tu passes ta souris sur un mot ou une image et une petite bulle apparaît avec un message dedans.
Toi ce que tu veux c'est du texte en cliquant dessus, je sais pas où trouver ça. Tu l'as trouvé sur quel site? Pcq un script comme celui-ci, où lorsque l'on clique, l'image s'agrandit, ça doit se trouver facilement, mais mettre du texte dans une zone comme ça, c'est plus rare.

nik029 · Answer

Mon exemple vient du site internet Skyrock.com.
Mais je trouve ce genre de choses dans beaucoup d'autres sites!

Gloubinours91 · Answer

Je peux avoir le lien please? :)

Gloubinours91 · Answer

Ah remarque, je connais un site, où il y un superbe truc comme ça en AJAX, et j'ai déjà contacté les admins pour qu'ils me donnent un script en AJAX. Je peux te donner le site et te laisser leur demander de te filer le script ;)

Un aperçu: http://www.noelshack.com/

nik029 · Answer

Clique sur l'un des "honneurs", tu verra la "fenêtre" s'ouvrir (et c'est ce que j'aimerai avoir) :

https://lequipe-skyrock.skyrock.com/honors/

Gloubinours91 · Answer

J'ai trouvé le script de Skyrock ;)

nik029 · Answer

Tu peux me le donner par message privé s'il te plaît. ;D

Gloubinours91 · Answer

Bon alors, pour que cela serve à tout le monde, je vais détailler un peu.  

* Première chose quand on développe un peu, télécharger Mozilla Firefox.  
* Seconde chose, ajoutez le plugin Firebug ici: https://addons.mozilla.org/fr/firefox/addon/firebug/  
* Une fois installé, cliquer sur l'icône (En haut à droite dans Firefox 4.0 ou en bas à droite pour les versions antérieure) Firebug, sur la page web que vous souhaitez, c'est un petit cafard l'icône.  
* Ensuite, vous pourrez voir apparaître tous le code source de la page! Les scripts aussi. En lisant dans les balises du haut, j'ai reconnu "Jquery.Js" il me suffit de suivre la ligne et de lire <script src="http://static.v4.skyrock.net/js/jquery/plugins/fancybox/jquery.fancybox.js?20110221" type="text/javascript"> En tapant une Fancybox.js sur Google on tombe sur le site web: http://fancybox.net/  
* En cliquant sur le petit "+" à côté de la ligne du script, tu peux avoir le script, mais aussi sa configuration... Propre à Skyrock dans ce cas là!  

En image : http://www.noelshack.com/

Dans cet exemple je pense que tu peux aller sur Fancybox.net et télécharger le script. En lisant un peu tu devrais t'en sortir pour l'installer!  
Il te faut auparavant télécharger Jquery, et le mettre sur ton FTP je crois!  
Si tu as besoin d'aide, tu sais où me trouver ;)

nik029 · Answer

Sur quel site et où se trouve le petit "+" ?

Gloubinours91 · Answer

Tu as téléchargé et installé Firebug? 
Là j'expliquais juste comment j'ai trouvé le script, pour la prochaine fois où tu en chercherais un! Le script que tu cherches, tu peux aller le télécharger sur http://fancybox.net/

nik029 · Answer

D'accord. Et donc sa réalise bien le cadre qui s'affiche lorsqu'on clique sur un lien ?!

Gloubinours91 · Answer

Tiens voilà ce que ça donne Firebug quand tu es sur skyrock.com

http://www.noelshack.com/

Gloubinours91 · Answer

Ben oui, va voir sur le site http://fancybox.net/ quand tu cliques sur les images, elles s'agrandissent et tu peux mettre du texte, c'est le même que sur skyrock!

nik029 · Answer

D'accord. Je test le script dans la semaine et je dis le résultat. Merci (mon problème n'est pas encore résolu, car peut-être j'aurai besoin d'aide pour l'installation du script).

Merci Gloubinours91 en tout cas ! (Te connais tu en programmation, code ?)

Gloubinours91 · Answer

Euh je m'y connais.. Oui et non! Je code, je fais des sites web pour mon usage personnel et j'installe des scripts en AJAX pcq c'est vraiment superbe!
Pour installer ce script, ça ne devrait pas être la mort! (Par contre en créer un, ce n'est pas de mon ressort aha!)

nik029 · Answer

Par contre, je viens d'essaye le code... et je n'arrive à rien. Pouvez-vous m'aidez svp ?

Gloubinours91 · Answer

Peut-être ce week-end si j'ai le temps. Essaie de regarder des exemples sur internet en attendant.

Doctor C · Answer

Une solution pas mauvaise: http://swip.codylindley.com/DOMWindowDemo.html

Ce que tu cherches mais pour images seulement: https://lokeshdhakar.com/projects/lightbox2/

En gros, tu dois chercher "LightBox" sur Google et trouve la variation que tu préfères.

nik029 · Answer

D'accord, j'attends ton aide avec impatience Gloubinours91. ;D

Doctor C, Merci pour ton aide mais je connais déjà les codes des onglets. Par contre, je retient ton site pour les images, sa pourra me servir peut-être un jour. :)

Gloubinours91 · Answer

Bonjour,

Désolé j'ai complètement oublié ce week-end... Je ne sais pas si je serai dispo avant le week-end prochain. Si tu ne peux pas attendre, essai de recréer un nouveau sujet.

Cordialement,
Gloubi.

nik029 · Answer

Si si, je peux attendre. ^^

Gloubinours91 · Answer

Salut,

Je suis désolé, je ne sais pas trop comment l'utiliser non plus. Tu devrais recréer un sujet ou chercher davantage. 

Cordialement,
Gloubi.

nik029 · Answer

Quelqu'un à la solution ?

Quel script pour cadre blanc au dessus texte

27 réponses

Discussions similaires