layer menü'de garip bir problem

Firan Zal'honan · 14.04.2003

merhaba arkadaşlar...
elimde bir layer menü var... menü bazı sayfalarda tam combobox'ların altına gelio.. combobox'lar üste kaldıından menünün elemanları görünmüo..

ama başka bi sayfada da aynı menüler, menü üzerine mmouse ile gelince combobox'ları görünmez yapıo... neden nası olabilir acaba bu ?

başka bi sayfada ise hiç bi sorun olmuo... nedendir anlamadım gitti...

sorunu daha iyi anlayabilmeniz için :
www.mobilaktif.com/ozan/menuleralttakalinca.gif
www.mobilaktif.com/ozan/menulervarken.gif
www.mobilaktif.com/ozan/menuleryokken.gif

(menülerin kodları biraz uzun.. incelemek isteyen olursa : www.mobilaktif.com/ozan/mobilizma
(list directory şeklindedir... ))

biolight · 14.04.2003

form elemanları hep üste olmak ister onun için öyle gözüküyor sanırım.

bir çözüm önerisi olarak şöyle bir şey yapabilirsin sanırım

fare menu üzerindeyken döngü ile sayfadaki tüm form ları yakalayıp
style lerini visibility:hidden yaparsın

fare menu üzerinden çekilincede
bu form larin style visibility lileri eski konumuna getirisin

kolay gelsin

killer_Man · 14.04.2003

for elemanlarından sadece select üstte kalır. diğerleri altta kalır sadece select leri hide etmen yeterli olacaktır.

Firan Zal'honan · 14.04.2003

var hideSELECT = false;
// auto-hide select boxes when menus open (ie only)

combobox'ların menü üzerine gelinince yokolması sorununu hallettik
bi tek select menüler altta kalıo

eğer size uygunsa bu hide komutunu nası ve nerede kullanacağımı tarif edebilir misiniz ?

biolight · 14.04.2003

örnek:

Kod:

<HTML>
<head>
<title>Biolight - menuhover+selectnone</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254" />
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9" />
<style>
#anamenu{background-color:red;cursor:hand;position:absolute;left:0px;top:0px;}
.altmenukapat{display:none}
.altmenuac{display:block;}
</style>
</head>
<body>

<table onmouseover="menuac();" onmouseout="menukapat();" id="anamenu">
<tr>
<td>menu Göster</td>
</tr>
<tr class="altmenukapat" id="menu">
<td>menu</td>
</tr>
<tr class="altmenukapat" id="menu1">
<td>Menu2</td>
</tr>
<tr class="altmenukapat" id="menu2">
<td>Menu3</td>
</tr>
</table>

<br />

<select>
<option>option</option>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
<br />
yazılar
<br />
<select>
<option>option</option>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
<br />
yazılar
<br />
<select>
<option>option</option>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>

<script>
function menuac(){
menu.className='altmenuac';
menu1.className='altmenuac';
menu2.className='altmenuac';
}

function menukapat(){
menu.className='altmenukapat';
menu1.className='altmenukapat';
menu2.className='altmenukapat';
}
</script>

</body>
</HTML>

@Firan Zal'honan yukarıdaki örnek http://www.mobilaktif.com/ozan/menuleralttakalinca.gif deki gibi problemli gözükecektir

benim önerim ise yukarıdaki scriptte alttaki gibi değişiklik

örnek.js

Kod:

<script>
function menuac(){
selectgizle();
menu.className='altmenuac';
menu1.className='altmenuac';
menu2.className='altmenuac';
}

function menukapat(){
selectgoster();
menu.className='altmenukapat';
menu1.className='altmenukapat';
menu2.className='altmenukapat';
}


function selectgizle() {
var selectler=document.all.tags("select");
for (i=0; i<selectler.length; i++) {selectler[i].style.visibility="hidden";}
}

function selectgoster() {
var selectler=document.all.tags("select");
for (i=0; i<selectler.length; i++) {selectler[i].style.visibility="";}
}
</script>

kolay gelsin.

killer_Man · 15.04.2003

şimdi yukarıdaki örnekte, menu açıldığı anda (layer) tüm selectler kapatılıyor, sadece layer select e denk geldiği zaman kapatmak daha mantıklı değilmi sizcede ?

biolight · 15.04.2003

@istanbulluu,
sadece layer select e denk geldiğini JavaScript ile nasıl anlaya biliriz.
bir örnek kod yazarsan sevinirim.

kolay gelsin.

killer_Man · 15.04.2003

bu söylediğim yürüyen menuler içindi, sabit menulerde denk gelenler manuel kapatılabilir. yürüyen menuler içinse www.remax.com.tr/calendar/copy2.htm hangisinin üzerine gelirsen kapanıyor adamlar yazmış abijim ya.. ve aynı zamanda herkesin işin yarayacak bir takvim bu buyrun indirin. www.remax.com.tr/calendar/copy2.zip

biolight · 15.04.2003

harbiden Mishoo yapmış

calendar.js de en alttaki

Calendar.prototype.hideShowCovered = function () {
var tags = new Array ('applet', 'iframe', 'select');
var el = this.element;
...

diye başlayan JavaScript

killer_Man · 16.04.2003

evet inceledim kodu, koordinatlara göre çalışıyor, iyi akıl etmiş herifl helal olsun..

14.04.2003	#1 (permalink)
Firan Zal'honan Üyelik Tarihi: 06.06.2001 Yer: istanbul Yaş: 31 Mesaj: 697	layer menü'de garip bir problem merhaba arkadaşlar... elimde bir layer menü var... menü bazı sayfalarda tam combobox'ların altına gelio.. combobox'lar üste kaldıından menünün elemanları görünmüo.. ama başka bi sayfada da aynı menüler, menü üzerine mmouse ile gelince combobox'ları görünmez yapıo... neden nası olabilir acaba bu ? başka bi sayfada ise hiç bi sorun olmuo... nedendir anlamadım gitti... sorunu daha iyi anlayabilmeniz için : www.mobilaktif.com/ozan/menuleralttakalinca.gif www.mobilaktif.com/ozan/menulervarken.gif www.mobilaktif.com/ozan/menuleryokken.gif (menülerin kodları biraz uzun.. incelemek isteyen olursa : www.mobilaktif.com/ozan/mobilizma (list directory şeklindedir... )) __________________ Kişisel: ozankilic.com \| İşsel: Biletix.com \| Fotosel: flickr.com/photos/okilic \| Stocksel: istockphoto.com/ozankilic

14.04.2003	#4 (permalink)
Firan Zal'honan Üyelik Tarihi: 06.06.2001 Yer: istanbul Yaş: 31 Mesaj: 697	var hideSELECT = false; // auto-hide select boxes when menus open (ie only) combobox'ların menü üzerine gelinince yokolması sorununu hallettik bi tek select menüler altta kalıo eğer size uygunsa bu hide komutunu nası ve nerede kullanacağımı tarif edebilir misiniz ? __________________ Kişisel: ozankilic.com \| İşsel: Biletix.com \| Fotosel: flickr.com/photos/okilic \| Stocksel: istockphoto.com/ozankilic

14.04.2003	#2 (permalink)
biolight Üyelik Tarihi: 22.06.2001 Yer: Antalya Yaş: 38 Mesaj: 531	form elemanları hep üste olmak ister onun için öyle gözüküyor sanırım. bir çözüm önerisi olarak şöyle bir şey yapabilirsin sanırım fare menu üzerindeyken döngü ile sayfadaki tüm form ları yakalayıp style lerini visibility:hidden yaparsın fare menu üzerinden çekilincede bu form larin style visibility lileri eski konumuna getirisin kolay gelsin

14.04.2003	#3 (permalink)
killer_Man Üyelik Tarihi: 11.01.2002 Yer: İstanbul Yaş: 30 Mesaj: 89	for elemanlarından sadece select üstte kalır. diğerleri altta kalır sadece select leri hide etmen yeterli olacaktır.

15.04.2003	#6 (permalink)
killer_Man Üyelik Tarihi: 11.01.2002 Yer: İstanbul Yaş: 30 Mesaj: 89	şimdi yukarıdaki örnekte, menu açıldığı anda (layer) tüm selectler kapatılıyor, sadece layer select e denk geldiği zaman kapatmak daha mantıklı değilmi sizcede ?

15.04.2003	#7 (permalink)
biolight Üyelik Tarihi: 22.06.2001 Yer: Antalya Yaş: 38 Mesaj: 531	@istanbulluu, sadece layer select e denk geldiğini JavaScript ile nasıl anlaya biliriz. bir örnek kod yazarsan sevinirim. kolay gelsin.

15.04.2003	#8 (permalink)
killer_Man Üyelik Tarihi: 11.01.2002 Yer: İstanbul Yaş: 30 Mesaj: 89	bu söylediğim yürüyen menuler içindi, sabit menulerde denk gelenler manuel kapatılabilir. yürüyen menuler içinse www.remax.com.tr/calendar/copy2.htm hangisinin üzerine gelirsen kapanıyor adamlar yazmış abijim ya.. ve aynı zamanda herkesin işin yarayacak bir takvim bu buyrun indirin. www.remax.com.tr/calendar/copy2.zip

15.04.2003	#9 (permalink)
biolight Üyelik Tarihi: 22.06.2001 Yer: Antalya Yaş: 38 Mesaj: 531	harbiden Mishoo yapmış calendar.js de en alttaki Calendar.prototype.hideShowCovered = function () { var tags = new Array ('applet', 'iframe', 'select'); var el = this.element; ... diye başlayan JavaScript

16.04.2003	#10 (permalink)
killer_Man Üyelik Tarihi: 11.01.2002 Yer: İstanbul Yaş: 30 Mesaj: 89	evet inceledim kodu, koordinatlara göre çalışıyor, iyi akıl etmiş herifl helal olsun..

Sponsorlu Bağlantılar
Zoque.Forum Reklam