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 À ARBORESCENCE


Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 02/08/2004 Vu / téléchargé: 17 849 / 1 987

Note :
4,5 / 10 - par 2 personnes
4,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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

Description

Cliquez pour voir la capture en taille normale
Un menu arborescent tout bête que j'ai fait pour m'essayer au javascript.
Je ne sais pas trop si l'approche et la technique sont bonnes mais ça marche sous IE et Firefox (avec un leger soucis de décalage tout de même).
 

Conclusion

Est à modifier pour le rendre plus joli !
 

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 06/08/2004 23:08:04

Merci ! Ca peut être utile!

j'ai mis  8/10 ;)

signaler à un administrateur
Commentaire de coucou747 le 09/08/2004 14:25:49

je penses qu'avec un décalage ça pourait être un peu plus joli et pratique, enfin moi ce que j'en dit....

signaler à un administrateur
Commentaire de Zigarn le 10/08/2004 15:09:56

Il y a un décalage !... mais pas avec Netscape (ou FireFox) :(
Le problème vient du fait que IE et Netscape n'interprète pas de la même manière le position:relative, et si on met absolute pour que ça ailles avec Netscape, ça marche plus avec IE ...
Je n'ai pas assez de connaissances pour résoudre ce problème et suis donc ouvert à toute suggéstion.

signaler à un administrateur
Commentaire de Zigarn le 10/08/2004 15:10:00

Il y a un décalage !... mais pas avec Netscape (ou FireFox) :(
Le problème vient du fait que IE et Netscape n'interprète pas de la même manière le position:relative, et si on met absolute pour que ça ailles avec Netscape, ça marche plus avec IE ...
Je n'ai pas assez de connaissances pour résoudre ce problème et suis donc ouvert à toute suggéstion.

signaler à un administrateur
Commentaire de coucou747 le 10/08/2004 15:18:13

j'ai déja fait ce style de trucs mais uniquement pour ie et konqueror moi aussi, netscape (enfin mozilla, ça marche pareil mais j'ai pas netscape) ne prennait pas les ouvertures...

Il y a une solution, mais je ne m'en souviens plus...

Bah t'as une autre solution, c'ets de mettre tout ça dans un tableau, de changer les couleurs en fonction des noveaux et de mettre des <bloquequotte> ou un truc comme ça...

signaler à un administrateur
Commentaire de Zigarn le 12/08/2004 10:55:05

Tiens, pourquoi mon message est parti 2 fois ?!
Pour les <bloquequotte>, je crois que j'avais éssayé et que ca ne fonctionnais pas des masses non plus.
Quant à la couleur, il faudrait en associer une à chaque niveau de profondeur, mais pourquoi pas.
Enfin, étant donné qu'il me suffisait que ça marche sous IE j'ai pas tellement cherché à résoudre ce problème m'étant déjà débrouillé pour qu'on ai au moins quelque chose sous FireFox, parce qu'au début je n'utilisais pas le getElementById(menu) mais directement la référence à menu, et du coup il y avait une erreur de script pour FireFox (chose dont je me suis aperçu que par hasard en demandant à un ami ce qu'il en pensait)

signaler à un administrateur
Commentaire de rompiflor le 09/05/2007 15:45:06

Même si j'arrive très tard, merci pour ta source. C'est ce que j'ai trouvé de plus simple et efficace sur ce site. Pour firefox, j'ai modifié la méthode écrire, pour avoir le décalage correctement :



function Ecrire(n)
{
var chaine = "";
if (!(this.Present(n))) return chaine ; // l'élément ne doit pas être affiché
chaine += "<tr><TD><P style=' margin-left:" + 30 * this.profondeur + "px' >"


//for (var i = 0; i < this.profondeur; i++) {chaine += "&nbsp;&nbsp;";} // petit décalage
if (this.type == fichier)
{chaine += "<a href='" + this.lien + "' TARGET='commandes'  onMouseOver=\"window.status='Ouvrir " + this.texte + "'; return true;\" onMouseOut=\"window.status=''; return true;\"><FONT color=631595 ><li>" + this.texte + "</a></font>";}
else
{chaine += "<a href='#' OnMouseDown='Menu[" + n + "].Changer();' target='_self' onMouseOver=\"window.status='" +((this.ouvert) ? "Fermer " : "Etendre ") + this.texte +"'; return true;\" onMouseOut=\"window.status=''; return true;\"><FONT color=8A5100 ><li><B>" + this.texte + "</font></a></P>"}
return chaine + "</td></tr>";
}

signaler à un administrateur
Commentaire de yoyo95100 le 21/05/2007 07:39:43

Oui mais maintenant grace à ton code IE est légèrement décaler ( en hauteur ) ;)

signaler à un administrateur
Commentaire de rompiflor le 21/05/2007 13:45:20

Oui mon code ne fonctionne que pour firefox. Utilise la détection de navigateur :
if (navigator.appName=="Microsoft Internet Explorer"){
place le code original
}else{
le code que j'ai mis
}
Et ça fonctionnera pour les 2.

signaler à un administrateur
Commentaire de yoyo95100 le 21/05/2007 22:02:26

%arche pas bizarre bizarre, tu ne pourrais aps tout simplement modif le js et le metrte sur ftp ? grand merci à toi !

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