A voir également:
- Avec et sans javascript
- Telecharger javascript - Télécharger - Langages
- Javascript echo ✓ - Forum PHP
- Table de multiplication javascript ✓ - Forum Javascript
- Vous devez supporter le javascript et accepter les cookies pour continuer. desactivez les plugins de type adblock qui peuvent bloquer certaines parties du service merci de reessayer ulterieurement. erreur #134 - Forum Mozilla Firefox
- Xxwxx dll virus javascript - Forum Virus
3 réponses
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 502
25 oct. 2009 à 11:20
25 oct. 2009 à 11:20
Pourrait-on voir ?
le code :
* je déclare une liste ul avec un style
* je supprime le style par javascript
pourquoi ?
pour que la page présente la liste avec ou sans javascript : sans ce sera une liste avec certains styles ( classe "sansjs") , avec ce sera des onglets (jquery ui.tabs )
chronologie :
la page s'affiche avec la liste ul
puis
jquery supprime les styles de la liste et transforme la liste en onglets ;
le temps que le jquery fasse son effet on voit un court instant apparaître la liste ul avec ses styles du début
la page :
<script type="text/javascript" src="script.js"></script> // script jquery qui enlève la classe "sansjs" et qui génère les onglets
<div id="ddsiswf">
<ul> ma liste
<li class="sansjs"><a class="lien_onglet" href="#onglet_1">f1</a></li>
<li class="sansjs"><a class="lien_onglet" href="#onglet_2">f2</a></li>
</ul>
<div id="onglet_1">sdfsdfsd</div>
<div id="onglet_2">sdfsdfsd</div>
</div>
le script :
$(document).ready(function() {
$("#ddsiswf > ul").tabs();
$("ul.ui-tabs-nav li").removeClass("sansjs");
$("li.ui-tabs-selected").removeClass("sansjs");
...
return false;
});
* je déclare une liste ul avec un style
* je supprime le style par javascript
pourquoi ?
pour que la page présente la liste avec ou sans javascript : sans ce sera une liste avec certains styles ( classe "sansjs") , avec ce sera des onglets (jquery ui.tabs )
chronologie :
la page s'affiche avec la liste ul
puis
jquery supprime les styles de la liste et transforme la liste en onglets ;
le temps que le jquery fasse son effet on voit un court instant apparaître la liste ul avec ses styles du début
la page :
<script type="text/javascript" src="script.js"></script> // script jquery qui enlève la classe "sansjs" et qui génère les onglets
<div id="ddsiswf">
<ul> ma liste
<li class="sansjs"><a class="lien_onglet" href="#onglet_1">f1</a></li>
<li class="sansjs"><a class="lien_onglet" href="#onglet_2">f2</a></li>
</ul>
<div id="onglet_1">sdfsdfsd</div>
<div id="onglet_2">sdfsdfsd</div>
</div>
le script :
$(document).ready(function() {
$("#ddsiswf > ul").tabs();
$("ul.ui-tabs-nav li").removeClass("sansjs");
$("li.ui-tabs-selected").removeClass("sansjs");
...
return false;
});