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

made in programmersforum 4

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

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

16th
Июн

Скопировать значение строки из таблицы в textarea

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

Код:

<tr ondblclick="copyLastColumn(this)"><td>какое-то значение</td></tr>

<script>
// You can use any function to copy here
function copyToClipboard(textToCopy) {
    var input = document.createElement("input");
    document.body.appendChild(input);
    input.value = textToCopy;
    input.select();
    document.execCommand("Copy");
    input.remove();
}

function copyLastColumn(tr) {
    copyToClipboard(tr.lastElementChild.innerHTML);
    // alert('copied to clipboard');
}
</script>

Как сделать, чтобы при двойном клике значение строки сразу копировалось в поле textarea с id=»replace»

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

Добавлено в JavaScript. Дата Июнь 16th, 2024

25th
Фев

Можно вставить в HTML элемент из XML?

Подскажите хоть один работающий пример вставки элемента из xml в html.

Например есть файлы
html

Код:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>planets</title>
	
<!--<script>
*** document.location="planets1.xml"
</script>-->
	<script>
/*		document.write('planets1.xml');*/
	</script>	
<link href="planets1.css" rel="stylesheet" type="text/css">
</head>

<body>
<div>
  <table width="100%">
    <th> Планета</th>
      <th> Масса</th>
      <th> Период обращения(дней)</th>
      <th> Радиус</th>
      <th> Плотность (земля=1)</th>
      <th> Расстояние в перигелии млн. км.</th>	
  </table>

<!--	<script>
		const main=document.querySelector('.main')
		const h1=document.createElement('h1');
		h1.textContent='Hello';
		main.append(h1);
</script>-->
	</div>
</body>
</html>

и xml

Код:

<?xml version="1.0" encoding="utf-8"?>
<!--File name planets1.xml-->
<!--Подключаем CSS-->
<!--<?xml-stylesheet type="text/css" href="planets.css"?>-->
<planets>
	<planet>
		<name>Меркурий</name>
		<mass>Масса (Земля=1).0553</mass>
		<day>Период обращения (дней)58.65</day>
		<radius>Радиус km2440</radius>
		<density>Плотность (Земля=1).983</density>
		<distance>Расстояние в перигелии млн. км.69.8</distance>
	</planet>
	<planet>
		<name>Венера</name>
		<mass>"Масса (Земля=1)".815</mass>
		<day>"Период обращения (дней)"116.75</day>
		<radius>"Радиус km"5980</radius>
		<density>"Плотность (Земля=1)".943</density>
		<distance>"Расстояние в перигелии млн. км."10.75</distance>
	</planet>
	<planet>
		<name>Земля</name>
		<mass>"Масса (Земля=1)"1</mass>
		<day>"Период обращения (дней)"1</day>
		<radius>"Радиус km"3390</radius>
		<density>"Плотность (Земля=1)"1</density>
		<distance>"Расстояние в перигелии млн. км."206.63</distance>
	</planet>
</planets>

Как заполнить таблицу данными?

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

Добавлено в JavaScript. Дата Февраль 25th, 2024

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 в котором нужно произвести изменения

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

Код: