Передача из формы и запуск цикла
Всем Доброго времени суток!
Не пинайте сильно тугодума:) Как заставить сие творение работать, никак не пойму, без .click , просто цикл работает. По клику должно добавляться 200 тэгов img в контейнере с классом topBlock, циклом перебирая цифры по условиям. Подскажите пожалуйста.. Спасибо!
<html>
<head>
<title>тест</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$(".render").click(function(){
var namemodel = $("input[name='model']").val();
for (var i = 1; i < 201; i++) {
if (i <= 9) {
$(".topBlock").append("<img src='photos/" + namemodel + "-000" + i + ".JPG' border='0'>");
continue;
}
if (i <= 99) {
$(".topBlock").append("<img src='photos/" + namemodel + "-00" + i + ".JPG' border='0'>");
continue;
}
if (i <= 200) {
$(".topBlock").append("<img src='photos/" + namemodel + "-0" + i + ".JPG' border='0'>");
continue;
}
}
});
});
</script>
</head>
<body bgcolor="#000000">
<form>
<input type="text" class="hideModel" name="model" value="">
<input type="submit" name="ok" class="render" value="Просмотр модели">
</form>
<div align="center" class="topBlock">
</div>
</body>
</html>
|
alexmoreman,
описание не помешало бы, что делает код. |
alexmoreman,
отмену события может забыли добавить ? |
Чутка изменил, что-то заработало но в бесконечном цикле.
$(document).ready(function(){
$(".render").bind('click', function(){
var namemodel = $("input[name='model']").val();
for (var i = 1; i < 201; i++) {
if (i <= 9) {
$(".topBlock").append("<img src='photos/" + namemodel + "-000" + i + ".JPG' border='0'>");
continue;
}
if (i <= 99) {
$(".topBlock").append("<img src='photos/" + namemodel + "-00" + i + ".JPG' border='0'>");
continue;
}
if (i <= 200) {
$(".topBlock").append("<img src='photos/" + namemodel + "-0" + i + ".JPG' border='0'>");
continue;
}
}
});
$('.render').trigger('click');
$('.render').unbind('click');
});
|
Цитата:
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(document).ready(function(){
$(".render").submit(function(){
var namemodel = $("input[name='model']").val();
for (var i = 1; i < 201; i++) {
var val=namemodel+"-" +("000" + i).match(/\d{4}$/)+ ".jpg";
$(".topBlock").append("<p>"+val+"</p>");
}
return false;
});
});
</script>
</head>
<body>
<form class="render">
<input type="text" class="hideModel" name="model" value="">
<input type="submit" name="ok" value="Просмотр модели">
</form>
<div align="center" class="topBlock"></div>
</body>
</html>
|
Цитата:
|
И это, конечно полный пипец! :D
Цитата:
$(document).ready(function(){
$(".render").submit(function(){
var namemodel = $("input[name='model']").val();
for (var i = 1; i < 201; i++) {
var val=namemodel+"-" +("000" + i).match(/\d{4}$/)+ ".jpg";
$(".topBlock").append("<p>"+val+"</p>");
}
return false;
});
});
|
ksa, Да я вообще в языке ноль полный, то есть абсолютный.) по тому так коряво и писал. Спасибо огромное, работает! То что нужно.
|
Вот вариант покороче...
var val=namemodel+"-" +("000" + i).match(/\d{4}$/)+ ".jpg";
|
| Часовой пояс GMT +3, время: 15:29. |