Le Tuto de "réaliser un pop-in avec jQuery" marche pas

Joker922
Javascript

Donc voici mon probleme, quand j'appui sur le lien il m'affiche l'image sur une autre page et le rel ne marche pas j'ai l'impression

12 réponses

Ciloe
Réponse acceptée

Oui je sais bien mais dans ta page tu n'en fait pas appel rajoute la ligne
<script type="text/javascript" src="jquery.js"></script>
où à l'interrieur tu as jquery

djtec

Avec un peu de code on pourrait plus t'aider et as tu une erreur dans la console js

Joker922
Auteur

non je n'ai pas d'erreur j'ai fais la meme chose que se qui ya ecri mais cela ne marche pas dès le debut le alert ne marche pas

$(document).ready(function(){
    mybox.init();
});
mybox = {
    init : function(){
        $("a[rel='mybox']").click(function(){
            mybox.lien = $(this).attr('href');
            alert(mybox.lien);
            return false;
        });
    }
}
djtec

si tu met un alert juste avant la détection du click il s'affiche ou pas?

Joker922
Auteur

non et je ne comprend pas pourquoi :/

Joker922
Auteur

peut etre c'est a cause de son fichier jquery qui l'a recharger de son local et il en parle pas

Ciloe

Si yu as plusieurs fichier JS qui utilisent $(document).ready(function(){}); ils vont entrer en conflit (ça m'est arrivé la semaine dernière).

Tu dois utiliser $(function(){}); à la place pour qu'ils n'entrent pas en conflit.

Si non c'est peut être tous simplement par se que tu ne fais pas appel à ton fichier dans ta page ou enfin que jquery est mal chargé.

Vérifie tous cela.

Joker922
Auteur

regarde mon fichier index.html tous se que j'ai chargé :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
            <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
        <link rel="stylesheet" href="http://www.grafikart.fr/demo/coreadmin/css/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="mybox.css" type="text/css" media="screen" />

        <script type="text/javascript" src="mybox.js"></script>

    </head>
    <body>
        <div id="conteneur">
            <h1>Demo zoombox</h1>
            <p>Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent,
            quoniam magister equitum longius ea tempestate distinebatur, iussus comes 
            orientis Nebridius contractis undique militaribus copiis ad eximendam periculo
            civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla
            re amplius <a rel='mybox' href="http://ornitho.uqac.ca/2005/20050401_raton.jpg" >memorabili</a> gesta, dispersique ut solent avia montium petiere celsorum.
            </p>
        </div>
    </body>
    </html>
Ciloe

Il te manque bien Jquery.

Et pense à changer le début de ton js par $(function(){});

Joker922
Auteur

mais son jQuery la en local lui et il en parle pas :/ je fais comment pour l'avoir regarde le debut de la video tu vera bien

Joker922
Auteur

C'est bon merci j'ai trouvé le jquery ^^

Ciloe

^^ De rien :3