new!
|
|
|
 |
| > Probleme Menu dynamique vertical |
[ Posté par milou912 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 21-06-2008 à 21:10 | 1 messages ]
Bonjour,
J'ai en possession un menu dynamique vertical,ce dernier est conçu pour ouvrir des pages,et moi je désire excuter un fonction javascript aulieu de faire appel à une page.
Cela est il possible?
Voici le code:
var menu_rectractable = "ok";
// Eléments du Menu
/* Modifier ici les noms des catégories - Vous pouvez en rajouter ou en supprimer, mais il faudra en avoir autant de groupe de liens
categorie[X] = new Array(); -> Type de la variable (ne pas modifier)
categorie[X][0] = "Catégorie 1"; -> Nom de la catégorie
categorie[X][1] = "http://liencatégorie1/"; -> Lien de la catégorie - Si vide, il n'y aura pas de lien sur cette catégorie
categorie[X][2] = "_blank"; -> Cible du lien - _blank (nouvelle page), _self (même page),... ou nom de votre frame
*/
// --- Categories du Menu ---
categorie = new Array();
// -- [categorie 1]
categorie[0] = new Array();
categorie[0][0] = "Sites Historique";
categorie[0][1] = "";
categorie[0][2] = "_blank";
// -- [categorie 2]
categorie[1] = new Array();
categorie[1][0] = "Offices du Tourisme";
categorie[1][1] = "http://liencatégorie2/";
categorie[1][2] = "_blank";
// -- [categorie 3]
categorie[2] = new Array();
categorie[2][0] = "Sites Naturels";
categorie[2][1] = "";
categorie[2][2] = "_self";
// -- [categorie 4]
categorie[3] = new Array();
categorie[3][0] = "Musées";
categorie[3][1] = "http://liencatégorie4/";
categorie[3][2] = "_blank";
// -- [categorie 5]
categorie[4] = new Array();
categorie[4][0] = "Restaurants";
categorie[4][1] = "";
categorie[4][2] = "_self";
// -- [categorie 6]
categorie[5] = new Array();
categorie[5][0] = "Hôtels";
categorie[5][1] = "http://liencatégorie6/";
categorie[5][2] = "_blank";
// -- [categorie 7]
categorie[6] = new Array();
categorie[6][0] = "Agences de Voyage";
categorie[6][1] = "http://liencatégorie6/";
categorie[6][2] = "_blank";
// -- [categorie 8]
categorie[7] = new Array();
categorie[7][0] = "Tourisme médical";
categorie[7][1] = "http://liencatégorie6/";
categorie[7][2] = "_blank";
// Cible des liens du menu
/* Modifier ici la cible des liens. Vous devez affecter à la variable target:
_blank: pour ouvrir dans une nouvelle page => target = '_blank';
_self: pour ouvrir dans la même page => target = '_self';
xxxx: pour ouvrir dans la frame/iframe xxxx => target = 'xxxx';
*/
var target = '_blank';
// --- Groupe de liens ---
/* Modifier, ici, les titres et liens, la cible
Vous pouvez en rajouter ou en supprimer autant de liens que vous voulez.
*/
lien = new Array();
// -- [Liens de la categorie 1]
lien[0] = new Array();
// --- Popup ---
popup = new Array();
/* Pour afficher un popup, vous devez mettre comme lien "popup", rajouter et complèter les lignes suivantes:
*/
/* --- Paramètres des popups ---
popup[X] = new Array(); => Avec X = Numéro du lien
popup[X]["LIEN"] = new Array(); => Avec X = Numéro du lien
popup[X]["LIEN"]["url"] = "votre_URL"; => X = Numéro du lien / LIEN = Le lien
popup[X]["LIEN"]["nom"] = "nom_de_la_popup"; => Si vous utilisez plusieurs popup et le même nom, vous réutiliserez toujours la même page
popup[X]["LIEN"]["toolbar"] = "no ou yes"; => Affichage de la barre d'outils
popup[X]["LIEN"]["menubar"] = "no ou yes"; => Affichage de la barre de menu
popup[X]["LIEN"]["location"] = "no ou yes"; => Affichage de la barre d'adresse
popup[X]["LIEN"]["scrollbars"] = "no ou yes"; => Affichage de la barre d'outils
popup[X]["LIEN"]["width"] = "400"; => largeur du popup
popup[X]["LIEN"]["height"] = "300"; => hauteur du popup
*/
lien[0]["Test popup"] = "popup";
popup[0] = new Array();
popup[0]["Test popup"] = new Array();
popup[0]["Test popup"]["url"] = "http://liens6/";
popup[0]["Test popup"]["nom"] = "nom_de_la_popup";
popup[0]["Test popup"]["toolbar"] = "yes";
popup[0]["Test popup"]["menubar"] = "no";
popup[0]["Test popup"]["location"] = "no";
popup[0]["Test popup"]["scrollbars"] = "yes";
popup[0]["Test popup"]["width"] = "400";
popup[0]["Test popup"]["height"] = "300";
lien[0]["Titre2"] = "http://liens2/";
lien[0]["Titre3"] = "http://liens3/";
lien[0]["Titre4"] = "http://liens4/";
lien[0]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 2]
lien[1] = new Array();
lien[1]["Titre1"] = "http://liens1/";
lien[1]["Titre2"] = "http://liens2/";
lien[1]["Titre3"] = "http://liens3/";
lien[1]["Titre4"] = "http://liens4/";
lien[1]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 3]
lien[2] = new Array();
lien[2]["Titre1"] = "http://liens1/";
lien[2]["Titre2"] = "http://liens2/";
lien[2]["Titre3"] = "http://liens3/";
lien[2]["Titre4"] = "http://liens4/";
lien[2]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 4]
lien[3] = new Array();
lien[3]["Titre1"] = "http://liens1/";
lien[3]["Titre2"] = "http://liens2/";
lien[3]["Titre3"] = "http://liens3/";
lien[3]["Titre4"] = "http://liens4/";
lien[3]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 5]
lien[4] = new Array();
lien[4]["Titre1"] = "http://liens1/";
lien[4]["Titre2"] = "http://liens2/";
lien[4]["Titre3"] = "http://liens3/";
lien[4]["Titre4"] = "http://liens4/";
lien[4]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 6]
lien[5] = new Array();
lien[5]["Titre1"] = "http://liens1/";
lien[5]["Titre2"] = "http://liens2/";
lien[5]["Titre3"] = "http://liens3/";
lien[5]["Titre4"] = "http://liens4/";
lien[5]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 7]
lien[6] = new Array();
lien[6]["Titre1"] = "http://liens1/";
lien[6]["Titre2"] = "http://liens2/";
lien[6]["Titre3"] = "http://liens3/";
lien[6]["Titre4"] = "http://liens4/";
lien[6]["Titre5"] = "http://liens5/";
// -- [Liens de la categorie 8]
lien[7] = new Array();
lien[7]["Titre1"] = "http://liens1/";
lien[7]["Titre2"] = "http://liens2/";
lien[7]["Titre3"] = "http://liens3/";
lien[7]["Titre4"] = "http://liens4/";
lien[7]["Titre5"] = "http://liens5/";
<!--------------------------------------------- Ne rien modifier sous cette ligne ---------------------------------------------->
function sousmenu_hide(actif) {
for (var i=0; i<categorie.length; i++)
document.getElementById('menu' + i).className = i == actif ? 'sousmenu' : 'hide';
}
rectract_ok = menu_rectractable == "ok" ? "onmouseover='sousmenu_hide(-1)'" : '';
document.write("<table cellspacing='0' cellpadding='0' width='80%' border='0'><tbody>");
for (var i=0; i<categorie.length; i++) {
document.write("<tr class='cat_titre_nonselect'>");
if (categorie[i][1] != "") {
document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'> </td>");
document.write("<td height='20' width='96%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
document.write(" <img src='images/menu.gif' height='9' width='8'> ");
document.write("<a href='" + categorie[i][1] + "' target='" + categorie[i][2] + "' class='cat_titre_nonselect' onmouseover=\"this.className='cat_titre_select';\" onmouseout=\"this.className='cat_titre_nonselect';\">" + categorie[i][0] + "</a>");
} else {
document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'> </td>");
document.write("<td height='20' width='96%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
document.write(" <img src='images/menu.gif' height='9' width='8'> " + categorie[i][0]);
}
document.write("</td><td width='2%' " + rectract_ok + " class='bordure_cat_d'> </td></tr>");
document.write("<tr>");
document.write("<td " + rectract_ok + "></td>");
document.write("<td><center><table width='90%' class='hide' id='menu" + (i) + "'>");
for (url in lien[i]) {
if (target == "_blank") {
if (lien[i][url] == "popup") {
document.write("<tr onclick=\"window.open('" + popup[i][url]["url"] + "','" + popup[i][url]["nom"] + "','toolbar=" + popup[i][url]["toolbar"] + ",menubar=" + popup[i][url]["menubar"] + ",location=" + popup[i][url]["location"] + ",scrollbars=" + popup[i][url]["scrollbars"] + ",width=" + popup[i]["width"] + ",height=" + popup[i][url]["height"] + "')\">");
document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
} else {
document.write("<tr onclick=\"window.open('" + lien[i][url] + "')\">");
document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
}
} else if (target == "_self" || target == "_parent" || target == "_top") {
if (lien[i][url] == "popup") {
document.write("<tr onclick=\"window.open('" + popup[i][url]["url"] + "','" + popup[i][url]["nom"] + "','toolbar=" + popup[i][url]["toolbar"] + ",menubar=" + popup[i][url]["menubar"] + ",location=" + popup[i][url]["location"] + ",scrollbars=" + popup[i][url]["scrollbars"] + ",width=" + popup[i][url]["width"] + ",height=" + popup[i][url]["height"] + "')\">");
document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
} else {
document.write("<tr onclick=\"document.location.href='" + lien[i][url] + "'\">");
document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>"); }
} else {
if (lien[i][url] == "popup") {
document.write("<tr onclick=\"window.open('" + popup[i][url]["url"] + "','" + popup[i][url]["nom"] + "','toolbar=" + popup[i][url]["toolbar"] + ",menubar=" + popup[i][url]["menubar"] + ",location=" + popup[i][url]["location"] + ",scrollbars=" + popup[i][url]["scrollbars"] + ",width=" + popup[i]["width"] + ",height=" + popup[i][url]["height"] + "')\">");
document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
} else {
document.write("<tr onclick=\"top." + target + ".location.href='" + lien[i][url] + "'\">");
document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
}
}
}
document.write("</table></center></td><td " + rectract_ok + "></td><td></td></tr><tr " + rectract_ok + "><td colspan='4'></td></tr>");
}
document.write("</tbody></table>");
<!------------------------------------------------------------------------------------------------------------------------------>
Merci.
|
|
|
[ Posté par guySk ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 22-06-2008 à 01:33 | 713 messages ]
A la place de :
| categorie[X][1] = "http://liencatégorie1/"; |
|
tu mets:
| categorie[X][1] = "javascript:fonction1([param1][,param2])"; |
|
________________
a'++'a
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
