listing mouseover

kagit_gemi · 23.08.2001

merhaba arkadaşlar ben ,
http://www.zoque.com/eskitasarim/web...avaskript.html adresindeki "listing mouseover" scriptini kullanmak istiyorum ama tek sorunum linkin üzerine geldiğimde çıkacak olan yeni yazının tek satır kabul etmesi..

bu adresteki örnek için konuşursak "menu 2" ye geldiğimde "Menu2desiniz" diye bir yazı çıkıyor. işte bu menu2desiniz yazısı yerine yazacaklarımı birden fazla satır halinde yazmak istiyorum.yeni kodlar için yardımcı olursanız sevinirim..

absconder · 23.08.2001

ilk aklıma gelen;

menü elemnı kadar layer oluştur ve visibliyt'sini invisible yap.

menü elemanının üzerine geldiğinde ilgili layer'in visibility'sini visible yapmak. ehehe dur en iyisi kodları yazayım :)

tam çalışır haldeki kod;

<HTML>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=">
<script language="JavaScript">


function MM_findObj(n, d) { //v4.0
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 && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<div id="Layer1" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden">
<p>menu 1</p>
<p>değil mi :)</p>
</div>
<div id="Layer2" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden">
<p>menu 2</p>
<p>değil mi :)</p>
</div>
<div id="Layer3" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden">
<p>menu 3</p>
<p>değil mi :)</p>
</div>
<a href="#" onMouseOver="MM_showHideLayers('Layer1','','show', 'analayer','','hide')" onMouseOut="MM_showHideLayers('Layer1','','hide',' analayer','','show')">menü 1</a> <a href="#" onMouseOver="MM_showHideLayers('Layer2','','show', 'analayer','','hide')" onMouseOut="MM_showHideLayers('Layer2','','hide',' analayer','','show')">menü
2</a> <a href="#" onMouseOver="MM_showHideLayers('Layer3','','show', 'analayer','','hide')" onMouseOut="MM_showHideLayers('Layer3','','hide',' analayer','','show')">menü 3 </a>
<div id="analayer" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1">
<p>analayer</p>
<p>albette :)</p>
</div>
</body>
</HTML>

layer'larin içine istediğini koyabilirsin. resim, tablo yada her ne gerekiyorsa.

kagit_gemi · 24.08.2001

tşk

kagit_gemi · 25.08.2001

son bi soru daha:
<div id="Layer1" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden">

" left:364px; top:103px; width:142px; height:82px; " sanırım layerların yerini bu kodlarla belirliyoruz.. ama bu , çözünürlüğüne göre dizaynı bozuyor. bunu önlemek için farklı çözünürlükteki ekranlar için ayrı sayfalar mı yapmam gerekir? yoksa daha kolay bir yolu var mı?

23.08.2001	#1 (permalink)
kagit_gemi Üyelik Tarihi: 01.01.2001 Yer: paris?? Yaş: 23 Mesaj: 36	listing mouseover merhaba arkadaşlar ben , http://www.zoque.com/eskitasarim/web...avaskript.html adresindeki "listing mouseover" scriptini kullanmak istiyorum ama tek sorunum linkin üzerine geldiğimde çıkacak olan yeni yazının tek satır kabul etmesi.. bu adresteki örnek için konuşursak "menu 2" ye geldiğimde "Menu2desiniz" diye bir yazı çıkıyor. işte bu menu2desiniz yazısı yerine yazacaklarımı birden fazla satır halinde yazmak istiyorum.yeni kodlar için yardımcı olursanız sevinirim..

23.08.2001	#2 (permalink)
absconder Üyelik Tarihi: 09.12.2000 Yer: istanbul Yaş: 30 Mesaj: 1,973	ilk aklıma gelen; menü elemnı kadar layer oluştur ve visibliyt'sini invisible yap. menü elemanının üzerine geldiğinde ilgili layer'in visibility'sini visible yapmak. ehehe dur en iyisi kodları yazayım :) tam çalışır haldeki kod; <HTML> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/HTML; charset="> <script language="JavaScript"> <!-- <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW \|\| innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> function MM_findObj(n, d) { //v4.0 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 && document.getElementById) x=document.getElementById(n); return x; } function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; } } //--> </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <div id="Layer1" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden"> <p>menu 1</p> <p>değil mi :)</p> </div> <div id="Layer2" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden"> <p>menu 2</p> <p>değil mi :)</p> </div> <div id="Layer3" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden"> <p>menu 3</p> <p>değil mi :)</p> </div> <a href="#" onMouseOver="MM_showHideLayers('Layer1','','show', 'analayer','','hide')" onMouseOut="MM_showHideLayers('Layer1','','hide',' analayer','','show')">menü 1</a> <a href="#" onMouseOver="MM_showHideLayers('Layer2','','show', 'analayer','','hide')" onMouseOut="MM_showHideLayers('Layer2','','hide',' analayer','','show')">menü 2</a> <a href="#" onMouseOver="MM_showHideLayers('Layer3','','show', 'analayer','','hide')" onMouseOut="MM_showHideLayers('Layer3','','hide',' analayer','','show')">menü 3 </a> <div id="analayer" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1"> <p>analayer</p> <p>albette :)</p> </div> </body> </HTML> layer'larin içine istediğini koyabilirsin. resim, tablo yada her ne gerekiyorsa. __________________ "oturduğum mahallenin yolları çamurluydu, boyalı ayakkabı giysem bile, o yollardan geçtikten sonra çamurlanmamaları mümkün değildi. hayatım da böyle." yılmaz güney http://www.sipidik.com

24.08.2001	#3 (permalink)
kagit_gemi Üyelik Tarihi: 01.01.2001 Yer: paris?? Yaş: 23 Mesaj: 36	tşk

25.08.2001	#4 (permalink)
kagit_gemi Üyelik Tarihi: 01.01.2001 Yer: paris?? Yaş: 23 Mesaj: 36	son bi soru daha: <div id="Layer1" style="position:absolute; left:364px; top:103px; width:142px; height:82px; z-index:1; visibility: hidden"> " left:364px; top:103px; width:142px; height:82px; " sanırım layerların yerini bu kodlarla belirliyoruz.. ama bu , çözünürlüğüne göre dizaynı bozuyor. bunu önlemek için farklı çözünürlükteki ekranlar için ayrı sayfalar mı yapmam gerekir? yoksa daha kolay bir yolu var mı?

Sponsorlu Bağlantılar
Zoque.Forum Reklam