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...
jQuery ile popup açtırmak sorunu |
13 Mesajlar | 4.823 Okunma | ||
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
- Ü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.
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%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.
Ö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ü?
- Üyelik 21.07.2011
- Yaş/Cinsiyet 33 / E
- Meslek Öğretmen
- Konum Konya
- Ad Soyad E** Ş**
- Mesajlar 1011
- Beğeniler 46 / 146
- Ticaret 14, (%100)
Ö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.
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
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.
- Üyelik 21.07.2011
- Yaş/Cinsiyet 33 / E
- Meslek Öğretmen
- Konum Konya
- Ad Soyad E** Ş**
- Mesajlar 1011
- Beğeniler 46 / 146
- Ticaret 14, (%100)
Peki çok teşekkür ederim hocam.
Pardon mesajı da yanlış yazmışım düzelttim. :)
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
Pardon mesajı da yanlış yazmışım düzelttim. :)
Ben ne demek istediğinizi anlamıştım zaten sorun yok :)
- Ü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.
https://www.linkedin.com/in/turgaycan/
Kaliteli kod yazılır.. (Günlük/Saatlik ücreti ile)
Kaliteli kod yazılır.. (Günlük/Saatlik ücreti ile)
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
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 :)
- Ü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ı
Iframe ile yapılan
jquery ile yapılan
isteyen olursa bu da sql dosyası
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)