Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU D'ONGLETS AVEC DE SCROLLBAR


Information sur la source

Catégorie :Menu & Co Niveau : Expert Date de création : 04/06/2005 Vu / téléchargé: 16 636 / 3 816

Note :
9,32 / 10 - par 25 personnes
9,32 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (28)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Après les versions 0.1 de tsm, voici la version 1.0 avec prise en charge de scrollbar (via iframes) sous ie comme mozilla firefox et netscape.
--------------------------------------------------------------------------------

Le javascript, ne se limite pas a gerer des formulaires, changer la couleur d'un texte, etc... Il offre aussi une puissante implementation des classes et des objets en général.
tsm utilise cette puissance pour simuler un systeme d'onglet facile d'utilisation et paramétrable au maximum.

Ce script permet:
- Un nombre d'onglets et de menus 'illimité'.
- L'imbrication des menus.
- La gestion des styles.
- 8 positions pour les entêtes.

Mais aussi:
- Dimensions parametrables et qui s'adapte au contenu (avec scrollbar).
- La gestion des marges entre les entêtes.
- 2 évènements pour changer d'onglets. (click ou mouseover)
- Choix de l'onglet par défaut.



--------------------------------------------------------------------------------

Ce script est basé sur le script de Wonesek.
Des modifications on été rajoutées dans le script originel pour supporter des iframes sous ie (nickel) et sous mozilla firefox, netscape (si vous n'êtes pas trop exigents). L'utilisation des iframe offres une programmation plus confortable, je pense.
On peut par exemple charger un site entier (pré-programmé) dans un onglet sans difficulté. Comme certains l'on remarqué, vous pourrez ouvrir des documents words, excel, pdf dans vous onglets, .... et ca c'est pas négligeable :)

 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de OPY le 05/06/2005 09:18:09

Tout simplement BRAVO pour ce produit d'allure PRO.

Un avis : les onglets gagneraient à être moins carrés, c'est à dire à être modifiable suivant un style (type excel ou translucide ...). Il y a de nombreuses pistes.

A part cela, je trouve ce programme trés structuré.

signaler à un administrateur
Commentaire de jjdagadir le 05/06/2005 12:47:59

Bon, je sais pas si ma note a été prise compte car pas de confirmation, mais sans conteste c'est 10 !
Pour le boulot, la présentation et le partage.
BRAVO c'est effectivement très pro et très compréhensible par tous.
Chapeau bas Djoad,
Kenavo

signaler à un administrateur
Commentaire de metis15 le 05/06/2005 12:59:17

J'ai pas essayé, mais déjà pour la présentation, ça mérite 10 !!

signaler à un administrateur
Commentaire de Arto_8000 le 05/06/2005 16:53:47

Un petit détail sur le code, les $ ne sont pas obligatoire en javascript. L'effet est super bien réussit ,alors je m'est 10.

signaler à un administrateur
Commentaire de la_pin le 05/06/2005 17:11:49

bravo, tu t'es vraiment foulé, tout est super bien expliqué pour les débutants et le rendu est vraiment sympa.
ça mérite une bonne note ^^

signaler à un administrateur
Commentaire de metis15 le 05/06/2005 17:35:10

J'ai essayé, c'est très propre, Bravo !!
J'ai déjà mis 10 on peut pas voter 2 fois, zut...(;o)))

signaler à un administrateur
Commentaire de olasne le 06/06/2005 10:15:15

Alors la, je ne vois pas pkoi un tel code n'a pas une moyenne de 10 comparé a d'autres..

BRAAAAAAAAAAAAAVO !

signaler à un administrateur
Commentaire de darkman2 le 06/06/2005 17:43:52

bravo j'ai rien a dire
super ton script

signaler à un administrateur
Commentaire de lelougarou le 12/06/2005 14:10:52

Bravo pour le script, mais moi il me donne une erreur sous l'onglet "mise-a-jour dynamique" 1- en cliquant sur mis a jour tab_2:google erreur: ligne 9 caractere 15: "impossible d'activer le controle car soit invisible ou inactif..." 2-Lorsque je clique sur le lien du PDF, c'est acrobat reader qui ouvre dans une nouvelle fenetre... et lorsque je clique sur comment ca marche: Rien ne se passe...!  Je suis sous XP avec Explorer 6.0

Est-il possible que certains options de mon navigateur devrait etre modifié..??

merci

signaler à un administrateur
Commentaire de mickeymg le 30/08/2005 20:09:25

bravo et merci pour ta contribution...
en attendant l'intégration des onglets CSS dans la nouvelle version d'ie7,
je cherchais une solution palliative pour reprendre mon site en XHTML.
(ie7 ne reconnaît pas bien les pseudo-éléments standards Before et After sans l'ajout de hack)

merci encore,
note=10

signaler à un administrateur
Commentaire de xena1901 le 18/09/2005 19:34:26

franchement, c'est super !
félicitations !!!!
c'est simple et très bien fait. encore bravo

signaler à un administrateur
Commentaire de gryse le 29/12/2005 09:57:21

Bravo, top cool.
Sous Opéra (Win XP), pas de problème pour le moment.

signaler à un administrateur
Commentaire de DJTIME le 13/01/2006 10:20:59

Sous MS-DOS pas de problème aussi :)
Non il est trop génial ce code... mille bravoooooooooooooooooooooooooooo djoad

contribution parfaite 10/10

signaler à un administrateur
Commentaire de mrbart666 le 25/01/2006 07:35:15

Tout d'abord bravo pour ce super script.
Par contre j'ai un petit problème, impossible de redimenssionner le cadre à moin de 200px... même en spécifiant 10px il reste à 200px.
Je viens de télécharger l'ancienne version, et ce problème n'est pas présent.
Je vais essayer de voir d'ou ca vient.

Merci encore

signaler à un administrateur
Commentaire de mrbart666 le 25/01/2006 07:48:31

je viens de vérifier... plus il ya d'onglet plus quelques chose s'incrémente et agrandi le cadre. Avec un seul onglet, le cadre peut avoir height : 10px... avec deux 20 px etc...

signaler à un administrateur
Commentaire de mrbart666 le 25/01/2006 08:14:13

Ah le problème ne survient qu'avec mozilla, ca marche OK avec iexplorer...
Quelqu'un a t-il trouvé un solution ?

signaler à un administrateur
Commentaire de kikou_virago le 16/02/2006 19:23:58

Une éloge de plus sur ton travail.
Je n'ai pas encore pris le temps de me plonger dans le code, mais résultat super.
Encore bravo !

signaler à un administrateur
Commentaire de jvergoby le 23/03/2006 00:22:19

Bonsoir,
merci pour ce code, génial et facilement paramètrable (novice en javascript), bien les commentaires. Une question :
j'aimerais ajouter un onglet de déconnexion avec un lien vers un index.php
J'ai rajouté un onglet "Déconnexion" mais qu'en je clique dessus, ça m'ouvre mon index.php de déconnexion avec le petit message qui va bien, juste au-dessous alors que je voudrais vraiment sortir de la page d'onglet et revenir à mon index.php (formulaire de connexion).
Merci

signaler à un administrateur
Commentaire de jvergoby le 07/04/2006 22:36:25

Bonsoir,
encore merci pour cette source, vraiment géniale 10/10. Comme je l'ai dis dans mon post précédent, facilement paramètrable pour un novice. Au fait j'ai réglé mon soucis d'onglet de déconnexion.
Quelqu'un pourrait me dire comment faire pour que, lorsque je clique sur un onglet (ils contiennent tous un formulaire), ce dernier rafraichisse la page iframe.
Merci et à bientôt.

signaler à un administrateur
Commentaire de mechouiche42100 le 07/07/2006 11:56:34

Tout d'abord bravo pour ce super script.
mai j'ai une question je voudrai sortir des onglet vers mon mon indext.php
j'ai ca  addTab("Affaire", "affaire.php");
dans mon onglet j'ai bien affaire.php
et maintenant je veu revenir a mon index.php
je fait header("Location:./index.php"); dans affaire.php
mai je reste dans l'onglet
merci
j'esper avoir ete comprehensible.

signaler à un administrateur
Commentaire de jvergoby le 07/07/2006 12:03:48

Salut, j'ai eu le même soucis mais pour faire une déconnexion.
Voici ce que j'ai fais :

/*tab 6*/
  content6 = "";
  addTab("<a href=\"index.php?action=logout\">Déconnexion</a>", content6);

J'espère que ça répondra à ta question
@+

signaler à un administrateur
Commentaire de mechouiche42100 le 07/07/2006 14:09:35

merci, d'avoir ete ausi reactif
c pas exactement ce que je voulais faire mai ca marche bien
alors pourquoi pas.
Encore merci.

signaler à un administrateur
Commentaire de bobibou le 24/11/2006 10:08:02

Bonjour,
et merci pour ce code impeccable !

j'aurais une question au niveau de l'update des onglets.

dans mon cas, j'ai un formulaire dans l'onglet 1
quand je valide ce formulaire, je voudrais que l'onglet 2 soit reloadé, mais j'y arrive pas trop..

je pense que vu que mon formulaire est dans une iframe le pb vient de la, il ne trouve pas l'onglet 2 à updater.. qqun aurait une solution ? au pire updater à nouveau tout les onglets me conviens aussi. merci !

signaler à un administrateur
Commentaire de remicsm le 11/02/2007 22:19:09

Bravo,
c'est impécable pour un utilisateur comme moi, plus vraiment développeur.
je cherche cependant à dimensionner le corps de l'onglet au max de l'écran par défaut sans les marges exterieures gauche, droite et supérieure au delà des bordures vertes.
est-ce possible et dans quel source, quelle variable ou paramètre ?
merci de votre aide.

signaler à un administrateur
Commentaire de schunck le 25/05/2007 13:02:04

En théorie, j'évite le copier/coller de script, mais pour le coup ya rien d'autre à faire. C'est excellant de trouver des sources aussi fiables et pointues ! Je l'utilise depuis qq temps et je ne changerai pas !
En revanche, j'ai un souci. Actuellement, j'intègre ce script via une iframe. Nous sommes d'accord pour dire que ce n'est pas terrible. Référencement, redimensionnement etc.... J'ai donc essayer de l'intégrer par include. Tout se passe bien d'un point de vues variables, mais le problème est  que ma page disparait et est remplacer par ce script.
Si quelqu'un aurait une idée, ce serait sympa.
Le script est visible sur www.jsuissexy.com.
Merci et encore bravo thenox !

signaler à un administrateur
Commentaire de bensouibacem le 27/06/2007 20:08:34

un très grand bravo:) votre script est tout simplement parfait. Merci.

signaler à un administrateur
Commentaire de iplusplus le 08/05/2008 12:13:09

Bravo. Super script.

Question concernant l'utilisation commerciale du jeu d'onglets: Ce n'est pas clair pour moi si c'est la commercialisation du menu qui est visée ou bien également l'utilisation du menu dans un contexte commercial.
(Je ne compte pas modifier le fichier tsm.js, mais uniquement adapter la page qui l'appelle.)

Wonesek demande qu'on le contacte pour une utilisation commerciale. J'ai essayé, mais son email chez AOL ne semble plus valide. Si l'un de vous connaît l'email de Wonesek, ce serait sympa de me le communiquer par message privé.

Merci à vous.

signaler à un administrateur
Commentaire de Djoad le 09/05/2008 12:01:50

Merci pour tes encouragements et pour cette belle question.

En fait, au moment où j'avais commencé à modifier ce script pour le rendre + convivial, j'avais aussi contacté Wonesek mais sans succès.

Mais pour répondre à cette question :

Je n'ai de toute façon pas le droit (selon les termes de la licence GNU/GPL) de changer la licence de ce code.
Par contre, si on se réfère à ce que Wonesek a écrit lui même, la licence GNU/GPL autorise l'utilisateur:
- à exécuter ce code pour n'importe quel usage.
- à étudier le fonctionnement du programme et à l'adapter à ses besoins ou aux besoins du grand public.
- à rédistribuer des copies

Voir : http://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNU

Sur ce, je pense que tout le monde connaît ses droit !

Encore merci.

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,889 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.