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

made in programmersforum 4

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

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

30th
Мар

Как передать значение во внешний JS-скрипт?

Есть скрипт который посылает ГЕТ запрос

Код:

let xhr = new XMLHttpRequest();
let url = new URL('https://google.com/search');
url.searchParams.set('q', '999'); 
xhr.open('GET', url); // https://google.com/search?q=999
xhr.send();

Я пытаюсь запустить сам скрипт таким методом:
<script id=»123123″ src=»http://test.ru/myscript.js»></script>

Вот как можно передеать значение id?
Чтоб сам основной скрипт выполнил гет запрос со значением 123123
То есть
https://google.com/search?q=123123

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

Добавлено в JavaScript. Дата Март 30th, 2023

22nd
Фев

Как на JS и PHP сделать страницу с переключением активных вкладок

Я нашёл код. Кстати — очень полезный. Создаёт Табы:

Код:

<?php
$kn[0] = 'Home';
$cont[0] = 'Home component';

$kn[1] = 'Posts';
$cont[1] = 'Posts component';

$kn[2] = 'Archive';
$cont[2] = 'Archive component';

$kn[3] = 'ещё Таб1';
$cont[3] = 'my Таб первый';

$kn[4] = 'Таб n-ый';
$cont[4] = 'Количество Табов неограничено';

$taby = new Taby;

?>

    <style>
      .tab-button {
        padding: 6px 10px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border: 1px solid #ccc;
        cursor: pointer;
        background: #f0f0f0;
        margin-bottom: -1px;
        margin-right: -1px;
      }
      .tab-button:hover {
        background: #e0e0e0;
      }
      .tab-button.active {
        background: #e0e0e0;
      }
      .tab {
        border: 1px solid #ccc;
        padding: 10px;
      }
    </style>


<?php $taby->display($kn, $cont)?>


<?php
class taby{
  function display($kn, $kont){
    $kol_kn = count($kn);
    
    for($i=0;$i<$kol_kn;++$i){
      ?>
      <button id="kn<?=$i?>" class="tab-button<?php if($i==0) print ' active';?>"
        onclick="otrTab(<?=$i?>,<?=$kol_kn?>)"><?=$kn[$i]?></button>      
      <?php      
      }
    for($i=0;$i<$kol_kn;++$i){
      ?>
      <div id="tab<?=$i?>" class="tab"<?php if($i!=0) print ' style="display:none"';?>><?=$kont[$i]?></div>
      <?php
      }?>

    
<script>
function otrTab(t, kol_kn){
  if ( typeof (otrTab.activeTab) == 'undefined' ){
    otrTab.activeTab = 0;
  }
  if (t >= 0 && t < kol_kn){
    globalThis['tab'+otrTab.activeTab].style.display = 'none';
    globalThis['kn'+otrTab.activeTab].style.background = '#f0f0f0';
    globalThis['tab'+t].style.display = 'block';
    globalThis['kn'+t].style.background = '#e0e0e0';
    otrTab.activeTab = t;
  }
}
</script>
    
  <?php
    }
  
  }

тема на форуме

Добавлено в JavaScript, php. Дата Февраль 22nd, 2023

26th
Янв

Дата по Гринвичу в JavaScript

Есть таймштамп: 1674689430

По GMT это 25.01.2023, 23:30:30
По моему времени (мск) это 26.01.2023, 02:30:30
По Владивостоку это 26.01.2023, 09:30:30

Как получить только дату в формате unixtime по GMT?

Пример:
1674689430 — исходное время
1674604800 — 25.01.2023, 00:00:00 GMT

Как получить именно 1674604800?

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

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

25th
Мар

Переход по ссылке при клике на кнопку, счётчик кликов по кнопке и число переходов по ссылке на ява скрипт

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

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

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

24th
Май

Как копировать текст из блока в буфер обмена?

Почти все советы идут через «execCommand(‘copy’)«, но в документации написано, что этот метод устарел (да какая разница один хрен не работает), поэтому не хотелось бы его использовать.

Однако ж инновационно-новый, супер-пупер АХ… какой хороший «window.navigator.clipboard.writeText(‘$temp’)» не работает, потому что этот самый clipboard равен ундефинед, как я понимаю (почитав документацию через третьи руки) к нему нельзя получить доступ, если у тебя не https.
А что же нам, простым сайтам с древним http и локальным серверам теперь уже невозможно выполнить простейшее действие, скопировать текст в буфер???

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

Добавлено в JavaScript. Дата Май 24th, 2021

22nd
Ноя

Эксперименты с генератором фракталов

Сделал генератор случайных фракталов, думаю что еще добавить??? Хочу сделать позиционирование в 3d, и изменять положение ствола, минимальную, и максимальную длину линии и прочие прелести, нужно привязать к формам, Просто одному писать код довольно занудно, хочется с кем-то, есть здесь кто??

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

Добавлено в JavaScript. Дата Ноябрь 22nd, 2020

16th
Сен

Яваскрипт вычисление sin или cos в зависимости от выбора select javascript — как с одной кнопки вызвать две функции события onclick ?

изучаю javascript.
Не пойму работу с select, пробовал написать условие выбора селект и по индексу options и по значение value.
Не выполняется условие.
Отдельно могу вывести все значения из элементов с id:t,select1,select2..
Что не так в условии, вроде логически все верно написал.

Код:

<script type="text/javascript">
function add (){
var x = document.getElementById('t').value;
if (formselect.select.options==0) {
document.getElementById('result').innerHTML=Math.sin(x);
}
else if (formselect.select.options==1){
document.getElementById('result').innerHTML=Math.cos(x);
}
}

</script>
<form name="formselect">
<select id="select">
<option id="select1" value="sin">sin</option>
<option id="select2" value="cos">cos</option>
</select>
	<input type="text" id="t" value=""/>
	<input type="button" onclick="add(this)" value="Вычислить"/>
</form>
<div id="result"></div>

Сделал так, синус находит. Переключаю селект на cos, косинус не находит.
Повторно вызвать функцию? после переключения?

Код:

function add (){
var x = document.getElementById('t').value;
if (formselect.select.options[0]) {
document.getElementById('result').innerHTML=Math.sin(x);
}
else if (formselect.select.options[1]){
document.getElementById('result').innerHTML=Math.cos(x);
}
}

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

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

13th
Сен

По нажатию на button вставить в inpute текст

Alar

Код:

<input type="submit" onclick="document.getElementById('InputID').value=
'Hello! I from programmersforum.ru'; return false;" value="Push The Button )">

InputID — укажите ID input в котором нужно произвести изменения

Также можно использовать команду

Код:

.value+=

Чтобы добавить, а не заменять

тема на форуме

Добавлено в JavaScript, Топик-обзор. Дата Сентябрь 13th, 2020

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>