Bonjour à tous,

C'est avec grand plaisir que j'ai découvert le tutoriel au lien suivant: http://www.grafikart.fr/tutoriels/pop-in-jquery-72

Malheureusement mes images s'ouvrent toujours et encore dans une nouvelle page. Return false ne fonctionne pas.

Je travaille sur Dreamweaver et mes liens se trouvent dans une div qu'on peut accéder grâce au comportement hide and show element.

Je ne sais pas si ces détails sont liés à mon problème mais j'espère sincèrement que vous puissiez m'aiguiller.

Merci à tous, bises ^^

4 réponses


Havok
Réponse acceptée

Si tu m'as donné tout ton code HTML / JS, apparemment tu n'as pas jQuery de lancé sur ta page HTML. Ce qui expliquerait que le script "mybox" ne fonctionne pas.

Il faudrait que tu postes à la fois ton code Javascript et ton HTML pour qu'on puisse mieux voir ton problème =)

misty
Auteur

OK... Code HTML : **En haut à gauche #p1 avec image et texte. A sa droite #p2 avec animation flash. En-bas nous avons #p3, div dans laquelle nous retrouvons des onglets sous forme d'images qui lorsque cliquées révèlent la div correspondante (#tin1 à #tin8) située en absolute à leur droite. Dans #tin8, situé à la toute fin de mon code vous retrouverez mes images en miniature, contenues dans les liens avec rel mybox : **

<title>Ceci est une page (x)HTML de test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script src="Scripts/swfobject_modified.js" type="text/javascript"></script><script src="Scripts/mybox.js" type="text/javascript"></script><script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a*)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers
.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args
))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script><link href="style.css" rel="stylesheet" type="text/css"><?php include("header.php"); ?>

Logos, Cartes, Flyers, Dépliants, Affiches, Panneaux publicitaires... Faites-vous plaisir avec nos solutions Print.

Besoin d'un compplément d'informations concernant l'impression? Consultez notre guide !

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="282" height="164" id="FlashID" accesskey="1" tabindex="1" title="Réalisations Print">
<param name="movie" value="multimedia/flash_print.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="multimedia/flash_print.swf" width="282" height="164">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d'Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash"></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

Le logo est au centre de votre identité visuelle. La création de celui-ci est donc une étape fondamentale de votre communication. Couleurs, formes, graphismes, baseline, chaque élément le constituant doit permettre au consommateur d'identifier l'entreprise.

GDz'L crée votre logo et le vectorise en vu d'être utilisé sur tout type de support.

Pour un devis gratuit, contactez-nous

Votre carte de visite c'est vous, c'est votre entreprise, mais surtout votre premier contact avec un client. C'est pourquoi son graphisme doit être finement étudié, et ses mots bien choisis.

GDz'L vous accompagne dans la création de vos cartes, de leur conception à leur impression. Nous vous proposons également des cartes de vœux, des faire-part ou invitations personnalisés.

Pour un devis gratuit, contactez-nous

L'intérêt du dépliant est de véhiculer votre image corporative, auprès de vos partenaires, employés, fournisseurs et clients. Que ce soit pour présenter plus en détails les produits, les services ou le fonctionnement de votre entreprise

GDz'L vous accompagne de sa conception à son impression. Le format, le nombre de volets et le type de pliure seront adaptés à votre projet.

Pour un devis gratuit, contactez-nous

Vous avez un évènement à annoncer : soirée, concert, spectacle…? Le flyer publicitaire est le moyen de communication le plus couramment utilisé, afin de communiquer un maximum d'information à un maximum de personnes.

GDz'L vous accompagne de sa conception à son impression, en passant par la recherche de visuel et leur mise en page.

Pour un devis gratuit, contactez-nous

Dans le cadre d'un stand de salon, ou d'une campagne d'affichage, voyez les choses en grand.

Illustrations, photos et texte, GDz'L mettra en avant les informations que vous désirez, tout en respectant votre identité visuelle.

Pour un devis gratuit, contactez-nous

Les goûts et les couleurs, la communication sous toutes ses formes, GDz'L répond à tous vos projets :

GDz'L crée votre logo et le vectorise en vu d'être utilisé sur tout type de support.

  • Plaquettes commerciales ou institutionnelles
  • Catalogues / magazines
  • Calendriers, t-shirt ou autre objet personnalisés

Faites nous part de vos projets.

En construction !

<!--end div content--><?php include("footer.php"); ?> **Voici mon code javascript** // JavaScript Document /*

*/ $(document).ready(function(){ mybox.init(); }); mybox = { init: function() { mybox.opacite=0.7; $("a[rel='mybox']").click(function(){ mybox.lien= $(this).attr("href"); mybox.open(mybox.lien); return false; }); }, open:function(lien){ mybox.lien=lien; $("body").append('

'); $("#mybox_conteneur").hide(); $("#mybox_loader").hide().fadein(); $("#mybox_aplat").css("opacity",0).fadeTo(500,mybox.opacite); mybox.img=newImage(); mybox.img.src=mybox.lien; mybox.timer=window.setInterval(mybox.load,100); }, load:function(){ if(mybox.img.complete){ window.clearInterval(mybox.timer); alert("image chargée"); } } } **Merci Havok**

misty
Auteur

Ah ok, joindre le fichier jQuery.js, tout simplement ^^

Merci Havok