Discussion :

[condon]

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

[Bovino]

C'est quoi cette syntaxe ?

[condon]

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>

[andry.aime]

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 });

[condon]

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 });

[andry.aime]

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>

[condon]

Merci, mais désolé, ça ne le fait pas

[condon]

Merci andry.aime
Est-ce je ne pourrais pas t'envoyer les fichiers ?
Ce serait plus clair .
Merci de ton attention

[andry.aime]

Les fichiers JS nécessaires sont inclues dans la page?
Est-ce que t'as un message d'erreur?
Installe Firebug et décrit nous l'erreur s'il y en a.

[condon]

Les fichiers ne sont pas inclus dans la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" src="fancybox/script.js"></script>
 
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--<LINK media=screen href="fancybox/style.css" type=text/css rel=stylesheet>--> 
<LINK media=screen href="fancybox/jquery.fancybox.css" type=text/css rel=stylesheet>
 
<SCRIPT src="fancybox/jquery-1.3.2.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="fancybox/custom.js" type=text/javascript></SCRIPT>
<SCRIPT src="fancybox/jquery.easing.1.3.js" type=text/javascript></SCRIPT>
<SCRIPT src="fancybox/jquery.fancybox-1.2.1.pack.js" type=text/javascript></SCRIPT>
</head>

Il n'y a aucun message d'erreur sur la page
merci

[andry.aime]

Tu dois mettre la code avant la fermeture de la balise head.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript" src="fancybox/script.js"></script>
 
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--<LINK media=screen href="fancybox/style.css" type=text/css rel=stylesheet>--> 
<LINK media=screen href="fancybox/jquery.fancybox.css" type=text/css rel=stylesheet>
 
<SCRIPT src="fancybox/jquery-1.3.2.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="fancybox/custom.js" type=text/javascript></SCRIPT>
<SCRIPT src="fancybox/jquery.easing.1.3.js" type=text/javascript></SCRIPT>
<SCRIPT src="fancybox/jquery.fancybox-1.2.1.pack.js" type=text/javascript></SCRIPT>
<script type="text/javascript">
$(document).ready(function(){$("a.group").fancybox({ 'hideOnContentClick': true,
	'frameWidth': 640,
	'frameHeight': 480 });});
<script>
</head>

[condon]

Merci
ça fonstionne super.
Une question:
avec ce code toutes les fenêtres appelées vont s'ouvrir dans cette dimension?
Que faire pour que d'autres fenêtres s'ouvrent avec des dimensions différentes?

Autre Q:
Pour supprimer les ascenceurs? C'est posssible?
Je n'ai pas compris le code, mais merci quand même ça me dépanne bien, et ça m'ouvre des horizons de javascript
Merci d eta réponse
Jef

[andry.aime]

Salut,
Seules les fenêtres ouvertes par les liens qui ont la class "group" qui s'ouvrent avec cette dimension. Pour les autres fenêtres, tu dois attribuer une autre class ou id que leur donne leur dimension.

[condon]

merci
et pour scroll="no"
ou je dois le mettre ?
Dans ton script ou bien là?

Code :

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>

[andry.aime]

Tu dois mettre les paramètres du fancybox dans le code JAVASCRIPT et non dans le lien.