'[Linux-programlama] jquery sorusu'

[prev in list] [next in list] [prev in thread] [next in thread] 

List:       linux-programlama
Subject:    [Linux-programlama]  jquery sorusu
From:       ibrahim YILMAZ <yilmaz () bilisimmarmara ! com ! tr>
Date:       2011-11-02 18:09:10
Message-ID: 4EB18746.10509 () bilisimmarmara ! com ! tr
[Download RAW message or body]

Merhaba,

Aşağıdaki şekilde bir formun elemanlarını klonluyorum. Fakat ne 
yaptıysam yeni elemanlarda datepicker entegrasyonunu sağlayamadım. Acaba 
nerede hata yapıyorum?

Selamlar.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
link rel="stylesheet" type="text/css" media="screen" 
href="../../../includes/my_app/js/datepick/humanity.datepick.css" />
<script type="text/javascript" 
src="../../../includes/my_app/js/datepick/jquery.datepick.js"></script>
<script type="text/javascript" 
src="../../../includes/my_app/js/datepick/jquery.datepick-tr.js"></script>
<link rel="stylesheet" type="text/css" media="screen" 
href="../../../includes/my_app/js/datepick/ui-ui-lightness.datepick.css" />
<script>
$(function() {
$('#date1').datepick({
dateFormat: 'yyyy-mm-dd',
yearRange: '1800:2053'
});
});
$(function() {
$('#datep1').datepick({
dateFormat: 'yyyy-mm-dd',
yearRange: '1800:2053'
});
});
</script>
</head>

<body>
<form name="stad_alt" id="myForm">
<h1></h1>

<div id="first">
Please Select:
<select name="myoption">
<option value="1">First Option</option>
</select><br /><br /></div>
<div id="container">
<div id="input1" style="margin-bottom:4px;" class="alternate">
Name 1: <input type="text" name="the_name1" id="name1" class="textbox" />
 From :<input type="text" id="date1" name="from1" class="textbox" />
To :<input type="text" id="datep1" name="to1" class="textbox" />
Photo: <input type="file" id="photo1" name="photo1" class="textbox" />
</div>

</div>

<div>
<input type="button" id="add" value="Add New" />
<input type="button" id="delete" value="Delete This" />
</div>
</form>

<script type="text/javascript">
$(function(){
var num = 1; //default 1
if (num == 1)
$('#delete').prop('disabled','disabled');
$('#add').live('click',function(e) {
e.preventDefault();
num = num+1;
$('#delete').prop('disabled','');
$('#date' + num).datepick({
dateFormat: 'yyyy-mm-dd',
yearRange: '1800:2053'
});
$('#datep' + num).datepick({
dateFormat: 'yyyy-mm-dd',
yearRange: '1800:2053'
});
var html = '<div id="input'+num+'" style="margin-bottom:4px;" 
class="alternate">Name '+num+': <input type="text" 
name="the_name'+num+'" id="name'+num+'" class="textbox" /> From :<input 
type="text" id="date'+num+'" name="from'+num+'" class="textbox" /> To 
:<input type="text" id="datep'+num+'" name="to'+num+'" class="textbox" 
/> Photo: <input type="file" id="photo'+num+'" name="photo'+num+'" 
class="textbox" /></div>';

$('#container').append('<div id="input'+num+'" 
style="margin-bottom:4px;" class="alternate">'+html+'</div>');
if (num == 10)
$('#add').prop('disabled','disabled');
});

$('#delete').click(function() {

$('#input' + num).remove();
num = num -1;
if (num == 1)
$('#delete').prop('disabled','disabled');
$('#add').prop('disabled','');
});
});
</script>

</body>
</html>

_______________________________________________
Linux-programlama mailing list
Linux-programlama@liste.linux.org.tr
https://liste.linux.org.tr/mailman/listinfo/linux-programlama
Liste kurallari: http://liste.linux.org.tr/kurallar.php
[prev in list] [next in list] [prev in thread] [next in thread] 