A voir également:
- Avec et sans javascript
- Telecharger javascript - Télécharger - Langages
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
- Quelque chose bloque le fonctionnement de javascript sur votre ordinateur ✓ - Forum Virus
- Javascript echo ✓ - Forum PHP
- Nombre aléatoire entre 1 et 100 javascript ✓ - Forum Javascript
3 réponses
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 500
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;
});
