Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Açılır - kapanır div

 15 Mesajlar 7.467 Okunma
lstbozum
tr.link

#1
Referee Referee Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.10.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Mühendisi
  • Konum Ankara
  • Ad Soyad Ö** A**
  • Mesajlar 504
  • Beğeniler 20 / 127
  • Ticaret 44, (%98)
Herkese iyi forumlar, benim bir problemim var. JS' den pek anlamadığım için sizlere sormak istedim. Açırlı, kapanır div'im ilk anda açılmış olarak geliyor. Daha sonraki işlevleri tam istediğim gibi fakat ilk anda kapalı olarak gelmesini istiyorum. Bunu için ne yapmalıyım.

<script>
document.onclick=check;
function check(e){
var target = (e && e.target) || (event && event.srcElement);
var obj = document.getElementById('uye_girisi_yap');
var obj2 = document.getElementById('uye_girisi');
checkParent(target)?obj.style.display='none':null;
target==obj2?obj.style.display='block':null;
}
function checkParent(t){
while(t.parentNode){
if(t==document.getElementById('uye_girisi_yap')){
return false
}
t=t.parentNode
}
return true
}
</script>


Tekrar iyi forumlar.
 

 

wmaraci
reklam

#2
aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)
hocam bu açılan div in id sine ne ad veriyorsunuz?
 

 

#3
ugurylmz2121 ugurylmz2121 WM Aracı Banlı Kullanıcı
  • Üyelik 08.09.2013
  • Yaş/Cinsiyet 37 / E
  • Meslek bilgisayar programcısı
  • Konum Diyarbakır
  • Ad Soyad ** **
  • Mesajlar 217
  • Beğeniler 13 / 25
  • Ticaret 0, (%0)
Şu kodu index.html diye kaydet . heralde istediğin bu şekil birşey






jQuery Twitter Tarzı Açılır Kapanır Divler
<script></script>
<script>
$(function(){
$.olay = function(msj) {
var msj = "
" + msj + "
";
$(".olay").append(msj);

}

$("#liste div").data("durum","kapali");

$("#liste div").click(function() {
var durum = $(this).data("durum"),
index = $(this).index(),
tumu = $("#liste div").length;

if(durum == "kapali") {
if(index == 0) {
$(this).addClass("marginbottom").find("p").show(100);
$(this).data("durum","acik");
$.olay("ilk nesne açıldı");
} else if(index == (tumu - 1)) {
$(this).addClass("margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay("son nesne açıldı");
} else {
$(this).addClass("marginbottom margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay((index +1) + ".nesne açıldı");
}
} else if(durum == "acik") {
if(index == 0) {
$(this).removeClass("marginbottom").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("ilk nesne kapandı");
} else if(index == (tumu - 1)) {
$(this).removeClass("margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("son nesne kapandı");
} else {
$(this).removeClass("marginbottom margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay((index +1) + ".nesne kapandı");
}
}
});
})
</script>





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor






Konuya dönmek için tıklayınız.
mayis

kişi bu mesajı beğendi.

#4
Referee Referee Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.10.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Mühendisi
  • Konum Ankara
  • Ad Soyad Ö** A**
  • Mesajlar 504
  • Beğeniler 20 / 127
  • Ticaret 44, (%98)

aakinci adlı üyeden alıntı

hocam bu açılan div in id sine ne ad veriyorsunuz?


soydaşım :D , id = "uye_girisi_yap" kod içindede yazmaktadır.
 

 

wmaraci
wmaraci

#5
aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)
hmm bende sidebarda kategorileri açılır kapanır yapmak istiyorum da ondan dedim :D
 

 

#6
Referee Referee Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.10.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Mühendisi
  • Konum Ankara
  • Ad Soyad Ö** A**
  • Mesajlar 504
  • Beğeniler 20 / 127
  • Ticaret 44, (%98)

ugurylmz2121 adlı üyeden alıntı

Şu kodu index.html diye kaydet . heralde istediğin bu şekil birşey






jQuery Twitter Tarzı Açılır Kapanır Divler
<script></script>
<script>
$(function(){
$.olay = function(msj) {
var msj = "
" + msj + "
";
$(".olay").append(msj);

}

$("#liste div").data("durum","kapali");

$("#liste div").click(function() {
var durum = $(this).data("durum"),
index = $(this).index(),
tumu = $("#liste div").length;

if(durum == "kapali") {
if(index == 0) {
$(this).addClass("marginbottom").find("p").show(100);
$(this).data("durum","acik");
$.olay("ilk nesne açıldı");
} else if(index == (tumu - 1)) {
$(this).addClass("margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay("son nesne açıldı");
} else {
$(this).addClass("marginbottom margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay((index +1) + ".nesne açıldı");
}
} else if(durum == "acik") {
if(index == 0) {
$(this).removeClass("marginbottom").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("ilk nesne kapandı");
} else if(index == (tumu - 1)) {
$(this).removeClass("margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("son nesne kapandı");
} else {
$(this).removeClass("marginbottom margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay((index +1) + ".nesne kapandı");
}
}
});
})
</script>





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor






Konuya dönmek için tıklayınız.






İlginiz için çok teşekkür ederim, sizin yolladığınız kodu denedim istediğim mantıkla çalışıyor. Peki benim kodu düzeltme şansınız varmı, benim mantığımca display kısmında bir problem var. Tekrar teşekkür ederim.

Ek Olarak:

aakinci adlı üyeden alıntı

hmm bende sidebarda kategorileri açılır kapanır yapmak istiyorum da ondan dedim :D


ugurylmz2121 ' arkadaşın yolladığı kod senin işini görebilir :)
mayis

kişi bu mesajı beğendi.

#7
ugurylmz2121 ugurylmz2121 WM Aracı Banlı Kullanıcı
  • Üyelik 08.09.2013
  • Yaş/Cinsiyet 37 / E
  • Meslek bilgisayar programcısı
  • Konum Diyarbakır
  • Ad Soyad ** **
  • Mesajlar 217
  • Beğeniler 13 / 25
  • Ticaret 0, (%0)

Referee adlı üyeden alıntı

İlginiz için çok teşekkür ederim, sizin yolladığınız kodu denedim istediğim mantıkla çalışıyor. Peki benim kodu düzeltme şansınız varmı, benim mantığımca display kısmında bir problem var. Tekrar teşekkür ederim.

Ek Olarak:

ugurylmz2121 ' arkadaşın yolladığı kod senin işini görebilir :)


istediğin gibi düzenleyebilirsin görsel olarak şuan iyi durumda değil ama çok rahat editliyebilrisin
 

 

#8
aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)

ugurylmz2121 adlı üyeden alıntı

Şu kodu index.html diye kaydet . heralde istediğin bu şekil birşey






jQuery Twitter Tarzı Açılır Kapanır Divler
<script></script>
<script>
$(function(){
$.olay = function(msj) {
var msj = "
" + msj + "
";
$(".olay").append(msj);

}

$("#liste div").data("durum","kapali");

$("#liste div").click(function() {
var durum = $(this).data("durum"),
index = $(this).index(),
tumu = $("#liste div").length;

if(durum == "kapali") {
if(index == 0) {
$(this).addClass("marginbottom").find("p").show(100);
$(this).data("durum","acik");
$.olay("ilk nesne açıldı");
} else if(index == (tumu - 1)) {
$(this).addClass("margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay("son nesne açıldı");
} else {
$(this).addClass("marginbottom margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay((index +1) + ".nesne açıldı");
}
} else if(durum == "acik") {
if(index == 0) {
$(this).removeClass("marginbottom").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("ilk nesne kapandı");
} else if(index == (tumu - 1)) {
$(this).removeClass("margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("son nesne kapandı");
} else {
$(this).removeClass("marginbottom margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay((index +1) + ".nesne kapandı");
}
}
});
})
</script>





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor





Burası gözüküyor

Burası gözükmüyor






Konuya dönmek için tıklayınız.





hocam tamam bu size kolay geldi galiba. ben şöyle bir şey desem. mesela sayfa açıldığında ilk bölüm açık diğerleri kapalı gelse ve ikinci bölüm açılmak istendiğinde ilki kapansa yani aynı anda sadece bir tanesi açık olsa onu nasıl yaparız.
Onur89TR

kişi bu mesajı beğendi.

#9
MertKoseoglu MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 12.07.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek x
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 659
  • Beğeniler 120 / 168
  • Ticaret 3, (%100)

aakinci adlı üyeden alıntı

hocam tamam bu size kolay geldi galiba. ben şöyle bir şey desem. mesela sayfa açıldığında ilk bölüm açık diğerleri kapalı gelse ve ikinci bölüm açılmak istendiğinde ilki kapansa yani aynı anda sadece bir tanesi açık olsa onu nasıl yaparız.


Mobilden giriyorum. Konuda geçen kodları tam inceleyemedim fakat jQuery de hasClass özelliğini kullanırsan sonuç alırsın. Dediğin gibi 1. element e herhangi bir class atanmış ise 2. elementi kapatır. 2. elemente herhangi bir class atanır ise 1. elementi kapatır.
 

 

#10
aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)

MertKoseoglu adlı üyeden alıntı

Mobilden giriyorum. Konuda geçen kodları tam inceleyemedim fakat jQuery de hasClass özelliğini kullanırsan sonuç alırsın. Dediğin gibi 1. element e herhangi bir class atanmış ise 2. elementi kapatır. 2. elemente herhangi bir class atanır ise 1. elementi kapatır.


hocam onu geçtim bu hali bile sitemde çalışmıyor. nedenini çözemedim.
 

 

Slider Yardım Lütfen!
Bookmark aracı localhostta çalışmıyor
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al