Onglet à tabulation multi bloc

Soyez le premier à donner votre avis sur cette source.

Vue 19 747 fois - Téléchargée 3 496 fois

Description

Pour l'une de mes applications web en cours de développement j'avais besoin d'un menu à onglet mais qui se trouverai dispersé en trois morceaux autour de ma fenetre principal....

C'est pas clair??? bon ben je vous invite à regardé la démonstration http://codessources.votre-web.com/js/onglet/demo/

;-)

Source / Exemple :


Démonstration en ligne
http://codessources.votre-web.com/js/onglet/demo/

Explication détaillées, voir les commentaires du code sources

Conclusion :


Tout est dis dans le fichier de démo... je vous ai expliqué de manière détaillé comment utiliser mon script.

Les commentaires sont les bienvenus.

Mise à jour du 6 janvier 2007
------------------------------
Aucune modification dans le code. Par contre face aux nombreuses demandes par email concernant les images sources... j'ai redoublé d'effort pour les retrouver. Voilà chose faîtes!
Vous trouverez trois fichiers photoshop qui pourront vous aidez à construire vos propres graphismes. Par contre je vous conseil pour travaillé de rassembler ces trois fichiers en un seul onglet pour élaborer votre graphisme.
Archive à jour http://codessources.votre-web.com/js/onglet/ongletTabulation.zip.
Je ne me suis pas permis d'intégrer les psd sur Codes-Sources afin de ne pas alourdir ce site.

Mise à jour du 1 mars 2006
---------------------------
Ajout de deux méthodes permettant l'ajout et la suppression d'onglet dynamiquement.
Cela veut dire que vous pouvez supprimer ou ajouter des nouveaux onglets quand vous le souhaité.

Voir les méthodes:
<object TabularBloc>.addButtonAt(...)
<object TabularBloc>.deleteButtonAt(...)

J'en ai profité pour mettre de nouvelles images un peu plus jolies :-)
, en attendant que je poste un petit tutorial à ce sujet sur codes sources graphisme.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
vendredi 20 juillet 2012
Statut
Membre
Dernière intervention
3 août 2012

Mercu por le code. Bravo, cela m'a été bien utile...
Messages postés
1
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
21 septembre 2008

Merci pour le code. J'ai une question, comment je peux introduire de données php
venant de mysql dasn une page de menu.
Messages postés
4
Date d'inscription
jeudi 10 novembre 2005
Statut
Membre
Dernière intervention
9 mai 2006

cool, very cool ....
Messages postés
2
Date d'inscription
mercredi 3 septembre 2003
Statut
Membre
Dernière intervention
8 janvier 2008

Bonjour et merci pour la réponse, je vais certainement m'orienter vers une autre "piste".
Bonne continuation.
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Bonjour, et merci pour la note.

Ha mon avis si il y a un interfaçage avec php, il vaut mieux gérer le cas particulier de "un seul onglet" avec un if(...) et donc ne pas utiliser ma class dans ce cas.

Car je n'est pas fait de distinction entre le nombre d'onglet. Chaque boutton ce voit en effet attrtibuer la class css

.tabularButtonTd {
font-weight:bold;
font-size:11px;
text-align:center;
}

Ou bien je vous invite à regarder dans le code javascript et rechercher ou est ce qu'il y a cette assignation de class. Et réaliser alors a ce niveau le cas particulier on assignant une class spécifique.

Attention toutefois si vous faites cela aux appels aux fonction d'ajout/suppression dynamique d'onglet qui devront également adapter les class css des boutons.

J'espère avoir pû vous donner une piste.
Afficher les 64 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.