Je ne comprend toujours rien

Bonjour à tous, on m'a passé sur ce forum hier un script JS pour faire un menu "depliable", je me suis donc precipité sur le tutorial "Tout sur le javascript" (dans tuto zero) mais je ne, comprend toujours pas comment l'utilisé, je sais que je doit renommer mais lien mais je ne sais pas où ça se trouve dans le script, je le met:

<!--
// Sniffer based on http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html

var uagent = navigator.userAgent.toLowerCase();
var is_safari = ( (uagent.indexOf('safari') != -1) || (navigator.vendor == "Apple Computer, Inc.") );
var is_ie = ( (uagent.indexOf('msie') != -1) && (!is_opera) && (!is_safari) && (!is_webtv) );
var is_ie4 = ( (is_ie) && (uagent.indexOf("msie 4.") != -1) );
var is_moz = (navigator.product == 'Gecko');
var is_ns = ( (uagent.indexOf('compatible') == -1) && (uagent.indexOf('mozilla') != -1) && (!is_opera) && (!is_webtv) && (!is_safari) );
var is_ns4 = ( (is_ns) && (parseInt(navigator.appVersion) == 4) );
var is_opera = (uagent.indexOf('opera') != -1);
var is_kon = (uagent.indexOf('konqueror') != -1);
var is_webtv = (uagent.indexOf('webtv') != -1);

var is_win = ( (uagent.indexOf("win") != -1) || (uagent.indexOf("16bit") !=- 1) );
var is_mac = ( (uagent.indexOf("mac") != -1) || (navigator.vendor == "Apple Computer, Inc.") );
var ua_vers = parseInt(navigator.appVersion);

//==========================================
// Hide / Unhide menu elements
//==========================================

function ShowHide(id1, id2)
{
if (id1 != '') toggleview(id1);
if (id2 != '') toggleview(id2);
}

//==========================================
// Get element by id
//==========================================

function my_getbyid(id)
{
itm = null;

if (document.getElementById)
{
itm = document.getElementById(id);
}
else if (document.all)
{
itm = document.all[id];
}
else if (document.layers)
{
itm = document.layers[id];
}

return itm;
}

//==========================================
// Show/hide toggle
//==========================================

function toggleview(id, num)
{
var divid = id + num;

if ( ! divid ) return;

if ( itm = my_getbyid(divid) )
{
if (itm.style.display == "none")
{
my_show_div(itm);
}
else
{
my_hide_div(itm);
}
}
}

function openClose(id)
{
toggleview(id, '');
}

//==========================================
// Set DIV ID to hide
//==========================================

function my_hide_div(itm)
{
if ( ! itm ) return;

itm.style.display = "none";
}

//==========================================
// Set DIV ID to show
//==========================================

function my_show_div(itm)
{
if ( ! itm ) return;

itm.style.display = "";
}

/*
* Cache tous les divs ayant le même préfixe
*/
function hide_all( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv) )
{
SetDiv = document.getElementById( nom + NumDiv );
if ( SetDiv && SetDiv.style.display != 'none' )
{
toggleview( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
if ( SetDiv && SetDiv.style.display != 'none' )
{
toggleview( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.layers ) // Pour les très veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
if ( SetDiv && SetDiv.style.display != 'none' )
{
toggleview( nom, NumDiv );
}
NumDiv++;
}
}
}

/*
* Montre tous les divs ayant le même préfixe
*/
function show_all( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv) )
{
SetDiv = document.getElementById( nom + NumDiv );
if ( SetDiv && SetDiv.style.display != 'block' )
{
toggleview( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
if ( SetDiv && SetDiv.style.display != 'block' )
{
toggleview( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.layers ) // Pour les très veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
if ( SetDiv && SetDiv.style.display != 'block' )
{
toggleview( nom, NumDiv );
}
NumDiv++;
}
}
}

/*
* Inverse les divs: Cache les divs visible et montre le divs cachés

*/
function invert_all( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv ) )
{
SetDiv = document.getElementById( nom + NumDiv );
toggleview( nom, NumDiv );
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
toggleview( nom, NumDiv );
NumDiv++;
}
}
else if ( document.layers ) // Pour les très veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
toggleview( nom, NumDiv );
NumDiv++;
}
}
}

function popup( fichier, nom, largeur, hauteur, options)
{
var id = Math.round( Math.random() * 100 );
var gauche = ( screen.width - largeur ) / 2;
var haut = ( screen.height - hauteur ) / 2;
if ( options )
{
options = 'width=' + largeur + 'px, height=' + hauteur + 'px, top=' + haut + ', left=' + gauche + ', ' + options;
}
else
{
options = 'width=' + largeur + 'px, height=' + hauteur + 'px, top=' + haut + ', left=' + gauche;
}
document.open( fichier, nom + id, options);
}

function UpdateDiv(mydiv, mytext)
{
if ( document.getElementById ) // Pour les navigateurs récents
{
document.getElementById(mydiv).innerHTML = mytext;
}
else if ( document.all ) // Pour les veilles versions
{
document.all[mydiv].innerHTML = mytext;
}
else if ( document.layers ) // Pour les très veilles versions
{
document.layers[mydiv].innerHTML = mytext;
}
}

function SwapColor(ptr, color1, color2)
{
var itm = my_getbyid(ptr);
if (itm.style.backgroundcolor == color1)
{
itm.style.backgroundColor = color2;
}
else
{
itm.style.backgroundColor = color1;
}
}
//-->

-Noxalus-

27 septembre 2006 à 10:59:14

MKBB

27 septembre 2006 à 11:23:17

Essaye de nous mettre aussi le code avec lequel tu fais appel au script, c'est surement la dedans que tu dois pouvoir changer les liens...

Coreuh

27 septembre 2006 à 12:21:09

Il y a plus court pour un menu dépliant! o_O

Anonyme

27 septembre 2006 à 13:14:06

ouai je trouve aussi que c'est un peu du nimporte quoi !
un menu dépliant se fait en CSS !!!
pas besoin de javascript lourd et qui sert à rien

27 septembre 2006 à 13:26:47

Il y a un article sur alsacreation la dessus (j'édit quand j'ai trouvé).
Mais le javascript est très bien, je ne vois pas ce que tu as contre lui :colere2:

27 septembre 2006 à 20:16:41

Hum, merci à tous pour vos reponse, quand à celle de jéremie, je ne demande pas mieux que de faire cela en CSS, mais est-ce seulement possible ?! Car je n'ai rien vu en CSS qui permettait de faire une action en cliquant sur un lien... Sinon, sur la page où je fait appelle au script c'est une page en php qui s'appelle "menu.php", et je fait appelle au script avec ce bout de code:

Sinon, c'est tout ce que j'ai fait pour le javascript.

Merci à tous

le javascript...

Je ne comprend toujours rien

Supprimer

Modérer

Signaler le message aux modérateurs