<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS - WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

Также Вы получите и всю практику, поскольку прямо в курсе с нуля создаётся полноценный Интернет-магазин, который затем публикуется в Интернете. И всё это прямо на Ваших глазах.

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

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

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

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

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

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

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

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

Какая тема Вас интересует больше?

Поиск: script . . . .

Что искали: script . . . .

Всего найдено: 890 записей

... │     ├── icons │     │     ├── android-chrome-192x192.png │     │     ├── android-chrome-512x512.png │     │     ├── apple-touch-icon.png ...
...     let days = ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'];     let day = days[d.getday()];     let date = d.getdate();     let month = months[d.getmonth()]; ...
... устроиться на работу web-developer'ом. зарплаты очень высокие, имейте в виду ;) итог о чем мы поговорили? какие бывают сайты. самые востребованные ...
... var b = {  name: 'bob' }; a = b; b.name = "john"; console.log(a.name); если вы запустите данный пример, то увидите john, т.к. переменная a и b ссылаются на один и тот ...
... "отправить">  </form></div></body></html>как видите, опять ничего сложного. как видите, создать свой сайт - это совсем не сложно. единственная проблема, ...
...         android:usescleartexttraffic="true"         android:theme="@style/theme.rssappdemo">         <!--               окно, которое будет отображать html страницу во встроенном браузере ...
...     background: linear-gradient(180deg,#2f2f2f,#3f3f3f);     box-shadow: inset -8px 0 8px rgba(0,0,0,0.15),     inset 0 -8px 8px rgba(0,0,0,0.25),     0 0 0 2px rgba(0,0,0,0.75),     10px ...
... форма:" + "\n" + bad;    alert(bad);    return false;  }  return true;}в данном скрипте мы сначала получаем все данные, нуждающиеся в проверке, и записываем ...
...     // if timer is running simply return from it     if (this.running) {         return;     }     this.running = true; ...
... node.js. другой путь - использовать такие сервисы, как pusher или beaconpush и их api. заключение websockets очень легки в использовании, очень быстры, надежны ...
... себя большее количество локализаций (разные языки). <script src="node_modules/moment/min/moment-with-locales.min.js"></script> указав нужный язык, библиотека выдаст ...
... используете ли вы чистый javascript или сторонние библиотеки, такие как hammer.js или swiper.js, обработка свайпов может значительно повысить удобство использования ...
... type="module">    import { something } from './somewhere.js';    // ...   </script> модули парсятся только один раз, независимо от того, сколько раз они используются ...
...     ); } export default giftcard; после создания всех файлов как в примерах выше, вы получите приложение похоже на картинку в начале статьи.
  • 15. файл robots.txt
  • Раскрутка сайта/Внутренняя оптимизация
... страницы. и вот для того, чтобы убрать дублирование (злейший враг оптимизации), возникающее вот от таких параметров, нужно использовать директиву ...
... определённые значения, то последние, наоборот, их изменяют. собственно, данный скрипт я мог бы не приводить, но, чтобы не осталось никаких вопросов, давайте ...
...                     # vacancies.append(str(vacancy))                     # останавливаем запрос на 500 мс ...
...         </div>     </div>     <script src="https://www.google.com/recaptcha/api.js?hl=ru" async defer></script>     <!-- добавляем модули firebase --> ...
... порекомендовать данную компанию, то придётся вам это делать бесплатно, как это делаю я сейчас. на мой взгляд, это огромное их упущение. с другой стороны, ...
...           <tbody>             {newdata.map(function(user) {               return (                 <tr key={user.id}> ...
... видите, настраивать достаточно много для добавления новой статьи в joomla. однако, вы, наверняка, обратили внимание на значение во многих настройках ...
... from google.cloud import speech import io def transcribe_audio(audio_file):     client = speech.speechclient()     with io.open(audio_file, "rb") as f:         content = f.read() ...
...         hamburger.addeventlistener("click", () => {             document.queryselector("body").classlist.toggle("active");         }) ...
...         .pipe(nunjucks.compile())           // компипилируем шаблон         .pipe(rename({ extname: '.html' })) // переименовываем в html ...
...   mode: 'cors' // включаем режим cors })   .then(response => response.json())   .then(data => console.log(data))   .catch(error => console.error('error:', error)); если сервер ...
... полезно будет потренироваться в выводе разного текста, разными цветами.увидимся в следующей статье!с уважением, михаил русаков. p.s. бесплатный ...
... получилось некрасивое замыкание линий. теперь добавим свойство linecap и края треугольника красиво соединились. ctx.linecap = "round";
...           exclude: /node_modules/         }       ]     },     resolve: {       extensions: [ '.tsx', '.ts', '.js' ] ...
...             newwindow.document.write('<p>' + resume.experience + '</p>');             newwindow.document.write('<h2>навыки</h2>');             newwindow.document.write('<ul>'); ...
...             }         }         function drawtime(ctx, radius) {             let now = new date(); ...
... <div>регистрация на мероприятие будет закрыта через <span class="time">00:00:10</span> сек.</div> <script>     let tags = document.queryselectorall('.time');     for(let tag of tags) ...
... внимание пользователя и даст понять, что здесь будет что-то происходить. для этого предусмотрен класс .typed-cursor, его мы и пропишем стили по своему ...
... numbers.reduceright(function(a,b){   return a - b; }); console.log(rd); // -13 console.log(rd2); // -5 indexof() и lastindexof() методы indexof() и lastindexof() работают с массивами точно так же, как и со строками. var numb ...
... устанавливаем ее на заданные координаты (в данном случае — это центр лондона). api osrm: мы отправляем запрос к api osrm для вычисления маршрута между тремя ...
...      getcomments(count);     }, 3000);    }   </script> </body> не пугайтесь, тут все просто. в body, используя атрибут onload мы сразу вызываем нашу ...
...   font-size: 16px;   padding: 10px;   margin-top: 20px;   width: 100%; } файл script.js !(function () {   const form = document.getelementbyid("form");   const username = document.getelementbyid("username"); ...
... привлекательная подсказка, сформированная с помощью библиотеки jquery ui. внешний вид которой мы можем настроить, прописав свои стили. код ...
... src:. // папка src │   index.njk │ ├───includes │       _company_news.njk │       _footer.njk │       _header.njk │       _info_board.njk ...
... состоянии весь текст показывается целиком. .container .card.active:before{     border-top: 20px solid #ff3b7e;/*розовый треугольник*/     border-right: 20px solid #ff3b7e; ...
... snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);    snow[i].style.left=snow[i].posx;    snow[i].style.top=snow[i].posy;  }  movesnow();}function movesnow() {  for (i=0;i<=snowmax;i++) {    crds[i] += x_mv[i];    snow[i].posy+=snow[i].sink;    ...
... обязательно должен быть метод render, который возвращает результат работы компонента. в примере ниже, мы видим, что компонент app вернул результат ...
... средствами одного css и нужно задействовать графические изображения. see the pen gradients with an image mask by porsake (@porsake) on codepen. интерактивные градиенты это ...
... функции, описывающей "правила сортировки".эта функция должна определять критерии, при которых один элемент больше другого. давайте, например, ...
...                 return `<tr>${values.join('')}</tr>`;             })             searchresults.innerhtml = rows.join(''); ...
...     devtool: 'inline-source-map', // карты кода для отладки     devserver: {         contentbase: './dist', // папка из которой будет брать контент сервер разработки ...
...       // используем название поля profile_image из html разметки для получения ссылки на загружаемый файл       const avatar = req.files.profile_image;       const filename = crypto.createhash('md5').update(avatar.name).digest('hex'); ...
... // удаление класса     input.classlist.remove('incorrect'); // удаление класса     if (input.value == input.dataset.right) {         input.classlist.add('correct'); ...
... пользователь при первом заходе на сайт, поставит галочку "запомнить меня", то при повторных заходах, уже не нужно вводить данные в форму. обработчик ...
... вытащим значение атрибута src, то есть картинку из html-разметки (jquery_data_white.jpg). let srcvalue = $('.imageplace img').attr('src'); присвоим значение атрибута ...
... entry_env_name.insert(0, "venv") entry_env_name.grid(row=1, column=1, padx=10, pady=5) # управление пакетами tk.label(root, text="название пакета:").grid(row=2, column=0, padx=10, pady=5, sticky="w") ...
... замене подстроки. метод называется replace() и принимает два параметра: подстроку, которую надо заменить, и подстроку, на которую надо заменить (заменяется ...
...     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <title>мое react приложение</title> ...
... человеку сообщение о том, откуда он пришёл (например, с поисковой системы). если свойство referrer оказалось пустым (то есть человек непосредственно ...
... близкий к нативным приложениям. service workers управляют кэшированием ресурсов и обработкой сетевых запросов, что позволяет ускорить работу приложений ...
... console.log(`идет гулять`);    }   }   let bingo = new dog();   bingo.walk(); // идет гулять чтобы вызвать метод базового класса в производном классе, нужно использовать ...
...     ├───footer     ├───header     │       header.css     │       header.js     │     ├───productcard ...
... свойство readystate. возможные значения: - 0 (connecting): соединение еще не установлено. - 1 (open): соединение установлено и готово к использованию. - 2 (closing): соединение ...
...       { coords: [51.505, -0.09], popup: 'первая метка' },       { coords: [51.51, -0.1], popup: 'вторая метка' },       { coords: [51.515, -0.11], popup: 'третья метка' }, ...
...             routelayer.clearlayers();             // рисуем маршрут между точками             const route = l.polyline([start, end], { color: 'blue', weight: 4 }).addto(routelayer); ...
... скролле страницы на wordpress, будет 100% работать, проверено на личном опыте. плагин анимации для wordpress – animate it сайт: https://ru.wordpress.org/plugins/animate-it ...
... статье ajax-форма без перезагрузки страницы, я подробно об этом рассказываю, ниже и приведу слегка измененный код, именно под нашу форму с одним ...
... false;     };     dropzone.ondragleave = function() {      this.classname = 'dropzone';      this.innerhtml = 'перетащите файлы сюда';      ...
...     color: transparent; } *:focus::-ms-input-placeholder {     color: transparent; } сместим кнопку к правому краю формы. .booking_form .submit_button {     display: flex;     justify-content: ...
... прописали bootstrap классы чисто для красоты и чтобы не тратить время на написание собственных css стилей. стили заданы только для контейнера. отодвинем ...
... document.write(i + " ");}если вы запустите этот скрипт, то увидите, что не хватает числа 50. это произошло потому, что при i = 50, мы переходим к следующей итерации цикла, ...
... если тип фильтрации - "запрет", то содержимое этого поля не имеет значения. атрибуты для фильтра. то же самое, что и "теги для фильтра", только здесь ...
... translatex задвинет меню по горизонтальной оси в невидимую область влево на 100%. background-color: #fff; transition: 0.5s; transform: translatex(-100%); а класс menu_active, при клике ...
... html разметку основной структуры, детали будем добавлять по ходу верстки. <nav></nav> <header></header> <section id="about"></section> <section id="services"></section> ...
... найти тег внутри другого тега, чтобы изменить цвет текста: $("div h3").css("color", "blue") найти тег внутри другого тега - альтернативный вариант: ...
... образом, у нас и меняется изображение. надеюсь, что понятно объяснил.остальные свойства объекта image в javascript используется достаточно редко, поэтому ...
... src="video.mp4#t=,5" controls></video> в примере выше видео начнется с самого начала и будет идти до 5-ой секунды. возможность встраивать видео в html появилась ...
...             }         }         // добавление обработчика события для бокового меню ...
... вы можете видеть, слайдер очень прост в установке и настройке, но позволяет делать по-правде шикарные вещи. спасибо за внимание и до скорого!
... заключение json placeholder api — это удобный и бесплатный инструмент для разработчиков, позволяющий работать с ненастоящими данными для тестирования, ...
...             // удаляем обработчик             delete this.eventobject[eventname][id];             // если у этого события нет подписчиков, удаляем вообще все событие ...
... создания снимка. const speechrecognition = window.speechrecognition || window.webkitspeechrecognition; const recognition = new speechrecognition(); recognition.lang = 'ru-ru'; recognition.interimresults = false; ...
... date(i).toisostring().substr(0, 10)); осталось вывести наши данные на странице. out.innerhtml += (new date(i).toisostring().substr(0, 10) + '<br>'); сработало! мы получили ...
... регулярное выражение для сопоставления и замены строк: formatteddate = format.replace(/mm|dd|yy|yyy/gi, matched => map[matched]); полная функция выглядит следующим ...
... cryptography api имеет хорошую поддержку в современных браузерах, хотя в некоторых нужно ставить префиксы. оригинал: http://thenewcode.com/82/recipes-for-randomness-in-javascript
... вывести в любом месте на странице. elem.append – добавляет элемент после последнего его дочернего элемента; elem.prepend – добавляет элемент перед первым ...
... описано в документации. давайте разберём построчно, что конкретно они делают. демонстрация работы таймера обратного отсчёта таймер обратного ...
... оператора new анонимный класс в javascript es6 подобно функциям, классы также могут иметь форму выражений. выражение класса не требует идентификатора ...
...   $url = “http://news.yandex.ru/gadgets.rss”;   $content = file_get_contents($url); ?> далее мы передаем содержимое переменной $content в конструктор класса simplexmlelement и получим ...
... будет вызывать ранее установленные плагины, можно передавать параметры. компилируем sass файлы в css расставляем префиксы в каскадном виде с ...
... сложенный аккордеон, а минус – на раскрытый. при клике на кнопку, знак плюс меняется на знак минус. это подходящий случай для применения псевдокласса ...
... начинается с 0, то мы получаем 7-ой месяц, несмотря на то, что сейчас август. let month = new date(); console.log(month.getmonth()); // 7 метод getdate() получаем число ...
... world!</h1>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>     <script type="text/javascript" src="materialize/js/materialize.min.js"></script> </body> ...
... выполняющие тригономитреческие функции:var x = 0.1;document.write(math.sin(x) + "<br>"); //синус числаdocument.write(math.cos(x) + "<br>"); //косинус числаdocument.write(math.tan(x) + "<br>"); ...
... и прошедшее время после начала выполнения скрипта. также заметьте, что функция func() требует параметр. этот параметр передаётся в методе setinterval() ...
...     for (let field of form) {         const {name} = field;         if (name) {             const ...
... объект будет перекрашиваться как "грузовой автомобиль" или как "легковой автомобиль". ведь мы можем, например, потребовать в качестве параметра ...
... увидите, как работает гамбургер меню на css вывод оба варианта рабочие. меню на js, скажем так – правильное, с точки зрения использования кода. ...
... пользователь начинает взаимодействовать с формой. .form-container input[type=text]:focus, .form-container input[type=password]:focus {     background-color: #ddd;     .. } создаем ...
... значение ключа и в зависимости от результата возвращает булевое значение. если проверяемый ключ содержится в коллекции, то возвращается true. ...
... переменные с числами в десятичной системе исчисления. int a = 4; int b = 7; преобразуем эти числа в двоичный код (состоящий только из нулей и единиц), ...
... 'red'; }); узнаем координаты мыши при клике по блоку. <div>узнать координаты</div> <script> let div = document.queryselector('div'); div.addeventlistener('click', ...
... демонстрация вам того, что далеко не всегда нужно прибегать к плагинам. подобный слайдер изображений можно было сделать и с помощью плагина, ...
... видоизменять html-блоки. vue.js содержит очень подробную документацию, которая может ускорить процесс обучения разработчиков и сэкономить много времени ...
... статическим методом, поскольку он не зависит от какого-либо экземпляра класса animal. es6 упростил задачу создания статических, используя ключевое слово static ...
... случайно введет, число 10.5 или 10d, то функция сама обрежет до целого числа. нам нужны числа, а не строки.необходимо создать ещё одну переменную. назовем ...
... программировании. let a = 'удаленная работа - это новая реальность.'; let b = a.indexof('работа'); console.log(b);        // 10 ...
... ключевое слово function, потом название функции (в данном случае, пусть будет sum). внутри скобок указал два параметра, которые требуются (x и y). внутри функции ...
... range.slice(0, 18) range[7..] // range.slice(7) мы также можем скопировать массив firstrange = [0..27] secondrange = firstrange[..] теперь перейдем к объектным литералам user =   name: "виталий" ...
... элементы массива циклом for of for (const user of list) {     console.log(user); } список готов: задача №2 необходимо оставить в массиве с повторяющимися ...
... их обработку и передачу удобной как на стороне клиента, так и на сервере. этот объект особенно полезен для приложений, где требуется загрузка ...
... поняли, как это все работает, и вам было легче понять, как работают замыкания. а теперь перейдем непосредственно к теме статьи. как я уже говорил, объект ...
...                         title: {                             display: true, ...
... get_header('empty'); ?> практический пример стандартный вид страницы с хедером. контактная страница, без хедера. заключение точно такие же ...
... while true:     schedule.run_pending()     time.sleep(1) настройка smtp сервера и учетных данных перед запуском скрипта, замените следующие параметры ...
... обратится к итератору можно через встроенный в js стандартный ключ symbol.iterator. для перебора не итерируемых объектов, можно создать свой итератор. ...
...     images[i].style.display = 'none';     i = i - 1;     if(i < 0){         i = images.length - 1;     }     images[i].style.display = 'block'; ...
... хотите глубже освоить javascript? рекомендую курс "программирование на javascript с нуля до гуру 2.0", где вы найдёте ещё больше полезных техник и приёмов!
...             // вызываем печать нового окна             printwindow.print();         }         // функция для перемешивания массива ...
... прозрачность .menu-icon.menu-icon-active .menu-icon-line {     background-color: transparent; } // поворот верхней линии на 45 градусов .menu-icon.menu-icon-active .menu-icon-line::before {     transform: ...
... slider, подключаем ссылки на slick.css, slick.js и библиотеку jquery к html документу. кроме того, у вас уже должны быть созданы и подключены ваши собственные файлы ...
... хотя бы из этого видеокурса "создание и продвижение лендинга под ключ".обратите внимание, как привлекательно анимирована сама продающая страница ...
...     padding-left: 6px;     transition: all 0.4s 0.7s ease; } атрибут placeholder выводит текст белого цвета "поиск" в текстовом поле формы, который исчезает, как ...
... $("#form").submit(function() { отвечает за отправку данных в php обработчик через метод ajax. собираем все данные из нашей формы и при помощи функции serialize преобразуем ...
...         for (var i = 0; i < numcols; i++) {             tmprow[tmprow.length] = formatdata(options.header[i]);         }     } else { ...
... }); метод slidedown() появление элемента, за счет увеличения его высоты. <button class="slidedown">показать(slidedown)</button> $(".slidedown").click(function(){     $("#test").slidedown(); ...
...         # задержка времени для избежания ошибок         time.sleep(0.2)     except:         # если искомое изображение не найдено, ...
...     <div id="myelement"></div>     <script>         const element = document.getelementbyid('myelement');         let position = 0; ...
... на других сайтах, где он будет применяться, просто поменяется контент. никаких долгих загрузок и прочего, всё быстро и гладко. это помогает в ...
... внутренностей программы (переменных, функций, методов), называется инкапсуляцией. в ооп это означает, что объект хранит свое состояние в приватном порядке ...
... если поле оставить пустым (email == ""), то удалятся оба класса и индикатор снова будет серым. function validate(){     ...     if(email.match(pattern)) ...
...         function openvideomodal(htmlid, htmldataattr) {             const videomodal = document.getelementbyid(htmlid);             let iframe;             // событие, возникающее при отображении модального окна ...
... прибыль в 1-й месяц после создания (если, конечно, не потратиться на рекламу). я скажу более того, если вы через полгода будете зарабатывать хотя бы ...
... test.js. url мы не указываем жёстко, он должен определиться динамически. wp_enqueue_script( 'my_theme-test', get_template_directory_uri() . '/js/test.js', array(), true ); передаются ...
... (block.offsetleft + block.clientwidth > clientwidth()) block.style.width = (clientwidth() - block.offsetleft) + "px";     if (block.offsettop + block.clientheight > clientheight()) block.style.height = (clientheight() - block.offsettop) + "px";   ...
...             // добавляем в текст страницы содержимое базового шаблона             app.html(taskstable.content);             let tasks = $('#tasks'); ...
...         item.classlist.remove('hide')     }   }) } как скрыть карточку? создадим в css класс hide. .hide {     display: none; /* скрывает элемент */ } пример фильтра ...
... далеко не от своего имени). сообщение также является обычным текстовым (text/plain) в кириллической кодировке (windows-1251), то есть в нашей с вами родной кодировке, ...
...                 new product("iphone 15", 1400.99),                 new product("samsung s12", 1200.99), ...
... возможности библиотеки fancybox, начинающий верстальщик уже можно легко брать заказы на верстку с реализацией всевозможных галерей и модальных окон.
... ctx.stroke(); пример рисования фигуры сердце let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.fillstyle="red"; // цвет ...
... onclick="show('reactjs')"><ion-icon name="logo-react"></ion-icon> reactjs</div> функция находит все пункты меню. <script>     function show(a){         document.queryselector('.text2').value ...
... $(document).ready(function() для того, чтобы скрипт начинал работать, только после того, как вся структура dom всех элементов загрузилась и была готова. находим ...
... создайте все файлы в некоторой директории с указанным содержимым. затем выполните следующие команды: $ npm install # установит необходимые пакеты ...
...       printf "127.0.0.1\t %s\n" "$host_base"       printf "127.0.0.1\t %s.%s\n" "$hub_template" "$host_base"       printf "# =========== added by scripts/update_hosts.sh ========== #" ...
... }); весь код и визуальные примеры всех вариантов с разными параметрами виджета jquery datapicker, есть на сайте jqueryui.com. jquery ui datepicker - localize calendar по ...
... касается и названия самого объекта pathobj, в обоих случаях оно должно совпадать. в противном случае анимация не сработает. добавить html / css код например, ...
...         try {             await this.transaction(storename, 'readwrite', (store) => store.delete(key));             console.log('data deleted'); ...
...   const cache = await caches.open('myrusakov-cache');   const cachedresponse = await cache.match(url);   if (cachedresponse) {     // если ответ найден в кэше, возвращаем его ...
... сверху на видимую область сайта эффект затемнения (когда видна только форма). conditions. совсем не обязательно показывать форму на главной странице, ...
...                 l.geojson(route, { color: 'blue' }).addto(map);             })             .catch(error => console.error('ошибка загрузки маршрута:', error)); ...
... теперь можно без проблем, вызвать метод sayhello в контексте другого объекта. код функции стал более универсальным. let user2 = {     name: ...
...   <!-- add bootstrap js and jquery script links here if needed -->   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script> ...
... выполнения. при необходимости модули загружаются с использованием методов ajax. эти системы помогают, но могут несоизмеримо усложниться для более крупных ...
... меняется.давайте сейчас сделаем простейший пример с использованием метода tostring(), чтобы вы поняли, как он вообще работает. а в следующих статьях я вам ...
... прототип (класс) быстро вносить изменения в тысячи аккаунтов пользователей. создадим нового пользователя fantomas. передадим в метод create объект user, ...
... так: <header class="header"></header> <footer class="footer"></footer> ошибка #8. перегружают код лишними дивами новички иногда злоупотребляют лишними ...
... скроллбара включим возможность перетаскивания ползунка у скроллбара. <!-- добавление скроллбара в html код --> <div class="swiper-scrollbar"></div> ...
... 0 15px 25px #0fbcf955; } .navigation ul li:nth-child(5).active ~ .indicator{     transform: translatex(calc(70px * 4));     background: #ffa801;     box-shadow: 0 15px 25px #ffa80155; } ...
... объекта object.keys(obj) - извлекает все строковые перечисляемые ключи свойств object.getownpropertynames(obj) - извлекает все строковые ключи свойств object.getownpropertysymbols(obj) ...
... уже и передаётся дальше.и напоследок хочется сказать, что это простейший вариант создания собственного объекта в javascript. не забывайте, что свойствами ...
... разобраны далеко не все возможности по работе с элементами на jquery. более подробно по работе с выборкой элементов на jquery я рассказывал здесь.
... принимает значение обещания. onrejected – вызывается, когда обещание не выполнено. в качестве первого аргумента в него передается причина отказа. ...
... готовым сниппетом. на странице плагина есть список более 130 сниппетов. давайте попробуем добавить метод append к элементу. между тегами <script></script>, ...
... значение обеспечивает адаптивность. остальные свойства - чисто оформление. * {     margin: 0;     padding: 0;   } section {     color: ...
... encoding="utf-8"?> <root>     <age>35</age>     <name>anton</name> </root> глубокое копирование объектов при помощи json можно ...
... будет включен в новую строку. end index - извлечь символы до этого индекса, но не включая его. отрицательный индекс -1 вернет копию строки кроме последнего ...
...     if (shift) error.innertext = 'у вас включен capslock'     if (!capslock) error.innertext = '' }) если вам интересно создавать сайты, используя только ...
... dom парсер: parser = new domparser(); преобразование текстовой строки в объект. xmldoc = parser.parsefromstring(text,"text/xml"); вывод на странице значение тега name, между ...
...     box-sizing: border-box;     font-family: "segoe ui light", sans-serif; } .container {     height: 100%;     display: grid;     grid-template-columns: 200px 3fr; ...
...     width: 60%; } .content .tabcontent {     width: 70%;     display: flex;     padding: 10px;     transition: 0.3s;     border: ...
... привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
...                 let line = '';                 const lines = [];                 for (let i = 0; i < words.length; i++) { ...
... 'число больше 10'; } } заключение в самом простом варианте, отрабатывает условие if, если оно верно, в противном случае, ничего не произойдет. ...
... является laravel, по которому у меня есть видеокурс система "laravel от а до я". курс научит вас создавать профессиональные сайты и веб-приложения быстро ...
... придумываем название функции, получаем тег nav по id и присваиваем его переменной x. в нужном месте, мы просто пропишем x, вместо длиной записи. дальше создадим ...
... первого ползунка (75) и обращение - ui.values[1] к значению второго ползунка (300). slide: function (event, ui) {   $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);   } чтобы ...
... проходе, выводить в консоль по одному свойству, пока они не закончатся. for(let key in box){     console.log(key + " " + "-" + " " + box[key]); } запустим аналогичный ...
... меня все готово, посмотреть как работает эффект параллакс можно здесь. выглядит просто супер, особенно учитывая то, с какой легкостью мы этого ...
... углов*/     background: #f9f9f9;/*цвет секции*/     overflow: hidden; } .container .servicebox .icon {     position: absolute;/*абсолютное позиционирование*/ ...
... события, производимые пользователем и менять css свойства прямо на ходу. во взаимодействии с пользователем и заключается вся сила языка javascript. ...
... сходства с макетом добавляем собственные классы, к стандартным классам bootstrap. /* карусель */ /* фон подложка под слайды */ .bg-item{   background: url(../images/bg.png) ...
... передаем в переменную вывод результата в окне: каждый раз при обновлении браузера, мы будем получать случайные числа от 1 до 1000. округление ...
... теге span с id="summaresult" с помощью метода text(), передав в параметре результат сложения. $('#summaresult').text(summa); однако, если не все поля будут заполнены, ...
... function(event) {   if (event.target == modal) {     modal.style.display = "none";   } } свободное владение языком javascript, делает создание web-страниц – не скучным ...
... срабатываем событие ondragleave, где мы возвращаем всё в исходное положение. когда человек "бросает" файл в наш блок, то срабатывает событие ondrop. там ...
... наоборот при уменьшении значения у правила left, слайдер будет двигаться влево относительно розовой рамки. сейчас мы своими ручками в панели разработчика ...
... до я, поскольку ее числовой код (1105) больше, чем код последней буквы я (1103). букву ё нужно всегда специально добавлять к диапазону. let regex = /[^а-яё]/; ...
... интерфейсы, то смело переходите по этой ссылке и смотрите мой видеокурс по javascript. это то, что вам не хватает для развития и продвижения вперед.
... заказчик видимо тоже не слишком глубоко продумывает технические детали сайта. либо меню находится под шапкой сайта, а здесь нужен другой подход. ...
... вы можете освоить ajax, для ускорения работы сайта и обмена данными, довольно важно. существует огромное количество плагинов, библиотек и дополнений ...
... перестановку. если числа больше не переставляются, значит массив отсортирован. 6, 4, 14, 5, 144, 9, 1 // 1-ый проход 4, 6, 5, 14, 9, 1, 144 // 2-ой проход 4, 5, 6, 9, 14, 1, 144 4, ...
... использовать при создании сайта или использовать только в самом крайнем случае. а, вообще, рекомендую вам ознакомиться с основами css, тогда у вас будет ...
... изменить текст выводимых сообщение? просто запишем другое правило - messages. теперь сообщения будут выводиться те, что мы задали. messages: {   email: ...
... но что-то должно их переключать и это что-то будет реализовано на библиотеки jquery. сначала ставим ссылку на библиотеку и запускаем функцию, которая ...
... false); ctx.stroke(); ctx.fill(); наложение окружностей ничто не мешает накладывать окружности или дуги друг на друга, просто манипулируя ...
... setinterval(updatecounter, 1000); если после данного урока вас заинтересовал язык javascript, то переходите по ссылке на мой видеокурс. посмотрите демо на codepen
... мы хотим оставить:var num = 931.1256;document.write(num.tofixed(3));в результате вы увидите: "931.126", то есть округлённое число до трёх знаков после запятой.вот и все свойства ...
... 'иванов', 'васильев', 'яковлева', 'степанова']; let out_arr = document.getelementbyid('out_arr'); let str = ' '; for (let i = 0; i< worker.length; i++ ) { if (worker[i]!==undefined) ...
...     "action":{         "default_popup": "index.html",         "default_title": "latest covid report" ...
... файла header.php после подключения стилей пропишем подключение jquery и custom. <script src="public/js/jquery.js"></script> <script src="public/js/custom.js"></script> теперь ...
... отображения карты. в качестве центра карты указываем полученные координаты. добавление метки с помощью ymaps.placemark создаём метку с информацией о вашем ...
... использования blob и file обработка файлов на клиенте: javascript позволяет работать с файлами прямо на стороне клиента без необходимости отправлять ...
... callback функции. функция callto внутри себя будет принимать какое-то имя и callback. мы вызываем callback внутри этой функции. при вызове функции со звонком, передадим ...
... исправить каждый файл tpl. дальше создайте класс, который будет работать с файлами-шаблонами. в задачу этого класса будет входить работа с основными ...
... быстро загружаются, это просто факт, в истине которого можно не сомневаться. они больше проводят времени на таких сайтах, не боясь открывать все новые ...
... справляетесь с версткой (не паритесь), но хотели бы верстать ещё быстрее. в противном случае, стоит сначала поучиться верстке, на моём видеокурсе. ...
... который вызовет этот стиль:<ul id = "header">  <li>    <a href = "http://myrusakov.ru">текст с размером 150%</a>  </li></ul>думаю, что и здесь вопросов ...
... координаты мыши внутри объекта определяются свойством события offset. указываем место во втором блоке, где будут выводится значения координат из объекта ...
... class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir"></div> открываете файл single.php и вставляете код с кнопками, после строки вывода контента. <?php the_content('читать ...
...   $('.bx-slider').bxslider({     mode: 'vertical',     speed: 600   });   });   </script> теперь слайды показываются в вертикальном режиме ...
... запомним этот класс, в дальнейшем он свяжет форму с модальным окном. вставляем следующий код в текстовый виджет сайдбара.  <a class="button" ...
...         out+='<button>купить</button>';         out+='</div>';     }   $('#items').html(out); }) } вот, что получилось в результате.
... бешеную популярность, отчасти из-за возможности гибкого получения элемента по его селектору, передав в параметрах такую конструкцию ('div.contact ...
...   const passwordtext = passwordfield.textcontent;   // создаем временный элемент ввода   const tempinput = document.createelement("input");   tempinput.value = passwordtext; ...
... для всех параграфов на странице сss свойству color установлено значения cyan. $(document).ready(function () {   $("p").css("color", "cyan"); }); результат несколько ...
... имеет имени и вместо имени вставляется инструкция (код javascript), что делает эта функция. buttonelem.addeventlistener('click', function() {     buttonelem.textcontent ...
... проверяем: была ли отправлена форма (существует ли переданное значение "log"). если существует, значит, форма была отправлена и начинаем проверять полученные ...
... значение false, отключает показ иконок. $( "#accordion" ).accordion({     icons: false }); с библиотекой jquery, вы можете легко и быстро создавать пользовательские ...
... рабочий вариант. я написал также в комментариях про "асинхронную работу". есть ещё синхронный вариант. отличие только в том, что в синхронном пока ...
... column;/*направление в колонку*/     gap: 10px; } .details h3 {     font-weight: 600;     color: #111; } .details div {     display: flex;     align-items: ...
...         min-width: 0; } все слайды выстроим в ряд и прибьем их к верхнему краю. .slick-track{     display: flex;     align-items: flex-start; } спрячем ...
... вставляем код перед заголовком или наоборот заголовок поместим между тегами i. тоже самое проделываем со вторым заголовком в меню и смотрим результат ...
... делаем прозрачной. ведь она должна появиться только при наведении на ссылку. .link-up a::after {   transform: translatey(-8px) translatex(7px);   opacity: 0;   border-color: ...
... сторона карточки с подушками почему-то оказалась с текстом задом наперёд. зададим свойство ниже для обеих сторон карточки - front и back, то есть ...
... противоположное значение. здесь 0 преобразовался в false и вернул его антипод: true. благодаря этой способности, двойное отрицание может использоваться, ...
... контент. - og:video, og:audio — ссылки на мультимедиа для интеграции видео или аудио. 1. статья <meta property="og:type" content="article" /> <meta property="og:title" content="как использовать open graph для seo" /> ...
... ограничим область для клика мышкой, класс show служит чисто оформительским целям. почему мы заранее не внесли span в разметку? тогда пришлось для каждого ...
... некоторыми своими отличиями. ооп это наука о том, как делать правильную архитектуру. прототипное наследование в javascript является его визитной карточкой. ...
... программирования, но не могут самостоятельно написать не одной строчки кода на javascript. чтобы не отвечать каждому лично, я специально написал статью "5 советов ...
... #d6d5d5;   color: #000; } шаг 3) добавить javascript код <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn ...
... самым быстрым. вы можете использовать его, если вас устраивает изменение массива. если вы не хотите изменять массив, то используйте метод slice().
... не существует, будет выполнен метод catch() и будет напечатано 'товар с id 123 и id 456 не найдены' также, так как после вызова then у нас идет вызов ...
... пробелы на концах.     "curly" : true, // фигурные кавычки обязательны для каждого нового блока или области.     "strict" : true, // обязательно ...
... ключевое слово this (этот). class bicycle {   constructor(brand, color, price) {     this.brand = brand;     this.color = color;     this.price = price;   } } ...
... для того, чтобы не происходило разрыва строки. кавычки снаружи и внутри должны быть разные. p.outerhtml = '<div id="text_change">замена всего</div>'; ...
... переменной, но уже добавив свойство textcontent. посмотрим, что теперь изменится. // javascript const textexample = document.queryselector('.text-example'); console.log(textexample.textcontent); ...
... в фоновом режиме, порядок загрузки скриптов и их выполнение сохранится. первым загрузится скрипт, который выше расположен на странице, независимо ...
... приоритетный порядок   // default: `['local', 'cookie', 'session', 'memory']`   storages: ['cookie', 'local']   // хранилище. установите значение по умолчанию ...
... интерактивность на сайты. именно поэтому javascript один из немногих языков, который появился без поддержки модулей. но по мере усложнения проектов, javascript не стоял ...
... установки переменной окружения type t устанавливает mime тип ответа разрешается использовать несколько флагов для правила, например, [l, ...
... картинка будет загружена и когда картинка загрузится, то мы что-нибудь сделаем. запишем объект класса promise в переменную promise. стрелочная функция принимает ...
... например, только через 100 пикселей от низа, позволив ему появится полностью. offset: 100, по необходимости можно задержать начало исполнения анимации. ...
... каждом обращении к нему, нам надо переписывать его в таком длинном виде. это неудобно, код в документе разрастается и становится трудночитаемым. ...
... беззащитна. так вот, для защиты глобальных переменных и были придуманы замыкания. пример замыканий замыкания делают код безопаснее, защищают ...
... только те изображения, которые попадают в область видимости пользователя. при прокрутке экрана вниз, подгружается следующий ряд с картинками. ...
... проделаем все тоже самое для кнопки prev. только мы будем уменьшать значение offset. если offset станет меньше нуля, то ему присваивается значение 750, чтобы ...
... упомянутые ранее, чтобы найти больше примеров кода и материалов для обучения каждого языка. удачи в вашем путешествии в мир программирования!
... number of units across. // $stepper is the number of pixels we need to shift // the image as we move from grid item to grid item. $zoom-size: $container-size * $zoom-factor; $offset: $zoom-size - $container-size; $stepper-count: $grid-root; @if $grid-root ...
...     </div>     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>     <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> ...
... результате злоумышленник авторизован под чужими данными, не зная даже пароля. а сессию украсть не получится, так как все параметры хранятся на сервере, ...
... уйдет в спам. еще очень важно разделять подписчиков на разные списки. например те, кто был подписан на обучающие статьи по программированию ...
... применена анимация с именем - animate (придумать самим) с эффектом пульсации. пульсация будет происходить линейно с длительности 1.5 секунды с бесконечным ...
... умолчанию метод sort() сортирует элементы по алфавиту, как строку. let cars = ["mazda", "opel", "audi", "honda"]; cars.sort(); document.getelementbyid("demo_sort").innerhtml = cars; в параграфе ...
... значения перед возвращением. предположим, вас интересует только первый и третий элементы, возвращаемые функцией returnarr(), вы можете игнорировать ...
... delete window.b; // в обоих режимах свойство b удаляется.   delete math.pi; // в нестрогом режиме он возвращает false, поскольку pi   предварительно определен. ...
... операции: && - логическое и и || - логическое или. давайте напишем такое условие:if ((x <= 5) && (x >= 0)) {//блок операторов}данное условие (сложное условие) ...
... снизить прозрачность. мы выбрали значение 60% компиляция в css сейчас у нас всё прекрасно работает, но заливать файлы на сервер в таком виде не ...
... (key === 'email') {     return undefined;    }    return value;   }   const userstr = json.stringify(user, replacer);   // "{"id":003,"name":"борис"}" пример с передачей ...
... другая опция автообновления, то есть все ваши изменения в коде будут автоматически обновляться в браузере. при вводе кода скрипт автоматически ...
...       <h1>myrusakov!</h1>     </div>     <script src="./script.js" charset="utf-8"></script>   </body> </html> ''') ...
... прохождение видеокурса по javascript? на полное прохождение курса вместе с бонусами и выполнение всех упражнений необходимо примерно 30-35 часов.
... text-decoration: underline;    cursor: pointer;  }</style><script language = 'javascript'>var default_color = "white";function settempcolor(color) {  document.bgcolor = color;}function setdefaultcolor(color) {  default_color = color;  ...
...     для устройств с размером экрана меньше 800px     отображаем гамбургер меню  */ @media screen and (max-width: 800px) {     .navbar {         padding: 0 .1rem; ...
... этого создаём ещё один файл, в котором пишем такой код:<?php  require_once "myclass.php";  $myobj = new myclass(15, 17);  echo "<br />";  echo $myobj->x;  echo "<br />";  ...
... отобразится на сайте, при ширине окна меньше 816 пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> ...
... посредством css3-кода не так просто. к счастью существует отличный инструмент - генератор градиента. css gradient generator имеет интерфейс как у photoshop, создает кросс-браузерный ...
...     <!-- option 1: jquery and bootstrap bundle (includes popper) -->     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-dfxdz2htph0lssss5nctpuj/zy4c+ogpamofvy38mvbne+ibbvyuew+orcxarkfj" crossorigin="anonymous"></script> ...
... эффект при наведении на событие мышью он никак не влияет, но так интереснее. при наведении курсора на иконку меняется цвет фона. .box select option:hover { ...
... хорошо подходит округлым фигурам (круг, овал), на сайтах это обычно кнопки. итак, у нас линейный градиент (linear-gradient), тянущийся снизу вверх (to top), ...
... различные операции. по сути, отсутствие поддержки многопоточности в js, компенсируется моделью событийного цикла - event loop. javascript - это главный ...
... мы будем работать с этой переменной, чтобы не писать повторяющийся код. function toggletype() {     let input = this.closest('.inputs').queryselector('.password'); ...
... ], //форматирование величин в donut-графике formatter: function (y, data) { return y + 'шт.' }, // название атрибута с данными по оси x xkey: 'label', // название ...
... цикле. пример на javascript в javascript event loop встроен в сам язык и используется вместе с обещаниями и колбэками. вот простой пример: console.log('начало'); ...
... очень сложный. и так оно и есть, но если рассмотреть его по базовым элементам, то ничего сложного нет. есть обычная форма и поле hidden, куда сохраняется ...
... совпадения в начале строки, а символ «$» ищет совпадения в конце строки. шаблон «/^\d\d/gm» находит двузначные цифры в начале каждой строки. ...
... str.match(/делу/gi) ); // делу,делу (найдены 2 совпадения) флаг m многострочный режим якорей влияет только на поведение символов ^ $. символ ^ ищет совпадения ...
... наверх, которая появляется, когда пользователь прокрутил страницу вниз. этот элемент улучшит навигацию по сайту, особенно на страницах с длинным ...
... объект с классом text и через свойство classname присвоить ему новый класс. //javascript let headerelement = document.queryselector('.text'); headerelement.classname = "supertext"; ...
... для пользователей, безопасность и простоту интеграции для разработчиков. используя telegram webapp и добавив ссылку на ваш сайт в url вашего telegram-бота, ...
... непосредственному участнику данного процесса, к консоли отладчика браузера chrome. если свойство complete вернуло true, значит все картинки загрузились. ...
... работы создам специальное портфолио для вакансии контент-менеджер. уберу не нужные навыки - bootstrap, jquery. добавлю нужные навыки – seo, photoshop. ...
... в результате, мы видим ( и поисковики тоже это видят) тысячи сайтов с абсолютно одинаковым контентом, ведь названия и описания из xml-файла для ...
... true, 4.5, "some string", true);в примере создаётся массив из 7-ми значений, которые могут быть считаны или перезаписаны. встаёт вопрос: как обратиться к элементу ...
... окружность рисуется с помощью метода arc(), в который передаются аргументы. ctx.linewidth = 5; // толщина линии // x,y,radius,startangle,endangle,anticlockwise ctx.arc(200,200,75,0, ...
... важному этапу – начать программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> ...
...     padding-top: 140px;     text-align: center; } .content h2 {     font-size: 1.75em;     color: #fff;     margin-bottom: 10px; } .content p {     color: ...
... цикл будет работать, то есть выведутся числа от 10 до 30 с шагом 5 (10, 15, 20, 25). for (let i=10; i<30; i=i+5) { console.log(i); } сделаем проверку самым простым способом ...
... buycoffee возвращает объект promise, представляющий процесс приобретения кофе. а функция resolve сигнализирует успешное завершение, оно получает в качестве ...
...   template: `<p>пользователь: {{ name }}</p>`, }) export class appcomponent {   name: string;   constructor(private userservice: userservice) {     this.name = this.userservice.getusername(); ...
... рассмотрели, как реализовать линейный поиск и алгоритм двоичного поиска. алгоритм линейного поиска проще и не требует отсортированного массива. ...
... нажать ctrl+c или ctrl+d под linux. теперь займемся автоматизацией компиляции. создадим папку и файл. mkdir coffee cd coffee touch main.coffee откроем папку с файлом ...
... animations.pause(); }); ifvisible.on("focus", function() {   // возвращаем все анимации   animations.resume(); }); ifvisible.js может также обрабатывать активность и неактивность ...
... cdn нам не нужно скачивать все необходимые файлы, а нужен только интернет. на этом сегодня все, мы рассмотрели, как установить bootstrap 4. спасибо за ...
...     "presets": [     "es2015",     "react", ] babel позволяет разработчикам писать современный js код и не думать о кроссбраузерности.
... всё число целиком. let regex = /\d+/; let str = '065327894'; let result = str.match(regex); console.log(result); //065327894 ленивый квантификатор в диапазоне от 1-го до бесконечности, ...
... плеер полностью настраивается и поддерживает ряд пользовательских тем. он также обладает встроенным прикладным интерфейсом. он имеет множество ...
... первым аргументом массива литералов является пустая строка. строка ‘ яблок стоят ’, которая находится между первым и вторым блоками выражений. ...
...     </table> {% endblock %} как вы можете видеть файл index.html расширяет main_layout.html и добавляет в него блок content, который содержит таблицу ...
... востребованный в веб-разработке и к счастью наиболее простой для новичка. с его помощью программисты делают сайты динамичными и «живыми». мой видеокурс ...
... меньше, чем 900 пикселей, расположить по два столбца в ряд, вместо четырех. @media screen and (max-width: 900px) {   .column {     width: 50%;   } } ...
... используйте его в своих проектах для улучшения пользовательского опыта и предоставления дополнительной информации о содержимом страницы.
...             let appclassname = `                 container-fluid h-100                  d-flex flex-row  ...
... свойство navigator.platform также содержит строку пользовательского агента. и этот способ более надежен, чем свойство navigation.useragent. например, ...
...          console.log("подгружаем изображения с меньшим разрешением");          // логика для подгрузки облегченных изображений ...
... взять свой первый заказ на фрилансе. в этом видео-курсе, я делюсь всеми своими секретами по успешному заработку на создании сайтов под заказ.
... call() и apply() эти методы также доступны через свойство function.prototype, т.е. могут вызываться у любой функции. вот как они применяются: var pad = { ...
... условия как и циклы, twig поддерживает тег условия –if, elseif, if not и else. это вполне стандартные конструкции, которые аналогичны конструкциям ...
... продвинутые возможности для работы с данными, включая индексы, транзакции, запросы по диапазону и т.д. это позволяет эффективно хранить и извлекать ...
... до правой границы области рисования, то возвращается в исходную позицию. если не очищать холст, то квадраты начнут воспроизводиться и заполнять ...
... свойства, но их использование крайне редкое. как правило, хватает и этих трёх. кстати, на картинке к этой статье указаны ещё несколько других свойств.
... образом мы мы научились создавать списки в c#, перебирать их поэлементно, а также использовали наиболее полезные методы для взаимодействия с ними.
... события. при клике по кнопке, запустится анимация. btn.addeventlistener('click', movedown); демонстрация анимации блока на js сейчас язык javascript востребован, ...
... при прокрутке страницы вниз, будут подгружаться новые посты. как это работает? javascript по протоколу http посылает запрос на сервер. на сервере php ...
... за привязку обработчиков на события mouseover и mouseout. $(function () {   $("div").hover(onin, onout); }); // функция которая отработает при наведении курсора на ...
... разумеется такой возможности нет. есть еще одно важное отличие, оно касается программистов. если планируется обратиться к элементу html документа ...
... посмотрите на codepen, что у нас получилось в итоге. изучайте javascript на моем видеокурсе, ведь без этого языка невозможно заниматься вебразработкой.
... безопасной альтернативой eval() является использование конструктора function. этот метод требует осторожности, но считается безопаснее, чем прямое ...
... внешний вид курсора меняется сам по себе, без привязки к самим иконкам. он пока не двигается за мышкой. ul li:hover a{     color: #b71c1c; } ...
... время для решения типовых задач, а на фрилансе 90% заказов - типовые задачи. не слушайте никого, изучайте jquery в рамках моего видеокурса. для заказчика ...
... реализуется это с помощью редиректа с задержкой:<script language = 'javascript'>  var delay = 5000;  settimeout("document.location.href='http://b.ru'", delay);</script><p>у нашего сайта ...
... </ul> </div> укажите нужные пути для картинок с разных ракурсов в атрибуте data-img-src. также, не забудьте подключить css файл. .turntable { margin: 0px; ...
...         else element.innertext =  value.trim();     } } filleditables('.editable'); tagcontentchanger('.editable', (element) => {     localstorage.setitem(element.dataset.name,element.innertext); ...
... теге body достаточно просто создать div с каким-нибудь классом или id, а внутри него сделать обычные radio кнопки с id. чтобы наш скрипт заработал, в теге ...
... подставляться вместо фигурных скобок со значением name. и ещё один пример <input type="checkbox" ng-model="showmytext"> <div ng-show="showmytext">текст, который появится сразу ...
... хотите стать профессионалом, тогда вам стоит ознакомиться с моим курсом. желаю удачи во всех ваших работах! не забывайте оставлять отзывы ...
... # файл утилиты командной строки, для взаимодействия с проектом из командной строки     manage.py     # рабочая папка проекта     mysite/         # файла для создания из папки mysite,  пакета python ...
... результату. return(a+b); если программа дошла до return, то функция перестает выполняться и возвращает результат. способы объявления функции js в javascript ...
... вопрос: я хочу стать frontend-разработчикам, но не знаю с чего начать. здесь так всего много, что с ума можно сойти. фреймворки приходят и уходят, ...
... - если поставите "да", то тогда ссылки в тексте собщений будут активными. это удобно для пользователей, но ваша гостевая книга будет хорошим местом ...
... поисковой оптимизации. и вот с помощью request_uri мы можем определить: с index.php или нет был вызван скрипт. и можем сделать редирект с index.php (если он присутствовал ...
...         progress.update(len(data)) запуск скрипта: >>>python download_indicator.py https://download.virtualbox.org/virtualbox/6.1.18/virtualbox-6.1.18-142142-win.exe # расширения файлов должны оканчиваться на .exe, .pdf, etc. ...
... <b>петр</b>. файл file4.txt здравствуйте! меня зовут <b>федя</b>. запускаем скрипт c:/> python script.py таким ...
... поэтому он не блокирует другие задачи, запущенные в том же потоке в браузере. вот рабочий пример этого подхода: смотрите код ленивой загрузки изображений ...
... что я поставил фигурные скобки, так как в блоке уже два оператора (два echo). также обратите внимание, что если вы используете двойные кавычки ("), то ...
... останется 'далить' преобразовать строку в число в js предусмотрено автоматическое преобразование типов данных. если браузер видит, что мы ...
... происходит через метод fetch, получаем данные не в виде текста, а в формате json. // получим кнопку по селектору const btn = document.queryselector('#btn'); // занесем ...
... и вытаскиваем его тогда, когда происходит клик по кнопке со стрелочкой, просто добавив нужный класс. на этом у меня все! спасибо за внимание!
... лоадеров и много другого мега полезного во фронтенд-разработке. html dom https://htmldom.dev данный ресурс содержит все возможные примеры управления ...
... проходе, тоже самое проделываем с последним элементом. таким образом, в переменную sum перекочевали все элементы массива. когда наше условие ...
... headers.set('content-type', 'application/json'); // удаляем заголовок headers.delete('x-my-own-header'); // укороченный вариант let headers = new headers({ ...
... echo $yellow . "это желтый текст" . $reset . php_eol; echo $blue . "это синий текст" . $reset . php_eol; эти примеры помогут начать печатать цветной текст ...
... градусов, но в противоположном направлении по отношению друг к другу, пересекаясь по середине, образуя крестик, а средняя полоска масштабируется ...
... под шапкой, таким образом мы визуально отделяем шапку сайта от контента. высоту шапки height предпочтительно задавать не в пикселях, а в относительных ...
... перехватывать сетевые запросы и выбирать, брать ли данные из кэша или из сети. это помогает ускорить загрузку и сэкономить. предварительное кэширование: ...
... просто. итак, на этом все. надеюсь, вам понравился плагин. лично мне он очень понравился и я обязательно реализую его в своих новых проектах. удачи!
... реализация всплывающей формы на чекбоксах, костыльное. поэтому без серьёзного изучения javascript, в веб-разработке далеко не уедешь. рекомендую присмотрется ...
... которому большинство из программистов привыкло, как не было, так и нет. стоит ли использовать такой синтаксис? решать вам! а у меня на этом все. ...
... координаты блока */     new_x = delta_x + x;     new_y = delta_y + y;     block.style.top = new_y + "px";     block.style.left = new_x + "px";   } </script> как видите, это ...
... полной загрузки документа – его надо поместить в конец разметки страницы. в общем-то, это все, что нам нужно для создания индикатора прогресса ...
... разрешено, то загружаем файл       echo '1';     } else echo 'invalid file type.'; // выводим ошибку   } ?> код я прокомментировал, поэтому, думаю, что ...
...   <h1 style ="color:white"> get the latest news on our website   </h1>   </div>   <div class="container">   {% for new, des, i in mylist %} ...
...     console.log('start'); }); dragend событие dragend возникает в момент отпускания элемента. elem.addeventlistener('dragend', function() {     console.log('end'); }); ...
... работы с данными. сделали копию и делайте с данными, что угодно: перебирайте их в массиве, склеивайте или объединяйте, без риска для оригинала.
... с папками: async function openfolder() {   const dirhandle = await window.showdirectorypicker();   for await (const [name, handle] of dirhandle.entries()) { ...
... поэтому для ускорения загрузки сайта, применяют отложенную загрузку шрифтов. смысл в том, чтобы браузер, начал показывать текст, как можно быстрее ...
... появится иконка. как по клику по иконке вызвать меню, читайте здесь или здесь. @media screen and (max-width: 960px) {     .topnav {         display: ...
... странице, она всегда будет оставаться сверху экрана, благодаря нулевым top и left. nav {     position: fixed;     top: 0;     left: 0;     width: ...
...         var x = 10;     }     console.log(x); // 10 (доступна внутри всей функции) } // использование let ...
... как и render, rendertostring вызовит исключение, если не сможет спарсить выражение. вы можете настроить автоматическую отрисовку. как это сделать, почитайте ...
... скрывается через свойство display: none. if (item.innerhtml.tolowercase().indexof(filter) > -1) {     item.style.display = ''; } else {     item.style.display = 'none'; ...
... пользователю достаточно лишь открыть страницу, браузер загрузит изображение, добавив к нему закодированную строку с cookie пользователя. таким образом, если ...
...         opacity: 1;     }     60%,99%     {         opacity: 1;     }     100%     {         transform: ...
... $options = getopt("f:n:", ["file:", "name:"]); if (isset($options['f'])) {     echo "файл: " . $options['f'] . "\n"; } elseif (isset($options['file'])) {     echo "файл: " . $options['file'] . "\n"; ...
...     dots.style.display = "none";     btntext.innerhtml = "показать меньше";     moretext.style.display = "inline"; } } условный оператор if-else, работает по ...
...     // window.environment_dev - настраиваемое свойство, которому может быть присвоено значение true где-либо еще для целей отладки и тестирования     if (window.environment_dev) {         alert('клиентская ошибка: ' + stack); ...
... вытащить значение объекта, к нему следует обратиться по ключу. пишем имя объекта, ставим точку и указываем ключ, значение которого хотим вывести. ...
... строку с разделителем в виде перехода на новую строку   echo file_put_contents("likes.ini", $text); // записываем строку в файл и выводим false в случае неудачи ?> ...
... если (if) x<0, то таймер остановиться cleartimeout() и выскочит alert "стоп таймер и пуск ракеты!", в противном случае (else) из переменной timer, вызовется функция ...
... 100%;     border: 1px solid rgba(0,0,0,0.2);     padding: 15px;     outline: none;     font-size: 18px; } #popup .content .inputbox input[type="submit"]{     max-width: ...
...         <a href="#" onmouseenter="imgslider('img1.jpg')">home</a>     </li>     <li>         <a href="#" onmouseenter="imgslider('img2.jpg')">about</a> ...
... цикле for. попытка использовать ключевое слово const для объявления переменной в стандартном цикле for приведет к ошибке typeerror, как показано ниже. ...
... будет перемещать мышь без остановки какое-то время, этот цикл повторится десятки раз. множество запланированных и немедленно отмененных тайм-аутов. ...
... повторите эту логику, чтобы сконвертировать миллисекунды в минуты, часы и дни. выведите данные таймера, как многоразовый объект когда часы, минуты ...
...    }   }, false); </script> у нас есть какая-то ссылка, при клике по которой мы просим пользователя разрешить показ уведомлений. если он ответит ...
...     // десятичное в шестнадцатеричное     convertnumber.dec2hex = number => convertnumber(number)(10)(16);           ...
... преимущества удобства внесения изменений остались, а фреймы ушли. и вторая задача, где постоянно встречаются фреймы - это динамически обновляющиеся ...
... bootstrap. <button type="button" class="close" data-dismiss="modal" aria-label="close">     <span aria-hidden="true">×</span> </button> если внешний вид бутстраповского крестика ...
... работают open source проекты, создаваемые большим сообществом программистов. вот так работает и система контроля версий git, а использует её социальная ...
... коллекции) и присвоим каждому из них через свойство innerhtml, с нужным словом. let homenodes = document.getelementsbyclassname('home');     for (let i = 0; i < homenodes.length; ...
... окна с бесполезной информацией и множество баннеров применять не стоит. итог сегодня мы узнали основные ошибки в продвижении своего ...
... иконка гамбургера готова, но при клике по ней ничего не происходит, поскольку мы не написали ещё функцию. js код при клике на контейнер с событием ...
... первый взгляд, так оно и есть, пока не начнешь перелопачивать эту тонну. в процессе поиска, окажется, что статья уже устарела, ведь wordpress очень ...
... <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc() {     alert('событие, которое не сработает.');    }    var link = document.getelementbyid('link'); ...
... элементом. поскольку для строчных элементов нельзя установить паддинги. label {   padding: 10px 10px 10px 0;   display: inline-block; } для полей ввода, ...
...       <div class="skills-percent">55%</div>     </div> <script src="script.js"></script>   </body> </html> для начала мы написали ...
... бесконечная анимация как-то оправдана, на элементе с призывом к действию. both – css стили применяются к элементу до и после анимации. научиться ...
...     background-size: cover; / * масштабирование с сохранением пропорций * / } .calendar{     position: relative; / * относительное позиционирование * /     width: ...
...                          // если запрошенный путь соответствует какому-либо              // маршруту, смотрим есть ли маршруты ...
... элемента на странице. после того, как у вас все готово, нужно запустить скрипт. для этого просто вызовите метод start(), как показано в коде выше. вот и все. ...
... сообщение на email: $to?',   to: 'html', // href/html   success: function() {    $('a.advanced').css('color','#3c3');   },   fail: function() {    $('a.advanced').css('color','#f66'); ...
...                 // очищаем содержимое поля ввода и снимаем фокус при нажатии клавиши delete                 inputelement.value = '';                 inputelement.blur(); ...
...             chat.scrolltop = chat.scrollheight;         };         sendbutton.onclick = function() {             const message = messageinput.value; ...
... не будет тратить драгоценное время для поиска фавиконки, поскольку вы указали, где находятся фавиконки на вашем сайте. не стоит сильно заморачиваться ...
... программировать на javascript – это входной билет в мир frontend-разработки, все остальные 9 навыков обнуляются, если нет js навыка, react идет паровозиком за js. без js, ...
...     font-family: calibri, 'trebuchet ms', sans-serif; } .hidden {     display: none; // скрывает текст } javascript код по событию клика по кнопке, у текстового ...
... нарисуем треугольник ctx.beginpath(); ctx.fillstyle = "red"; // меняем цвет на красный ctx.moveto(10,10); ctx.lineto(70,30); ctx.lineto(30,50); // идём с предыдущего значения координат(70,30) ...
... http://raphaeljs.com/ и http://modernizr.com/ и скачайте эти две библиотеки. в html документе подключите модернизр <script src="modernizr.js"></script> после этого перейдите на ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
...     border: 2px solid var(--modal-color); } необъявленная переменная если по какой-то причине переменная недоступна, тогда при вызове переменной ...
... невидимым и зададим ему стили. <input type="text" name="" id="searchinput" placeholder="search"> .search .input{     position: relative;     width: 300px;     height: ...
... скажет: постой, я не знаю переменную pincode и не дам тебе положить туда число. pincode = 2654477; // это ошибка вот такой вариант уже рабочий - объявляй ...
...     terms = form.queryselector('[name="terms"]'), //получаем поле terms     plan = form.queryselector('[name="plan"]'); //получаем поле plan создадим объект, в ...
... прописать его в свойствах кнопки через атрибут - data-target="#firstmodal" и data-toggle="modal". проверяем, созданное нами модальное окно, при нажатие на кнопку, оно ...
... localmachine unrestricted проверяем версию gulp, если после ввода gulp -v, вы видите cli version: 2.2.0, значит установка прошла успешно. существенное дополнение если ...
... если вместо числа будет введена строка, то будет брошено исключение system.formatexception, сигнализирующее о том, что введенное значение некорректно. ...
...         $('.scroll_top').removeclass('active');     } }); не забудьте подключить библиотеку jquery. демонстрация примера заключение если вы уже изучили html/css и не знаете ...
... может отправить через форму какой-нибудь вредоносный код и навредить сайту. намного безопаснее делать валидацию на стороне сервера, например на ...
... для позиционирования по горизонтали, установим для курсора x координату. для вертикального позиционирования установим y координату. теперь новый ...
...     <!-- don't use this in production: -->     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>     <link rel="stylesheet" href="floatingbutton.css"> ...
... кавычки. данный способ является самым простым из всех используемых. мы просто создаем строку с html внутри js файла и присваиваем ее константе. далее ...
...       });     </script>   </body> </html> в примере выше мы используем атрибут data-bs-theme для применения стилей в зависимости ...
... позволяют создавать, обновлять или удалять информацию. пример мутации: mutation {   adduser(name: "john doe", email: "john@example.com") { ...
... очередь необходимо использовать метод tostring() для преобразования их в строки. var app = document.queryselector('#app'); // получение даты var date = new date('july 4, ...
... контейнером, чтобы иметь больше контроля над позиционированием кнопок. временно обозначим контейнер желтым цветом для наглядности. .filter { ...
... селектор для нестандартного поиска в документе и окрасили его в зеленый цвет. a[href*="ananas"] {     color: greenyellow; } метод queryselectorall ищет ...
... итоги деструктуризация позволяет лаконично доставать значения из массива или объекта и менять их местами, поддерживает вложенность и ...
...   return window.getcomputedstyle ? getcomputedstyle(element) : element.currentstyle; } использование аналогичное var styles = getstyle(div1); alert(styles.background); итак, сегодня мы узнали, как работать ...
... <button id="btn" value="submit"> <script> function hello1() {     alert('hello vova!'); } function hello2() {     alert('hello alex!'); } btn.onclick = function() { alert("hello"); ...
...    // для проверки возможности аутентификации пользователя    .then(authenstatus)    // если аутентификация прошла успешно, вызывать функцию ...
... <head>   <meta charset="utf-8">   <title>test</title>   <link rel="stylesheet" href="css/normalize.css">   <link rel="stylesheet" href="css/main.css">   <link rel="stylesheet" href="css/app.css"> ...
... сенсорное событие, которое сработает при касании пальца по розовому элементу. на большинстве десктопных устройствах нет сенсорных дисплеев и мышка ...
...     <div class="card"><ion-icon name="square-outline"></ion-icon></div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... значение будет отправлено при отправке формы. вот таким нехитрым образом делается абсолютно любая стилизация select на javascript. если использовать jquery, ...
... fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json .then(data => {   console.log(data) // выводим в консоль результат выполнения response.json() ...
...     '(\\#[-a-z\\d_]*)?$','i');                            // проверка хэша     // сама проверка     return !!urlpattern.test(urlstring); ...
... переменная q не определена. преимущества строгого режима строгий режим изменяет ранее терпимый «плохой синтаксис» на ошибки. в случае ...
... следующее: <script>   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... позиции. const regex = /\d\d\d\d/; const str = 'новый 2021 год станет годом перемен во всем.'; const result = str.match(regex); console.log(result); символьный класс - не число: ...
... кнопка, приличный блок (pop-up окно) и пока что, бесполезный блок с затемнением. осталось написать только небольшой кусок кода - и всё прекрасно! ...
... заголовка и удалить у него класс spoiler-body, чтобы блок с контентом стал видимым. метод nextelementsibling возвращает следующий элемент. элемент, по которому был ...
... // добавляем элемент в массив q.push(5); // получаем длину очереди console.log(q.length); // 5 // пока длина массива не равна нулю ...
...     top: 10%;     left: 20%; } фиксируем ширину меню на 200 пикселях. width: 200px; мы дошли до пунктов меню списка. убираем маркеры у пунктов ...
... навигации прячется за левым краем браузера. @media (max-width: 767px){     .navigation     {         left: -60px;     } ...
... находится ли уже какой-либо элемент страницы в полноэкранном режиме или нет. если да, то мы используем метод document.exitfullscreen() для выхода из полноэкранного ...
... синтаксиса es6, сделает и так лаконичную запись метода foreach, ещё более лаконичной. cars.foreach(element => console.log(element)); заключение к счастью или к сожалению, ...
... каждому элементу строки можно обратиться по его индексу (порядковому номеру). когда мы обращаемся к первому элементу строки, через её индекс, то действительно ...
... const updatep3 = text => p3.textcontent = text; // создаем класса объекта наблюдения const subject = new subject(); // добавляем наши действия в список наблюдателей ...
... php artisan route:list — отображает список всех маршрутов. создание собственных команд artisan laravel также позволяет создавать собственные команды artisan, ...
... любой другой скрипт на странице: у него есть доступ ко всем данным жертвы. и этот скрипт может делать все, что может делать любой другой скрипт ...
... чтобы освободить все ресурсы. # закрыть подключение к базе conn.close() заключение: таким образом мы узнали, как экспортировать данные ...
... необязательных параметров, полный список которых можно посмотреть здесь: http://cyber.law.harvard.edu/rss/rss.html. также обратите внимание, что весь код xml-документа должен ...
...             }             currentindex = (currentindex + direction + slides.length) % slides.length;             showslide(currentindex); ...
... скопируйте код из index.php скрипта в файл со страницей обратной связи (feedback.php). теперь вы можете делать всё, что пожелаете нужным между тегами <html> ...
... настройки facebook включаем возможность добавления на сайт метаданных open graph. open graph отвечает за то, какой контент будет отдаваться в социальные сети ...
...     // в качестве данных для загрузки из ссылки устанавливаем данные из формы     a.href = window.url.createobjecturl(         new blob([data], { type }) ...
... (5, 0.2)? быстрый взгляд на логику функции скажет вам, что она не может обрабатывать дробные показатели, но по закону математики, возможно возведение ...
... со свойствами. что же эти свойства значат? url - адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые ...
... обучения программированию является видеокурс. представляю вашему вниманию свой новый видеокурс: «программирование на javascript с нуля до гуру 2.0».
...     });     // отключение щелчка по правой кнопке     $("body").on("contextmenu",function(e){       return fals     });   }); </script> ...
... чтобы решить эту проблему, нам нужно использовать метод pushstate: history.pushstate(null, null, 'hello'); теперь, если мы нажмем на кнопку "назад", ...
... продвинутого: d3 допускает различные инструменты для создания графики. это базовая структурированная таблица или хорошо проанализированная ...
... очень важно знать любому, кто занимается созданием сайтов, используя пакет denwer (да и другие пакеты тоже).полный курс по php и mysql: http://srs.myrusakov.ru/php
... выполняет деление, и выбрасывает исключение, если мы пытаемся делить на 0. в первом случае у нас всё сработает, во втором же мы получим исключение, ...
... элементам задача 4: изменить цвет только у второго параграфа при клике. здесь, мы конкретно обращаемся, через нумерованный индекс (число в ...
... наших манипуляций. const btn = document.queryselector('.btn'),     elem = document.queryselector('.box'); // изначальная позиция квадрата let pos = 0; requestanimationframe ...
... третьим параметром идёт анонимная функция, принимающая данные от сервера. в теле функции мы, как и в прошлой статье, вставили полученный результат ...
... fa-map-marker" aria-hidden="true"></i></span>     <span class="info">ленинский пр. 25, г. москва</span>   </li>   <li>     <span class="icon"><i ...
... src="http://marvl.infotech.monash.edu/webcola/cola.v3.min.js"></script> установите greuler с помощью bower: bower install greuler подключите скачанный скрипт: <script src="bower_components/greuler/dist/greuler.js"></script> ...
... выйти за пределы сайдбара, но в тоже время не обрежет его, а перенесет ниже. .sidebar {   height: 100%;   width: 180px;   position: fixed;   z-index: 1; // ...
... какого-то отдельного таба, где внутри мы можем писать что угодно. чтобы добавить новый таб, добавьте div с id и ссылку, которая будет ссылаться на этот ...
...   </div> </div> <div class="column">   <div class="card">     <img src="dog.jpg" alt="dog">   <div class="card-content">     <a href="#">     <i ...
... + "\n"; demo += "boolean bool = " + bool + "\n"; demo += "char c = " + c + "\n"; demo += "string str = " + str + "\n"; system.out.println(demo); преобразование строки в число любое число, заключенное ...
... страницы использовались функции getelementbyid , getelementsbytagname и getelementsbyclassname. и, несмотря на то, что вы все еще можете видеть эти функции в старых книгах, ...
... что хотелось написать о создании и инициализации переменных в языке javascript. теперь поговорим о выводе переменных в окно браузера. выводить их можно, ...
... запустим функцию outnum первым параметром мы передаем целевое число, на котором анимация закончится. вторым параметром - элемент, где выводить ...
... важный язык, поэтому его необходимо знать любому профессиональному web-разработчику, а поможет вам изучить его курс: javascript, jquery и ajax с нуля до гуру.
... анимации задаем начальный координаты x,y для пчелы относительно холста. каждые 30 секунд с помощью метода setinterval запускаем функцию, которая очищает ...
... например, в папку "flowplayer". далее вы должны в теге <head> страницы, на которую будет добавлено видео, написать следующую строку: <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> ...
... стрелочную функцию, которая обратно поменяет у popup значение block на none (невидимое). close.addeventlistener('click', () => {     popup.style.display = "none"; }) ...
...   # обязательно  прописываем выход из вебдрайвера   driver.quit() # вывод /* python 10 javascript 6 */ в нашем примере используются локаторы типа /html/body/table/tbody/tr. ...
... web-программисты повседневно используют данный фреймворк в своей работе. по статистике, на данный момент, около 18 миллионов сайтов сделаны при ...
... придумаем то же своё - "добавьте свои виджеты" 'description' => esc_html__( 'добавьте свои виджеты.', 'my_theme' ), остальные четыре настройки ...
... создание анимации теперь заставим наш текст вращаться вокруг изображения. @keyframes animate {     0%     {         transform: ...
... запроса и выводом результата проблем возникнуть не должно. если это не так или в данном скрипте не всё понятно, то вам тогда однозначно нужно сначала ...
... только когда тип – браузер пример: 'http://example.com' imgpath string ./jquery.devicemock/img/ путь ...
... none; } #canvas {   display: none; } и, конечно же, двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'), ...
... название constчасто пишут в верхнем регистре, как-бы подчеркивая её постоянство. const alfa = 99; заключение рекомендую, начинающим изучать javascript, применять ...
... пользователем города и нажатии клавиши enter выводятся данные о погоде из api openweathermap. включение компонента: далее включим компонент weatherapp в корневой компонент ...
... php файлов описание файлов темы wordpress вся разработка ведется в functions.php, но когда у вас много кода, то вы физически не можете его разместить ...
... на макете активный индикатор слайдера покрашен в более темный цвет. заглянем в инструменты разработчика, чтобы посмотреть, какие ещё есть ...
... обработка потоков данных в реальном времени. давайте рассмотрим простой пример на языке программирования javascript с использованием библиотеки rxjs (reactive ...
...                 elem.value = doformat(elem.value, elem.getattribute('data-format'), elem.getattribute('data-mask'));                 if (elem.createtextrange) {                     var range = elem.createtextrange(); ...
... вам нужно вывести значения этих ключей, то вы можете написать так console.log value for property, value of object запятая играет здесь ту же роль, что и в цикле for ...
... элемента массива или чего-либо еще на чистом javascript? подумали? страшно? если да, то в underscore.js есть специальный метод each. _.each([1, 2, 3], alert); теперь вы поняли, ...
... мы в цикле запрашиваем у пользователя по очереди 5 чисел. а потом в цикле выводим полученный массив в браузер.эта вся теория по созданию массивов ...
... слово extends. class webdeveloper extends person если конструктор дочернего класса не указан, будет использован конструктор класса-родителя. если вам нужно вызвать ...
... перерыв и затем, когда решаете продолжить обучение, понимаете, что забыли совершенно все. к счастью, есть несколько простых шагов для решения этой ...
... совсем по другим принципам, нежели числа. машина сравнивает строки по кодовым значениям символов. утверждение, что: 'xy' > 'abc' true // верно ...
...         console.log('файл является изображением');     } else {         console.log('файл не является изображением');     } }); в ...
... познакомиться с data атрибутами и не только, вы сможете в моем видеокурсе по javascript. итоги data атрибуты позволяют хранить разную информацию об элементе, ...
... части. все, что нас окружает, находится в пропорциях "золотого сечения". леонардо пизанский в одной из своих задач решил посчитать, сколько пар ...
... #1 - вводимые пользователем символы записываются в переменную text. #2 - браузер разбивает вводимые символы на соответствующий код и определяет ...
... основании этих метаданных и информации о вашей компании, представленной в google my business, google может сформировать блок информации (в правой части ...
... 2-х страниц с абсолютно одинаковым или практически одинаковым контентом. редирект на странице. этого поисковые системы очень не любят, и такую ...
... = 1; i <= ndays; i++) {    document.write("<td width=30>");    if (i == thisday)      document.write("<span style = 'color: red;'>")    document.write(i);    ...
...     border-radius: 4px; /* закругленные края */ } временно, на момент выполнения скриншота, была выставлена widht: 100px, чтобы показать скрытую линию. техническая ...
... отметить, что разработку таких приложений стоит вести достаточно аккуратно. все дело в том, что если будут утечки памяти, например, то приложение может ...
... убираем подчеркивание ссылок } изначально все вкладки нужно спрятать. .tab__box {     position: relative; // относительное позиционирование ...
... return super.shift();    }    peek() {     return !this.empty() ? this[0] : undefined;    }    empty() {     return this.length === 0;    }   }   var ...
... светодиоды, и каждая часть проходит индивидуальную проверку перед использованием в смартфоне. это называется модульным тестированием (unit testing), ...
... `<li>${tag}</li>`).join('n      ')}    </ul> </footer> </article>`; в следующей статье мы продолжим обсуждение шаблонных строк в javascript.
... формы поиска по сайту, поиск пока не рабочий, то есть без программной части. посмотреть код целиком можно на codepen see the pen search bar with submit icon by porsake (@porsake) ...
... пользователя не число, а строку, и мы её должны сравнивать с другими строками. если введёно что-то другое (не "1", не "2" и не "3"), то выводится "вы ввели ...
... устройствах с ширина экранов, которых меньше 500 пикселей. посмотреть код целиком можно на codepen see the pen responsive navigation bar with icons by porsake (@porsake) on codepen.
... метод onendcallback(), который сработает тогда, когда счетчик закончит отсчет. к примеру, можно отсылать письма подписчикам. думаю, каждый найдет применение ...
... список, если потребуется, всегда можно будет посмотреть в справочнике. а более подробно выборка элементов с помощью jquery разобрана в этом курсе.
... либо двойным кликом). это легко можно заметить по адресу в адресной строке. там будет что-то наподобие: file:///z:\home\mysite.local\www\script.php. а правильно запускать ...
... свойству top формулу случайно созданной ширины квадрата square.style.left = math.random() * innerwidth + "px"; // вывод квадратов в секции section.appendchild(square); // метод вызывается ...
... обновления состояния игры или визуализации в реальном времени без блокировки пользовательского интерфейса. это позволяет создавать более интерактивные ...
... $text));   } } откроем нашу базу данных mvc и создадим таблицу data с 2 полями. id int 11 primary_key auto_increment text varchar 255 проверим, все должно работать. введите ...
... внутри фрейма. указываете размеры карты подходящие под структуру вашего сайта. при выборе статического варианта, карта вставляется на сайт как ...
... загрузке страницы. если введенный пароль совпадает с предварительно заданным, модальное окно закрывается, и пользователь получает доступ к содержимому ...
... всегда носить второе устройство только для проверки личности пользователя. однако, к счастью, мобильные устройства быстро стали популярным элементом ...
... нужно полностью менять всё, то проще через javascript определить браузер и подключить отдельный файл стилей. скажу честно, я с такой задачей не сталкивался, ...
... файла, указав ваши пути до них: <link rel="stylesheet" href="css/main.css"> <script src="libs/particles/particles.min.js"></script> <script src="js/main.js"></script> 3) создадим на html ...
...         // проверяем наличие собственного свойства у объекта         if (obj.hasownproperty(prop)) {             // помещаем в новый объект специальный примитивный тип javascript symbol ...
... событие клика и узнает, по какому именно элементу, кликнул пользователь, чтобы добавить ему указанный класс. добавить класс элементу в javascript ...
... браузера, запомните, на какой ширине экрана, поля формы начнут ломаться. в нашем случае с формой, это будет цифра 680 пикселей. теперь для всех ...
... еще несколько анимаций @-webkit-keyframes heightchange {   0%, 40%, 100% { -webkit-transform: scaley(0.4) }   20% { -webkit-transform: scaley(1.0) } } @keyframes heightchange {   0%, 40%, 100% { transform: scaley(0.4); ...
...     width: 350px;/*ширина контейнера*/     height: 70px;/*высота контейнера*/ } .navigation ul{     position: absolute;/*абсолютное позиционирование*/     top: ...
...                 $servername = sprintf("%s/%s.%s", files_storage_path, md5($clientname), $extension);                 $uploaderrorcode = $_files['profileimage']['error']; ...
...     background-color: #eec321; } при наведении курсора, делаем цвет фона немного темнее. .container:hover input ~ .checkmark {     background-color: #ccc678; } для отмеченного ...
...                     <td>{{ staffer.name }}</td>                     <td>{{ staffer.description }}</td>                     <td>{{ staffer.age }}</td> ...
... сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <script type="text/javascript">   externallinks(); ...
... всё, что нужно знать для создания анимации на своих сайтах с помощью jquery. как видите, библиотека jquery позволяет всё это делать необычайно просто. ...
... javascript. начните с простых команд, и постепенно углубляйтесь в изучение языка. постоянная практика и эксперименты помогут вам стать более уверенными ...
... тестирование результатов php-скрипта, мы проверяем и его производительность. поэтому после выполнения всех тестов мы узнаем, насколько быстро работает ...
... const uniquedata = removeduplicatesbykey(data, "id"); console.log(uniquedata); таким образом, выбор метода удаления дупликатов объектов в массиве средствами javascript зависит от требований ...
... заносит в переменную eraser. этим eraser пользователь орудует, как стирательной резинкой. методы offsetx и offsety возвращают отслеживаемые координаты, которые ...
... запустилась, мы при загрузке документа (событие load и обработчик onload) вызываем функцию starttime(). вот такой классический алгоритм реализации таймера.это был ...
...     zoomer.style.backgroundposition = x + "% " + y +"%"; } вот так можно реализовать увеличение изображения, как при просмотре лупой, на чистом javascript.
...         name, ext = os.path.splitext(fn)         output_fn = f"{name}-{pdf_index_new}.pdf"         # сохранение файла         new_pdf_files[pdf_index_new].save(output_fn) ...
...             taskinput.addeventlistener("keyup", function (event) {                 if (event.key === "enter") { ...
...             <div class="sidebar-menu">                 <ul>                     <li><a href="#">link 1</a></li> ...
... внешний вид ссылок на страницы и их состояния (активная/неактивная). javascript: мы используем javascript для добавления функциональности пагинации. ...
... типов веб-ресурсов, особенно тех, где важна скорость доступа к контенту. это могут быть новостные порталы, блоги, интернет-магазины и другие сайты, ...
... переменной obj присваиваем текущий объект html-страницы, находящийся в массиве all. дальше с помощью оператора instanceof мы проверяем принадлежность ...
... для пользователя. благодаря событиям , вы можете реагировать на действия пользователя, обновлять интерфейс или запускать другие процессы.
... очень понимаю, почему возникает такое количество вопросов по этому моменту. видно, очень непонятно пишут авторы многих учебных пособий. поэтому, ...
...     // пока значение не найдено или индекс меньше длины массива     while(!found && index < list.length)     {       // если значение найдено ...
...     flex-direction: column;     margin-top: 100px;/*отступ сверху*/ } footer .wave{     position: absolute;/*абсолютное позиционирование*/     top: ...
... больше про разные библиотеки, jquery и интеграцию плагинов, советую обратить внимание на мой курс javascript, jquery и ajax с нуля до гуру. спасибо за внимание!
...  function requiredarg() {    throw new error('the argument is required');   }   function add(x = requiredarg(), y = requiredarg()){    return x + y   }   add(10); // ошибка   add(10,20); ...
... поля ввода (input) позиционирует два блока div относительно родителя section. section div {     position: relative; } в макете поля ввода нарисованы ...
... крупный текст, примерно посередине окна, у которого все буквы заглавные. ничего особенного, выглядит скучно, как бы фон сам по себе, а заголовок ...
...     transform: translatey(15px);     width: 15px;     left: 15px;     transition-delay: 0s; } состояние полосок для класса active ...
... }); добавьте data-scroll атрибут в html-элемент, который вы хотите анимировать. <div data-scroll></div> когда вы прокручиваете страницу и элемент становится ...
... файл index.html с одной текстовой областью и тремя кнопками, как показано ниже. идентификатор текстовой области может быть любым — в этом примере мы ...
...         <span class="toggler__content-box">вместе с бонусами курс содержит 123 урока общей продолжительностю 26 часов 46 минут и 19 секунд.</span>     </div>     <div class="toggler">         <input type="checkbox" id="toggler__checkbox-id-3" class="toggler__checkbox"> ...
... которые должны быть выбраны. вот такой очень простой в использовании, но полезный плагин для библиотеки jquery. спасибо за внимание и до встречи!
... // filters[order_statuses][0]=6&filters[order_statuses][1]=5&filters[order_statuses][2]=3&filters[order_statuses][3]=1&filters[order_statuses][4]=7&filters[order_statuses][5]=8&filters[order_statuses][6]=4&filters[customer_cities][0]=1&filters[customer_cities][1]=2&filters[customer_cities][2]=8&sort[customer]=asc const url = 'https://srs.myruakov.ru' + '?' + query_string; console.log(url); таким образом, объект, ...
... // устанавливаем ширину видео в пикселях video.width = 320; // в пикселях // получаем элемент с id &#039;box&#039; const box = document.getelementbyid(&#039;box&#039;); ...
... в любом из форматов css, которым будет залито пространство между линиями. если же вы хотите, чтобы пространство между линиями было пустым, то укажите ...
... приоритетом. если вы вставляете пользовательский ввод в html-код без экранирования, это может привести к выполнению вредоносного кода и угрозам безопасности. ...
... всеми версиями jquery от 1.x до 2.x --> <script src="jquery.min.js"></script> <script src="jssor.slider.mini.js"></script> <script>   jquery(document).ready(function ($) {    var options = { $autoplay: ...
...     head.appendchild(script); } вызываем так: loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/timeago.js/3.0.2/timeago.js') // timeago().format(new date()) loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js') ...
... нему 2 раза</span> <div id="block"></div> <script type="text/javascript">   $("span#add").bind("click", function() {     $("#block").append("<span>добавленный блок</span>"); ...
... sql, то он будет использовать другое, характерное для sql, комментирование. переключение между файлами нажмите cmd+p, чтобы открыть панель перехода, ...
... просто скопировать приведённый код, заменить way и вставить к себе на сайт.если вы хотите узнать больше по html, то посмотрите мой бесплатный курс ...
... принципа. и таким образом, мы сможем определить примерную позицию чтения. допуская что, пользователь начинает чтение с начала документа и будет ...
... содержащие атрибут href $('[class][ type="button"]'); // выбрать все элементы, которые содержат // два атрибута class и type="button" фильтры элементов форм $(':input'); ...
... фоном, без рамок, с отступами для названий городов и плавным переходом. 3) поменяем цвет фона при наведении на кнопки button:hover. 4) зададим цвет фона ...
...     border-bottom: 1px solid #44c09d;     transform: scaley(2);     transition: .5s; } почему мы не можем просто нарисовать эти линии в html-разметке, а ...
... долгосрочный опрос для достижения приложения, работающего в реальном времени. итак, мы рассмотрели возможные способы реализации данного функционала. ...
... alt = 'изображение 1b' />           <img src = 'images/javascript/space_3.jpg' width = '100' style="display: none;" alt = 'изображение 1c' />         ...
... можно применять, если известна высота блока и текст занимает одну строчку. значение выставляется путем подбора. line-height: 80px; остальные, чисто ...
...       pixelart += '\n'; // добавляем перенос строки каждые 10 пикселей (можно изменить)     }   });   console.log(pixelart); // здесь можно использовать полученные данные, например, отправить на сервер или сохранить в файл ...
... element. создадим цикл for, который будет добавлять свойство rotate для каждой буквы с новым значением градуса поворота, рассчитанного по формуле. если ...
...             // получаем изображение в формате data url             var imageurl = canvas.todataurl(); ...
... имен, а также сохраняют ваши функции импортируемыми и экспортируемыми. пример реализуемого модуля показан ниже: const options = {  username: 'michail', ...
... когда где необходимо обрезать изображения перед их загрузкой на сервер. кстати, с помощью javascript можно создавать современные и функциональные ...
... ставить маркеры, рисовать маршруты, выводить различную информацию (например, те же пробки) и многое другое. как всё это подключается, написано в api.
...     color: white;     .arrow {      background: url("/carousel-arrow-light.png") 50% 50% / 20px no-repeat;     }    }    @media (max-width: 480px) {     ...
... ширину. это когда, два знака "++", увеличивают значение переменной width на 1. } else {   width++; здесь мы уточняем, что ширина, указанная в стилях ...
... дописываются префиксы, если нужно вот такая простая, но полезная библиотека shine.js. устанавливайте и пользуйтесь на здоровье! спасибо за внимание и удачи! ...
... вертикальное меню. для этого вставим jquery код в отдельный javascript файл или между тегами script в html файл. $(document).ready(function(){   $('.sidenav').sidenav(); }); ...
... где он уже будет выводиться */ ?> всё, круг замкнулся, и чат заработал. как видите, сделать чат достаточно сложно и нужно обладать большим багажом ...
... initiate chart display   chart.draw();   }); </script> более подробную информацию вы можете получить в разделе документация. думаю, вы точно найдете применение ...
... лишь тогда, когда дойдет до нее в коде, поэтому пример выше не сработает. однако, если написать вызов функции ниже, то все будет работать. зачем ...
... заданному url и возвращает содержимое страницы. она настраивает заголовки запроса, чтобы имитировать браузер, обрабатывает возможные ошибки и генерирует ...
...         let sortedfruits = sortbycount(fruits);         console.log(fruits);         console.log(sortedfruits);     </script> </body> </html>
... локальной в том случае, если переменная с таким именем не была объявлена раньше. outer = 10 func = ->   outer = 10   inner = 10   return в результате получим следующее: ...
... плагина также есть методы // получить экземпляр плагина var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение ...
... взаимодействие с элементами на странице или выполнение javascript, вам может потребоваться использовать более мощные инструменты, такие как selenium webdriver.
... статье мы перейдём к другой группе настроек сайта на joomla - "настройки системы", поэтому подпишитесь на обновления, чтобы не пропустить эту статью.
...    console.log(bar);   }   foo(); // 10   foo(undefined); // 10   foo(20); //20 в первом вызове функции мы не передавали никаких аргументов функции foo(), поэтому ...
... with open('output.json', 'w', encoding='utf-8') as f:     f.write(json_data) # закройте соединение conn.close() объяснение сценарий ...
... </script> </body> </html> как видите, у нас есть просто пустой div с классом .share. для него я применил стили, чтобы просто отодвинуть его от края страницы. ...
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
... с объектной моделью документа (dom), для взаимодействия с пользователем. javascript добавляет на сайт интерактивность, такую ​​как переходы ...
...         <img id="modal-image">       </div>     </div>     <script>         // получаем элементы модального окна и изображения ...
... заголовок. headingnode.innerhtml = 'поиск dom элемента с помощью getelementbyid'; манипуляция удалась и заголовок поменялся. приобретя ...
... начала html-код: <img src="images/photo.jpg" alt="фотография" onmouseover="opacityup(this)" onmouseout="opacitydown(this)" /> здесь мы добавили обработчики событий. css-код остаётся прежним. ...
... относительно родителя    };    var target = document.getelementbyid('loading');    var spinner = new spinner(opts).spin(target);   </script> </body> </html> вот и все. красивый ...
... { // ждём ответа от сервера       if (xmlhttp.readystate == 4) { // ответ пришёл         if(xmlhttp.status == 200) { // сервер вернул код 200 (что ...
... браузер, затем создаем нужный объект, передаем параметры и в конце закидываем видео в наш блок. итак, сегодня вы узнали, как сделать онлайн-трансляцию ...
... document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, то меняем файл стилей </script> код очень простой. по умолчанию подключается дневной файл стилей. ...
... если вам нужно, то вы можете с легкостью изменить все, что пожелаете, в .css файле. api очень легок. там есть только свойство duration, которое обозначает ...
... alert(getcookie("firstname")); // убеждаемся, что ничего не осталось </script> вот такую простейшую библиотеку вы можете использовать при работе с cookie через javascript.
...                     block.innerhtml = block.innerhtml + "<div>случайный текст или еще, что то</div>";                 }             });              ...
... интернете, вы не ждете, когда он загрузится полностью, а сразу начинаете просмотр, по мере которого видео загружается до конца. это работает именно ...
... делают ее отличным выбором для выполнения асинхронных http-запросов в python. заключение таким образом, мы рассмотрели пример использования библиотеки ...
... %edit # — запускает внешний редактор; таким образом мы познакомились основами ipython и получили представление о работе с магическими командами.
... # home = c:\users\узи\appdata\local\programs\python\python38-32 # include-system-site-packages = false # version = 3.8.5 первая строка указывает каталог из которого запускался python. ...
... так: 777..tostring(); для преобразования числа к строке, существуют также методы parseint и parsefloat. parseint('100px', 10) // получим число 100, остальное будет ...
... модальное окно прокручивающимся или нет работает в ie10+, firefox, chrome, safari, opera. вот такая простая, однако очень эффектная библиотека. спасибо за внимание! ...
... kaziami, cecília amodeo, fotopet, bruno kenj, juliana gm, silvia valadares, lucas romão, and more...</p>    </div>   </div>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> ...
... методику. безусловно, я долго описывал, на практике же это делается в течение максимум минуты в коде строк на 50. вот таким образом можно достаточно легко ...
... при клике .section_active {     transform: translatex(-25%); /* вместо 25% */ } весь код меню справа + результат see the pen css3 right slide menu by porsake (@porsake) on codepen.
... javascript ouibounce ouibounce - это библиотека javascript, которая позволяет обнаруживать, когда указатель мыши покидает область просмотра браузера. она ...
... >= 8 && rating >= 3) text = "сложный";     else if (password.length >= 6 && rating == 1) text = "простой";     else if (password.length >= 6 && rating > 1 && rating < ...
... время, в течении которого произойдет анимация. на живом примере, вы можете увидеть, как при клике на ссылку, вас плавно перебрасывает в нужное ...
...     // удаляем значение по ключу     delete(key) {         localstorage.removeitem(this.dbprefix + key);     }     // количество строк данных в бд ...
... атрибут type в значение text <input type="text"> 4. инициализируйте скрипт <script>   $('input').datedropper(); </script> вот и все! теперь вы можете добавлять ...
... их в переменную, в метод then можно передать только один первый аргумент. для того, чтобы что-то сделать в случае ошибки, вы можете использовать ...
... вас. вам же нужно только подключить ее и написать что-то вроде этого: is.chrome(); // вернет true, если это браузер chrome, и false в ином случае is.array(); // массив ...
... # кнопка для вывода результата button = tk.button(root, text="показать выбор", command=get_selection) button.pack(pady=20) # запуск окна root.mainloop() объяснение кода создание окна: ...
... различных текстовых редакторов (например, notepad++), что активно эксплуатируется. в общем, регулярные выражения надо знать не только программистам, но ...
... защита от людей, которым не терпится скопировать ваш исходный код, чуть-чуть подкорректировать и вставить к себе. такие люди потерпят неудачу.
... заранее подгружаем данные, когда курсор входит в поле красного кружка. это позволит значительно повысить скорость, ведь, когда пользователь ...
... дальше постарайтесь этот алгоритм применить на практике самостоятельно. ведь не секрет, что придумать алгоритм гораздо тяжелее, чем его реализовать, ...
... default(), sections(), gradient(), flash(). попробуйте каждую и посмотрите, что изменится. в конце стоит сказать, что размер полоски, ее положение и прочее вы можете ...
... ссылок     font-size: 22px; // размер шрифта } .mobile-nav__link:hover {     color: #ff0800e7; // цвет ссылок при наведении } подготовим активный класс ...
...     font-size: 16px;     color: #111;     font-weight: 300;     transition: 0.5s; / * плавный переход * /     pointer-events: none; } на картинке ниже, ...
... </select>   </div> </form> при изменении значения в select со странами делается запрос на сервер, отправляя при этом id выбранной страны. сервер ...
... javascript.</title>    </head>    <body>        <form onsubmit="onformsubmit(); return false;">            <p>                <label for="demo_filename">название файла:</label><br>                <input type="text" id="demo_filename">            </p>            <p>                <label for="demo_content">содержимое:</label><br>                <textarea id="demo_content"></textarea>            </p>            <button type="submit">загрузка</button>        </form>        <script type="text/javascript">            function downloadfile(data="", filename="test.txt", type="text/plain") {                            // создаем невидимый элемент ссылки                const a = document.createelement("a");                a.style.display = "none";                document.body.appendchild(a);                                // в качестве данных для загрузки из ссылки устанавливаем данные из формы                a.href = window.url.createobjecturl(                    new blob([data], { type })                );                                // аттрибут download ссылки используется для загрузки файла                a.setattribute("download", filename);                // запускаем загрузку путем эмулирования нажатия клавиши                a.click();                // удаляем ссылку из dom                document.body.removechild(a);            }                        // вызывается при отправке формы            function onformsubmit() {                downloadfile(                    document.getelementbyid("demo_content").value,                    document.getelementbyid("demo_filename").value                );            }        </script>    </body></html> ...
... --> ${oldcar[key]}`);   }   // make --> tesla   // model --> s вы также можете использовать for…in для итерации по индексам перебираемого объекта, например ...
... нас есть блок div с id=progress, который и является нашим прогресс баром. дальше в теге script отбираем наш блок и вызываем у него метод progressbar, куда передаем ...
...       if (window.opera) delta = -delta; // дополнительно для opera     }     else if (event.detail) { // для gecko       delta = -event.detail / 3;     ...
... приняло свой окончательный вид, перед тем, как будет применен hover эффект. псевдо-линия для подчеркивания создается с помощью псевдоэлемента ...
... прелоада, когда страница загрузится, вы можете узнать из моего видео-курса. html/css код создания прелоада: see the pen animation preloader css by porsake (@porsake) on codepen. ...
... команду: pyinstaller --onedir --onefile  --name=snake --noconsole "c:/script/snake.py" ''' в команде используются  следующие опции ...
... запускаем функцию. функция каждый раз фиксирует новые координаты мыши и вставляет их в стили курсора, действуя через переменную cursor. <script type="text/javascript"> ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) в файл ...
... получать от него ответ и печатать его. <?php   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true); ...
...         восходящие на вершину начинают с подножия горы.",         "конфуций"     ],     [ ...
...         // читаем текстовый файл         reader.readastext(file);     } } вот можно прочитать ...
... function expression. повторюсь, мы рассмотрели все это только для того, чтобы вы поняли, как работают модули, которые мы будем рассматривать в будущих статьях. ...
... либо открываем буфер, куда будем помещать всю выходную информацию скрипта. теперь создадим файл write_cache.php, который будет заниматься записью в файл ...
...                     y: {                         beginatzero: true ...
... и создавать логический беспорядок, полный сложных взаимозависимостей. монолитное развертывание часто неизбежно, что означает, что из-за ...
...       // при успешном копировании, выводим в консоль скопированный текст       clip.on("success", function(e) {         console.log(e.text); ...
... уже сегодня — и вы обнаружите, что создание сайтов под заказ может стать не только увлекательным делом, но и источником стабильного дохода.
... его удаления. let list = [1, 2, 3, 4, 5]; let elementtoremove = 3; let index = list.indexof(elementtoremove); if (index !== -1) {   list.splice(index, 1); // удаляет элемент со значением 3 в количестве 1 штуки ...
... веб-странице по тегу с помощью javascript может значительно улучшить пользовательский опыт, позволяя избавиться от мешающих элементов. этот пример демонстрирует ...
... указанного адреса } очень легкий в использовании и позволяющий делать интересные вещи плагин. используйте на здоровье и спасибо за внимание!
... подписаться на рассылку и закрыть окно или сразу закрыть окно, не оставляя своего е-майла. кроме того, вы научитесь отправлять форму ajax методом.
... bg. дальше будем отслеживать в браузере событие scroll и запускать функцию, когда оно произойдет. функция должна сделать две вещи: добавить в header ...
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генерация штрих-кода</title> <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/jsbarcode.all.min.js"></script> ...
... фреймворком redux теория. здесь вы узнаете, что такое redux, как он работает и где применяется react практика. это огромный раздел, где вы сами, используя ...
... увеличится, и уместить контент на небольших экранах станет значительно проще. таким образом, вы теперь знаете всю необходимую теорию по адаптивной ...
... используется. о возможных значениях этого мета-тега мы поговорим чуть ниже. теперь давайте приведу пример использования мета-тегов для поисковых ...
... динамическим контекстом пример динамического создания функции в alert окне предлагается посетителю ввести свой вес. если введенный вес меньше ...
... "закрыть", кликнув по которому, окно будет закрыто. это единственное место, где используется javascript. я могу сказать, что данное всплывающее окно ...
...             return total + order.price;         }, 0);         console.log("общая сумма:", totalprice); // output: общая сумма: 700 ...
... </html> вот такая форма у нас будет, где мы сможем добавлять новые пункты. пока что пункты записаны вручную, но потом мы сделаем, чтобы они добавлялись ...
... регулярное выражение. регулярное выражение не пропускает пароли, не соответствующие требованиям (недопустимые значения). заключение в идеале валидацию ...
...         </div>     </div>     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html> ...
... link определяет состояние непосещённой ссылки. visited определяет состояние посещённой ссылки. это не все псевдоэлементы, ...
... этого уже более, чем достаточно, чтобы успешно использовать данный плагин. подробнее вы можете почитать все на том же официальном сайте по ссылке ...
... соответствует языку программирования вашего проекта и вашим потребностям. настройка правил: настройте правила линтинга в соответствии с требованиями ...
... то скрипт будет работать неправильно, ведь 0 в логическом выражении - false. как исправить? просто добавьте знак вопроса в конце(без пробела!). model ...
... вызовов метода fetch     // первый элемент массива содержит данные первого вызова, второй – второго соответственно     var profinfo = result[0].profiledata ...
... необходимой теоретической информации, содержит много практических примеров и упражнений. за более подробной информацией, переходите прямо сейчас!
... обратного вызова или вы можете указать эти настройки в объекте инициализации. примеры смотрите на оффициальном сайте. спасибо за внимание и удачи! ...
... давайте с вами дополним нашу функцию, сказав "спасибо!" нашему пользователю.function checkname(name) {  try {    if (name.length < 3) throw "имя слишком короткое";    ...
... var nextsibling = firstchild.nextsibling; var prevsibling = firstchild.previoussibling; // находим следующий и предыдущий соседние элементы типа элемента ...
...     <!-- подключаем библиотеку -->     <script src="http://cosmic.mearie.org/2011/01/qrjs/qr.js"></script>     <script>         /** ...
... начала создадим виртуальное окружение с venv для python 3.6 и выше. и в терминале введем: # для windows >>> python3 -m venv my_venv >>> cd my_venv/scripts ...
... следующим образом: from tkinter import *   window = tk()   window.title("мое приложение") window.geometry('350x200')   lbl = label(window, text="метка") ...
... открывающие и закрывающие квадратные скобки с кавычками и массив готов. регулярные выражения - это мега полезная вещь в программировании, ...
... сотен. в общем, функция round() очень полезная и используется достаточно часто.теперь рассмотрим функцию извлечения квадратного корня - sqrt():<?php  ...
... момент написания статьи, безопаснее использовать свойство position: fixed для фиксирования элемента в нужном месте страницы. однако следует помнить, что ...
... программирование на python с нуля до гуру таким образом, при помощи python и его встроенного модуля os мы минимизируем ручной труд при создании сложного проекта.
... иконки, которые вам нужны, чтобы не перегружать сайт, и получить готовый .css файл, ну, и, конечно же, ссылку на репозиторий в github. довольно интересная ...
...         <option value="5">выбор 2.2</option>         <option value="6">выбор 2.3</option>       </select>     </div> ...
... чтобы повесить несколько событий, также не лучшая затея. <a href="" class="link">нажмите</a> <script> $('.link').on('click', function() {   $('.box').addclass('animated ...
... document.write("широта: " + position.coords.latitude + "<br />");     document.write("долгота: " + position.coords.longitude);   } </script> сразу отмечу, что данный скрипт будет работать ...
... это ещё и объект. и синоним данной функции и объекта является jquery. это означает, что $ можно везде заменить на jquery, и работать будет всё так же.
... думать, где ошибка в коде, хотя ошибка исключительно в подключении jquery. итак, для проверки jquery можно использовать следующий код: <script type="text/javascript"> ...
... большинство движков и платформ страдают от низкой производительности dom. чтобы справиться с этим, facebook представил концепцию virtual dom. это виртуальное ...
... разбираться в чужом коде - это дело не простое, и многие с этим не справляются. однако, фреймворки во многом упрощают работу, и если вы не нацелены на ...
... <button class="sharer button" data-sharer="vk" data-caption="sharer.js is the ultimate sharer js lib" data-title="checkout sharer.js!" data-url="https://ellisonleao.github.io/sharer.js/">share on vk</button> вам доступны следующие ...
... .bags {     background-color: #182f0f; } наша верстка полностью готова, на следующем уроке вдохнем жизнь в эту конструкцию с помощью языка javascript. ...
... src='slide_2.jpg' id="image_2" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />   <img src='slide_3.jpg' id="image_3" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />   <img src='slide_4.jpg' id="image_4" ...
... мы будем писать код. а вот, собственно, и он $(document).ready(function() {   $('time.timeago').timeago(); }); вот так просто вы можете использовать этот плагин, ...
... функцию htmlspecialchars(), за исключением отдельных случаев. данная функция избавит вас от заливки в базу html-кода. чтобы понять важность функции htmlspecialchars() ...
... разобраны, что существенно влияет на скорость обработки всей страницы. помещение тега script в конец тела документа является наиболее оптимальным ...
... измерения и изучения поведения пользователей, взаимодействующих с приложением. прогнозы: сервис машинного обучения, который позволяет разработчикам ...
... которой вы сейчас находитесь, используя свойство глобального объекта __dirname. console.log(__dirname); если вы также хотите получить имя файла, в котором исполняется ...
... интерактивных документов, содержащих код, визуализации и пояснительный текст. вы можете запускать скрипты python в ячейках блокнотов jupyter, что позволяет ...
... образом, как мы получаем доступ к элементу из массива - например string[index]. не используйте индекс, превышающий длину строки (используйте метод string.length, ...
...    y: 56   }   localstorage.setitem ("object", json.stringify("object"));   object = json.parse (localstorage.getitem ("object"));   console.log(typeof object); // объект   console.log(object); // объект ...
... // папка в которую будут складываться отсортированные файлы if(!is_dir('./books')) mkdir('./books'); $iterator = new filesystemiterator(input_dir); $filepaths = getfilessorted($iterator); ...
... какую-то библиотеку, которая вам необходима для разработки приложения. эта библиотека имеет зависимости от сторонних разработчиков, в одной ...
... скачивание пакетов библиотек их настройка - очень утомительна и чревата ошибками, поэтому используются так называемые пакетные менеджерв, которые ...
... конструкцию, которая выводит в окно браузера строку.после каждого оператора ставится ";". хотя javascript позволяет этого не делать, но всё же я настоятельно ...
... мы внутри нашей лямбда-функции используем глобальную переменную high_val. чтобы это было возможным, мы должны после слова function и параметров в круглых ...
... означает, что у вас может быть только одна функция с определенным именем. запуск create function дважды вызовет, error 1304 даже если одна и та же функция ...
... 1</span></div> <div class="block_2"><span>блок 2</span></div> <script type="text/javascript">   $(".block_1").empty(); // очичащем содержимое элементов с class="block_1"   $(".block_2").remove(); ...
... можете подключить ее как локально, так и указав ссылку на прямой источник. <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> все, библиотека подключена ...
... этом курсе как раз это сделано. посмотреть презентацию, ознакомиться с полным описанием курса и заказать курс "javascript, jquery и ajax с нуля до гуру" ...
... более простое и элегантное решение: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = block.scrollheight; </script> здесь прокрутка уйдёт ...
... возвращает новый промис. внутри промиса выполняется асинхронная операция. выполнение промиса: метод then используется для обработки успешного выполнения ...
...   body { margin: 0; font-family: sans-serif; }   header { background: #f4f4f4; padding: 1em; } </style> 4. избегайте асинхронной подгрузки css без нужды не используйте media="print" ...
... что у вас есть какой-нибудь javascript, выполняющийся на стороне клиента(frontend), и он может создать какой-нибудь запрос. например, у вас есть api. вы можете ...
...                 header('access-control-max-age: 1000');                 header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
... наведении */ } в качестве дополнения на ползунок можно повесить картинку. ::-webkit-scrollbar-thumb {     background: #e47e7e url(mouse.png) no-repeat top;     background-size: ...
...    transform: 'scale(1)'   },   layout: 'samesize',   selector: '.filtr-container',   setupcontrols: true } более подробные инструкции и описание каждого ...
...     parser = argparse.argumentparser(description='конвертация json файла в csv с использованием указанного json пути.')     parser.add_argument('json_file', help='путь к входному json файлу') ...
... имеющие практическое значение для осуществления разговора с пользователем. здесь в качестве эффективных баз данных можно использовать mongodb, mysql, ...
... абсолютно любые формы. также не забывайте, что перед отправкой надо целиком проверить ещё раз всю форму. делается это через onsubmit у тега form. и всегда ...
... актера с компонентом static mesh и выводит сообщение "hello, world!" при запуске игры. шаг 4: компиляция и запуск сохраните изменения в скрипте. запустите ...
...     { id: 2, value: 'значение 2' },     { id: 10, value: 'значение 10' }, ]; // создаем новый массив из элементов которого исключен  объект с указанным индексом ...
... </head> <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc(e) {     e.returnvalue = false;     alert('событие, которое не сработает'); ...
... } rain(); важно! для работы скрипта требуется локальный сервер или веб-сервер. без этого условия эффект не будет работать в браузере.
...     if (now_no_active >= no_active_delay) { // проверяем не превышен ли "предел активности" пользователя       alert("пользователь не активен"); ...
... # для  активации среды:  my_env\scripts\activate.bat # для деактивации виртуального окружения используйте следующую команду: my_env\scripts\deactivate.bat ...
...     .map(value => string.fromcharcode(value)) // каждое число в массиве преобразуется в соответствующий символ     .join('') // преобразуем массив в строку таким образом, ...
... распространённую проблему сериализации вложенных данных для передачи через formdata. её можно адаптировать под различные требования проекта, включая специальные ...
... если же javascript отключён, то весь тег script будет проигнорирован. однако, дальше идёт тег noscript. данный тег содержит элементы, которые будут показаны ...
...             mediarecorder.stop();         })     }) }); вот таким образом можно сделать простой диктофон в javascript.
... заголовков, таких как x-xss-protection, может предотвратить выполнение некоторых xss-атак. заключение xss-атаки представляют серьёзную угрозу для безопасности ...
... способ? всё потому, что javascript - это клиентский язык, который показывает время на компьютере пользователя, а не на сервере. поэтому мы отправляем ...
... существуют другие элементы, которые могут быть похожи на данный селектор. смотря на html из нашего предыдущего примера, если мы хотим получить доступ ...
... напрямую. вместо этого рекомендуется использовать подготовленные выражения. пример 3: проверка соблюдения стандартов кодирования если в проекте ...
... используя современные методы защиты, можно значительно снизить риск таких атак. регулярное тестирование на уязвимости и обучение разработчиков основам ...
...             const offset = circumference - percent / 100 * circumference;             circle.style.strokedashoffset = offset;         } ...
... темам:turbo pascal.java.с++.html.css.javascript.php.mysql (использовал это по только на java и php).xml (xml, xpath и немного xml schema, soap и wsdl).joomla!регистрация сайта.раскрутка сайта.общие ...
...   series: [    [5, 2, 4, 2, 0]   ] }; var options = {   width: 300,   height: 200 }; chartist.bar('.ct-chart', data, options); здесь достаточно много настроек, описывать которые ...
...     color: transparent; / * цвет у текста прозрачный * /     -webkit-text-stroke: 0.3vw #000; / * обводка у текста * / } эффект движения верхнего слоя ...
... }); </script> устанавливать опции вы можете как через атрибуты data, так и с помощью json. найти все параметры вы сможете на github в разделе options. понятно, ...
... от внешней области видимости, а весь публичный интерфейс, который будет доступен извне, поместить в возвращаемый модулем объект publicinterface.
...         # подтверждаем изменения         connection.commit()         print("данные успешно добавлены в базу данных.") ...
... $test->drawfilledroundedrectangle(7, 7, 693, 223, 5, 240, 240, 240); // выделяем плоскость прямоугольником   $test->drawroundedrectangle(5, 5, 695, 225, 5, 230, 230, 230); // делаем контур графической плоскости ...
... // выберите целевой узел для наблюдения const targetnode = document.getelementbyid('targetelement'); // настройте наблюдателя для отслеживания определенных типов мутаций ...
... onclick="expandit('ans1')">вопрос №1</h4><div id = "ans1" style="display:none">ответ №1.</div><h4 style="cursor:pointer;" onclick="expandit('ans2')">вопрос №2</h4><div id = "ans2" style="display:none">ответ №2.</div>
... </body> </html> таким образом, при наведении указателя на карточку, шторки отодвинутся и будет отображено внутреннее содержимое карточки.
... сервере, необходимо в .htaccess прописать следующее: <ifmodule mod_deflate.c> addoutputfilterbytype deflate application/javascript addoutputfilterbytype deflate text/javascript addoutputfilterbytype deflate text/css <ifmodule ...
... itemclass - класс для пунктов меню idprefix - назначить в качестве id для пунктов. например, 'item-' = #item-1, #item-2, #item-3... duration - продолжительность анимации ...
... в блок. данный способ является классическим, который постоянно используется для создания динамических эффектов без использования javascript, думаю, ...
... заменим ключевое слово var на let, то увидим ошибку, что такой переменной нет. if(true) {   let map = 17; } console.log(map); происходит это потому, что теперь переменная ...
... {    charno = 0;    timerid = settimeout("showline()", 3000);  }}function gotourl() {  location.href = urlline;}</script>код html (вставлять между тегами <body onload = "startshow()"> и </body>):<form ...
... переключение с браузера на другое приложение на мобильном устройстве и т.д. это лучший, из указанных выше, способ отправить небольшие данные для ...
... уже, поняв его работу, разобраться в данном алгоритме не составит никакого труда. вот таким нехитрым образом делается исчезающий текст в input.
... lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet,lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet,  </body> </html> вот так просто можно добавить динамичности на свой сайт, меняя фоновую картинку страницы на javascript.
... document.changecolorbutton.but.style.background;  document.changecolorbutton.but.style.background = "red";}function mouseout() {  document.changecolorbutton.but.style.background = default_color;}</script>код html (вставлять между тегами ...
... содержит точку входа в приложение и статические ресурсы, доступные в сети. 9. директория vendor: хранит зависимости, установленные через менеджер ...
... сайта. написание скрипта проверки формы на javascript. написание php-скрипта формы обратной связи. размещение сайта в интернете. вот сайт, который ...
... отличием. условие выхода проверяется после выполнения итерации, а не до. таким образом, данный цикл будет выполняться всегда хотя бы 1 раз. и вот ...
... отступ слева 200 пикселей   margin-right: 200px; // отступ справа 200 пикселей } .clear {   clear: both; // отменяем позиционирование (влияние float) } эту структуру ...
... возможность работать с объектами так, как будто они являются массивами. таким образом, мы можем использовать интерфейс arrayaccess для организации ...
... информацией, которую вы и выводите. таким образом, вам надо будет только обновить страницу со скриптом, чтобы сразу увидеть нужную вам информацию.
... родителя */   background-color: #f38181;/* цвет черты */ } /* параграф с текстом */ .section_text {   font-size: 15px;   color: #999;   font-family: 'roboto', sans-serif; ...
... jquery. также jquery стоит использовать, если вы делаете на странице анимацию. это достаточно сложный процесс, и красивую анимацию вы будете делать ...
... анализатор будет более толерантным установите обработчик события document.addeventlistener("whistle", function() {   alert("пользователь свистит!"); }, false) при желании ...
...     background-color: transparent;     /* цвет индикатора */     color: red;   } для blink/webkit/firefox нам необходимо использовать вендорские псевдо ...
...          n_str = [],          len = str.length;               str = str.replace(/[ъь]+/g, '').replace(/й/g, 'i'); ...
... // вставляем в элемент текст li.innerhtml = ("<strong>mysite</strong>") // выбираем заголовок к которому подключим новый элемент ...
... api. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>как определить, активен ли пользователь?</title> </head> <body>   <script> ...
... данные, которые должны быть отправлены на сервер с последующими запросами. срок экспирации различающийся, в зависимости от типа и продолжительности ...
... document.getelementbyid("rotator_many_1").src = path + cats[counter];     document.getelementbyid("rotator_many_2").src = path + dogs[counter];     counter++;     if (counter == cats.length) counter = 0;     settimeout(rotatormany, ...
...         'author'        => 'автор',          'category_id'   => 'категория',          'section_id'    => 'раздел',  ...
... использовать вам - это использовать type="submit" и задавать внешний вид кнопки через css. например, это можно сделать так: input[type="submit"] {   background: url("images/button.png") ...
... в языках программирования, советую обратить внимание на курс создание и раскрутка сайта от а до я. а у меня на этом все. спасибо за внимание!
... нам, как разработчикам, важно не это, а то, как от этой атаки защититься. давайте об этом и поговорим. как защититься от xss? чтобы защититься от ...
... ячейки равной 70 пикселям и зацикливаем ее 8 раз, чтобы отрисовать содержимое. таким образом, мы нарисовали шахматную доску при помощи canvas и html5.
... нуля, но также вы можете использовать те числа, которые вам необходимы. таким образом, typescript - это статически типизированный язык, что способствует ...
... официального сайта, распакуйте его и подключите нужные файлы: <script src="notification-logger.js"></script> теперь проициниализируйте скрипт: logger.init(); var a ...
... с xml-документами с использованием php. ещё раз повторяю, что всё, что будет там разбираться подходит и для javascript, а также для работы не только с xml, ...
... все. мы рассмотрели, что такое v8 engine и зачем он нужен в платформе nodejs, а в следующей статье поговорим про глобальный объект. спасибо за внимание!
... сбрасываем значение прогресса конечно, у этой библиотеки есть несколько опций. piecon.setoptions({   color: '#ff0084', // цвет круговой диаграммы   background: '#bbb', ...
...     background: #4973ff;/*цвет контейнера*/     box-shadow: inset 0 0 50px rgba(0,0,0,.5);/*тень*/     transition: 0.5s;/*плавность анимации*/ } рисуем ...
... увидеть, как работают подсказки от плагина. в современном мире мире веб-разработки, уже невозможно обойтись без библиотек и фреймворков на ...
... удобная форма, и вам останется лишь указать самые элементарные данные. применений у cron великое множество. например, я использую его для рассылки ...
... <img class="zoom" src="images/image_1.jpg" alt="" style="width: 300px;" />   <img class="zoom" src="images/image_2.jpg" alt="" style="width: 300px;" /> </div> <script type="text/javascript">   $(".zoom").loupe(); </script> ...
... зависимость от dart: dart — это язык программирования, который используется в flutter, и он менее популярен по сравнению с другими языками, такими как ...
... зависимости от разных условий, например, от времени суток, браузер пользователя. причем этот код не будет зависеть от того включен ли javascript или нет.
... вставлять тегом button, лучше сразу вставлять тегом a с каким-нибудь классом или id. поскольку эта кнопка будет куда-то все равно ссылаться. <a class="btn" href="#">learn ...
... находится в сессии (данное значение было записано при генерации капчи). если значения не совпадают, то делаем вывод, что капча введена неправильно, ...
... вам потребуется, это знание основ работы в командной строке(терминале). заключение итак, сегодня мы узнали, что такое nodejs, какие знания нам потребуются ...
...     // при щелчке на кнопку остановить - посылаем сообщение о необходимости остановки     stop_button.addeventlistener("click", () => {         controller.abort(); ...
... необходимо помещать в область cdata, но очень мало, кто об этом знает. вот так будет валидный javascript: <script type="text/javascript"> //<![cdata[   document.write("текст<br ...
... // uncaught typeerror: параметр 0 должен иметь тип number dosomework([], (times) => {     console.log(times) }) вот таким образом мы можем проверить типы ...
... блочную область видимости. на этом все, а в следующей статье мы поговорим об использовании ключевого слова const с объектными литералами в javascript.
... следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); } или такой, если используете ...
... нажатии на комбинацию ctrl + v, если в системном буфере обмена первый объект является изображением, то он будет вставлен и отображен на странице.
...     settimeout("dowave(\"" + text + "\", " + (n + 1) + ")", 50);   } </script> код html (вставлять между тегами <body onload="dowave('myrusakov.ru', 1)"> и </body>): <div id="wave"></div>
... отменили стандартное поведение браузера   alert("какой-то текст"); } events.add(link, 'click', myfunc); // привязали событие events.remove(link, 'click', myfunc); // удалили ...
... сбора информации о поведении посетителей или добавления функций на сайт. какие проблемы могут создавать веб-теги? цель использования ...
... разобрались, что такое gulp, зачем он нужен, а также произвели его установку. в следующих же статьях мы создадим проект, где настроим правильное рабочее ...
... контента, а также сделали ещё и поле сверху. таким образом, кликнув по названию вкладки, мы кликаем и по контенту тоже, поэтому после клика мы можем ...
... запущена с оптимизацией. это делается с помощью флага -o при запуске интерпретатора python. пример отключения утверждений python -o my_script.py когда программа ...
...                 // устанавливаем новые размеры для элемента canvas                 canvas.width = newwidth;                 canvas.height = newheight; ...
... присутствует индикатор загрузки, а также анимации увеличения картинки. также есть классная вещь: картинки показываются сразу пользователю ...
... упрощает работу с асинхронными операциями и улучшает читаемость кода. преимущества использования dart: универсальность: dart подходит для ...
... "&"     );     for ($i = 0; $i < $length; $i++)       $password .= $arr[mt_rand(0, count($arr) - 1)]; // берём случайный элемент из массива     return ...
...         // устанавливаем обработчики изображений на кнопки         const nextbutton = document.queryselector("#next"); ...
... bgcolor:"#2ecc71", //hex, rgb или rgba цвета imagepath:"yourpath/customizedimage.gif" // если вы хотите, то можете установить свою картинку }); </script> вот и все! спасибо за внимание!
... <td>       <script type = 'text/javascript'>         document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'ротатор изображений с кнопками' ...
... переключателей, сколько захотите, до тех пор, пока они имеют один и тот же класс. var elems = array.prototype.slice.call(document.queryselectorall('.js-switch')); elems.foreach(function(html) {   ...
... быть окружены и круглыми скобками.   ({firstname, lastname}) = person; если вы не используете круглые скобки, движок javascript интерпретирует левую часть ...
... на ссылку, php-скрипт динамически формирует excel-таблицу и отправляет ее на загрузку в браузер. пользователю лишь остается открыть файл.
... нужные префиксы. если вы хотите почитать про это подробнее, то вы можете сделать это в документации. а у меня на этом все. спасибо за внимание!
... true поставить false, то вместо ассоциативного массива будет возвращён object. далее в этом примере мы преобразовали ассоциативный массив обратно ...
... просто начинающие познавать действительно важные и, в общем-то, сложные вещи. удачи вам в этом! удачи и успеха в новом году! ваш покорный слуга, ...
... если вам что-то не понятно, то советую обратить внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
...     производитель: {inf.producer}     предмет: {inf.subject}     заглавие: {inf.title}     количество страниц: {number_of_pages}     """ ...
... поможет сохранить порядок в рабочей среде! для желающих больше понять основы языка, рекомендую видеокурс программирование на python с нуля до гуру.
... можно выполнять скрипты для обладателей браузеров netscape");надеюсь, что я ответил на ваш вопрос: "как узнать имя и версию браузера в javascript".удачи!
... комментарии вконтакте. как видите, и на html-сайт можно подключить комментирование. однако, помните, что все комментарии будут храниться на сторонних сервисах. ...
...         controlpluskey('z', () => console.log('нажаты клавиши cntrl + z'));         controlpluskey('f', () => console.log('нажаты клавиши cntrl + f')); ...
... которая дальше уже печатается в окне браузера.я уверен, что здесь настолько всё прозрачно, что разбирать это глубоко большого смысла не имеет.
...     }     return dict; } вызываем так: var params = convertqueryparamstoobject(document.location.search) console.log(params.key) вот так просто можно преобразовать строку ...
... </style> </head> <body>   <div>заголовок</div>   <p>некоторый текст...</p>   <div>подвал</div> </body> </html> переменные в css объявляются ...
... ? 2 : keys[math.min(mod%10, 5)]; document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key]; } //]]> этот сайт существует уже: lifesite(); код javascript (вставлять между тегами ...
... начинать показ кнопки "наверх"   var delay = 1000; // задержка прокрутки   $(document).ready(function() {     $(window).scroll(function () { // при прокрутке попадаем в эту функцию ...
... исключением), его поддерживают в достаточно высокой степени, поэтому с воспроизведением звуков и музыки через тег audio проблем не возникнет.
... let blue = setupcolors('синий'); // настроили базовую функцию blue('красный')('белый') blue('желтый')('прозрачный') blue('белый')('оранжевый') как видно из примера выше, ...
... str_replace() можно легко сделать в javascript, и никаких функций по 50 строк создавать не нужно, что я тоже видел несколько раз, пока искал чужое решение.
... [true/false]     //-->   </script>   <script type="text/javascript" src="http://radiopotok.ru/f/script/ca1604d7521508d4dda674072908d725.js" charset="utf-8"></script> </div> данный код вы ...
...     );   }; </script> теперь при нажатии кнопок "мне нравится" будет выскакивать окно с текстом "был нажат лайк". разумеется, вместо этого ...
... один способ, он ещё проще этого, однако, здесь требуется использование javascript. вот код: <a href="javascript:scroll(0,0);">наверх</a> снова при клике мы попадём ...
...         };         // при щелчке на кнопку отправки формы         // отправляем форму на сервер ...
... document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> код html (вставлять между тегами <body> и </body>): ...
...     return out.touppercase(); // возвращаем строку в верхнем регистре } таким образом, вот так просто можно преобразовать строку из одного представления (hex) в ...
...       </td>       <td>         <img src = 'gallery2.jpg' width = '100' onclick = 'setbigimage(this)' alt = 'изображение 2' />       </td> ...
... $.fn автоматически: $(selector).enter(   { distance: 100, cord: 'center'},   function(distance, ele, event){    // какие-то действия   ) ); на официальном сайте вы ...
... посмотрите пример на codepen если вам не хватает знаний для лучшего восприятия этого урока, то посмотрите мой видеокурс "верстка сайта с нуля 2.0".
... // проходимся по ним foreach($files as $file)  {     // если файл - . или .. - пропускаем     if($file->isdot())          continue; ...
... /* выводим курсы валют */       if ($el->nodename == "name") echo $el->nodevalue." - ";       elseif ($el->nodename == "value") echo $el->nodevalue." рублей<br />"; ...
... элементу в этом массиве и изменить его. теперь вы уже точно знаете, что такое глобальные переменные в php и сможете с ними работать, если потребуется.
...           <label class="simple-modal__label" for="openclosecheckbox" style="position: absolute; top: 1px; right: 5px; color: white">закрыть</label>           <img class="card-img-top" src="https://beautycliks.com/wp-content/uploads/2020/04/m3-1280x640.jpg" alt="card image cap">       </div> ...
... и размер. класс .dragover будет применяться в будущем для блока, когда над ним будет какой-то файл, но это уже будет делаться с помощью javascript. на этом ...
... обратного вызова будет самостоятельным элементом, к которому применена сила. pressure.set('#element', {   start: function(){    // this вызван в начале   }, ...
... найти документацию по ее использованию. по сути, все, что вам нужно, это подключить ее на страницу <script src="prototype.s2.min.js"></script> найти подробную ...
... про то, как писать их самостоятельно, то обратите внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... обратите внимание, что я реализовал классический способ счётчика объектов. это получилось лишь благодаря тому, что поле count является статическим, ...
... тегами <head> и </head>):<script language="javascript">startdate = new date();clockstart = startdate.gettime();function initstopwatch() {  var thistime = new date();   return (thistime.gettime() - clockstart)/1000; }function getsecs() ...
... type="text"></div> </div> создайте экземпляр floatl, добавив его в dom var element = document.queryselectorall('js-floatl')[0]; // модульный подход var floatl = require('float'); new ...
... это ой как далеко не полный список функций, связанных только со строками. а ведь есть и другие функции, не менее важные и интересные. например, ...
... всегда есть возможность использовать javascript, а такое действие, как регулярное автоматическое обновление страницы, достаточно часто используется.
... образом, чтобы представленный в самом начале кусок кода сработал вызывать его необходимо следующим образом: ['1','2','3'].map( ...
... строками. пустая строка создаёт "мигание".   var delay = 300; //задержка в миллисекундах   function textrotator(i) {     var p = document.getelementbyid("textrotator");     ...
... "scrolling()"> и </body>):<form name="scrollingbutton">  <input type="button" style = "width:400px" name = "but" value="m" onclick = "gotourl()"></form>c уважением, михаил русаков и сайт http://myrusakov.ru.
... mouseover() {  for (i = 0; i < 15; i++)    settimeout ('document.blinkbutton.button.style.background = "#'+arrcolor[i]+'0'+arrcolor[i]+'f31";', i * 50);}</script>код html (вставлять между тегами <body> и ...
...         const post_content = document.queryselector('#formatted_input_value');         // когда редактируется блок, его содержимое попадает в скрытое поле         editor.addeventlistener('input', () => { ...
... сообществу, где можно задать вопросы и обсудить сложности с единомышленниками. учебный процесс построен таким образом, чтобы теория сразу закреплялась ...
...     </p>   </form> </body> </html> вот так уже реализуется настраиваемое автообновление, и опять же мы обошлись лишь одним html и php.
...  [0] => c:\demo\path\script.php // первый аргумент путь к файлу   [1] => hello  [2] => world ) заметьте, что файл myscript.bat должен лежать в такой папке на пк, которая прописана в path, в противном ...
... [...range(0,10)] // вывод // array(11) [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] вот так просто можно реализовать функции из php ...
... и </head>):<script language = "javascript">var bigsize = "300"; //размер большой картинкиvar smallsize = "150"; //размер маленькой картинкиfunction changesizeimage(im) {  if(im.height == bigsize) ...
... 1052,    y: 356,    text: 'duwey'   } ]; вот и все! примеры и работу с api вы можете посмотреть на официальном сайте. спасибо за внимание!
... выпадающий список. если вы хотите научиться разбираться во всем сами, узнать подробнее о jquery и jquery ui, то советую приобрести курс javascript, jquery и ajax с ...
... unless, и это будет абсолютно то же самое. условие if может заменять тернарный оператор, который отсутствует в coffeescript action = if mode is "idle" then "sleep" else "wander" ...
... обработку данного события. вы можете поставить операторы условия, чтобы выяснить, какая именно клавиша была нажата и выполнять те или иные действия. ...
...   function changesizeoneimage(im) {     if (active_img == im) {       active_img.height = smallsize;       active_img = 0;       return;     ...
...         // получаем случайное число в диапазоне [ 0,длина_массива - 1]         let rnd = math.floor(math.random() * this.length)                  // возвращаем значение для указанного индекса ...
... образом, достаточно создать анимированный gif, вставить его на страницу самым простым css-кодом, и у вас получится анимированный фон на странице.
... хорошо итак, как же решить проблему валидации? решается она очень просто. достаточно вспомнить статью про data атрибуты и немного изменить наш код ...
... код html (вставлять между тегами <body> и </body>): <div>  <img src = 'images/javascript/foto4.jpg' alt = 'фотография' width = '200' onclick = 'openimagewindow(this.src);' /> </div>
... используются на практике. например, такой тип функций используется для реализации паттерна модуль. итак, на этом все. спасибо за внимание и удачи!
...    top: -16em;    left:-10em;    transform: translatez(-10em);   }   .leftwall {    left:-20em;    transform: rotatey(-90deg); } .rightwall {    transform: rotatey(90deg); ...
...         $item -> title, $item -> link, $item -> description, $item -> pubdate);     } вот так можно преобразовать xml в объект в php.
... заинтересовались, то вот вам еще один и второй сайты разработчика, где вы сможете найти больше информации по использованию и красочных примеров. удачи!
...         500: 'internal server error'     }     return status_descriptions.get(status_code, 'unknown status code') # использование status = get_status_description(404)  # результат: "not found" ...
...           return true;         }         else {           alert("нажмите ctrl-d для добавления ...
... earn_second = earn_month / (30 * 24 * 3600);     cur_earn += earn_second * delay / 1000;     document.getelementbyid('earn').innerhtml = cur_earn.tofixed(5);   }   function updateearn() {     earn_month ...
... как можно реализовать такую обработку закрытия вкладки: <script type="text/javascript">   window.onbeforeunload = function() {     return "что-нибудь сообщить пользователю"; ...
...     if (s < 10) s = "0" + s;     document.getelementbyid("my_timer").innerhtml = h+":"+m+":"+s;     settimeout(starttimer, 1000);   } </script> код html (вставлять между тегами ...
... object settings, копирование рисунка. если вы хотите узнать больше про canvas и научиться самому писать все на чистом javascript, обратите внимание на видеокурс ...
... необходим, а чтобы изучить его в максимально сжатые сроки с максимальным результатом вам необходим курс: javascript, jquery и ajax с нуля до гуру. удачи!
... http://myrusakov.ru", который будет при вызове скрипта делать редирект на http://myrusakov.ru. в будущих статьях мы познакомимся с другими заголовками, которые отправляются ...
... возможности языка, не беспокоясь о том, что что-то не будет работать в браузерах. итак, сайт данной библиотеки вы можете найти, перейдя по ссылке 6to5.org ...
... плагин поддерживает все типы html5 видео форматов, таких как mp4, webm, ogg и другие. присутствует умная интеграция пользовательских html5 видео плееров установка ...
... document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) i = 0;     settimeout("imagerotator(" + i + ")", delay);   } </script> код html (вставлять ...
... не правда ли? итак, это все, что можно рассказать про эту маленькую, но очень полезуню библиотеку javascript - timesheet.js. спасибо за внимание и удачи!
... основные функции javascript, приоритеты операции и другие базовые темы, которые обязан знать каждый, кто пишет скрипты на javascript. обратите внимание, ...
... ягоды код javascript (вставлять между тегами <head> и </head>): <script type="text/javascript">   function tree(target) {     var ul = target.parentnode.getelementsbytagname("ul").item(0); ...
...     '3, название3, значение3, дата3\n' )); в результате будет получен двумерный массив, к которому затем можно применять другие преобразования.
... ассоциативных массивов, их изменение, а также полный перебор через цикл for. лично я использовал ассоциативные массивы в javascript лишь однажды, но знать ...
... категории 3 код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     ...
  • 878. png в ie6
  • JavaScript/JavaScript Основы
... в голове документа (внутри тега head): <!--[if lt ie 7]>   <script type = 'text/javascript' src = 'js/pnghack.js'></script> <![endif]--> таким образом, все браузеры ie, младше ...
... тегами <head> и </head>): <script type="text/javascript">   function digitalwatch() {     var date = new date();     var hours = date.gethours();     var minutes = date.getminutes(); ...
...     document.getelementbyid(id).innerhtml = text.substring(0, i);     i++;     if (i > text.length) i = 0;     settimeout("animatetext('" + id + "','" + text + "'," + i + ")", 100);   }</script> ...
... помимо этого, вы получите 3 бесплатных бонуса! создание темы для wordpress. пройдя данный бонус, вы будете уметь адаптировать любую верстку под движок ...
...             return true         }     }     return false } var ages  = [10,12,31,14,15,63,17,88] console.log(ages.has(88)) вот таким ...
... браузерах на официальной странице плагина вы можете посмотреть демо или скачать плагин. а у меня на этом все. спасибо за внимание и удачи!
...     }     imagewave.innerhtml = out;   }   function doimagewave(count, n) {     sizeimagecycle(count, n);     if (n > count) n = 0;     settimeout("doimagewave(\"" + count ...
... клике по ссылке с помощью javascript. разумеется, вы можете это переделать под клик по изображению, по блоку и так далее. результат: // кликните здесь ...
... то, что комбинация зависит от браузера, то это может вызвать определённые трудности. впрочем, если вы знакомы с javascript, то проблем не возникнет.
... понимания кода), то увидите, как при загрузке страницы сработают функции b() и c(). вот таким простым способом, можно запустить несколько функций в onload, ...
... select * from courses where locate('php', description); в результате мы получим строку, где будет найдено слово php. итак, на этом все. спасибо за внимание и удачных ...
... данной категории будет, во-первых, дать основные представления по jquery, а также продемонстрировать различные примеры использования данной библиотеки ...
... // object { hours: 2, minutes: 0, seconds: 35 } вот так можно преобразовать секунды времени в понятный человеку формат в javascript.