Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.01.2017, 12:23
Новичок на форуме
Отправить личное сообщение для alexmoreman Посмотреть профиль Найти все сообщения от alexmoreman
 
Регистрация: 19.01.2015
Сообщений: 7

Передача из формы и запуск цикла
Всем Доброго времени суток!
Не пинайте сильно тугодума
Как заставить сие творение работать, никак не пойму, без .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, 25.01.2017 в 12:37. Причина: Дополнение
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2017, 12:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

alexmoreman,
описание не помешало бы, что делает код.
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2017, 12:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

alexmoreman,
отмену события может забыли добавить ?
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2017, 13:27
Новичок на форуме
Отправить личное сообщение для alexmoreman Посмотреть профиль Найти все сообщения от alexmoreman
 
Регистрация: 19.01.2015
Сообщений: 7

Чутка изменил, что-то заработало но в бесконечном цикле.
$(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');
});

Последний раз редактировалось alexmoreman, 25.01.2017 в 13:28. Причина: исправление
Ответить с цитированием
  #5 (permalink)  
Старый 25.01.2017, 13:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,214

Сообщение от alexmoreman
Как заставить сие творение работать, никак не пойму
Не делать сабмит формы...

Как вариант...

<!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>

Последний раз редактировалось ksa, 25.01.2017 в 14:27.
Ответить с цитированием
  #6 (permalink)  
Старый 25.01.2017, 13:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,214

Сообщение от alexmoreman
что-то заработало но в бесконечном цикле
Потому как у тебя форма постоянно отправляется...
Ответить с цитированием
  #7 (permalink)  
Старый 25.01.2017, 14:00
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,214

И это, конечно полный пипец!
Сообщение от alexmoreman Посмотреть сообщение
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;
          }
Как вариант...

$(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, 25.01.2017 в 14:26.
Ответить с цитированием
  #8 (permalink)  
Старый 25.01.2017, 14:11
Новичок на форуме
Отправить личное сообщение для alexmoreman Посмотреть профиль Найти все сообщения от alexmoreman
 
Регистрация: 19.01.2015
Сообщений: 7

ksa, Да я вообще в языке ноль полный, то есть абсолютный.) по тому так коряво и писал. Спасибо огромное, работает! То что нужно.

Последний раз редактировалось alexmoreman, 25.01.2017 в 14:13. Причина: добавил
Ответить с цитированием
  #9 (permalink)  
Старый 25.01.2017, 14:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,214

Вот вариант покороче...
var val=namemodel+"-" +("000" + i).match(/\d{4}$/)+ ".jpg";
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передача данных формы prog_f130 Общие вопросы Javascript 17 21.10.2016 10:01
ajax передача отдельной переменной и формы dmitriy94 AJAX и COMET 11 16.01.2015 23:33
передача данных из форм своего сайта в формы стороннего сайта najrobi Общие вопросы Javascript 19 15.07.2012 22:18
Передача данных из формы Eugene Общие вопросы Javascript 4 15.12.2010 11:41
Передача фокуса из формы после ввода символа kuh Общие вопросы Javascript 2 08.03.2009 19:50