IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Fancybox ouvrir une fenêtre dimensionnée


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 20
    Par défaut Fancybox ouvrir une fenêtre dimensionnée
    Bonsoir
    Avec Fancybox
    Je m'escrime à ouvrir une page htm avec fancybox.
    La page s'affiche bien avec des ascenseurs, mais imposible de lui dire qu'elle doit s'ouvrir à telles dimensions.
    J'écris:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class=group href="http://www.golfchiberta.com"?ie=UTF-8&amp;iframe width=640 height=480 "><img  src="images/googlemaps.png" style="float:left;"/></a>
    La dimension ne change pas
    Avez-vous une solution?
    Merci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut

    C'est quoi cette syntaxe ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 20
    Par défaut
    Merci de ta future aide
    C'est la syntaxe donnée par le site fancybox que tu peux voir ici:
    (usage) http://fancy.klade.lv/howto

    Il donne ceci pour ouvrir une iframe contenant une page htm:

    Iframe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="http://www.example?iframe">This goes to iframe</a>
    or
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a class="iframe" href="http://www.example">This goes to iframe</a>
    Pour modifier les dimensions:

    frameWidth Default width for iframed and inline content
    frameHeight Default height for iframed and inline content
    Actuellement j'ai écris:-->sans effet

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <A class=group href="http://www.golfchiberta.com?ie=UTF-8&amp;iframe frameWidth=640 frameHeight=480"><img src="images/googlemaps.png" style="float:left;"></A>

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class="group" href="http://www.golfchiberta.com?iframe"><img src="images/googlemaps.png" style="float:left;"></a>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("a.group").fancybox({ 'hideOnContentClick': true,
    		   					'frameWidth': 640,
    		   					'frameHeight': 480 });

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 20
    Par défaut
    Merci de ta réponse, mais ou est-ce que je colle ou utilise ce code?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("a.group").fancybox({ 'hideOnContentClick': true,
    	'frameWidth': 640,
    	'frameHeight': 480 });

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Tu mets ce code dans la balise head.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <script type="text/javascript">
    $(document).ready(function(){$("a.group").fancybox({ 'hideOnContentClick': true,
    	'frameWidth': 640,
    	'frameHeight': 480 });});
    <script>

Discussions similaires

  1. Comment ouvrir une fenêtre en plein écran ?
    Par magic8392 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 11/10/2005, 12h05
  2. Ouvrir une fenêtre pop up en plus d'une page normale
    Par Satination dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 17/08/2005, 10h28
  3. Ouvrir une fenêtre et la fermer après un certain temps
    Par MiJack dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/03/2005, 17h16
  4. [JFrame] Comment ouvrir une fenêtre maximiser
    Par dadg dans le forum Agents de placement/Fenêtres
    Réponses: 2
    Dernier message: 11/12/2004, 18h38
  5. [Applet] ouvrir une fenêtre IE
    Par gl0be dans le forum Applets
    Réponses: 2
    Dernier message: 18/03/2004, 16h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo