begin process at 2010 03 21 11:06:13
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU D'ONGLETS AVEC DE SCROLLBAR

MENU D'ONGLETS AVEC DE SCROLLBAR


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Expert Date de création :04/06/2005 Vu / téléchargé :18 573 / 4 000

Auteur : Djoad

Ecrire un message privé
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip GESTION DE MENU D'ONGLET AVEC SCROLLBAR
Source avec Zip GESTION D'ONGLETS EN HTML + MISE À JOUR DYNAMIQUE DU CONTENU...

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987

Commentaires et avis

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é.

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

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 !!

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.

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 ^^

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)))

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 !

Commentaire de darkman2 le 06/06/2005 17:43:52

bravo j'ai rien a dire
super ton script

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

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

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

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.

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

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

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...

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 ?

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 !

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

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.

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.

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
@+

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.

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 !

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.

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 !

Commentaire de bensouibacem le 27/06/2007 20:08:34

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

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.

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...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,624 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales