Konflik izmedju Swap Image Behavior-a i klizeceg menija

  • 6 odgovora
  • 4.012 pregleda
Konflik izmedju Swap Image Behavior-a i klizeceg menija 29.03.2007. u 20:43 · pre 238 meseci #1
Skinula sam sa dinamic drive-a jednu skriptu za klizeci meni i to modifikovala za jedan od formulara na sajtu medjutim problem je nastao kada sam dodala swap image behavior na opcije navigacije. Kada imam behavior dodat klizeci meni ne radi. Da li imate pojma zasto.



Hvala
Re: Konflik izmedju Swap Image Behavior-a i klizeceg menija 29.03.2007. u 23:35 · pre 238 meseci #3
Code:
...Da li imate pojma zasto.

pa bez koda mozemo samo da nagadjamo...

ali verovatno si overwritovala neki event handler... mada, moja preporuka ti je da zamenu slika radis preko css-a...
Potpis
rafforum.rs - Forum Računarskog Fakulteta
Re: Konflik izmedju Swap Image Behavior-a i klizeceg menija 30.03.2007. u 12:34 · pre 238 meseci #4
Evo i koda
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="slashfiles/menu.js"></script>
<link href="slashfiles/menu.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body background="images/bgmachinerymoving.gif" topmargin="0" onLoad="MM_preloadImages('images/glow_01.gif','images/glow_02.gif','images/glow_03.gif','images/glow_04.gif')">
<table width="700" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="images/baner.jpg" width="700" height="80"></td>
</tr>
<tr>
<td><a href="javascript:;" onMouseOver="MM_swapImage('Image1','','images/glow_01.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/navbar_01.gif" name="Image1" width="133" height="20" border="0" id="Image1"></a><a href="javascript:;" onMouseOver="MM_swapImage('Image2','','images/glow_02.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/navbar_02.gif" name="Image2" width="183" height="20" border="0" id="Image2"></a><a href="javascript:;" onMouseOver="MM_swapImage('Image3','','images/glow_03.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/navbar_03.gif" name="Image3" width="213" height="20" border="0" id="Image3"></a><a href="javascript:;" onMouseOver="MM_swapImage('Image4','','images/glow_04.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/navbar_04.gif" name="Image4" width="171" height="20" border="0" id="Image4"></a></td>
</tr>
<tr>
<td><?php include('testquote.php'); ?></td>
</tr>
<tr>
<td><table width="700" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#9b0033" height="auto"><div align="center" class="style1"><br>
<a href="index.php"> Home</a> | <a href="testquote.php">Free Quote</a> | <a href="contactus.php"> Contact
Us </a> | <a href="gallery.php">Gallery</a><br>
For any problems please contact <a href="mailto:[email protected]">webmaster</a>.<br>
Copyright &copy; 2007 Industrial Contracting<br>
<br>
</div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Re: Konflik izmedju Swap Image Behavior-a i klizeceg menija 30.03.2007. u 18:57 · pre 238 meseci #5
a gde ti pozivas taj "klizeci" meni, to sto dreamweaver ubaci bolje zameni sa css i neces imati konflikte, znaci napravis nesto tipa

Code:

.meni {
  overflow:auto;
  zoom:1;

}

.meni a,
.meni a:hover {
  background: url(images/navbar_01.gif) norepeat-x top left;
  width: 133px;
  height: 20px;
  display: block;
  float:left;
}

.meni a:hover {
  background: url(images/glow_01.gif) norepeat-x top left;
}


ovo je samo grubi primer (jedna od mogucnosti) i u kodu dodeli svakoj stavci u meniju <a href="javascript:otvori_klizeci_meni(id);">Tekst</a> i ima da radi, onda tvoj meni napises ovako
Code:

<div class="meni">
  <a href="javascript:otvori_klizeci_meni(id1);">Tekst1</a>
  <a href="javascript:otvori_klizeci_meni(id2);">Tekst2</a>
  <a href="javascript:otvori_klizeci_meni(id3);">Tekst3</a>
  <a href="javascript:otvori_klizeci_meni(id4);">Tekst4</a>
</div>


i ima da radi 100%.

ovo je iz glave mozda ne proradi iz prve. Za css ima i drugih resenja, ali ovo je za tebe najjednostavnije



A resenje za tvoj problem je "javascript:;" fali ti naziv funkcije koja otvara taj padajuci meni, iza "javascript:funkcija_asd();"
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme