begin process at 2012 05 29 18:32:06
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

Problème avec les liens relatifs


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème avec les liens relatifs

lundi 11 juillet 2005 à 12:33:02 | Problème avec les liens relatifs

Fab117

Salut,

L'architecture de mes pages web est du type :

Répertoire d'accueil

Accueil.htm

Menu principal 01

Sous menu A

Page A.htm

Sous menu B

Page B.htm

Menu principal 02

Sous menu C

Page C.htm

Sous menu D

Page D.htm

Sur ma page d'accueil, je souhaiterais avoir un menu dynamique me permettant d'accéder directement aux pages p. ex. Page A.htm

J'ai trouvé plusieurs exemple de scripts permettant de réaliser des menus dynamiques correspondant à mes besoins. Toutefois, dans chaque cas, la cible est une page web externe, alors que dans mon cas, je souhaite avoir accès à une de mes pages et surtout en lien relatif (car mes pages web sont distribuées sur un CD-Rom et la lettre attribuée au lecteur variant d'un ordinateur à l'autre, je dois avoir recours aux liens relatifs).

Voici 2 exemples :



Menu par listes déroulantes dynamique trouvé sur :

http://www.toutjavascript.com/source/menuliste.html :

Dans le script, je change :

menu.Add(3,"All HTML","http://www.allhtml.com");

par

menu.Add(3,"Essai Fab","Menu_principal_01/Sous_menu_A/Page_A.htm");

Mais sur la page dans la barre du bas, j'ai le message "Erreur sur la page"


Menu dynamique déroulant créé avec l'éditeur de script trouvé sur : http://www.editeurjavascript.com/scripts/scripts_navigation_1_120.php :

Dans ma page Acceuil.htm entre les balises <body> et </body>, je place

<SCRIPT LANGUAGE="JavaScript"

SRC="ejs_menu_dyn_vert.js"></SCRIPT>

Ci dessous le contenu du fichier ejs_menu_dyn_vert.js :
bgcolor='#FF9900';
bgcolor2='#6699CC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15;
left:99px ')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFF00; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFF00; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV
class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[0][0] = '<a HREF="Menu principal 01/Sous menu A/Page A.htm"
CLASS=ejsmenu>Page A</a>';
zlien[0][1] = '<a HREF="Menu principal 01/Sous menu B/Page B.htm"
CLASS=ejsmenu>Page B</a>';
zlien[1][0] = '<a HREF="Menu principal 02/Sous menu C/Page C.htm"
CLASS=ejsmenu>Page C</a>';
zlien[1][1] = '<a HREF="Menu principal 02/Sous menu D/Page D.htm"
CLASS=ejsmenu>Page D</a>';
if(document.getElementById)
{
skn = document.getElementById("topdeck").style
skn.left = 99;
}

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0
BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0
CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+"
onMouseOver=\"this.style.background='"+bgcolor2+"'\"
onMouseOut=\"this.style.background='"+bgcolor+"'\"
HEIGHT=20><FONT SIZE=1
FACE=\"Arial\"> "+msg[pass]+"</FONT></TD>&
lt;/TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
function kill()
{
if(document.getElementById)
skn.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
{
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0
CELLSPACING=0 BGCOLOR=#000000 WIDTH=100
HEIGHT=40><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0
WIDTH=100% HEIGHT=40>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+'
onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)"
onMouseOut="this.style.background=\''+bgcolor+'\'"
CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Menu principal
01</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+'
onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],20)"
onMouseOut="this.style.background=\''+bgcolor+'\'"
CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Menu principal
02</FONT></TD></tr>')
document.write('</TABLE></TD></TR></TABLE></DIV>'
)
}
document.write('</div>');
Mais je n'ai aucun menu qui s'affiche sur ma page



Quelqu'un pourrait-il s'il vous plait m'expliquer comment faire comprendre qu'il s'agit de liens relatifs.

Merci d'avance.

Fab

lundi 11 juillet 2005 à 12:51:56 | Re : Problème avec les liens relatifs

bultez

Membre Club

Bonjour,

>>dans chaque cas, la cible est une page web externe,
donc du style " [ Lien ]...."
>>en lien relatif
ne pas mettre http, du style : "../répertoire/../fichier"
et c'est tout, normalement.
Cordialement. Bul. ~
Site~~Mail~

lundi 11 juillet 2005 à 13:53:12 | Re : Problème avec les liens relatifs

Fab117

Salut,
Dans le premier exemple que je donne, j'ai mis :
menu.Add(3,"Essai Fab","../Menu_principal_01/Sous_menu_A/Page_A.htm");
Mais ça ne marche pas mieux.

Fab

lundi 11 juillet 2005 à 15:22:13 | Re : Problème avec les liens relatifs

bultez

Membre Club

Bonjour,
comme on n'a pas la fonction Menu.add....
ce script me semble d'ailleurs
très lourd ou ancien.
dans ce site on trouve des menus
superbes, très simples, et certains
même uniquement en css, sans
javascript ( sauf quelques lignes ).
avec les balises <ul> <li> il y a tout
ce qu'il faut ( et css ).
Cordialement. Bul. ~Site~~Mail~



Cette discussion est classée dans : menu, page, document, write, zlien


Répondre à ce message

Sujets en rapport avec ce message

probleme avec un script [ par angelimad ] bonjour,je connais pas trop sur javascript, j'ai telechargé un script pour un menu horizentale d'ici, et je l'ai integré dans mon site, il marche tres Ouvrir des pages htm dans un iFrame [ par pat84 ] Bonjour à tous,J'ai récupéré un menu sur le web que j'ai modifié pour mon usage...Un menu est situé dans la page index.htm et dans cette page index.ht Menu javascript à gauche [ par hotmaskim ] Bonjour, J'ai généré un menu sur www.editeurjavascript.com  (ce menu exactement)Le problème, les sous-menu (lorsque l'on menu déroulant [ par otacon85 ] bonjourpetit probléme de menu deroulantbgcolor='#FFCC99';bgcolor2='#FFFFCC';document.write function et document.write [ par Dromadolf ] Bonjour à tous ! Voilà il fait beau en ce vendredi 4 juillet sur la côte d'azur, mais voilà ce n'est pas tout j'ai un petit soucis. J'ai une page php Appeler du javascript dans une page ajax [ par Torez ] Salut,J'ai une page appelée avec AJAX et quand je note un simple test :document.write("test");Ca ne fonctionne pas.J'ai essayé avec eval() comme cec Disparition d'un sous-menu avec setTimeout() [ par sebalex ] Bonjour à tous, Voici le code d'un menu que j'ai repris et adapté à mes besoins. J'aimerais ajouter la fonction "setTimeout()" pour que le sous-menu document.write me pose un problème... + une question de logique [ par gnosis35 ] Bonjour, Voilà le problème. Ma page est chargée. Une fonction javascript que j'appelle "zoom" me permet sur l évènement "onclick" dafficher une pho probleme validation site [ par locs34 ] bonjour, j'ai récupérer le menu qui suit ici (aucune erreur sur validator), je l'ai ensuite intégrer directement dans ma page index.html cela fonction menu dynamique [ par 21pc ] Bonjour j'ai adapté un script pour un menu perso mais il ouvre un site avec chaque option. Est-il possible de le modifier pour ouvrir directement une


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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,499 sec (4)

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