İnline Editing
-
Merhaba arkadaşlar .İnternette baya bi araştırmama ragmen yapamadıgım bi olay var. Mesala bi div olacak ona çift tıklayınca input a gonusecek oraya degeri gireceksin onblur oldumuda girilen değeri post edecek. X-editable falan diye baya bir ornek var ama beceremedim onlarıda dosyalarımı eksik çekiyorum kodlarımı yanlış yazıyorum bilemedim .Bana çalışır şekilde tek bir elemanın editlenip post edildigi basit bir ornek vere bilirseniz veya nasıl yapacagımı hangi js dosyaları cagıracagımı anlatırsanız cok minnettar kalırım .İyi akşamlar
-
Aga bu konuda Primefaces'i tek geçerim
iceFacese filan var ama Primefaces tamamdır.
Hem Türk yapımı nede olsa :D
-
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
-
hatayi bunu yazdı
Aga bu konuda Primefaces'i tek geçerim
iceFacese filan var ama Primefaces tamamdır.
Hem Türk yapımı nede olsa :D
Cevap için teşekkürler ama primefaces in sayfasında xhtml tarzı bişey vardı normal html farklı normal html e de kullana biliyormuyuz primefaces i ?
-
mugen bunu yazdı
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
Bende ilk baska kendim yapmaya calıstım ama input u sayfaya sonradan dahil ettigimiz için val. degerini aldıramadım oyuzden eklenti aramaya basladım .Örnek dosya varsa paylasırsan çok makbule geçer sana zahmet.
-
trnight bunu yazdımugen bunu yazdı
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
Bende ilk baska kendim yapmaya calıstım ama input u sayfaya sonradan dahil ettigimiz için val. degerini aldıramadım oyuzden eklenti aramaya basladım .Örnek dosya varsa paylasırsan çok makbule geçer sana zahmet.
Hocam galıeyi bir sayfaya mı yönlendiriceksin, yoksa inline olarak kayıt mı ettiriceksin? hallederiz bir şekilde kafandakini yaz sen.
-
takipteyim
-
mugen bunu yazdıtrnight bunu yazdımugen bunu yazdı
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
Bende ilk baska kendim yapmaya calıstım ama input u sayfaya sonradan dahil ettigimiz için val. degerini aldıramadım oyuzden eklenti aramaya basladım .Örnek dosya varsa paylasırsan çok makbule geçer sana zahmet.
Hocam galıeyi bir sayfaya mı yönlendiriceksin, yoksa inline olarak kayıt mı ettiriceksin? hallederiz bir şekilde kafandakini yaz sen.
Atıyorum ürünleri listeleyen bir sayfa olacak ben elma ürününe çift tıklıycam input acılcak orayı portakal yapcam onblur olunca ajax calısacak php sayfasına post edip veri tabanındaki elmayı portakal yapcak .inline edit ve post olayı olsa php işi problem degilde işte .Senide ugrastırıyoruz sagolasın .
-
trnight bunu yazdımugen bunu yazdıtrnight bunu yazdımugen bunu yazdı
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
Bende ilk baska kendim yapmaya calıstım ama input u sayfaya sonradan dahil ettigimiz için val. degerini aldıramadım oyuzden eklenti aramaya basladım .Örnek dosya varsa paylasırsan çok makbule geçer sana zahmet.
Hocam galıeyi bir sayfaya mı yönlendiriceksin, yoksa inline olarak kayıt mı ettiriceksin? hallederiz bir şekilde kafandakini yaz sen.
Atıyorum ürünleri listeleyen bir sayfa olacak ben elma ürününe çift tıklıycam input acılcak orayı portakal yapcam onblur olunca ajax calısacak php sayfasına post edip veri tabanındaki elmayı portakal yapcak .inline edit ve post olayı olsa php işi problem degilde işte .Senide ugrastırıyoruz sagolasın .
Tamam hocam dediğin gibi bişeyse yarın halletmeye çalışacağım, onblur olduğunda ğost ettirirz dert değil ufak bir php-mysql örnek de yaparım elimden geldiğince, jquery ayağında sorun çıkmaz ama diyelim ki çıktı bunsefer jeditable diye eklentiler var onları uyarlarız.
-
mugen bunu yazdıtrnight bunu yazdımugen bunu yazdıtrnight bunu yazdımugen bunu yazdı
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
Bende ilk baska kendim yapmaya calıstım ama input u sayfaya sonradan dahil ettigimiz için val. degerini aldıramadım oyuzden eklenti aramaya basladım .Örnek dosya varsa paylasırsan çok makbule geçer sana zahmet.
Hocam galıeyi bir sayfaya mı yönlendiriceksin, yoksa inline olarak kayıt mı ettiriceksin? hallederiz bir şekilde kafandakini yaz sen.
Atıyorum ürünleri listeleyen bir sayfa olacak ben elma ürününe çift tıklıycam input acılcak orayı portakal yapcam onblur olunca ajax calısacak php sayfasına post edip veri tabanındaki elmayı portakal yapcak .inline edit ve post olayı olsa php işi problem degilde işte .Senide ugrastırıyoruz sagolasın .
Tamam hocam dediğin gibi bişeyse yarın halletmeye çalışacağım, onblur olduğunda ğost ettirirz dert değil ufak bir php-mysql örnek de yaparım elimden geldiğince, jquery ayağında sorun çıkmaz ama diyelim ki çıktı bunsefer jeditable diye eklentiler var onları uyarlarız.
İnan çok makbule gecer hocam okadar ugrasıyorsun sagolasın gercekten .Eklentileri gördüm evet ama kullanmayı beceremedim .Ozaman ben konuyu takip ediyorum hocam hallettigin zaman konuya atarsın mesaj tekrar teşekkürler.
-
trnight bunu yazdımugen bunu yazdıtrnight bunu yazdımugen bunu yazdıtrnight bunu yazdımugen bunu yazdı
Hocam yapımı basit, jquery dblcick fonksiyonunu kullanarak fonksiyon çağıracaksın, sonra divin içindeki veriyi .html() ile bir değişkene arayacaksın ve inputa koauacakdın, bilgisayara geçtiğimde atarım örnek dosya yapmıştım daha önceden kquery denemesi olarak.
Bende ilk baska kendim yapmaya calıstım ama input u sayfaya sonradan dahil ettigimiz için val. degerini aldıramadım oyuzden eklenti aramaya basladım .Örnek dosya varsa paylasırsan çok makbule geçer sana zahmet.
Hocam galıeyi bir sayfaya mı yönlendiriceksin, yoksa inline olarak kayıt mı ettiriceksin? hallederiz bir şekilde kafandakini yaz sen.
Atıyorum ürünleri listeleyen bir sayfa olacak ben elma ürününe çift tıklıycam input acılcak orayı portakal yapcam onblur olunca ajax calısacak php sayfasına post edip veri tabanındaki elmayı portakal yapcak .inline edit ve post olayı olsa php işi problem degilde işte .Senide ugrastırıyoruz sagolasın .
Tamam hocam dediğin gibi bişeyse yarın halletmeye çalışacağım, onblur olduğunda ğost ettirirz dert değil ufak bir php-mysql örnek de yaparım elimden geldiğince, jquery ayağında sorun çıkmaz ama diyelim ki çıktı bunsefer jeditable diye eklentiler var onları uyarlarız.
İnan çok makbule gecer hocam okadar ugrasıyorsun sagolasın gercekten .Eklentileri gördüm evet ama kullanmayı beceremedim .Ozaman ben konuyu takip ediyorum hocam hallettigin zaman konuya atarsın mesaj tekrar teşekkürler.
Hocam burada paylaşıyorum, gece vakti canım sıkıldı halledeyim dedim. Ufak bir sorunum oldu onu da düzeltirim yarın umarım; sorun şu; input geldikten sonra gene çift tıklarsan eğer inputun içini boşaltıyor maalesef. ama bu haliyle de çalışıyor.
Kodlarımız:
index.php;
<//////>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
/*
* -Alican Yıldız, Pek hakkı yoktur ama yetim de değildir.(her şekilde dejenare edebilirsiniz.)
*/
$(document).ready(function(){
$("div#tbt").dblclick(function(){
var icerik = $(this).text(); // #tbt id'li herhangi bir nesnenin text içeriğini alıyoruz.
/*alert(icerik);*/
var id = $(this).attr("alt");
//alert(id);
$(this).empty(); //nesnemizin içini boşaltıyoruz. ve alt satır ile içerisine imputumuzu koyuyoruz.
$(this).html("<input type='text' name='mugen' placeholder='İçerik' value='"+ icerik +"'>");
$("input[name='mugen']").focusout(function(){
var inputicerik = $(this).val();
//alert(imputicerik);
$.ajax({
url:"islem.php",
type:"post",
data:{"id":id, "metin":inputicerik},
success:function(sonuc){
alert(sonuc);
}
});
$(this).parent().html(inputicerik);
});
});
});</script>
<div id="tbt" alt="1">Div içeriği</div>
<div id="tbt" alt="2">Div içeriği</div>
<div id="tbt" alt="3">Div içeriği</div><////////>
islem.php
<?php
$id = $_POST["id"];
$metin = $_POST["metin"];echo "id: ".$id."\n"."metin: ".$metin;
?>
farkettiğin gibi divlerin bir "alt" niteliği mevcut, veritabanından elemanları listeletirken idleri bu alt niteliğinin içeriğine yazdır işlem sayfasındada o id ye göre işlem yaparsın. Yardımım dokunduysa ne mutlu bana, veri tabanına güncelleme konusunda sıkıntı olursa yaz onu da hallederiz.
