Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
https://forums.mozfr.org/
)
: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>
yipiYmai a écrit :En attendant le cador, je signale que chez moi, ça fonctionne.
oui, j'ai fait le travail que pour celui-ci, mais chez moi ça marche pas.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".
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...Ymai a écrit :Ne faudrait-il pas passer ce sujet sur "Développement web"?
Ah!ah! Non mais! C'est que ça va pas se passer comme ça!...Console d'erreurs a écrit :$ is not defined
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 !!! 
les gamins m'ont achevé : c'est pas de tout repos d'avoir son fillieul et sa soeur en vacances !pffffiouuuu oui, j'ai fait le boulot que sur ce lien, si ça marche pour un, ça marche pour tous.ToutiWeb a écrit :perso je ne vois la fenêtre que dans tutoriels ...
ToutiWeb a écrit :.et encore sur le lien que vous m'avez donné car sur mon ordi rien... Roulement des yeux
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 a écrit :jquery et firebug est-ce gratuit ?
) doit être téléchargée chez ton hébergeur comme le reste de ton site, pour que ça marche sur ton site.Toutiweb, est-ce que tu lis en entier les posts que je tape avec autant d'application?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