<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

Весь курс соткан из практических примеров реальной вёрстки. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены!

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

(jquery)функция выполняется и результат исчезает
01.09.2016 14:58:48 (jquery)функция выполняется и результат исчезает Сообщение #1
gans7

gans7

Новичок

Новичок

Дата регистрации:
01.09.2016 14:41:54

Сообщений: 2

вот задачи по jq решаю ,и у меня систематические затыки в нижеследующих местах...

Задача такая: нужно через форму ввести размер блока и цвета. При нажати на кнопку блок должен появится и так любое количество раз.
Но у меня блок появляется, а как функция выполняется, то форма очищается и блок исчезает.
<form name="my_form">
<p>введите ширину:<input type="text" name="shirina"></p>
<p>введите высоту:<input type="text" name="visota"></p>
<p>введите цвет (в формате #aabbcc):<input type="text" name="tsvet"> </p>
<p><input type="submit" value="создать блок" onClick="newblock()"></p>
</form>
<div class="vse"></div>

<script type="text/javascript">

function newblock() {
 var myform = $(":text";
  alert(myform.length);
   
  shirina = myform.get(0).value +"px";
  visota = myform.get(1).value +"px";
  tsvet = myform.get(2).value;
  alert(shirina+visota+tsvet);
 text = "<div class='block"+bb+"'></div>";
  alert(text);
     $(text).appendTo("div.vse"; // вот эту строку надо из функции вытащить
    var text1="div.block"+bb;
    alert(text1);
     $(text1).css("width", shirina);         //  и эти строки надо из функции вытащить
     $(text1).css("height", visota);        //
     $(text1).css("background-color", tsvet);//
    alert("пауза";
    
}
var bb = 0;
var shirina,visota,tsvet;
var text="";

 
</script>

.............. пробовал переменные глобальные создавать им приравнивать, но ничего не выходит
Профиль Ответить
02.09.2016 14:09:49 (jquery)функция выполняется и результат исчезает Сообщение #2
gans7

gans7

Новичок

Новичок

Дата регистрации:
01.09.2016 14:41:54

Сообщений: 2

ответ оказался пошлый: удалялось все с экрана из-за банального и скучного  html -тега  <form></form>---- убрал его и блоки стали оставаться на экране без всякой глобализации переменных.
Профиль Ответить