les liens de mon menu...[RESOLU]+ diverses choses [RESOLUES]

Mongo Bob · Message par **Mongo Bob** » 23 août 2008, 08:56

Toutiweb, faut aller voir là :
http://www.webinventif.fr/wslide-plugin/
y'a de quoi être jaloux, là, je dis chapeau au mec
(voir Démonstrations simples, avec effets etc...)
Bien sûr c'est bête comme chou à faire (

)

Invité · Message par **Invité** » 23 août 2008, 11:10

waouw super je regarde dès ce soir !!!!
là on va faire la chouille à un anniversaire

merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 23 août 2008, 12:18

J'ai essayé d'adapter le code du site de Ymai à ton site, après avoir téléchargé la bibl jquery, ça marche pas, peut-être que un cador va trouver une minute pour regarder

:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      Essai
    </title>
    <!-- J'ai mis le jquery version 1.2.6 minimied téléchargé tel quel dans un dossier nommé "jquery" directement dans C : -->

    <script type="text/javascript" src="../jquery/jquery-1.2.6.min.js">
</script>
    <style type="text/css">
/* ci-dessous, le css qui concerne notre tentative jquery  */
    #sousmenu {
        font-size: 1.3em;
    float: right; 
    width: 25%; 
    }
    #sousmenu li {
    cursor: pointer;
        text-decoration: underline;
    }
    .sousBloc {
    display:none;
    float: left; 
    width: 65%;
    border: 1px solid red;
    padding: 1em;
        }
                /*fin du css qui concerne notre tentative jquery*/
    #container {
    margin-left: 10%;
    width: 83%;
    }
    #entete {
    background-repeat: no-repeat;
    background-position: center center;
    height: 91px;
    margin-left: 10%;
    width: 83%;
    background-image: url(images/index_01.gif);
    }
    #texto {
    background-repeat: no-repeat;
    background-position: center center;
    height: 430px;
    margin-left: 10%;
    width: 83%;
    background-image: url(images/index_02.gif);
    font-size: small;
    color: #00cccc;
    }
    #menuright {
    float: right;
    width: 30%;
    margin-right: 2%;
    list-style-image: url(styles/disignEssai/images/pucemenu.gif);
    margin-top: 24%;
    font-family: "Times New Roman",Times,serif;
    font-size: small;
    color: #00cccc;
    list-style-type: none;
    }
    #pied {
    background-position: center center;
    background-repeat: no-repeat;
    height: 79px;
    margin-left: 10%;
    width: 83%;
    background-image: url(images/index_03.gif);
    }
    #divers {
    margin-left: 10%;
    width: 83%;
    }
    </style><!-- Je vois aucune erreur dans l'adaptation du code ci-dessous : -->

    <script type="text/javascript">
$(document).ready(function(){
        $("#sousmenu li").click(function(){
                $(".sousBloc").hide();
                var numero = "."+$(this).attr("id");
                $(numero).show("slow");
                })});
    </script>
  </head>
  <body style="color: rgb(0, 204, 204); background-color: black;" alink="#33FFFF" link="#33FFFF" vlink="#33FFFF">
    <div id="container"></div>
    <div id="entete"></div>
    <div id="texto">
      <br>
      <div id="menuright">
        <ul id="sousmenu">
          <li id="li1">Ut ' île<br>
          </li>
          <li id="li2">
            <a href="#">La scrap ' oeufs riz<br></a>
          </li>
          <li id="li3">
            <a href="#">La pixel ' mania<br></a>
          </li>
          <li id="li4">Tutoriels
          </li>
          <li id="li5">
            <a href="#">Essaiises<br></a>
          </li>
          <li id="li6">
            <a target="_blank" href="http://www.comboutique.com/shop/homeboutique-21722.html">La Essaioutique<br></a>
          </li>
          <li id="li7">
            <a href="news.html">News<br></a>
          </li>
          <li id="li8">
            <a href="credits.html">Crédits<br></a>
          </li>
        </ul>
      </div>
      <!-- J'ai créé un sousbloc que pour "Tutoriels", eûs-je dû le faire aussi pour les autres, c'est ça qui bloque? -->
      <div class="sousBloc li4">
        <h1>
          Tutoriels
        </h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
        dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
        laborum. 
      </div>
    </div>                   
    <p>
      Essai est en refonte totale<br>
              pour répondre à vos attentes reçues par mail ...<br>
         Merci de votre patience et de votre compréhension .<br>
      <br>
                  <a href="http://www.comboutique.com/shop/homeboutique-21722.html" target="_blank">Pour la
      Essaioutique c'est par ici  !</a>
    </p>                                                                                     
    <div style="text-align: center;" id="pied">
      <br>
      <a href="http://Essai.free.fr" target="_blank"><small><small>Site créé et géré par Essai</small></small></a>
    </div>
    <div style="text-align: center;" id="divers">
      <a title="Document made with KompoZer" href="http://kompozer.net/"><img alt="Document made with KompoZer" src=
      "http://kompozer.sourceforge.net/images/kompozer_80x15.png" border="0"></a>
    </div>
  </body>
</html>

Message par **Ymai** » 23 août 2008, 12:53

En attendant le cador, je signale que chez moi, ça fonctionne.
Uniquement, toutefois, pour le lien "tutoriel" qui est le seul dont l'id (li4) trouve son correspondant dans un bloc dont la class="li4".

Ou alors c'est que la librairie jquery.js n'est pas bien liée.

Ne faudrait-il pas passer ce sujet sur "Développement web"?

Mongo Bob · Message par **Mongo Bob** » 23 août 2008, 12:59

Ymai a écrit :En attendant le cador, je signale que chez moi, ça fonctionne.

yipi

Ymai a écrit :Uniquement, toutefois, pour le lien "tutoriel" qui est le seul dont l'id (li4) trouve son correspondant dans un bloc dont la class="li4".

oui, j'ai fait le travail que pour celui-ci, mais chez moi ça marche pas.

Ymai a écrit :Ne faudrait-il pas passer ce sujet sur "Développement web"?

non, non, surtout pas! restons au chaud... je vais bien trouver, ça doit être dans le chemin de jquery. Si le hs t'embête, je posterai plus à ce sujet...

Message par **Ymai** » 23 août 2008, 13:23

Que dit Firebug?

Mongo Bob · Message par **Mongo Bob** » 23 août 2008, 15:08

Je n'ai pas Firebug, mais merci de m'avoir fait penser à la console d'erreurs :

Console d'erreurs a écrit :$ is not defined

Ah!ah! Non mais! C'est que ça va pas se passer comme ça!...

Message par **Ymai** » 23 août 2008, 15:11

Ne trouve pas jquery.js. Vérifier le chemin (et/ou le nom de la librairie).

Mongo Bob · Message par **Mongo Bob** » 23 août 2008, 16:21

Oui, ça marche, Ymai, grossière erreur de nom, j'ai honte (modérément), d'ailleurs, seul remède à la honte : une Chimay bleue! merci infiniment... Toutiweb, aller voir là :http://jlwebnet.free.fr/essaitouti.html

ToutiWeb · Message par **ToutiWeb** » 23 août 2008, 21:27

vous avez bossé comme des dingues c'est pas possible !

franchement vous êtes des as !!! n'oubliez pas de me donner tous vos sites à la fin pour que je vous mette dans mes crédits si j'avais la honte d'oublier !!!

ben oui je suis la reine des gaffes

merci

perso je ne vois la fenêtre que dans tutoriels ...et encore sur le lien que vous m'avez donné car sur mon ordi rien...

mais là je suis trop naze pour regarer comme je l'avais promis ...désolée

les gamins m'ont achevé : c'est pas de tout repos d'avoir son fillieul et sa soeur en vacances !pffffiouuuu

enfin bref merci

je regarderais ça demain matin ou demain soir j'espère ...

au passage et pour que je ne profite pas bêtement de votre travaille....mais que je puisse apprendre et progresser en même temps ...
jquery et firebug est-ce gratuit ?
si oui je regarderais sur mr google et j'essayerais d'apprendre !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 23 août 2008, 21:56

ToutiWeb a écrit :perso je ne vois la fenêtre que dans tutoriels ...

oui, j'ai fait le boulot que sur ce lien, si ça marche pour un, ça marche pour tous.

ToutiWeb a écrit :.et encore sur le lien que vous m'avez donné car sur mon ordi rien... Roulement des yeux

ToutiWeb a écrit :jquery et firebug est-ce gratuit ?

oui et oui, mais Firebug est, entre autres, une console d'erreurs, extension FF, qui devait me permettre de trouver pourquoi ça ne marchait pas.

ToutiWeb · Message par **ToutiWeb** » 24 août 2008, 08:13

lorsque j'ai mis le code sur mon ordi ...ça ne marchait pas ... mais sur le lien que vous m'avez donné pour "tutoriels' oui !
alors merci merci je potasse ça ce soir !
bonne journée

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 24 août 2008, 09:48

La bibliothèque jquery doit être téléchargée sur ton ordi, à côté de ton dossier "images", à la racine de ton site comme on dit, pour que ça marche en local (chez toi).
La même bibal (wow, le mec qui connaît

) doit être téléchargée chez ton hébergeur comme le reste de ton site, pour que ça marche sur ton site.
Tu peux téléch jquery ici, j'ai pris la version "minified" qui est pour les utilisateurs non-développeurs :
http://code.google.com/p/jqueryjs/downl ... 2.6.min.js

ToutiWeb · Message par **ToutiWeb** » 24 août 2008, 21:54

désolée mais lorsque tape bibal ou bibliothèque bibal sur google et bien il me sort de véritable truc de vraies bibliothèques ^^hihihi
par exemple avec ce lien-ci :
http://logiplus.fr/Nwbibal.htm

bon je m'en vais potasser tout ça ...

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 24 août 2008, 22:00

MB a écrit :Tu peux téléch jquery ici, j'ai pris la version "minified" qui est pour les utilisateurs non-développeurs :
http://code.google.com/p/jqueryjs/downl ... 2.6.min.js

Toutiweb, est-ce que tu lis en entier les posts que je tape avec autant d'application?

"bibal" est une abbréviation de "bibliothèque", comme "fofo" pour "forum"!
à+...

Geckozone

les liens de mon menu...[RESOLU]+ diverses choses [RESOLUES]

Qui est en ligne ?