Sujets similaires

Exemple ajouté.

Je l'ai précisé au début du tuto en disant qu'il marchait sur la PA et sur les pages HTML.

Peux tu me montrer le code que tu as mis sur ta PA ??

Y'en a qui aiment bien reprendre les tutos des gens sans indiquer leur source, hein ?

-- > http://www.supportduweb.com/scripts_tutoriaux-code-source-48-systeme-d-onglets-en-javascript-x-html-et-css-dans-la-meme-page.html

Euh non j'ai pas repris ce tutoriel là mais bon. Je l'ai fait à partir d'une commande que j'avais passé sur un autre forum.
De plus, le lien que tu as donné, je ne le connaissais pas. Et le tuto que tu montres met tout dans la même page HTML or moi non.

La prochaine fois, pose la question à l'auteur avant de dire ça. Merci.

Même si tu ne l'a pas repris de là, ce qui est possible, ton propos sous entend que tu l'as repris d'ailleurs. Il n'y a pas de honte à citer ses sources, tu sais, et au contraire, c'est même plus flatteur.

Je trouve personnellement dommage, mais cet avis n'engage que moi, de retrouver des codes identiques sur deux sites différents. Quant à ta justification, si elle n'est pas fausse, il reste que le code d'origine est le même, je revois les deux mêmes erreurs que j'avais notées quand j'avais utilisé ma propre source, et la fonction javascript comme les classes sont identiques ^^ (d'ailleurs on retrouve ce "quoi" dans un coin du code, qui n'a pas été changé en "nom_de_l'onglet")

J'ajoute donc une petite précision à ton tutoriel :

Choisir l'onglet qui sera ouvert par défaut :
A la fin du code HTML (APRES la partie des onglets, sinon cela ne marchera pas) se trouve ce petit script javascript :

Code:: <script type="text/javascript">
//
</script>

Une fois que tous vos onglets auront été mis en place, vous n'aurez qu'à préciser le nom de celui que vous voulez voir apparaître à l'ouverture de la page (et à chaque rechargement).

A noter que ce système d'onglets, néanmoins, n'est pas fonctionnel si le javascript est désactivé (les utilisateurs du plugin Noscript de firefox vont s'en arracher les cheveux XD)

Lexis a écrit:

Code:: <div class="onglets">
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">New</span>
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Coté Rp</span>
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Partenaires</span>
</div>

<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet"><div class="boite">
<blockquote><div align="justify"><span style="font-size: 20px; line-height: normal"><b>♪</span> ../../.. :</b> Nouveau design dans les tons jaune par Pips'up, accompagner des nouvelles terres et de la mise en place du meilleur Rpgiste du mois ! [ pour plus d'info' <a href="http://forest-wolf.forumactif.com/messages-importants-f3/design-arret-migration-nouveautes-t710.htm#9275" class="postlink">ICI</a>]<br>

<span style="font-size: 20px; line-height: normal"><b> ♪</span> 7/03/10 :</b> Nouveau design dans les tons violet de Coconut's avec un petit élément perturbateur. <br>
<br>
<span style="font-size: 20px; line-height: normal"><b> ♪</span> 6/01/10 :</b> Forest Wolf a 1 ans ! </div></blockquote>
</div></div>

<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>
</div>
</div>
<script type="text/javascript">
//
</script>

Citation :: A noter que ce système d'onglets, néanmoins, n'est pas fonctionnel si le javascript est désactivé

Bonjour =)
Si tu remplaces la moitié des éléments c'est sur que cela ne marchera pas ^^
Compare bien ton code et celui-là, et tu comprendras =)

Code:: <div class="onglets">
<span class="onglet_0 onglet" id="onglet_new" onclick="javascript:change_onglet('new');">New</span>
<span class="onglet_0 onglet" id="onglet_rp" onclick="javascript:change_onglet('rp');">Coté Rp</span>
<span class="onglet_0 onglet" id="onglet_partenaire" onclick="javascript:change_onglet('partenaire');">Partenaires</span>
</div>

<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_new"><div class="boite">
<blockquote><div align="justify"><span style="font-size: 20px; line-height: normal"><b>♪</span> ../../.. :</b> Nouveau design dans les tons jaune par Pips'up, accompagner des nouvelles terres et de la mise en place du meilleur Rpgiste du mois ! [ pour plus d'info' <a href="http://forest-wolf.forumactif.com/messages-importants-f3/design-arret-migration-nouveautes-t710.htm#9275" class="postlink">ICI</a>]<br>

<span style="font-size: 20px; line-height: normal"><b> ♪</span> 7/03/10 :</b> Nouveau design dans les tons violet de Coconut's avec un petit élément perturbateur. <br>
<br>
<span style="font-size: 20px; line-height: normal"><b> ♪</span> 6/01/10 :</b> Forest Wolf a 1 ans ! </div></blockquote>
</div></div>

<div class="contenu_onglet" id="contenu_onglet_rp">Contenu de l'onglet</div>

<div class="contenu_onglet" id="contenu_onglet_partenaire">Contenu de l'onglet</div>
</div>
</div>
<script type="text/javascript">
//
</script>

Bonjour, je voulais savoir s'il est possible d'utiliser ce tutoriel pour faire afficher/cacher des catégories de forums... si vous voyez ce que je veux dire. (:

Merci beaucoup Kaiji ! (:

Je pense que oui puisque le QEEL de CSSActif possède des onglets cliquables.

Je pense que oui mais fais quand même une vérification sur un forum de test.

C'est ce que je pensais effectivement faire, mais ce qui me pose problème c'est où placer le code de la page HTML. Je fais faire un essai dans le template overall_header_new. & après dans le overall_footer.

tout d'abord, merci pour le tutoriel ! Very Happy

Je l'utilise dans une page html et tout fonction, mais j'ai une question... j'aimerais savoir quel parti du code sert à placer les noms des onglets en haut. Car j'aimerais les placer ailleurs et je ne trouve pas comment faire !!!

Merci d'avance !

désolée du double poste... après deux jours de recherche... j'viens de trouver Very Happy

merci tout de même !!!

Bonjour à tous et à toutes... J'aimerais savoir comment agrandir le cadre contenue des Onglets parce que l'image contenue à l'intérieur est beaucoup trop grande... Merci à tous ceux qui pourront m'aider j'en ai vraiment vraiment vraiment besoin. Merci d'avance

P.S: Pour voir ce que ça fait? ICI Merci encore ^^

JE suis aussi intéressée par les onglets dans le QEEL Wink

Et Merci infinimment pour ce tuto, il est très pratique !

Pocky'Mosh a écrit:

C'est ce que je pensais effectivement faire, mais ce qui me pose problème c'est où placer le code de la page HTML. Je fais faire un essai dans le template overall_header_new. & après dans le overall_footer.

Ce n'est pas dans ces templates. Le QEEL se trouve dans le template index_body

Bonjour,
Comment faire pour que les onglets se retrouve au dessus du tableau de la PA ?
car sur mon forum tout reste dans la PA et j'aimerais bien les mettre au dessus...

Merci d'avance Smile

Créer une organisation par onglets (messages)

Créer une organisation par onglets (messages)

Sujets similaires

Sujets similaires

Partenaires Or