Помогите плзз разобраться с менюшкой....

Привет Всем, прошу помощи!!!!

Сделал свой шаблон, все прекрасно работает, меню сделал вертикальное в DremWeavere ---> NavigationBar, так, чтоб при нажатии на кнопку, она менялась на другую картинку (нажатую кнопку) и оставалась активной, тобишь оставалась в нажатом состоянии, вот... Но когда делаю предпросмотр сайта в CMS-ке, то когда нажимаю на какую-либо кнопку, етот эффект пропадает, а остается лишь эффект RollOver....

Что Делать....?

Wayfinder ?

если да, то он добавляет к активному пункту меню CSS-класс active, через него и работайте. Однако не мешало бы показать вызов сниппета и чанки меню.

Неа без Wayfindera, просто менюшка, вставленная в шаблон...

ну тогда к MODx это не имеет никакого отношения, уж извините.

тут проблем может быть масса: начиная от недозакаченных файлов и кончая не подключенных картинок или неверных путей. ссылку на сайт дайте

да в том то и дело, что сайт у меня на локалке, так что недокачка тут не причем и в html файл работает корректно ,но вот когда все ето дело в шаблон идет.... и странно, что когда мышкой на кнопку наводишь, то она меняется, но не остается нажатой после клика... могу код шаблонп скинуть, если поможет

ну хоть что-то. показывайте сообщение об ошибке

а ошибки никакой и не показывается....

код шаблона

[table][tr][td]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>[*pagetitle*]</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="[(base_url)]assets/site/style.css" type="text/css" media="screen" />

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #532607;
}
.style1 { font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
cellspacing="5" cellpadding="5";
}
.style13 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>



<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #532607;
}
-->
</style></head>





<body onLoad="MM_preloadImages(’../RealSite/Buttons/1010.jpg’,’11.jpg’,’assets/images/Buttons/11.jpg’,’assets/images/Buttons/22.jpg’)">
<table width="100%" border="0" cellspacing="0" cellpadding="0" td valign="top" >
<tr>
<th width="206" height="311" scope="col"><img src="assets/images/1.jpg" width="206" height="311" /></th>
<th width="859" background="assets/images/2a.jpg" scope="col"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">

</p></th>
<th width="215" height="311" scope="col"><img src="assets/images/3.jpg" width="215" height="311" /></th>
</tr>
<tr>
<td width="206" height="713" valign="top" background="assets/images/hm.jpg"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.php?id=1" target="_self" onclick="MM_nbGroup(’down’,’group1’,’onas’,’assets/images/Buttons/11.jpg’,1)" onmouseover="MM_nbGroup(’over’,’onas’,’assets/images/Buttons/11.jpg’,’assets/images/Buttons/11.jpg’,1)" onmouseout="MM_nbGroup(’out’)"><img src="assets/images/Buttons/1.jpg" alt="" name="onas" width="206" height="35" border="0" id="onas" onload="" /></a></td>
</tr>
<tr>
<td><a href="index.php?id=2" target="_self" onclick="MM_nbGroup(’down’,’group1’,’standart’,’assets/images/Buttons/22.jpg’,1)" onmouseover="MM_nbGroup(’over’,’standart’,’assets/images/Buttons/22.jpg’,’assets/images/Buttons/22.jpg’,1)" onmouseout="MM_nbGroup(’out’)"><img src="assets/images/Buttons/2.jpg" alt="" name="standart" width="206" height="40" border="0" id="standart" onload="" />

</a></td>
</tr>
</table>
<p><a href="index.php?id=1" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(’Image6’,’’,’assets/images/Buttons/11.jpg’,1)">
</a><a href="[*onas*]" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(’Image5’,’’,’11.jpg’,1)">

</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(’Image16’,’’,’../RealSite/Buttons/1010.jpg’,1)">

</a>

</p> </td>
<td width="859" rowspan="2" align="center" valign="top" background="assets/images/hm2.jpg"><table width="100%" border="0" cellspacing="10">
<tr>
<th valign="top" class="style12" scope="scope"><p align="center" class="style13">[*#content*]</p>
<p align="justify" class="style2">&nbsp;</p></th>
</tr>
</table></td>
<td width="215" height="713" valign="top" background="assets/images/6.jpg"><script type="text/javascript">
AC_FL_RunContent( ’codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0’,’width’,’215’,’height’,’161’,’src’,’1’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’movie’,’1’ ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="215" height="161">
<param name="movie" value="1.swf">
<param name="quality" value="high">
<embed src="1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="215" height="161"></embed>
</object>
</noscript>
<img src="assets/images/6tuka.jpg" width="215" height="8">

<script type="text/javascript">
AC_FL_RunContent( ’codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0’,’width’,’215’,’height’,’161’,’src’,’2’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’movie’,’2’ ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="215" height="161">
<param name="movie" value="2.swf">
<param name="quality" value="high">
<embed src="2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="215" height="161"></embed>
</object>
</noscript>
<img src="assets/images/6tuka.jpg" width="215" height="8">

<script type="text/javascript">
AC_FL_RunContent( ’codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0’,’width’,’215’,’height’,’161’,’src’,’3’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’movie’,’3’ ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="215" height="161">
<param name="movie" value="3.swf">
<param name="quality" value="high">
<embed src="3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="215" height="161"></embed>
</object>
</noscript></td>
</tr>





<tr>
<td width="206" valign="bottom" background="assets/images/hm.jpg">&nbsp;</td>
<td valign="bottom" background="assets/images/6.jpg">&nbsp;<img src="assets/images/kontakt.png" width="210" height="260" /></td>
</tr>
</table>

</body>
</html>

[/table]

так мы далеко не уедем. выкладывайте сайт в интернет и показывайте.

зачем в интернет, вот они исходники и так все видно.
собственно dreamweaver не изменился за пару лет, штампует такие же страшные менюшки =)
попробуйте поменять у тегов <a> href="index.php?id=*" на href="#", так у вас и должно было быть когда вы все это в dreamweaver’е делали.
сайт конечно работать не будет, но это объяснит почему кнопки не нажимаются. href="#" страница не перезагружается и javascript отлично отрабатывает свои функции, меняя и фиксируя картинки в меню. href="index.php?id=1" страница полностью обновляется и либо вы почитаете что такое wayfinder либо будете каким-то хитрым способом сохранять данные о том что кнопка нажата.
Первое и самое простое что пришло в голову, может дело и не в этом.