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

cs_frop01 Messages postés 1352 Date d'inscription lundi 27 octobre 2003 Statut Membre Dernière intervention 19 novembre 2008 - 10 janv. 2005 à 15:08
loicseg Messages postés 168 Date d'inscription dimanche 26 février 2006 Statut Membre Dernière intervention 30 septembre 2011 - 28 juil. 2009 à 16:43
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/28703-gestion-d-onglets-en-html-mise-a-jour-dynamique-du-contenu-des-onglets

loicseg Messages postés 168 Date d'inscription dimanche 26 février 2006 Statut Membre Dernière intervention 30 septembre 2011
28 juil. 2009 à 16:43
Il y aurait-il un moyen de rajouter un ajout/suppression d'onglet ? Comme sous Internet Explorer ou d'autres navigateur... Merci d'avance pour votre aide et oui super source ! Encore merci !
thomas0592 Messages postés 5 Date d'inscription mardi 18 décembre 2007 Statut Membre Dernière intervention 3 avril 2009
9 juin 2009 à 20:08
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!
cs_Djoad Messages postés 7 Date d'inscription dimanche 2 mai 2004 Statut Membre Dernière intervention 9 mai 2008
24 déc. 2008 à 19:34
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 ;)
cs_lanner Messages postés 131 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 8 avril 2015
23 déc. 2008 à 20:48
Par contre comment gérer du php en contenu dans ces onglets ?
merci
cs_lanner Messages postés 131 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 8 avril 2015
23 déc. 2008 à 18:43
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 ;)
David78390 Messages postés 197 Date d'inscription jeudi 27 avril 2006 Statut Membre Dernière intervention 10 juillet 2011
8 août 2008 à 14:52
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?
mehdiswatch Messages postés 1 Date d'inscription mercredi 27 avril 2005 Statut Membre Dernière intervention 19 juin 2007
19 juin 2007 à 01:00
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)
{
"

+ "<table><tr><td></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.
cs_dadoo1 Messages postés 13 Date d'inscription lundi 4 juillet 2005 Statut Membre Dernière intervention 31 mars 2009
24 avril 2007 à 15:44
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 ;)
catfamilie Messages postés 1 Date d'inscription lundi 24 janvier 2005 Statut Membre Dernière intervention 31 mars 2007
31 mars 2007 à 00:58
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 !
cs_Djoad Messages postés 7 Date d'inscription dimanche 2 mai 2004 Statut Membre Dernière intervention 9 mai 2008
24 févr. 2007 à 13:44
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
cs_Djoad Messages postés 7 Date d'inscription dimanche 2 mai 2004 Statut Membre Dernière intervention 9 mai 2008
24 févr. 2007 à 13:34
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 "" et non un contenu html.

Merci à tous pour vos encouragements !

Djoad !
cs_azemni Messages postés 1 Date d'inscription mardi 26 décembre 2006 Statut Membre Dernière intervention 26 décembre 2006
26 déc. 2006 à 11:55
bravo de chez bravo.
younes371 Messages postés 502 Date d'inscription mercredi 29 décembre 2004 Statut Membre Dernière intervention 20 mars 2012
19 sept. 2006 à 18:33
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
guiguidu95 Messages postés 1 Date d'inscription samedi 7 janvier 2006 Statut Membre Dernière intervention 17 août 2006
17 août 2006 à 18:41
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.
Asthonishia Messages postés 1 Date d'inscription dimanche 7 mai 2006 Statut Membre Dernière intervention 17 mai 2006
17 mai 2006 à 09:21
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.
cs_piep14 Messages postés 345 Date d'inscription lundi 15 mars 2004 Statut Membre Dernière intervention 13 mai 2011
23 avril 2006 à 12:13
Ah, je viens de comprend qu'il faut mieux utiliser un iframe que include. Autant pour moi ...
Merci
cs_piep14 Messages postés 345 Date d'inscription lundi 15 mars 2004 Statut Membre Dernière intervention 13 mai 2011
23 avril 2006 à 11:51
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 ...
glork Messages postés 29 Date d'inscription mardi 26 avril 2005 Statut Membre Dernière intervention 17 février 2006
16 déc. 2005 à 19:36
11/10
C'est la meilleure source que j'aie vu.
Bub325 Messages postés 41 Date d'inscription dimanche 9 février 2003 Statut Membre Dernière intervention 28 avril 2010
28 sept. 2005 à 21:37
Rien à redire, félicitation.
Le seul problème que je vois, c'est que je viens de passer 2h à faire mes obglets pour rien :(
nadermanette Messages postés 4 Date d'inscription vendredi 3 juin 2005 Statut Membre Dernière intervention 13 novembre 2006
14 juin 2005 à 18:04
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
lorento Messages postés 1 Date d'inscription vendredi 15 août 2003 Statut Membre Dernière intervention 11 juin 2005
11 juin 2005 à 21:38
Excellent travail Djoad, continue !!
Merci de nous faire profiter de ton travail.
aureltime Messages postés 1 Date d'inscription samedi 19 février 2005 Statut Membre Dernière intervention 4 avril 2005
4 avril 2005 à 17:56
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
cs_Djoad Messages postés 7 Date d'inscription dimanche 2 mai 2004 Statut Membre Dernière intervention 9 mai 2008
31 mars 2005 à 21:47
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
cs_callman Messages postés 12 Date d'inscription jeudi 27 mars 2003 Statut Membre Dernière intervention 18 décembre 2006
12 janv. 2005 à 17:39
Très jolie !!

Bravo.
cs_jimmy69 Messages postés 778 Date d'inscription dimanche 22 décembre 2002 Statut Membre Dernière intervention 27 novembre 2008 1
11 janv. 2005 à 16:38
salut salut Djoad,

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

Du beau boulot

ciao
christophe
cs_meh Messages postés 66 Date d'inscription dimanche 18 août 2002 Statut Membre Dernière intervention 9 juillet 2007
10 janv. 2005 à 22:30
Et puis, je suis sûrement pas le seul, j'attends avec impatience la mise à jour dynamique du style des onglets;))
cs_meh Messages postés 66 Date d'inscription dimanche 18 août 2002 Statut Membre Dernière intervention 9 juillet 2007
10 janv. 2005 à 22:28
Ouah! J'adore tes onglets!
cs_frop01 Messages postés 1352 Date d'inscription lundi 27 octobre 2003 Statut Membre Dernière intervention 19 novembre 2008 2
10 janv. 2005 à 15:08
Franchement, c'est du tonnerre ;)

Merci !! 10/10
Rejoignez-nous