Вход

Просмотр полной версии : Посчитать кол-во div и вывести сумму.

djonA
24.05.2013, 15:29
Есть 3 div с id="chet":

<div id="chet"></div>
<div id="chet"></div>
<div id="chet"></div>

Подскажите как посчитать кол-во этих div, и вывести число в определенном месте на странице?

Как посчитать нашел, но как вывести именно в каким то месте не нашел.
animhotep
24.05.2013, 16:03
- id на странице должен быть один
- в определенном месте это где?
djonA
24.05.2013, 16:09
тогда скажем вот так:
<div class="chet"></div>
<div class="chet"></div>
<div class="chet"></div>

А вывести например в месте или:
<div>тут кол-во div</div>

или тут: <input id="tyt" type="text" value="">
ksa
24.05.2013, 16:48
тогда скажем вот так:
<div class="chet"></div><div class="chet"></div><div class="chet"></div>

А вывести например в месте или:
<div>тут кол-во div</div>

или тут: <input id="tyt" type="text" value="">
Как вариант...

<!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 n=$('.chet').length;
$('#d_n').text(n);
$('#i_n').val(n);
});
</script>
</head>
<body>
<div class="chet">Item 1</div>
<div class="chet">Item 2</div>
<div class="chet">Item 3</div>
<div id="d_n"></div>
<input id="i_n" type="text" />
</body>
</html>
djonA
24.05.2013, 17:06
спасибо большое
djonA
24.05.2013, 17:57
А можно так что бы оно проверяло кол-во div'ов через 5 сек после загрузки страницы.


Т.к у там скрипт которые выводит мои div, кол-во которых я и считаю.

Т.е надо поставить задержку что бы оно считало через 5 секунд после загрузки страницы
Hekumok
24.05.2013, 20:08
$(document).ready(function () {
setTimeout(function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}, 5000) ;
}) ;
djonA
25.05.2013, 19:30
Отлично супер.
А можно еще его запускать не автоматом и при нажатии на div.

Т.е есть <div id="div"></div>

Нажал на него и запустил вот этот скрипт:
$(document).ready(function () {
setTimeout(function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}, 5000) ;
}) ;
Hekumok
25.05.2013, 20:38
через 5сек после нажатия

$(document).ready(function() {
$("#div").on("click", function() {
setTimeout(function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}, 5000) ;
}) ;
}) ;

Сразу после нажатия

$(document).ready(function() {
$("#div").on("click", function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}) ;
}) ;
djonA
25.05.2013, 21:00
Супер спасибо огромное спасибо!
djonA
25.05.2013, 23:56
А можно не вставить в div или input
а сразу отправить в php обработчик.

Т.е submit'нуть сразу.

Пробовал вставить в форму и автоматом субмитнуть. Но не получается субмитнуть сразу при изменении input value.

Подскажите плизз как сразу отправить в php обработчик?
ksa
27.05.2013, 08:45
не получается субмитнуть сразу при изменении input value
Где пример? Мы-то свои тебе показали... :D