<p id> her zaman ustte

30-03-2017, 11:23:45

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba arkadaslar, asagidaki js kodunu dongu icine sokup cogaltiyorum, birden fazla buton ve her butonun ayri <P> degeri oluyor. Hangi butona basarsaniz onun P idi aciliyor. Ancak yapamadigim her zaman en ustte dongudeki son ID oluyor, son tikladigim butonun P sini en uste nasil getirebilrim.
Ozetle hangi butona en son basarsam o <P id> en ustte olsun.
Alternatif onerlilere de acigim tesekkurler.
Not : Bu islem sirasinda sayfa yenilenmiyor.

<button id="BTNX">göster ve gizle</button>

<p style="position:absolute" id="PX">Acilan yazi burasi</p>

<script>
$("#BTNX").click(function(){
   $("#PX").fadeToggle(500);
});
</script>

edit : Birde bu kodda ilk acilista P idi gorunuyor bunu nasil ilk acilista gizli yapabiliriz, bastiktan sonra acilsin!

30-03-2017, 11:55:31

#2

sewakldawk

ibryas adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaslar, asagidaki js kodunu dongu icine sokup cogaltiyorum, birden fazla buton ve her butonun ayri <P> degeri oluyor. Hangi butona basarsaniz onun P idi aciliyor. Ancak yapamadigim her zaman en ustte dongudeki son ID oluyor, son tikladigim butonun P sini en uste nasil getirebilrim.
Ozetle hangi butona en son basarsam o <P id> en ustte olsun.
Alternatif onerlilere de acigim tesekkurler.
Not : Bu islem sirasinda sayfa yenilenmiyor.

<button id="BTNX">göster ve gizle</button> <p style="position:absolute" id="PX">Acilan yazi burasi</p> <script> $("#BTNX").click(function(){ $("#PX").fadeToggle(500); }); </script>

edit : Birde bu kodda ilk acilista P idi gorunuyor bunu nasil ilk acilista gizli yapabiliriz, bastiktan sonra acilsin!

Ne demek istediğinizi tam olarak anlamamış olabilirim ama prepend(); ve remove(); fonksiyonlarını birlikte kullanarak bu sorunu çözebilirsiniz.

İkinci sorunuzun cevabı;
<p style="position:absolute; display: none;" id="PX">Acilan yazi burasi</p>

30-03-2017, 12:14:20

#3

ibryas

sewakldawk adlı üyeden alıntı: mesajı görüntüle

Ne demek istediğinizi tam olarak anlamamış olabilirim ama prepend(); ve remove(); fonksiyonlarını birlikte kullanarak bu sorunu çözebilirsiniz.

prepend(); degil ama remove(); isimi gorecektir sanirim. Peki x butonunu tikladigimizda x divi aciliyor. Y butonuna basinca x i kapatip Y yi nasil actirabiliriz?

30-03-2017, 12:19:42

#4

sewakldawk

ibryas adlı üyeden alıntı: mesajı görüntüle

prepend(); degil ama remove(); isimi gorecektir sanirim. Peki x butonunu tikladigimizda x divi aciliyor. Y butonuna basinca x i kapatip Y yi nasil actirabiliriz?

Şu şekilde:

<button id="BTNX">göster ve gizle</button>
 
<p style="position:absolute; display: none;" class="kapat" id="PX">Acilan yazi burasi</p>
 
<script>
$("#BTNX").click(function(){
   $('.kapat').hide();

   $("#PX").fadeToggle(500);
});
</script>

30-03-2017, 12:27:43

#5

ibryas

Cok tesekkur ederim, kesinlikle isima yaradi.