iframe fancybox - Version imprimable +- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr) +-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html) +--- Forum : Graphisme (https://forum.cmsmadesimple.fr/forum-9.html) +--- Sujet : iframe fancybox (/thread-2707.html) |
iframe fancybox - clarajuliette - 18/04/2013 Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~ Bonjour, J'essaye actuellement de développer un site web et utilise le module JqueryTools pour un usage spécifique : L'idée est de placer des iframes s'affichant dans une fancybox. En cliquant sur une image, la fenêtre fancybox s'ouvrirait, contenant une iframe. Après avoir téléchargé JqueryTools, j'ai suivi les conseils d'installation mais, lorsque l'on clique, le lien censé s'ouvrir dans la fancybox s'ouvre dans une nouvelle page. Comment puis-je faire pour régler ce problème ? J'ai cherché dans toutes les discussions de ce forum et ai appliqué les solutions proposées, sans résultat. Merci d'avance iframe fancybox - Jean le Chauve - 18/04/2013 Bonsoir, Sans un lien vers la page en question, il est impossible de t'aider. Sans doute un conflit js... iframe fancybox - clarajuliette - 19/04/2013 je n'arrive pas à mettre de lien correctementcar un message d'erreur apparait...mais voilà l'url d'une des pages concernées : leadumayet.com/index.php?page=2012-2013 iframe fancybox - bess - 19/04/2013 désolé pour l'erreur sur le lien, c'est une protection anti-spam quand à ton problème : http://validator.w3.org/check?uri=http%3A%2F%2Fwww.leadumayet.com%2Findex.php%3Fpage%3D2012-2013&charset=%28detect+automatically%29&doctype=Inline&group=0 corrige les erreurs HTML (notamment title:"L") et retest iframe fancybox - Jean le Chauve - 19/04/2013 Ton code n'est pas valide : http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fleadumayet.com%2Findex.php%3Fpage%3D2012-2013 et je ne vois pas la classe iframe. Oups, Bess a été plus rapide. Voici la doc de fancybox : http://fancybox.net/howto En particulier le point 4 iframe. iframe fancybox - clarajuliette - 19/04/2013 Je n'arrive pas à corriger les erreurs de mon code car quand je regarde les lignes citées par le validator, je ne retrouve pas les bugs dans mon code source. Pour ce qui est de la classe iframe, est-ce le code que je dois placer dans la balise head ? car, si oui, il me semble l'avoir placé... iframe fancybox - Jean le Chauve - 19/04/2013 tu as une fermeture </a> de trop et tu as écris title:"L" au lieu de title="L" De plus, tu as placé une div dans un <p>. Sans avoir testé, voici ce que je pense que tu devrais avoir : Code : [== Indéfini ==] iframe fancybox - clarajuliette - 19/04/2013 Merci de votre réponse. J'ai essayé en remplaçant le code et en corrigeant les erreurs mais ça ne fonctionne toujours pas...pensez-vous que j'ai mal placé les codes dans la balise <script> du gabarit de la page ? iframe fancybox - Jean le Chauve - 19/04/2013 Maintenant, tu as une erreur dans le js. Je te donne le code que j'utilise pour afficher une googlemap dans une iframe comme tu peux le voir en cliquant sur l'image dans la sidebar : http://www.quiditmieux.be/contact Code : //a placer dans le contenu de ta page Code : [== Indéfini ==] Sujet déjà dans le forum : voir http://www.cmsmadesimple.fr/forum/viewtopic.php?id=3319 et http://www.cmsmadesimple.fr/forum/viewtopic.php?id=1792 A adapter aux nouvelles versions de JQuery et, de préférence, ne pas utiliser le module jquerytools, mais insérer vous-même les appels JQuery (jquery.min, fancybox.js et la css). iframe fancybox - clarajuliette - 19/04/2013 Merci, tout fonctionne ! j'aurais juste une dernière question : comment puis-je déplacer le bouton permettant de fermer l'iframe dans le coin droit en haut ? il est actuellement dans le coin gauche du bas. iframe fancybox - Jean le Chauve - 20/04/2013 Commence déjà par virer tous les appels js et css inutiles dans ta head comme indiqué dans mon post précédent et remonte les 3 scripts au-dessus de la fonction . Le bouton de fermeture est géré dans la css de fancybox. Si tu n'y a pas touché, tu n'as sans doute pas la css qui convient à ta version de fancybox. |