par
tatsuyan » 09 juil. 2015, 10:52
Bonjour.
J'ai lu le tuto pdf de Openclassroom pour jquery,et fait qq exercices pour
m'améliorer.
code jquery
Code : Tout sélectionner
<script type="text/javascript">
function iti(){
$("span").click(function(e){
$("li").show();
});
}
function ni(){
$("li").hide();
}
</script>
code html ( J'ai sauté la partie html et head)
Code : Tout sélectionner
<body>
<header>
<img src="img/1.jpg" alt="logo" height="50" width="980" />
<span>salut</span>
<div id="cache"></div>
<div id="top-navi">
<ul>
<li><p>クラウド</p></li>
<li><p>SaaS</p></li>
<li><p>ASPサービス</p></li>
<li><p>WEB給与</p></li>
<li><p>バスロケーション</p></li>
</ul>
</div>
<input type="button" onclick="iti()" />
<input type="button" onclick="ni()" />
<div id="header-menu">
<ul>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
</ul>
</div>
</header>
<article>
<div id="content">
<p>C'est le conteur principal !</p>
</div>
<div id="l-navi">
<ul>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
</ul>
</div>
</article>
</body>
</html>
Voilà ce que je vise:
Si j'appuie sur le deuxième boutton,tous les menu navigatoires se volatilisent.
Puis,pour les récupérer,le premier boutton est là.
Mais après la disparition de tous les objets "li",le premier boutton ne fait pas son
travail ! Pourquoi ?
Bonjour.
J'ai lu le tuto pdf de Openclassroom pour jquery,et fait qq exercices pour
m'améliorer.
code jquery
[code]
<script type="text/javascript">
function iti(){
$("span").click(function(e){
$("li").show();
});
}
function ni(){
$("li").hide();
}
</script>[/code]
code html ( J'ai sauté la partie html et head)
[code]
<body>
<header>
<img src="img/1.jpg" alt="logo" height="50" width="980" />
<span>salut</span>
<div id="cache"></div>
<div id="top-navi">
<ul>
<li><p>クラウド</p></li>
<li><p>SaaS</p></li>
<li><p>ASPサービス</p></li>
<li><p>WEB給与</p></li>
<li><p>バスロケーション</p></li>
</ul>
</div>
<input type="button" onclick="iti()" />
<input type="button" onclick="ni()" />
<div id="header-menu">
<ul>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
<li><p><img src="img/2.jpg" alt="navi-boutton" height="50" width="100" /></p></li>
</ul>
</div>
</header>
<article>
<div id="content">
<p>C'est le conteur principal !</p>
</div>
<div id="l-navi">
<ul>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
<li><p><a>ご満足いただけるシステム開発</a></p></li>
</ul>
</div>
</article>
</body>
</html>
[/code]
Voilà ce que je vise:
Si j'appuie sur le deuxième boutton,tous les menu navigatoires se volatilisent.
Puis,pour les récupérer,le premier boutton est là.
Mais après la disparition de tous les objets "li",le premier boutton ne fait pas son
travail ! Pourquoi ?
