Как реализовать с помощью переключателей вставку в ссылку

Question

Как реализовать с помощью переключателей вставку в ссылку

Зем 123 Ученик (92), на голосовании 2 недели назад

Есть вот такой код <input type="text" name="code" style="width: 100%" value='<script language="JavaScript" src="https://<?php print $cfgURL; ?>/js/media.php?id=<?php print intval($_GET['id']); ?>"></script>' /> который формирует ссылку для копирования каждому пользователю отдельно используя ИД пользователя. помогите мне как можно реализовать что бы в этом коде с помощью переключателя можно было менять media.php на другой файл. что бы просто менялось имя а все остальные параметры не ломались

Answer 1

www www Искусственный Интеллект (134203) 1 месяц назад

Проще всего сделать еще одну такую же строку с уже замененым файлом, только скрытую и в по переключателю скрывать и показывать нужную

Зем 123Ученик (92) 1 месяц назад

и как это сделать? я просто в этом не шарю

www www Искусственный Интеллект (134203) Зем 123, значит заплатите денег тому кто знает... Сайтов фриланса полный интернет, много денег не возьмут

Зем 123Ученик (92) 1 месяц назад

<form method='get'>
Выбор ссылки?<br>
<input name="answer" type="radio" value="Неверно">1<br>
<input name="answer" type="radio" value="Верно">2<br>
</form>

что бы при выборе выключателя выводился готовая ссылка
1
<input type="text" name="code" style="width: 100%" value='<script language="JavaScript" src="https://<?php print $cfgURL; ?>/js/media.php?id=<?php print intval($_GET['id']); ?>"></script>' />
2
<input type="text" name="code" style="width: 100%" value='<script language="JavaScript" src="https://<?php print $cfgURL; ?>/js/video.php?id=<?php print intval($_GET['id']); ?>"></script>' />

www wwwИскусственный Интеллект (134203) 1 месяц назад

теперь напишите для формы жаваскрипт обработчик который в заивисмости от выбранного переключателя будет гасить одну строку и показывать другую.
Даже чат ГПТ с таким справится )))

Answer 2

Для реализации переключателя, который будет менять имя файла в вашем коде, можно использовать JavaScript. Ниже приведен пример кода, который позволяет пользователю выбирать между несколькими файлами, изменяя только часть URL в зависимости от выбранного значения.

### HTML

 <label for="fileSelect">Выберите файл:</label> 
<select id="fileSelect"> 
    <option value="media.php">media.php</option> 
    <option value="another.php">another.php</option> 
    <option value="different.php">different.php</option> 
</select> 
 
<input type="text" id="code" style="width: 100%" />

### JavaScript

 document.getElementById('fileSelect').addEventListener('change', function() { 
    const selectedFile = this.value; 
    const userId = <?php print intval($_GET['id']); ?>; // Получаем ID пользователя 
    const cfgURL = "<?php print $cfgURL; ?>"; // Получаем URL конфигурации 
 
    // Формируем новый код 
    const newCode = `<script language="JavaScript" src="https://${cfgURL}/js/${selectedFile}?id=${userId}"></script>`; 
     
    // Вставляем новый код в текстовое поле 
    document.getElementById('code').value = newCode; 
}); 
 
// Инициализация значения по умолчанию 
document.getElementById('fileSelect').dispatchEvent(new Event('change'));

### Объяснение

1. **HTML**:
- Создается выпадающий список (`<select>`), содержащий различные имена файлов.
- Поле ввода (`<input>`) для отображения сгенерированного кода.

2. **JavaScript**:
- Добавляется обработчик события `change` на выпадающий список.
- При изменении выбора, скрипт формирует новый код с выбранным файлом и вставляет его в поле ввода.
- В конце происходит автоматическое обновление поля ввода при загрузке страницы, чтобы отобразить значение по умолчанию.

Этот подход позволяет динамически изменять имя файла в зависимости от выбора пользователя, сохраняя остальные параметры URL неизменными.