Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Работа скрипта на клонированном (clone) div / 7 сообщений из 7, страница 1 из 1
25.03.2013, 20:25
    #38197907
angel__2003
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
Доброго времени суток.
Есть страница. там два поля они клонируется (копируются).При заполнении значения одного поля (addr_sp) value добавляется в другое (addr). Но скрипт работает только на первое поле, путаюсь сделать, чтобы скрипт работал только на последней блок <div id='job' name='job'>
не важно клонированный он или начальный. Наверно надо как использовать last но что то не получается. При заполнении addr_sp работает только в первом div job.
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<html>
<head>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>  
 
</head>
<body>
<form>
 
<div id='jobs' name='jobs'>
<div  id='job' name='job'>
Работы <input required name="addr" id="addr" > <br>
Список:<input name="addr_sp" id="addr_sp" > <br>
<hr>
 
</div>
 
</div>
 
<input type='button' onclick="add(document.getElementById('job'));"  id="but_add" name="but_add"  value="Добавить" />
<input type='button' onclick="remove();" id="but_del" name="but_del" value="Удалить">
<!-- надо заставить этот скрипт работать на последний div=job на страницы -->
<script type="text/javascript">
$(document).ready(function () {
    $("#addr_sp:last").live('change', function() { 
    $("#addr:last").val($("#addr_sp:last").val()+ ' ;' + $("#addr:last").val() );
    $("#addr_sp:last").val("");
    });
});
</script>
<!-- скрипт по копированию -->
<script type="text/javascript" language="javascript">
function add(job) {
    $("#job").last().clone().appendTo($('#jobs')).find("input").val("")

}
function remove() {
    $("#jobs div:last").remove();
}
</script>
 
</form>
</body>
 
</html>
...
Рейтинг: 0 / 0
25.03.2013, 22:15
    #38197993
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
angel__2003путаюсь сделать, чтобы скрипт работал только на последней блок
Код: html
1.
<div id='job' name='job'>


ИД должен быть уникальным на странице.
...
Рейтинг: 0 / 0
25.03.2013, 22:21
    #38197996
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
angel__2003путаюсь сделать, чтобы скрипт работал только на последней блок не важно клонированный он или начальный. Наверно надо как использовать last
Не обязательно... Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	var o=$('div');
	alert(o.eq(o.length-1).text());
});
</script>
</head>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</body>
</html>
...
Рейтинг: 0 / 0
26.03.2013, 01:04
    #38198076
angel__2003
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
krvsaangel__2003путаюсь сделать, чтобы скрипт работал только на последней блок не важно клонированный он или начальный. Наверно надо как использовать last
Не обязательно... Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	var o=$('div');
	alert(o.eq(o.length-1).text());
});
</script>
</head>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</body>
</html>



подскажи еще. а то недавно начал этим заниматься

не получается из
<script type="text/javascript">
$(document).ready(function (){
var o=$('div');
alert(o.eq(o.length-1).text());
});
</script>

сделать

скопировать последнее значение в предпоследнее наверно надо как то поиском делать только лажа получается

<script type="text/javascript">
$(document).ready(function (){
$("#button1").click(function () {
var o=$('#addr');
//$("#addr").val($("#addr_sp").val() + ' ;' + $("#addr").val());
o.eq(o.length-1).find("#addr").val(o.eq(o.length-1).find("#addr_sp").val());
// alert(o.eq(o.length-1).text());
});
});
</script>
...
Рейтинг: 0 / 0
26.03.2013, 09:42
    #38198209
angel__2003
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
додумал вот так надо
...
Рейтинг: 0 / 0
26.03.2013, 09:42
    #38198211
angel__2003
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
<script type="text/javascript">
$(document).ready(function (){
$("#button1").click(function () {
var o=$('div');
o.eq(o.length-1).find('#addr').val(o.eq(o.length-1).find('#addr_sp').val() + ' ;' + o.eq(o.length-1).find('#addr').val()); // добавляем запись
o.eq(o.length-1).find('#addr_sp').val(""); // очищяем поле
});
});
</script>
...
Рейтинг: 0 / 0
26.03.2013, 14:06
    #38198650
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Работа скрипта на клонированном (clone) div
angel__2003
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script type="text/javascript">
$(document).ready(function (){
$("#button1").click(function () {
	var o=$('div');
		o.eq(o.length-1).find('#addr').val(o.eq(o.length-1).find('#addr_sp').val() + ' ;' + o.eq(o.length-1).find('#addr').val()); // добавляем запись
		o.eq(o.length-1).find('#addr_sp').val(""); // очищяем поле
	});
});
</script>


Так вот ты какой, говнокод!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Работа скрипта на клонированном (clone) div / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]