<MyRusakov.ru />

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

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

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по 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>---- убрал его и блоки стали оставаться на экране без всякой глобализации переменных.
Профиль Ответить