form click sorunu - Sayfa 2

30-09-2013, 10:24:11

#10

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

hocam formu sayfaya eklediğiniz fonksiyonun içinde formu eledikten sonra formla ilgili js kodlarını aynı fonksiyon içine yazın;

Örnek;

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('#icerikekle').html('\
			<form id="form">\
				<input type="text" name="text1"/>\
				<button type="button">Gönder</button>\
			</form>\
		');
		$('#form button').click(function(){
			alert("form gönderildi");
		});
	});
	</script>
</head>
<body>
	<div id="icerikekle"></div>
</body>
</html>

Kolaygelsin..
.
.

hocam senin bu kodda gösterdiğin "#icerikekle" sayfa yüklendiğinde sayfaya dahil olmuyor. Sayfaya sonradan click ile dahil oluyor. Bu şekilde işime yaramıyor yani.

30-09-2013, 10:28:38

#11

CssValley

Misafir

$("form").live("click",function(){

şunun içindeki bilgileri aşağıda

alert("çalıştı");

yazan yere kopyalayın

function submit_olayi(){
   alert("çalıştı");
}

şeklinde bir fonskiyon oluşturun

submit butonunuza da

onclick="submit_olayi()";

verin sorun düzelecektir.

30-09-2013, 10:45:04

#12

Divxci

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

$("form").live("click",function(){

şunun içindeki bilgileri aşağıda

alert("çalıştı");

yazan yere kopyalayın

function submit_olayi(){
   alert("çalıştı");
}

şeklinde bir fonskiyon oluşturun

submit butonunuza da

onclick="submit_olayi()";

verin sorun düzelecektir.

arkadaşlar benim gösterdiğim kodda sorun yok. Lütfen tekrar okyun.

.live("click") ile kodum sorunsuz çalışıyor. Fakat input ların içinde girincede click yapıldığı için kod hemen aktif oluyor.

ben live den sonra click i değilde live("submit") gibi bir kod arıyorum. fakat live ile submit çalışmıyor.

$("form").live("click",function(){ in inputlarda çalışmaması için

:not(input) gibi bir kod da işime yarayabilir. Fakat :not ilede işe yarar bir kod yazamadım.

30-09-2013, 11:19:29

#13

~~Hyperion~~

Üyeliği durduruldu

$(document).on('click', 'input[type=submit]', function(){...}); şeklinde bir sey denediniz mi hocam

LG-D802 cihazımdan Tapatalk 2 ile gönderildi

30-09-2013, 11:58:31

#14

dark_way

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

hocam senin bu kodda gösterdiğin "#icerikekle" sayfa yüklendiğinde sayfaya dahil olmuyor. Sayfaya sonradan click ile dahil oluyor. Bu şekilde işime yaramıyor yani.

Hocam nasıl tetiklendiğinin önemi yok, önemli olan; eklenen nesnelere ilişkin js olaylarının da nesnelerin eklendiği fonksiyon içinde eklenmesi, veya "on" gibi yardımcılar da kullanılabilir ama yukardaki örnek aşağıdaki şekilde işinize yarayacaktır.

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('button#formuekle').click(function(){
			$('#icerikekle').html('\
				<form id="form">\
					<input type="text" name="text1"/>\
					<button type="button">Gönder</button>\
				</form>\
			');
			$('#form button').click(function(){
				alert("çalıştı");
			});
		});
	});
	</script>
</head>
<body>
	
	<button id="formuekle" type="button">Formu ekle</button>
	
	<div id="icerikekle"></div>
</body>
</html>

Kolaygelsin
.
.
EKLEDİ

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

arkadaşlar benim gösterdiğim kodda sorun yok. Lütfen tekrar okyun.

.live("click") ile kodum sorunsuz çalışıyor. Fakat input ların içinde girincede click yapıldığı için kod hemen aktif oluyor.

ben live den sonra click i değilde live("submit") gibi bir kod arıyorum. fakat live ile submit çalışmıyor.

$("form").live("click",function(){ in inputlarda çalışmaması için

:not(input) gibi bir kod da işime yarayabilir. Fakat :not ilede işe yarar bir kod yazamadım.

hocam bu kısmı yeni gördüm ama pek bişey anlamadım. Formun geneli için mi click dediniz? sadece buton için click deyin, inputlar için ayrıca işlem tetiklicekseniz focusin kullanın

30-09-2013, 19:46:11

#15

Divxci

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

Hocam nasıl tetiklendiğinin önemi yok, önemli olan; eklenen nesnelere ilişkin js olaylarının da nesnelerin eklendiği fonksiyon içinde eklenmesi, veya "on" gibi yardımcılar da kullanılabilir ama yukardaki örnek aşağıdaki şekilde işinize yarayacaktır.

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('button#formuekle').click(function(){
			$('#icerikekle').html('\
				<form id="form">\
					<input type="text" name="text1"/>\
					<button type="button">Gönder</button>\
				</form>\
			');
			$('#form button').click(function(){
				alert("çalıştı");
			});
		});
	});
	</script>
</head>
<body>
	
	<button id="formuekle" type="button">Formu ekle</button>
	
	<div id="icerikekle"></div>
</body>
</html>

Kolaygelsin
.
.
EKLEDİ

hocam bu kısmı yeni gördüm ama pek bişey anlamadım. Formun geneli için mi click dediniz? sadece buton için click deyin, inputlar için ayrıca işlem tetiklicekseniz focusin kullanın

evet form un geneli için click dedim. çünkü farklı yapıda live ile çalışmıyor. sadece "form" ile çalışıyor. nasıl iş bende anlamadım.

yani

$("form input[type=submit]") gibi çalışmıyor.

30-09-2013, 19:48:41

#16

dark_way

hocam kodu yazın yardımcı olmaya çalışayım ben.

30-09-2013, 19:54:08

#17

Divxci

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

hocam kodu yazın yardımcı olmaya çalışayım ben.

html kodları

<form>
<input type='hidden' class='kutu' value='"+m_id+"' name='mail_id'><input type='text' class='kutu' value='"+text+"' name='mail_ad'>
<input type='submit' value='Guncelle' class='kutu2' onclick='return false'>
</form>

kullandığımda bu

$("form").live("click",function(){

input lar içine girincede click oluyor mecburen. sadece submit ile aktif olması gerekiyor.

normalde live kullanmadan .on("submit") oluyor. fakat live kullanmadan da ".on" işe yaramıyor. çünkü o html kodları sayafaya sonradan dahil oluyor.

her neyse live ilede kodlar çalışabilir. fakat input için girdiğimde aktif olmaması için bir kod gerekli

$("form:not(input)").live("click",function(){

gibi.

30-09-2013, 21:45:54

#18

dark_way

Hocam seçicide $("form") yerine $("form input[type=submit]") denerseniz sadece butona tıklanınca çalışır.
Kolaygelsin