begin process at 2012 02 09 17:53:54
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU À ARBORESCENCE

MENU À ARBORESCENCE


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :02/08/2004 Vu / téléchargé :21 855 / 2 149

Auteur : Zigarn

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

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 de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking

Commentaires et avis

Commentaire de frop01 le 06/08/2004 23:08:04

Merci ! Ca peut être utile!

j'ai mis  8/10 ;)

Commentaire de coucou747 le 09/08/2004 14:25:49 administrateur CS

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

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.

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.

Commentaire de coucou747 le 10/08/2004 15:18:13 administrateur CS

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

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)

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>";
}

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

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.

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

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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,328 sec (3)

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