Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

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

Зем 123 Ученик (92), на голосовании 4 дня назад
Есть вот такой код <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 на другой файл. что бы просто менялось имя а все остальные параметры не ломались
Голосование за лучший ответ
www www Искусственный Интеллект (133951) 1 месяц назад
Проще всего сделать еще одну такую же строку с уже замененым файлом, только скрытую и в по переключателю скрывать и показывать нужную
Зем 123Ученик (92) 1 месяц назад
и как это сделать? я просто в этом не шарю
www www Искусственный Интеллект (133951) Зем 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Искусственный Интеллект (133951) 1 месяц назад
теперь напишите для формы жаваскрипт обработчик который в заивисмости от выбранного переключателя будет гасить одну строку и показывать другую.
Даже чат ГПТ с таким справится )))
Анатолий Зяблин Просветленный (30231) 1 месяц назад
Для реализации переключателя, который будет менять имя файла в вашем коде, можно использовать 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 неизменными.
Зем 123Ученик (92) 1 месяц назад
Мне нужно именно на переключателях так как к каждому переключателю будет прикреплена картинка образец
Анатолий Зяблин Просветленный (30231) Зем 123, Так
 <div> 
    <label> 
        <input type="radio" name="file" value="media.php" checked> 
        <img src="path/to/media_image.jpg" alt="Media" style="width: 50px; height: 50px;"> 
        Media 
    </label> 
    <label> 
        <input type="radio" name="file" value="another.php"> 
        <img src="path/to/another_image.jpg" alt="Another" style="width: 50px; height: 50px;"> 
        Another 
    </label> 
    <label> 
        <input type="radio" name="file" value="different.php"> 
        <img src="path/to/different_image.jpg" alt="Different" style="width: 50px; height: 50px;"> 
        Different 
    </label> 
</div> 
 
<input type="text" id="code" style="width: 100%" /> 
Похожие вопросы