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 !

GESTION D'ONGLETS EN HTML + MISE À JOUR DYNAMIQUE DU CONTENU DES ONGLETS !


Information sur la source

Catégorie :Menu & Co Niveau : Expert Date de création : 08/01/2005 Vu / téléchargé: 27 358 / 6 328

Note :
9,47 / 10 - par 19 personnes
9,47 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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

Description

Gestion d'onglets en HTML.
C'est le source de Wonesek (Licence GPL/GNU) sauf que j'ai rajouté de modifications pour qu'on puisse mettre à jour le contenu des onglets de manière dynamique.
Très utile pour faire du DHTML sans avoir à recharger à chaque fois toute les TabStrips.

Merci à Wonesek pour son source !

by thenox alias djoad !

 

Conclusion

Peut être, prochainement, la mise à jour dynamique du style des onglets....
Si je suis pas trop fainéant.
 

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 frop01 le 10/01/2005 15:08:42

Franchement, c'est du tonnerre ;)

Merci !! 10/10

signaler à un administrateur
Commentaire de meh le 10/01/2005 22:28:07

Ouah! J'adore tes onglets!

signaler à un administrateur
Commentaire de meh le 10/01/2005 22:30:48

Et puis, je suis sûrement pas le seul, j'attends avec impatience la mise à jour dynamique du style des onglets;))

signaler à un administrateur
Commentaire de jimmy69 le 11/01/2005 16:38:01

salut salut Djoad,

Oui pour moi aussi je trouve cela tres bien fait je mets 10 !!!!!!!

Du beau boulot

ciao
christophe

signaler à un administrateur
Commentaire de callman le 12/01/2005 17:39:00

Très jolie !!

Bravo.

signaler à un administrateur
Commentaire de Djoad le 31/03/2005 21:47:41

Merci les gars pour vous encouragements.
Je vais mettre le nouveau source qui peut prendre en charge des iframes. Du coup, on peut charger des documents (pdf, doc, ...) dans le onglets.

a+
djoad

signaler à un administrateur
Commentaire de aureltime le 04/04/2005 17:56:06

Salut,

oui c'est très bien ta source modifiée (merci à wonesek également)

je suis très très intéressé par le dernier commentaire..je cherche désespérement à pouvoir intégrer des fichiers word (avec des communiqués) dans le contenu des onglets.

J'ai essayer de passer par le html, mais l'intégration d'un fichier html ne fonctionne pas (en tout cas comme je l'ai fait) à cause des changements de ligne. (j'ai utiliser php.

espère que tu posteras tes nouvelles sources bientôt :)

encore merci

signaler à un administrateur
Commentaire de lorento le 11/06/2005 21:38:57

Excellent travail Djoad, continue !!
Merci de nous faire profiter de ton travail.

signaler à un administrateur
Commentaire de nadermanette le 14/06/2005 18:04:22

Slut.
C'est tres impressionant ton travail Djoad, j'avais deja vu les menus à onglets mais pas pareil au tiens. Bon, si tu y faisais avec les frames là tu batteras le record du monde

signaler à un administrateur
Commentaire de Bub325 le 28/09/2005 21:37:04

Rien à redire, félicitation.
Le seul problème que je vois, c'est que je viens de passer 2h à faire mes obglets pour rien :(

signaler à un administrateur
Commentaire de glork le 16/12/2005 19:36:27

11/10
C'est la meilleure source que j'aie vu.

signaler à un administrateur
Commentaire de piep14 le 23/04/2006 11:51:04

Génial cette source, seulement un trucs que je ne comprend pas trop !
Je rajoute : addTab("Recherche","<?php include('search_form.php');?>");

Si dans search_form.php, je met tout mon code en ligne, ca marche bien. Par contre, je ne peut pas faire de mise en forme.

Merci sinon, c'est trop bien ...

signaler à un administrateur
Commentaire de piep14 le 23/04/2006 12:13:49

Ah, je viens de comprend qu'il faut mieux utiliser un iframe que include. Autant pour moi ...
Merci

signaler à un administrateur
Commentaire de Asthonishia le 17/05/2006 09:21:57

Moi qui suis déjà utilisateur du source de wonesek, j'avoue très sincèrement que je ne vois pas trop l'intéret de la modif. il aurait été beaucoup plus intéressant d'implémenter de quoi faire une "vrai" mise à jour dynamique des onglets via un contenu xml par exemple. Ce qu'il faut noter dans le cas présent c'est la modif apportée et non le script qui lui a déjà reçu bien des éloges ici meme.

signaler à un administrateur
Commentaire de guiguidu95 le 17/08/2006 18:41:36

Ce code est bien, seulement j'ai un problème pour inclure des pages internet dans les onglets.
J'ai essayé les iframe mais sa ne marche pas.
Voilà le bout de code qui ne fonctionne pas :

with (atsm = new tabStripMenu("showMe",900,800))
{
addTab("onglet1", "<iframe src=\"page1.php\" ");
addTab("onglet2", "<iframe src=\"page2.php\" ");
addTab("onglet3", "<iframe src=\"page3.php\" ");
addTab("onglet4", "<iframe src=\"page4.php\" ");
setDirection(menuRight);
build();
}

J'ai mis ici des pages php, mais sa donne la même chose pour des pages html.
Le reste du code est bon, car si je remplace les iframe par du texte sa marche sans problème.
Le code au-dessus m'affiche les 4 iframe dans le premier onglet et rien dans les autres.
Si quelqu'un pouvait m'aider sa serai gentil.
Merci.

signaler à un administrateur
Commentaire de younes371 le 19/09/2006 18:33:20

Bonjour,
Je travail sur un projet,oû je dois mettre des onglets automatique, ou des images deplaçables => vous m avez pa compris!! ??.
Alors j explique :
L'utilisateur lui meme peut créer ces onglet personnel et deplacer les images ds le site. vous pouvez m aider et m envoyer au moins un script de ça, soit pour les onglets soit pour le drag and drop
Pour bien me comprendre, je vous demande d aller voir ce site : www.netvibes.com ou www.google.com/ig
Si vous pouvez m'aider a trouver le script ou on le developpe ensemble ça serait gentil de votre part . Merci

signaler à un administrateur
Commentaire de azemni le 26/12/2006 11:55:00

bravo de chez bravo.

signaler à un administrateur
Commentaire de Djoad le 24/02/2007 13:34:54

Salut, c'est djaod !

La dernière version de ce source avec iframes
est dispo à http://www.javascriptfr.com/codes/MENU-ONGLETS-AVEC-SCROLLBAR_31833.aspx
depuis juin 2006.

NB.: vous pouvez aussi utilisez directment des iframes aves le tsm d'origine aussi. il faut juste charger une "<iframe src=''>" et non un contenu html.

Merci à tous pour vos encouragements !

Djoad !

signaler à un administrateur
Commentaire de Djoad le 24/02/2007 13:44:20

Désolé, mais c'est plutôt depuis juin 2005 !

Décidément ca fait un bail, il faudra que je sorte la nouvelle version

signaler à un administrateur
Commentaire de catfamilie le 31/03/2007 00:58:07

Est-ce qu'un de vos voeux s'est déjà réalisé ? Depuis le temps que je cherchais un truc multi-onglet dynamique et paramétrable à souhait, j'avoue que sur ce coup ci, je suis servi. Cela m'a l'air d'être une petite merveille. Mais bon, vu que je ne suis ni codeur, ni développeur, ni d'autres trucs en ...eur, j'espère que je n'aurais pas trop de mal à tout piger pour l'intégrer au mieux à mon site.
Mais les explication semblent claires, alors en suivant scrupuleusement les recommandations ....
En tout cas, merci d'avance !

signaler à un administrateur
Commentaire de dadoo1 le 24/04/2007 15:44:05

Nickel la source , je vois pas trop la différence entre la source d'avant et maintenant , bref !
Si quelqu'un de malin pouvait reprendre encore une fois cette source pour i placé des icones ou des image dans les onglets ce serait merveilleux .

Pour ma part c'est le changement qui me ferait voir la différence entre les 2 sources ;)

signaler à un administrateur
Commentaire de mehdiswatch le 19/06/2007 01:00:53

bonjour,

d'abord je tiens à féliciter l'effort que vous avez fait, c'est vraiment genial.
maintenant ce que je trouve dommage c'est que je ne puisse pas ajouter ce que je veux dans les onglets.
je m'explique, j'ai des tag html propre à moi, quand j'ai les ajoute, y a plus rien qui s'affiche par contre ça marche nikel avec les tag standard du HTML.

exemple


function tsmInitAll()
{
  with(atsm = new tabStripMenu ("showMe", 800,400)
  {
   "<br>
   + "<table><tr><td><input type='text' name='nikel'></td></tr>"    //ça marche nikel
   + "<table><tr><td><om:input property='marchepas'></td></tr>"    //ça marche pas du tout


si vous avez une idee dite le moi, j'ai essayé de faire une despécialisation mais en vain.

mais en tous les cas je tiens à vous remercier pour l'effort que vous faites.

signaler à un administrateur
Commentaire de David78390 le 08/08/2008 14:52:26

Royal,

Bravo  Djoad, très belle source, superbement bien faite, je m'incline et te donne 10 sans la moindre hésitation.

Juste une petite précision:
personnellement, j'ai plusieurs pages susceptibles d'ouvrir des onglets différents par le biais de ton code.
Dans ce cas, lorsque l'on quitte la page1, il faut alors ré-initialiser les variables:
//re-initialiser les 2 variables qui crées les onglets
tsm=undefined;
atsm=undefined;
tsm = new Array();
On peut alors a nouveau utiliser la source.

Voila sinon, rien a redire,
chapeau l'artiste.

@+

P.S: les admins, cette source mérite ces 10/10 mais je n'ai pas la possibilité de mettre une note ;' .
Bug de chez moi?

signaler à un administrateur
Commentaire de lanner le 23/12/2008 18:43:39 10/10

J'ai eu du mal à trouver des onglets sur le coté et voila que je tombe sur ceci , bravo je vais de ce pas le testoyer ;)

signaler à un administrateur
Commentaire de lanner le 23/12/2008 20:48:36

Par contre comment gérer du php en contenu dans ces onglets ?
merci

signaler à un administrateur
Commentaire de Djoad le 24/12/2008 19:34:23

Salut, merci pour tes commentaires.

Si, j'ai encore bonne mémoire, dans cette version, le contenu des onglets peut être chargé (où est chargé directement) à partir d'objets iframes. N'est-il pas possible de charger du .php dans tes iframes ?

En ce qui me concerne, j'arrive très bien faire du php avec ça et je n'ai jamais eu de problème ou de limtes.

Fais moi signe si tu as toujours des problèmes (précise un peu mieux ta question aussi....)

Sinon, bonne chance ;)

signaler à un administrateur
Commentaire de thomas0592 le 09/06/2009 20:08:30 10/10

J'ai un seul truc à te dire wooouuuaahh!
Très bon travail, c'est exactement le même truc que je cherchais pour mon site!

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,312 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é.