lostyazilim
tr.link

jQuery ile popup açtırmak sorunu

13 Mesajlar 4.904 Okunma
acebozum
tr.link

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)
Merhaba arkadaşlar,

http://jqueryui.com/dialog/#animated

Yukarıdaki linkte gördüğünüz gibi butona tıklandığında bir pencere açılmaktadır. Projemde şuan özel mesajlaşma sistemini yapmaktayım mesajı okumak için oku butonuna tıklayınca bu şekilde açılmasını istiyorum mesaj okumak için ayrı bir php sayfasına yönlendirmek istiyorum.

Sorun şu ki bu sadece 1 mesaj için geçerli her mesaj için script yazdırmak lazım bunu yapabilirim ancak o zamanda çok saçma oluyor. Bir fonksiyon kullanarak bir sayfada mesela 10 tane mesajımız var bunları bu şekilde nasıl okuyabiliriz? İlla bu jQuery ye gerek yok başkada olabilir benim bulabildiğim bu

Teşekkürler...
Cennet

kişi bu mesajı beğendi.

elektronikssl
webimgo

mrshn mrshn Felix Themes (technoesh) Kullanıcı
  • Üyelik 21.07.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğretmen
  • Konum Konya
  • Ad Soyad E** Ş**
  • Mesajlar 1011
  • Beğeniler 46 / 146
  • Ticaret 14, (%100)




jQuery UI Dialog - Animation

<script></script>
<script></script>

<script>
$(function() {
$( "#dialog, #dialog2, #dialog3" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
$( "#opener2" ).click(function() {
$( "#dialog2" ).dialog( "open" );
});
$( "#opener3" ).click(function() {
$( "#dialog3" ).dialog( "open" );
});
});
</script>



This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.








Bu şekilde yaparsanız olacağını düşünüyorum.
 

 

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

technoesh adlı üyeden alıntı





jQuery UI Dialog - Animation

<script></script>
<script></script>

<script>
$(function() {
$( "#dialog, #dialog2, #dialog3" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
$( "#opener2" ).click(function() {
$( "#dialog2" ).dialog( "open" );
});
$( "#opener3" ).click(function() {
$( "#dialog3" ).dialog( "open" );
});
});
</script>



This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.








Bu şekilde yaparsanız olacağını düşünüyorum.


Öncelikler cevabınız için teşekkür ediyorum. Evet oldu olumlu bir şekilde çalıştı ancak ben özel mesajlaşma sisteminde kullanacağım her mesaj için scriptte ayrı id ler tanımlamak zorunda kalacağım bu işlemi tek fonksiyonla yapmam mümkün mü?
 

 

mrshn mrshn Felix Themes (technoesh) Kullanıcı
  • Üyelik 21.07.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğretmen
  • Konum Konya
  • Ad Soyad E** Ş**
  • Mesajlar 1011
  • Beğeniler 46 / 146
  • Ticaret 14, (%100)

fatihcan adlı üyeden alıntı

Öncelikler cevabınız için teşekkür ediyorum. Evet oldu olumlu bir şekilde çalıştı ancak ben özel mesajlaşma sisteminde kullanacağım her mesaj için scriptte ayrı id ler tanımlamak zorunda kalacağım bu işlemi tek fonksiyonla yapmam mümkün mü?


Kodlamada mümkün olmayan hiç birşey yoktur ama ben o sistemi nasıl yapacağınızı bilmiyorum malesef.
 

 

wmaraci
wmaraci

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

technoesh adlı üyeden alıntı

Kodlamada hiç birşey mümkün değildir ama ben o sistemi nasıl yapacağınızı bilmiyorum malesef.


Peki çok teşekkür ederim hocam.
 

 

mrshn mrshn Felix Themes (technoesh) Kullanıcı
  • Üyelik 21.07.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğretmen
  • Konum Konya
  • Ad Soyad E** Ş**
  • Mesajlar 1011
  • Beğeniler 46 / 146
  • Ticaret 14, (%100)

fatihcan adlı üyeden alıntı

Peki çok teşekkür ederim hocam.


Pardon mesajı da yanlış yazmışım düzelttim. :)
fatihcan

kişi bu mesajı beğendi.

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

technoesh adlı üyeden alıntı

Pardon mesajı da yanlış yazmışım düzelttim. :)


Ben ne demek istediğinizi anlamıştım zaten sorun yok :)
mrshn

kişi bu mesajı beğendi.

YazilimMimari YazilimMimari Eski adi: Turgay Can Kullanıcı
  • Üyelik 25.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Engineering Director
  • Konum İstanbul Avrupa
  • Ad Soyad T** C**
  • Mesajlar 771
  • Beğeniler 2 / 260
  • Ticaret 0, (%0)
Açılacak olan dialog ve opener ile başlayan id'leri dinamik yapabilirsin. Bunun için sunucu taraflı bir id üretip, öyle div'i üretmen yeterli olacaktır. Sonraki mesajlaşma kısmı ise, dialog+'suncuu tarafından gelen id' ile rahatca jQuery ile alabilirsin ve gelen id'ye görede peer to peer mesajlaşma yaptırabilirsin.
fatihcan

kişi bu mesajı beğendi.

https://www.linkedin.com/in/turgaycan/
Kaliteli kod yazılır.. (Günlük/Saatlik ücreti ile)

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

KodlaPaylas adlı üyeden alıntı

Açılacak olan dialog ve opener ile başlayan id'leri dinamik yapabilirsin. Bunun için sunucu taraflı bir id üretip, öyle div'i üretmen yeterli olacaktır. Sonraki mesajlaşma kısmı ise, dialog+'suncuu tarafından gelen id' ile rahatca jQuery ile alabilirsin ve gelen id'ye görede peer to peer mesajlaşma yaptırabilirsin.


Evet hocam dediğiniz gibi PHP ile yani suncu tabanlı bir dil ile veri tabanından mesajları çekeceğim bir döngü içerisinde tekrarlanan divlerle yapacağım ancak bunun javascript tarafından anlamıyorum açıkçası. Bir javascript fonksiyonu kullanarak birden fazla buton ile farklı içerikli pencereler nasıl açabilirim örneğim 3 buton ile bunlara tıklayınca 3 farklı içerik açılan bir örnek olsa onu php ile düzenler istediğim şekle ketirebilirim tek istediğim bunların hepsi bir java script fonksiyonu ile olsun
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
$( "#opener2" ).click(function() {
$( "#dialog2" ).dialog( "open" );
});
$( "#opener3" ).click(function() {
$( "#dialog3" ).dialog( "open" );

Bunun gibi birden fazla fonksiyon olmaması gerekiyor.

Çok şey istemiş gibi oldum ama :)
 

 

cmltskrn cmltskrn WM Aracı Kullanıcı
  • Üyelik 13.08.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad C** T**
  • Mesajlar 179
  • Beğeniler 32 / 46
  • Ticaret 0, (%0)
Ben bu örneği iki farklı şekilde yaptım size özel mesaj ile gönderdim iki örneği de. Belki diğer arkadaşların da ihtiyacı olur o yüzden paylaşıyorum.
Iframe ile yapılan
jquery ile yapılan
isteyen olursa bu da sql dosyası
fatihcan

kişi bu mesajı beğendi.

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