Layerde script kullanma

Metin · 20.05.2000

Şimdi iki layer yaptım sayfada mesela solda linkler var sağda ikitane üstüste layer şimdi bilirmisiniz javascriptle hani mause ile linkin üzerine getiriyoruzda resim değişiyorya aynen öyle benim sorumda da soldaki linkin üzerine mause ile gelince alttaki seçtiğim layer değişecek.
Sorumu biraz daha açıyım.Şimdi üste bir adet layer alta ise link sayısı kadar layer soldaki linkin üstüne gelince alttaki layer hazırladığımız linke göre değişecek.Bak mesela sevgili bülentBoz'un ana sayfasındaki resimlerin değiştiği gibi.Onmauseout onmauseover mantığı işte anlayın artık

)
Valla o kadar uğraştım ancak bu kadar anlatabildim.Artık anlaşılmazsa bana anlatma özürlü lakabını verebilirsiniz.Hehehe
Hadi iyi çalışmalar
Dingiltere'yi nasıl yendik ama

)hehehe.
Hadi iyi çalışmalar

------------------
#*****#
#***#
#*#
#

20.05.2000

anladigim kadari ile bunun nasil oldugunu mu ögrenmek istiyorsin kisacasi

bboz sayfasinda layerlar ile calismadi. kullandigi java skript, mouse overda nerede resimin cikacagini belirliyor. bu skriptin bir benzerini bizim baslangic sayfasinda da kullanildi.

ilk sayfada mesela alt alta bulunan 4 tane link var. forum, güncelleme, newsletter (newsletter abone oldun mu bakkiim

), yardim diye. bunlara basinca mesela layerlar ortaya cikiyor. layerlar ile ilgili güzel örnekleri http://www.bratta.com adresinde bulabilirsin, bizde kaynak olarak o siteyi kullandik.

simdi gelelimm bboz ve bizim ilk sayfada kullanilan skipte.

<script type="text/JavaScript" language="JavaScript">
ie4 = ((navigator.appName == "Microsoft internet Explorer") && (parseInt(navigator.appVersion) >= 4 ));
ns3 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 ));

if (ns3 | | ie4) {
preload();
}
function preload() {
bilder = new Array();
bilder[0] = "intro_mimarlik.gif";
bilder[1] = "imimarlik.jpg";
bilder[2] = "intro_sanat.gif";
bilder[3] = "isanat.gif";
bilder[4] = "intro_muzik.gif";
bilder[5] = "imuzik.gif";
bilder[6] = "intro_fotografcilik.gif";
bilder[7] = "ifoto.gif";
bilder[8] = "intro_arkadaslar.gif";
bilder[9] = "ilynx.gif";
bilder[10] = "intro_webmaster.gif";
bilder[11] = "iwebmaster.gif";
bilder[12] = "intro_geyikovic.gif";
bilder[13] = "ibenc.jpg";
bilder[14] = "intro_kontakt.gif";
bilder[15] = "ikontakt.jpg";
bilder[16] = "intro_konuk_defteri.gif";
bilder[17] = "ikonuk.gif";
bilder[21] = "ahaead_zoque.gif";
bilder[22] = "ahead_mimarlik.gif";
bilder[23] = "ahead_sanat.gif";
bilder[24] = "ahead_muzik.gif";
bilder[25] = "ahead_foto.gif";
bilder[26] = "ahead_lynx.gif";
bilder[27] = "ahead_webmaster.gif";
bilder[28] = "ahead_benc.gif";
bilder[29] = "ahead_kontakt.gif";
bilder[30] = "ahead_konuk.gif";

im = new Array();
for (var i = 0; i < bilder.length; i++){
im[i] = new image();
im[i].src = bilder[i];
}
}

function hilite_mo(num,imgname,text) {
if (ns3 | | ie4) {
imgname.src = im[num].src;
document.text.src = im[text].src
}
}

function nix() {
t=1
}
</script>

bu kisim <head> bölümüne giriyor. önce pasif olan resimler tanimlanmis sonra da mouse overda degisecek resimler belirtilmis.
mesela:
bilder[0] = "intro_mimarlik.gif"; -- pasif
bilder[1] = "imimarlik.jpg"; -- mouse overda gözüküyor
bilder[21] = "ahaead_zoque.gif"; bu ise mouse over sirasinda sag kösede cikan grafigi belirtiyor.

simdi ise <body> nin icine giren kisimlar:
<img
src=blank1.gif height=5 width=1><br><img src="ahaead_zoque.gif" name=text width="152" height="41" border="0" alt=""> -- bu kisim sag kösede yazinin gözükmesini istedigini yere koyuyorsun.

simdi ise önemli kisim geliyor:
<A
href="navigation_zoque/frame_inhalt_mimarlik.HTML"
onclick=hilite_mo(0,mimarlik,21) onfocus=this.blur()
onmouseout=hilite_mo(0,mimarlik,21)
onmouseover="hilite_mo(1,mimarlik,22);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_mimarlik.gif" name=mimarlik WIDTH="75" HEIGHT="50" BORDER="0"></A><BR>
<TD><A
href="navigation_zoque/frame_inhalt_sanat.HTML"
onclick=hilite_mo(2,sanat,21) onfocus=this.blur()
onmouseout=hilite_mo(2,sanat,21)
onmouseover="hilite_mo(3,sanat,23);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_sanat.gif" WIDTH="75" name=sanat HEIGHT="50" BORDER="0"></A><BR>
</TD><TD WIDTH="75"><A
href="navigation_zoque/frame_inhalt_muzik.HTML"
onclick=hilite_mo(4,muzik,21) onfocus=this.blur()
onmouseout=hilite_mo(4,muzik,21)
onmouseover="hilite_mo(5,muzik,24);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_muzik.gif" name=muzik WIDTH="75" HEIGHT="50" BORDER="0"></A><BR>
</TD><TD WIDTH="75"><A
href="navigation_zoque/frame_inhalt_fotografcilik.HTML"
onclick=hilite_mo(6,foto,21) onfocus=this.blur()
onmouseout=hilite_mo(6,foto,21)
onmouseover="hilite_mo(7,foto,25);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_fotografcilik.gif" name=foto WIDTH="75" HEIGHT="50" BORDER="0"><BR>
</TD><TD WIDTH="75"><A
href="navigation_zoque/frame_inhalt_lynx.HTML"
onclick=hilite_mo(8,lynx,21) onfocus=this.blur()
onmouseout=hilite_mo(8,lynx,21)
onmouseover="hilite_mo(9,lynx,26);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_arkadaslar.gif" name=lynx WIDTH="75" HEIGHT="50" BORDER="0"><BR>
</TD><TD WIDTH="75"><A
href="navigation_zoque/frame_inhalt_webmaster.HTML"
onclick=hilite_mo(10,webmaster,21) onfocus=this.blur()
onmouseout=hilite_mo(10,webmaster,21)
onmouseover="hilite_mo(11,webmaster,27);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_webmaster.gif" name=webmaster WIDTH="75" HEIGHT="50" BORDER="0"></A><BR>
</TD><TD><A
href="navigation_zoque/frame_inhalt_benc.HTML"
onclick=hilite_mo(12,benc,21) onfocus=this.blur()
onmouseout=hilite_mo(12,benc,21)
onmouseover="hilite_mo(13,benc,28);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_geyikovic.gif" name=benc WIDTH="75" HEIGHT="50" BORDER="0"><BR>
</TD><TD WIDTH="75"><A
href="navigation_zoque/frame_inhalt_forum.HTML"
onclick=hilite_mo(14,kontakt,21) onfocus=this.blur()
onmouseout=hilite_mo(14,kontakt,21)
onmouseover="hilite_mo(15,kontakt,29);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_kontakt.gif" name=kontakt WIDTH="75" HEIGHT="50" BORDER="0"></A><BR>
</TD><TD WIDTH="75"><A
href="navigation_zoque/frame_inhalt_konuk.HTML"
onclick=hilite_mo(16,konuk,21) onfocus=this.blur()
onmouseout=hilite_mo(16,konuk,21)
onmouseover="hilite_mo(17,konuk,30);status=''"
style="CURSOR: default" target="text1"><IMG
SRC="intro_konuk_defteri.gif" name=konuk 9WIDTH="75" HEIGHT="50" BORDER="0"></A>

simdi biraz bunu aciklamaya calisayim:
<A
href="navigation_zoque/frame_inhalt_mimarlik.HTML" -link-
onclick=hilite_mo(0,mimarlik,21) onfocus=this.blur() 0 en üstteki resmin numarasi, 21 ise buna ait yazi
onmouseout=hilite_mo(0,mimarlik,21)
onmouseover="hilite_mo(1,mimarlik,22);status=''" yani mouse overda 1 numarali resim ve 22 numarayi kullan
style="CURSOR: default" target="text1" bu targetlara gerek yok, biz framelerden dolayi kullandik><IMG
SRC="intro_mimarlik.gif" name=mimarlik WIDTH="75" HEIGHT="50" BORDER="0"></A>

istersen ilk sayfaya Explorer ile gir. ve sayfayi kopya ait. (tüm grafiklerle beraber)
sonra sana verdigim en üstteki sktripti sayfaya koyup yapmaya calis.

sana iyi calismalar <IMG SRC="http://wwwrzstud.rz.uni-karlsruhe.d

20.05.2000

Metin · 23.05.2000

Tamam güzel yazdıklarınızı denedim ve yapabildim.Ama sizin anasayfada linklere tıklanınca(onclick olayı)layer değişiyor.(yukardaki giflerden bahsetiyorum.forum,newsletter vs linklerinden bahsediyorum)İşte benim demek istediğim peki bu layer değişmesini 0nclick değilde onmauseover ile yapabilirmiyiz yani skriptte onclick yerine onmauseover desek olmazmı ki?
Birde benim layerlerim yazı artı resimden oluşmakta.İkisi bir layerin içinde yani.Ve ortada yan taraftada linkler var.İstediğim uzun lafın kısası onmauseover yapacam tak diye o linkin layeri çıkacak.
Ya da kısaca draemveawer ya da drumbeat2000 kullanarak bunları yapabilirmiyim.Yaparsam nasıl?
Bir de ASP öğrenebileceğim site,program döküman gibi şeyler var mı.Ve bunlar türkishçe olursa daha iyi olur ingilizcem çok ileri değil.Çevirirken ölüyorum walla

İlginize teşekkürler.
Anatlaya'dan sevgilerle....

cihangir · 23.05.2000

bu layerlar icin en iyi örnek http://www.bratta.com adresinde bulabilirsin. bahsettigin mouse over effekti yapan bir java skriptte var. bizde su aralar buna benzer bir skripti baska bir sayfaya baglamaya calisiyoruz.

layerlarda gerci ufak bir problem olsa da galiba bu benden kaynaklaniyor.

ASP konusunda ne yazik ki türkce bir kaynak bilmiyorum. elimde kaynak olarak: http://www.aspin.com/ http://www.web-savant.com/users/kathi/default.htm
diye 2 adres var. umarim isine yarar.

sevgilerle

------------------
zoque
zoque@zoque.com

cihangir · 30.05.2000

http://www.24fun.com/downloadcenter/...mapnavbar.html

adresinde de ilk sayfadaki benzer bir skript bulunmakta. bizim skript kadar karisik gözükmüyor en azindan.

23.05.2000	#5 (permalink)
cihangir Üyelik Tarihi: 11.04.2000 Yer: Karlsruhe / Freiburg Yaş: 33 Mesaj: 5,676 Görsel: 169	bu layerlar icin en iyi örnek http://www.bratta.com adresinde bulabilirsin. bahsettigin mouse over effekti yapan bir java skriptte var. bizde su aralar buna benzer bir skripti baska bir sayfaya baglamaya calisiyoruz. layerlarda gerci ufak bir problem olsa da galiba bu benden kaynaklaniyor. ASP konusunda ne yazik ki türkce bir kaynak bilmiyorum. elimde kaynak olarak: http://www.aspin.com/ http://www.web-savant.com/users/kathi/default.htm diye 2 adres var. umarim isine yarar. sevgilerle ------------------ zoque zoque@zoque.com __________________ Üyeler tanisiyor \| Üyeler kendilerini tanitiyorlar. İletisim Merkezi \| Forumla ilgili sorulariniz, problem bildirimi icin lütfen daha fazla ö.m. atmayiniz.

30.05.2000	#6 (permalink)
cihangir Üyelik Tarihi: 11.04.2000 Yer: Karlsruhe / Freiburg Yaş: 33 Mesaj: 5,676 Görsel: 169	http://www.24fun.com/downloadcenter/...mapnavbar.html adresinde de ilk sayfadaki benzer bir skript bulunmakta. bizim skript kadar karisik gözükmüyor en azindan. __________________ Üyeler tanisiyor \| Üyeler kendilerini tanitiyorlar. İletisim Merkezi \| Forumla ilgili sorulariniz, problem bildirimi icin lütfen daha fazla ö.m. atmayiniz.

20.05.2000	#1 (permalink)
Metin Üyelik Tarihi: 19.05.2000 Yer: Antalya/Turkiye Mesaj: 3	Şimdi iki layer yaptım sayfada mesela solda linkler var sağda ikitane üstüste layer şimdi bilirmisiniz javascriptle hani mause ile linkin üzerine getiriyoruzda resim değişiyorya aynen öyle benim sorumda da soldaki linkin üzerine mause ile gelince alttaki seçtiğim layer değişecek. Sorumu biraz daha açıyım.Şimdi üste bir adet layer alta ise link sayısı kadar layer soldaki linkin üstüne gelince alttaki layer hazırladığımız linke göre değişecek.Bak mesela sevgili bülentBoz'un ana sayfasındaki resimlerin değiştiği gibi.Onmauseout onmauseover mantığı işte anlayın artık ) Valla o kadar uğraştım ancak bu kadar anlatabildim.Artık anlaşılmazsa bana anlatma özürlü lakabını verebilirsiniz.Hehehe Hadi iyi çalışmalar Dingiltere'yi nasıl yendik ama )hehehe. Hadi iyi çalışmalar ------------------ #***# ## ## #

20.05.2000	#2 (permalink)
zoque Mesaj: n/a	anladigim kadari ile bunun nasil oldugunu mu ögrenmek istiyorsin kisacasi bboz sayfasinda layerlar ile calismadi. kullandigi java skript, mouse overda nerede resimin cikacagini belirliyor. bu skriptin bir benzerini bizim baslangic sayfasinda da kullanildi. ilk sayfada mesela alt alta bulunan 4 tane link var. forum, güncelleme, newsletter (newsletter abone oldun mu bakkiim ), yardim diye. bunlara basinca mesela layerlar ortaya cikiyor. layerlar ile ilgili güzel örnekleri http://www.bratta.com adresinde bulabilirsin, bizde kaynak olarak o siteyi kullandik. simdi gelelimm bboz ve bizim ilk sayfada kullanilan skipte. <script type="text/JavaScript" language="JavaScript"> ie4 = ((navigator.appName == "Microsoft internet Explorer") && (parseInt(navigator.appVersion) >= 4 )); ns3 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )); if (ns3 \| \| ie4) { preload(); } function preload() { bilder = new Array(); bilder[0] = "intro_mimarlik.gif"; bilder[1] = "imimarlik.jpg"; bilder[2] = "intro_sanat.gif"; bilder[3] = "isanat.gif"; bilder[4] = "intro_muzik.gif"; bilder[5] = "imuzik.gif"; bilder[6] = "intro_fotografcilik.gif"; bilder[7] = "ifoto.gif"; bilder[8] = "intro_arkadaslar.gif"; bilder[9] = "ilynx.gif"; bilder[10] = "intro_webmaster.gif"; bilder[11] = "iwebmaster.gif"; bilder[12] = "intro_geyikovic.gif"; bilder[13] = "ibenc.jpg"; bilder[14] = "intro_kontakt.gif"; bilder[15] = "ikontakt.jpg"; bilder[16] = "intro_konuk_defteri.gif"; bilder[17] = "ikonuk.gif"; bilder[21] = "ahaead_zoque.gif"; bilder[22] = "ahead_mimarlik.gif"; bilder[23] = "ahead_sanat.gif"; bilder[24] = "ahead_muzik.gif"; bilder[25] = "ahead_foto.gif"; bilder[26] = "ahead_lynx.gif"; bilder[27] = "ahead_webmaster.gif"; bilder[28] = "ahead_benc.gif"; bilder[29] = "ahead_kontakt.gif"; bilder[30] = "ahead_konuk.gif"; im = new Array(); for (var i = 0; i < bilder.length; i++){ im[i] = new image(); im[i].src = bilder[i]; } } function hilite_mo(num,imgname,text) { if (ns3 \| \| ie4) { imgname.src = im[num].src; document.text.src = im[text].src } } function nix() { t=1 } </script> bu kisim <head> bölümüne giriyor. önce pasif olan resimler tanimlanmis sonra da mouse overda degisecek resimler belirtilmis. mesela: bilder[0] = "intro_mimarlik.gif"; -- pasif bilder[1] = "imimarlik.jpg"; -- mouse overda gözüküyor bilder[21] = "ahaead_zoque.gif"; bu ise mouse over sirasinda sag kösede cikan grafigi belirtiyor. simdi ise <body> nin icine giren kisimlar: <img src=blank1.gif height=5 width=1><br><img src="ahaead_zoque.gif" name=text width="152" height="41" border="0" alt=""> -- bu kisim sag kösede yazinin gözükmesini istedigini yere koyuyorsun. simdi ise önemli kisim geliyor: <A href="navigation_zoque/frame_inhalt_mimarlik.HTML" onclick=hilite_mo(0,mimarlik,21) onfocus=this.blur() onmouseout=hilite_mo(0,mimarlik,21) onmouseover="hilite_mo(1,mimarlik,22);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_mimarlik.gif" name=mimarlik WIDTH="75" HEIGHT="50" BORDER="0"></A><BR> <TD><A href="navigation_zoque/frame_inhalt_sanat.HTML" onclick=hilite_mo(2,sanat,21) onfocus=this.blur() onmouseout=hilite_mo(2,sanat,21) onmouseover="hilite_mo(3,sanat,23);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_sanat.gif" WIDTH="75" name=sanat HEIGHT="50" BORDER="0"></A><BR> </TD><TD WIDTH="75"><A href="navigation_zoque/frame_inhalt_muzik.HTML" onclick=hilite_mo(4,muzik,21) onfocus=this.blur() onmouseout=hilite_mo(4,muzik,21) onmouseover="hilite_mo(5,muzik,24);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_muzik.gif" name=muzik WIDTH="75" HEIGHT="50" BORDER="0"></A><BR> </TD><TD WIDTH="75"><A href="navigation_zoque/frame_inhalt_fotografcilik.HTML" onclick=hilite_mo(6,foto,21) onfocus=this.blur() onmouseout=hilite_mo(6,foto,21) onmouseover="hilite_mo(7,foto,25);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_fotografcilik.gif" name=foto WIDTH="75" HEIGHT="50" BORDER="0"><BR> </TD><TD WIDTH="75"><A href="navigation_zoque/frame_inhalt_lynx.HTML" onclick=hilite_mo(8,lynx,21) onfocus=this.blur() onmouseout=hilite_mo(8,lynx,21) onmouseover="hilite_mo(9,lynx,26);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_arkadaslar.gif" name=lynx WIDTH="75" HEIGHT="50" BORDER="0"><BR> </TD><TD WIDTH="75"><A href="navigation_zoque/frame_inhalt_webmaster.HTML" onclick=hilite_mo(10,webmaster,21) onfocus=this.blur() onmouseout=hilite_mo(10,webmaster,21) onmouseover="hilite_mo(11,webmaster,27);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_webmaster.gif" name=webmaster WIDTH="75" HEIGHT="50" BORDER="0"></A><BR> </TD><TD><A href="navigation_zoque/frame_inhalt_benc.HTML" onclick=hilite_mo(12,benc,21) onfocus=this.blur() onmouseout=hilite_mo(12,benc,21) onmouseover="hilite_mo(13,benc,28);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_geyikovic.gif" name=benc WIDTH="75" HEIGHT="50" BORDER="0"><BR> </TD><TD WIDTH="75"><A href="navigation_zoque/frame_inhalt_forum.HTML" onclick=hilite_mo(14,kontakt,21) onfocus=this.blur() onmouseout=hilite_mo(14,kontakt,21) onmouseover="hilite_mo(15,kontakt,29);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_kontakt.gif" name=kontakt WIDTH="75" HEIGHT="50" BORDER="0"></A><BR> </TD><TD WIDTH="75"><A href="navigation_zoque/frame_inhalt_konuk.HTML" onclick=hilite_mo(16,konuk,21) onfocus=this.blur() onmouseout=hilite_mo(16,konuk,21) onmouseover="hilite_mo(17,konuk,30);status=''" style="CURSOR: default" target="text1"><IMG SRC="intro_konuk_defteri.gif" name=konuk 9WIDTH="75" HEIGHT="50" BORDER="0"></A> simdi biraz bunu aciklamaya calisayim: <A href="navigation_zoque/frame_inhalt_mimarlik.HTML" -link- onclick=hilite_mo(0,mimarlik,21) onfocus=this.blur() 0 en üstteki resmin numarasi, 21 ise buna ait yazi onmouseout=hilite_mo(0,mimarlik,21) onmouseover="hilite_mo(1,mimarlik,22);status=''" yani mouse overda 1 numarali resim ve 22 numarayi kullan style="CURSOR: default" target="text1" bu targetlara gerek yok, biz framelerden dolayi kullandik><IMG SRC="intro_mimarlik.gif" name=mimarlik WIDTH="75" HEIGHT="50" BORDER="0"></A> istersen ilk sayfaya Explorer ile gir. ve sayfayi kopya ait. (tüm grafiklerle beraber) sonra sana verdigim en üstteki sktripti sayfaya koyup yapmaya calis. sana iyi calismalar <IMG SRC="http://wwwrzstud.rz.uni-karlsruhe.d

23.05.2000	#4 (permalink)
Metin Üyelik Tarihi: 19.05.2000 Yer: Antalya/Turkiye Mesaj: 3	Tamam güzel yazdıklarınızı denedim ve yapabildim.Ama sizin anasayfada linklere tıklanınca(onclick olayı)layer değişiyor.(yukardaki giflerden bahsetiyorum.forum,newsletter vs linklerinden bahsediyorum)İşte benim demek istediğim peki bu layer değişmesini 0nclick değilde onmauseover ile yapabilirmiyiz yani skriptte onclick yerine onmauseover desek olmazmı ki? Birde benim layerlerim yazı artı resimden oluşmakta.İkisi bir layerin içinde yani.Ve ortada yan taraftada linkler var.İstediğim uzun lafın kısası onmauseover yapacam tak diye o linkin layeri çıkacak. Ya da kısaca draemveawer ya da drumbeat2000 kullanarak bunları yapabilirmiyim.Yaparsam nasıl? Bir de ASP öğrenebileceğim site,program döküman gibi şeyler var mı.Ve bunlar türkishçe olursa daha iyi olur ingilizcem çok ileri değil.Çevirirken ölüyorum walla İlginize teşekkürler. Anatlaya'dan sevgilerle....

Sponsorlu Bağlantılar
Zoque.Forum Reklam