Последние записи

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

27th
Ноя

Градиент в Javascript: градиент текста

Решил попробовать градиент текста.. Вроде текст выводит, но буквы пустые с окантовкой, не залиты градиентом. Как их залить градиентом чтобы внутри букв не была пустота?

Код:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
		<style>
  .teststyle{
      padding: 5px;
	  box-shadow: 20px 20px 20px gray;
	  border:8px dashed brown;
	  border-radius: 50px; 
  }
</style>
        <title>Canvas в HTML5</title>
    </head>
    <body onload='draw()'>
<canvas class='teststyle' id='canvas' width='800' height='200'></canvas>

        <script>
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");

ctx.font="20px Georgia";
ctx.strokeText("Hello World!",10,50);

ctx.font="80px bold Verdana";

// Создаем градиент
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");

// Заполним градиентом
ctx.strokeStyle=gradient;

//Отступ слева, отступ сверху
ctx.strokeText("Добро пожаловать!",10,150);
  
        </script>
    </body>
</html>

Миниатюры

Нажмите на изображение для увеличения Название: Снимок.JPG Просмотров: 2 Размер: 39.4 Кб ID: 94952

(читать всё…)

Добавлено в JavaScript. Дата Ноябрь 27th, 2018

11th
Окт

Как передать переменную js в этом файле в переменную php в этом же файле

есть файл php (в нем html, js и php в одном файле).

Как передать переменную js в этом файле в переменную php в этом же файле.

P.S. разделить код на отдельные файлы html, js и php нет никакой возможности.

(читать всё…)

Добавлено в JavaScript, php. Дата Октябрь 11th, 2018

10th
Окт

Как добавить часы на HTML-страницу

на php можно написать, чтобы отображалось время
например:

Код:


<?php
echo date("H:i:s");
?>

время обновляется только при обновлении страницы, а можно ли как-нибудь сделать так, чтобы время само изменялось?

(читать всё…)

Добавлено в HTML, JavaScript, php. Дата Октябрь 10th, 2018

9th
Окт

Как можно передать значение id в модальное окно, при клике на ссылку

Подскажите пожалуйста, как можно передать значение id в модальное окно, при клике на ссылку.

Код:


<a href='#' data-reveal-id='myModal' id='1'>1</a>
<a href='#' data-reveal-id='myModal' id='2'>2</a>
<a href='#' data-reveal-id='myModal' id='3'>3</a>
<a href='#' data-reveal-id='myModal' id='4'>4</a>
<a href='#' data-reveal-id='myModal' id='5'>5</a>

Чтобы в модальном окне отобразилась переменная id. Т.е. интересует сама реализация вывода id в модальном окне.
Все это пытаюсь прикрутить к Reveal Modals.

(читать всё…)

Добавлено в JavaScript. Дата Октябрь 9th, 2018

25th
Сен

Плавный переход на jQuery

При наведении на объект меняется его бэкграунд. это происходит резко. Нужно сделать этот переход плавным.

Код:


$(document).on('mouseover', '.nav-menu .nav-column', function(){
$(this).addClass('active').siblings().removeClass('active')
});

(читать всё…)

Добавлено в JavaScript. Дата Сентябрь 25th, 2018

11th
Апр

Геопозиция

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

(читать всё…)

Добавлено в JavaScript, Советы. Дата Апрель 11th, 2018

25th
Мар

Колесо фортуны на javascript

Здравствуйте нужна помощь с javascript, мне для сайта нужно колеса, в которое из бд будут добавляться рандомно некоторые названия.Javascript я вообще не знаю, в гугле нашел только такой код помогите его подправить, чтобы при каждом повторном нажатии, в колесо заполнялись новые рандомные названия из бд.

Можно ли будет вообще реализовать так что в phpadmin создать бд и, чтоб из нее в колесо выводились рандомно выбраные названия?

(читать всё…)

Добавлено в JavaScript. Дата Март 25th, 2018

28th
Янв

Конвертер валют на Javascript

Написать программу для конвертирования валют. Курсы валют должны находиться в локальной базе данных. Достаточно 10 самых популярных мировых валют.
Пользователь должен из выпадающих списков выбрать две валюты и ввести номинал, например 100 рублей. После нажатии кнопки «конвертировать» показать на выходе, сколько это будет во второй выбранной валюте, например 1,53 долларов.
js,html,php можно

(читать всё…)

Добавлено в JavaScript. Дата Январь 28th, 2018

15th
Ноя

Не работает document.write

Кто мне сможет объяснить, почему код прописанный в html, работает прекрасно

Код:


<BODY>
		<script type="text/javascript">
	var number1, number2;
        number1= parseFloat(prompt('Введите первое число:', ''),10);
        number2= parseFloat(prompt('Введите второе число:', ''),10); 
           document.write('Первое введенное число ' + number1 + "<br>");
           document.write('Второе введенное число ' + number2 + "<br>");
if (number1 > number2)
                  document.write('число 1 больше числа 2');
else if (number1 < number2) 
                  document.write('число 1 меньше числа 2');
else if (number1 = number2) 
                  document.write('число 1 равно числу 2');
 		</script type="text/javascript">
	</BODY>

а он же прописаный как внешняя функция, при вызове не реагирует никак?

Код:


function showComparison() {
     var number1, number2;
        number1= parseFloat(prompt('Введите первое число:', ''),10);
        number2= parseFloat(prompt('Введите второе число:', ''),10); 
           document.write('Первое введенное число ' + number1 + "<br>");
           document.write('Второе введенное число ' + number2 + "<br>");
    if (number1 > number2)
                  document.write('число 1 больше числа 2');
    else if (number1 < number2)
                  document.write('число 1 меньше числа 2');
    else if (number1 = number2)
                  document.write('число 1 равно числу 2');}

Вызываю его таким способом

Код:


<input type='button' value='Сравнение чисел' onclick='showComparison()'/>

(читать всё…)

Добавлено в JavaScript. Дата Ноябрь 15th, 2017

4th
Ноя

Фильтр по словам через input

Помогите написать фильт для списка элементов.
Нужно чтобы при вводе в input из списка скрывались несоответствующие поиску пункты.

Код HTML:

Код:


<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Поиск">
<div class="row">
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Солнце</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Вилка</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Кран</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Соль</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Вуйка</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-tags"></i>Аквариум</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Велосипед</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Крыло</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-wrench"></i>Кастрюля</span></div>
</div>