Plaatsing Menu Javascript

Status
Niet open voor verdere reacties.
P

Platwaterken

Gebruiker
Lid geworden
11 okt 2011
Berichten
10
Hallo,

Ik heb via een 'menubuilder' een menu in javascript gemaakt, maar de correct plaatsing lukt me niet.

Het menu zou moet komen waar de drie kruisjes XXX staan.

Hier kan je mijn testversie van de site vinden: http://users.skynet.be/kk/kenny/index.html


Onder de gehanteerde code:

*******************************

<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<<meta name="language" content="nl">
<meta name="robots" content="all">
<meta name="robots" content="index">
<meta name="robots" content="follow">
<meta http-equiv="charset" content="ISO-8859-1">
<meta http-equiv="Content-style-type" content="text/css">
<title>Adviesbureau DMK</title>
<link rel="stylesheet" type="text/css" href="kenny.css">
<script type="text/javascript" language="JavaScript1.2" src="menu/um_menu.js"></script>
</head>



<body>

<br>
<br>
<br>
<table width="100%">
<td width="100%">
<center>
<body bgcolor="#99b7c8" >


<table class="borderless" width="80%">

<td class="titel" width="80%">
<center>

<! hier dient de titel worden ingebracht>
<br>
Adviesbureau DMK
<br>
<h3>Uw partner in Financieel Advies en Zakelijke Dienstverlening</h3>
<br>
</center>
</td>

</table>



<table class="borderless" width="80%">

<tr>

<td class="menu" width="20%">

xxx

<script type="text/javascript" language="JavaScript1.2">
BuildLayer('v','','xy','','100','100','0','0','','4','0','1px None #ACA899','1px None #ACA899','1px None #ACA899','1px None #ACA899','left','transparent','','1','1','','Filter:none(Duration=0.5)','1','#C0C0C0','10','Default','Pointer','','100','1','#000000')
SwapDiv('wme3','','','menu/bizblueright.gif','menu/blank.gif','24','151','menu/blank.gif','menu/blank.gif','0','0','1','1','Arial','Arial','8pt','8pt','normal','normal','transparent','transparent','normal','normal','none','none','#80C3E5','transparent','menu/blank.gif','menu/blank.gif','0','0','0','0','none','none','none','none','none','none','none','none','top','left','','','','_self','','','2','menu/blank.gif','menu/blank.gif','auto','auto','0','0','0')
SwapDiv('wme32','wme3','Home','menu/blank.gif',_,'0','0',_,_,_,_,'24','auto','Verdana,Arial,Helvetica,sans-serif','Verdana,Arial,Helvetica,sans-serif',_,_,_,_,'#FFFFFF','#FFFFFF','bold','bold',_,_,'#0087CA','#0087CA',_,_,'1','1','1','1','1px Solid #0087CA','1px Solid #0087CA','1px Solid #80C3E5','1px Solid #0087CA','1px Solid #0087CA','1px Solid #0087CA','1px Solid #80C3E5','1px Solid #0087CA','middle',_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme34','wme3',_,'menu/blank.gif',_,'0','0',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
SwapDiv('wme1','wme32','Diensten',_,_,_,_,'arrow.gif','arrow.gif','7','7',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#',_,_,_,_,_,'0',_,_,_,_,_,_,_)
FreeLayer('wme14','','5','v','0','0','2','0','1px None #ACA899','1px None #ACA899','1px None #ACA899','1px None #ACA899','#FFFFFF','','1','1','','Filter:progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=radial,enabled=0,Duration=0.4)','','#C0C0C0','0','100')
SwapDiv('wme13','wme32','Financieel Advies',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#000000',_,'normal','normal',_,_,'#5ABCF3',_,_,_,_,_,_,_,'1px Solid #5ABCF3','1px Solid #5ABCF3','1px Solid #A2D3EC','1px Solid #006DA2',_,_,_,'1px Solid #004160',_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme19','wme13','Zakelijke Diensten',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme20','wme13','Belastingaangifte',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme35','wme13','Diverse',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
InitDiv();
SwapDiv('wme7','wme34',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
SwapDiv('wme4','wme32','Links',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#',_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme9','wme34',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
SwapDiv('wme5','wme4','Contact',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme11','wme34',_,_,_,_,_,_,_,_,_,'auto','auto',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
Filter('True','','')
HideDiv();
</script>


</td>


<td class ="main" width="60%">
<!Hier komt de tekst die toehoort aan het geselecteerde menu>
<br>
PLAATS VOOR DE TEKST VAN HET MENU

</td>

</tr>

</center>

</td>
</table>


</body>


</html>

*************

bedankt
 
Er zijn twee dingen die je je moet bedenken:

1. Javascript menu's zijn een Slecht Idee ™. Als iemand geen Javascript heeft, of het niet heeft aanstaan, of bijvoorbeeld de pagina met een screenreader bekijkt (bv. slechtzienden) kunnen deze niet navigeren op de website. Daarnaast kunnen crawlers, zoals Google, je menu-structuur niet 'zien' omdat het in script-vorm staat. Practisch gezegd dus: Google indexeert je pagina's niet en je komt niet tevoorschijn in de zoekresultaten. Het is dus heel erg af te raden - als het aan mij lag verboden - een menu te gebruiken dat gebaseerd is op Javascript.

2.
language="JavaScript1.2"
Klik om te vergroten...

Ondertussen zijn we bij Javascript versie 1.8 - 1.2 kwam uit in 1997. Dit opzich is geen probleem, maar meestal wijst zoiets er op dat het een oud, slecht script is. En jawel, mijn vermoeden klopten: het script gebruikt 'foute' code:

[js]var y=eval('x.currentStyle.'+gP);[/js]

en eval dient niet gebruikt te worden.


---



Nu is er (uiteraard! :D) een oplossing voor je probleem: CSS. Met CSS kan je precies hetzelfde bouwen - zie bijvoorbeeld hier voor een demo (code is oud, maar het gaat om het idee). Google keyword is hier 'css flyout menu' om verder te zoeken!
 
Laatst bewerkt:
oke,

ja, is een custom made menu he.

bedankt voor de CSS tip...

ga onmiddellijk op zoek

thx
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan