Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: помощь с домашкой

привет. раньше я больше работал на джаве и qt. сейчас решился расширять знания в сторону веб разработки.  записался в школу программирования по яваскрипту, сейчас с одной из домашек никак не могу разгребтись .  не могу понять как надо прицепить обработчик на обновляемую страницу , которая автообновляеться при нажатии кнопки "добавить" . да и как потом все связать с бекэндом. там при нажатии кнопки "добавить" автоматом обновляется страничка  , до строки  адреса добавляется еще и "?name="  . не знаю как правильно роутер сделать чтобы отлавливал этот адрес. пробывал прицепить обработку на нажатие кнопки но при обновлении страницы - все слетает . обработка не срабатывает
зы. должен признать что в яваскрипт я вникаю очень туго .
.
.
.
.
На основе этого, вам необходимо будет написать немного javascript для браузера. Не надо заморачиваться над кроссбраузерностью и совместимостью со старыми версиями.

Единственным браузером, в котором я буду проверять работоспособность вашего примера будет Google Chrome последней версии. Исходя из этого, вы можете использовать фичи, которые он поддерживает.

Главные требования к вашему коду будут следующие:

Не использовать сторонних библиотек на клиенте. Т.е. вы должны писать свой код на чистом JavaScript.
Ваш код вы должны собрать при помощи webpack, и подключить одним файлом на странице перед закрывающим тегом </body>.
Использовать написанное серверное API для добавления/получения/удаления/изменения пользователей
Использовать возможности, которые вам предоставляет ECMAScript 6.0 - покажите мне, что вы узнали
Код должен быть обязательно разбит на нескольно логических модулей. Не надо сваливать все в index.js

Основные функции, которые ваш код должен реализовывать:

Добавление нового пользователя при помощи заполнения формы добавления
Вывод актуального списка пользователей в табличном виде
Удаление пользователя при клике на ссылку "удалить"
При клике на ссылку "изменить" должна появиться форма редактирования данных о пользователе, заполнив которую, можно будет изменить данные о пользователе и сразу же увидеть актуальный список пользователей.

Присоединённый файл ( Кол-во скачиваний: 0 )
 
Ответ:
привет. раньше я больше работал на джаве и qt. сейчас решился расширять знания в сторону веб разработки.  записался в школу программирования по яваскрипту, сейчас с одной из домашек никак не могу разгребтись .  не могу понять как надо прицепить обработчик на обновляемую страницу , которая автообновляеться при нажатии кнопки "добавить" . да и как потом все связать с бекэндом. там при нажатии кнопки "добавить" автоматом обновляется страничка  , до строки  адреса добавляется еще и "?name="  . не знаю как правильно роутер сделать чтобы отлавливал этот адрес. пробывал прицепить обработку на нажатие кнопки но при обновлении страницы - все слетает . обработка не срабатывает
зы. должен признать что в яваскрипт я вникаю очень туго .
.
.
.
.
На основе этого, вам необходимо будет написать немного javascript для браузера. Не надо заморачиваться над кроссбраузерностью и совместимостью со старыми версиями.

Единственным браузером, в котором я буду проверять работоспособность вашего примера будет Google Chrome последней версии. Исходя из этого, вы можете использовать фичи, которые он поддерживает.

Главные требования к вашему коду будут следующие:

Не использовать сторонних библиотек на клиенте. Т.е. вы должны писать свой код на чистом JavaScript.
Ваш код вы должны собрать при помощи webpack, и подключить одним файлом на странице перед закрывающим тегом </body>.
Использовать написанное серверное API для добавления/получения/удаления/изменения пользователей
Использовать возможности, которые вам предоставляет ECMAScript 6.0 - покажите мне, что вы узнали
Код должен быть обязательно разбит на нескольно логических модулей. Не надо сваливать все в index.js

Основные функции, которые ваш код должен реализовывать:

Добавление нового пользователя при помощи заполнения формы добавления
Вывод актуального списка пользователей в табличном виде
Удаление пользователя при клике на ссылку "удалить"
При клике на ссылку "изменить" должна появиться форма редактирования данных о пользователе, заполнив которую, можно будет изменить данные о пользователе и сразу же увидеть актуальный список пользователей.

Присоединённый файл ( Кол-во скачиваний: 0 )
 
Вопрос: Вертка landing page при помощи bootstrap 3

Всем привет
Делаю свой первый landing page при помощи bootstrap 3, шаблон сделал в фотошопе. Начал версту и тут трабл, делаю шапку но у меня лого с текстом не идет в один блок, а просто текст идет ниже логотипа и все остальное. Что я делаю не так, код ниже. Прошу помощи.
Код

<body>
  <header class="container">
   <div class="row">
        <div class="col-md-3"><img src="img/logo.png" alt="logo.png"></div>
        <div class="col-md-4"><h1>Qualified Technical Group</h1><br \>Пн-Пт: 10.00 - 19.00 <br \> Сб: 10.00 - 17.00 </div>
        <div class="col-md-3"></div>
        <div class="col-md-2"></div>
    </div>
      
      
  </header> 
   
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  
  <footer></footer>
     
</body>

Ответ:
Всем привет
Делаю свой первый landing page при помощи bootstrap 3, шаблон сделал в фотошопе. Начал версту и тут трабл, делаю шапку но у меня лого с текстом не идет в один блок, а просто текст идет ниже логотипа и все остальное. Что я делаю не так, код ниже. Прошу помощи.
Код

<body>
  <header class="container">
   <div class="row">
        <div class="col-md-3"><img src="img/logo.png" alt="logo.png"></div>
        <div class="col-md-4"><h1>Qualified Technical Group</h1><br \>Пн-Пт: 10.00 - 19.00 <br \> Сб: 10.00 - 17.00 </div>
        <div class="col-md-3"></div>
        <div class="col-md-2"></div>
    </div>
      
      
  </header> 
   
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  
  <footer></footer>
     
</body>

Вопрос: Создание запроса с помощью функции

Всем привет. Только начал изучать JavaScript, как учебник использую методичку своего универа. В ней вроде все подробно описано и даны примеры, которые не надо изменять, чтобы они заработали. Пытаюсь один из примеров реализовать (Создание запроса с помощью функции), но у меня ничего не выходит. Просто загружается страница без всяких запросов. Ищу в чем может быть ошибка, но к сожалению пока ничего не нашел. Буду рад, если вы укажете на ошибку в коде.
<!DOCTYPE html>
<html>
	<head>
		<title>Моя замечательная страница</title>
		<script type="text/javascript">
			function hello()
			{
				var first = prompt("Будьте добры, напишите свое имя", "")
				var second = prompt("Будьте добры, напишите свое отчество", "")
				var page = document location;
				var ttl = document title;
				alert("Привет, " + first + " " + second + ". Добро пожаловать на " + ttl + " по адресу: " + page + "!")
			}
		</script>
	</head>
<body onload="hello()">
	<h1>Моя страница</h1>
</body>
</html>

Делаю данный пример в файле с расширением *.html
Заранее спасибо за помощь!
Ответ: Огромное спасибо! Стыдно признавать, но про отладчик не слышал до этого, так что вдвойне спасибо за помощь!!!
Вопрос: Прокрутка слайдера с помощью мыши

Добрый вечер, помогите пожалуйста
Есть такой слайдер
Как реализовать прокрутку слайдов с помощью колесика мышки?
Ответ:
document.getElementById('slider').onmousewheel=document.getElementById('slider').onwheel=function(){ 
   // тут отслеживаете в какую сторону крутится колесо (гугл в помощь) и прокручиваете туда, куда нужно
};
Вопрос: Нужна помощь с калькулятором

Здравствуйте! Нужна помощь с калькулятором. Нужно чтобы он рассчитывал следующим образом. (ширина * высота) * стоимость товара.
// JavaScript Document
$(document).ready(function() {
	$("#tableSelect").change(function() {
		var totalSum = 0;
		$("input[id^='pos'], select[id^='pos']").each(function() {
			var idElement = "#"+$(this).attr("id"),
		priceField1 = parseFloat($(idElement+"_price1").text())||0, 
		countField1 = parseFloat($(this).val())||0; 
var res = (priceField1 * countField1)|0;
 $(idElement+"_count1").text(res);
            totalSum += res;
		});
		$("#count_price1 span").text(totalSum);
	});
});


<div id="tableSelect" >
Ширина
<input id="pos_4" type="text" class="vertical"></input></br>
Высота
<input id="pos_4" type="text" class="vertical"></input></br>
 <div style="display: none;" id="pos_4_price1" type="text" class="vertical">10</div></br>

 <div id="ret">
Стоимость изделия: <div id="pos_4_count1">0</div></div>

			<div id="hp3">Установка</div>

			<div style="display: none;" id="pos_5_price1" type="text" class="vertical">1</div></br>
			            	<select id="pos_5" name="veduschiy">
                	<option value="0" selected>-</option>
                	<option value="150">Да</option>
 </select></br><div id="ret">
 Стоимость: <div id="pos_5_count1">0</div></div>
 <div id="count_price1"><p>Итого: <span></span> руб.</p></div></div>
Ответ: С проблемой разобрался спасибо за помощь.
Вопрос: Прошу помощи по javascript

Здравствуйте!

Прошу помогите, уже голову сломал

Есть скрипт который генерирует хештеги в строке url:

CODE (javascript):

  1. Hash = {
  2.         // Получаем данные из адреса
  3.         get: function() {
  4.                 var vars = {}, hash, splitter, hashes;
  5.                 if (!this.oldbrowser()) {
  6.                         var pos = window.location.href.indexOf('?');
  7.                         hashes = (pos != -1) ? decodeURIComponent(window.location.href.substr(pos + 1)) : '';
  8.                         splitter = '&';
  9.                 }
  10.                 else {
  11.                         hashes = decodeURIComponent(window.location.hash.substr(1));
  12.                         splitter = '/';
  13.                 }
  14.  
  15.                 if (hashes.length == 0) {return vars;}
  16.                 else {hashes = hashes.split(splitter);}
  17.  
  18.                 for (var i in hashes) {
  19.                         if (hashes.hasOwnProperty(i)) {
  20.                                 hash = hashes[i].split('=');
  21.                                 if (typeof hash[1] == 'undefined') {
  22.                                         vars['anchor'] = hash[0];
  23.                                 }
  24.                                 else {
  25.                                         vars[hash[0]] = hash[1];
  26.                                 }
  27.                         }
  28.                 }
  29.                 return vars;
  30.         }
  31.        
  32. };


C помощью функции выше я получаю параметры заданого хештега.

допустим url:

CODE (javascript):

  1.  
  2. var hash = Hash.get();
  3. alert(hash.value); // 1
  4.  


Но когда у меня переменная которой присвоен название хештега:

CODE (javascript):

  1.  
  2. var a = 'value';
  3. alert(hash.a); // undefined
  4.  


понимаю что решение простое, но знаний не хватает, поэтому прошу помочь.
Ответ:
SAD пишет:
не работает - мне ничего не говорит. какая ошибка в консоли браузера?

value - это у Вас другая переменная или строка, которую Вы не обрамили кавычками?


Спасибо за помощь, разобрался, все заработало, чтобы я без Вас делал.
Вопрос: Как с помощью Javascript взять величину с одного блока и присвоить её другому

Ребят, прошу у вас помощи.
Я вообще не знаю js., помогите пожалуйста простым на мой взгляд скриптом.

Нужно узнать height блока .div-1 (Блок резиновый, не имеет постоянную величину).
Сделать чтобы height блока .div-2 соответствовала height блока .div-1.
Но при этом, чтобы height блока .div-2 не была больше 500px.

Для знающего человека, по идее никаких затруднений возникнуть не может.
Заранее, спасибо.
Ответ: Благодарю добрых и отзывчивых людей за помощь.
Все прекрасно работает
Вопрос: Вывод значения из JSON с помощью JS

Всем привет.

Есть страница в формате JSON: , на которой указаны характеристики товара. У товара есть параметр "Поставщик":
{"backoffice":true,"id":1553534,"permalink":"postavschik","title":"\u041f\u043e\u0441\u0442\u0430\u0432\u0449\u0438\u043a"}

В массиве значений параметров (characteristics) по этому ID (1553534) указаны следующие данные:
{"id":17397390,"property_id":1553534,"position":1,"title":"\u0410\u043b\u0441\u043e","permalink":"also"}


Вопрос в следующем: как с помощью JavaScript можно получить и вывести название поставщика (also) или его ID (1553534)? Заранее огромное спасибо.

P. S. Значения \u0410\u043b\u0441\u043e - это название поставщика в Юникоде.
Ответ:
Сообщение от рони
Win_D,
не знаю как вы получаите json ...
Ладно, в любом случае, спасибо вам за помощь
Вопрос: Как сделать 50% высоты у дочерних блоков, с помощью flexbox?

Добрый день!

Как с помощью flexbox сделать такую конструкцию?

<div class="wrapper"><!-- Высота этого контейнера неизвестна -->
    <div class="column"><!-- Этот, должен быть 100% высоты своего ↑ родителя -->
        <div class="cell"></div><!-- Один под другим. 50% высоты -->
        <div class="cell"></div><!-- Один под другим. 50% высоты -->
    </div>
</div>
Ответ:
Сообщение от snovapavel
Как сделать 50% высоты у дочерних блоков, с помощью flexbox?
можно также у дочерних элементов flex-grow: 1;

<!DOCTYPE html>
<html>
<head>
<style>
.wrapper {
	height: 200px;
}
.column {
    height: 100%;
    display: flex;
    flex-direction: column;
    outline: 3px solid green;
}
.cell {
    flex-grow: 1;
    background: orange;
}
.cell:last-child {
    background: tan;
}
  
</style>
</head>
<body>
  <div class="wrapper"><!-- Высота этого контейнера неизвестна -->
      <div class="column"><!-- Этот, должен быть 100% высоты своего ↑ родителя -->
          <div class="cell">1</div><!-- Один под другим. 50% высоты -->
          <div class="cell">2</div><!-- Один под другим. 50% высоты -->
      </div>
  </div>
</body>
</html>
Вопрос: Нужна помощь по коду. Подробнее в уточнении.

Добрый день! Нужна помощь по коду . Нужно таблицу сделать активным. То есть например при нажатии любой строки можно было изменять ее. Подробнее в коде: codepen.io/Sirius89/pen/gWNgdP. Объясните как сделать элементы в массиве активными чтобы при нажатии на строку в таблице выходило в марке, модели строка ввода а в остальных трех то есть в годе выпуска, цвете и цене выходил select для выбора данных для ввода в таблицу. И потом чтоб все это можно было сохранить. Заранее благодарю!
Ответ: Ок, благодарю за помощь !