Готовая ссылка, подставить значение из поля ввода
Доброго времени суток форумчане! :)
Задача такова: Имея ссылку вида - https://www.google.ru/search?q= + value Где value - это значение с ячейки поля ввода текста, генерировать уже готовую ссылку на запрашиваемый материал в нужном диве. Заранее спасибо! :D |
Пример ниже:
Поле для ввода текста - [ Текст ] Кнопка с уже готовой сылкой - https://www.google.ru/search?q= + Текст |
На сервере получаешь значение параметра и подставляешь в значение атрибута value. В примере с гуглом именно так и сделано.
В случае с PHP будет так: <input value="<?= isset($_GET['q']) ? htmlspecialchars($_GET['q']) : '' ?>" /> |
danik.js, если используешь короткие теги то будь добр используй
http://www.php.net/manual/ru/book.filter.php |
Poznakomlus, насчет фильтрации ты прав. Добавил htmlspecialchars.
Вот только я не понял причем тут короткие теги? |
Уважаемые, пример на js с вводом текста и кнопкой привязанной к ссылке можно увидеть?
|
Как пример:
$('a', this).attr('href','http://vk.com/video?hd=1&q=' +rate +' '+ r_rate + '§ion=search')
Значение подставляется из текста в указанных классах. Мне нужно из поля ввода текста с привязкой по ID к этому полю и выводом ссылки готовой в кнопку. |
danik.js, Version 5.4.0
http://php.net/ChangeLog-5.php <?= is now always available regardless of the short_open_tag setting. XaPu3Ma б приведи html код своей задачи |
Poznakomlus, нет проблем! За любую помощь, огромное спасибо!
<div class="contained featurette" data-featurette="expandable-content-card" id="featurette-11">
<div class="grid-100">
<div class="achievement-meta">
<img class="toggle-steps" src="badges_independentStudy.png">
<h3>
<span class="new-content" title="Кол-во просмотров">Просмотров: 0</span>
<a class="trigger-steps toggle-steps">Название блока</a>
</h3>
<div class="form-item six columns">
<label for="search" style="opacity: 0; display: none;" class="in-field-label-processed"></label>
<input type="text" id="search" value="Поле для ввода" class="text uniform-processed placeholder-processed">
</div>
</div>
<div class="achievement-steps">
<ul style="display: none;">
<li>
<a href="Готовая ссылка">
<span class="icon icon-stage icon-complete"></span>
<strong>Текст ссылки</strong>
</a></li>
</ul>
<a class="trigger-steps toggle-steps">
<span class="icon icon-chevron-down"></span>
<i>Показать</i>Сгенерированные ссылки
</a>
</div>
</div>
</div>
|
XaPu3Ma, у тя доступа к серверу нет или PHP не установлен?
|
<div class="contained featurette" data-featurette="expandable-content-card" id="featurette-11">
<div class="grid-100">
<div class="achievement-meta">
<img class="toggle-steps" src="badges_independentStudy.png">
<h3>
<span class="new-content" title="Кол-во просмотров">Просмотров: 0</span>
<a class="trigger-steps toggle-steps">Название блока</a>
</h3>
<div class="form-item six columns">
<label for="search" style="opacity: 0; display: none;" class="in-field-label-processed"></label>
<input type="text" id="search" value="Поле для ввода" class="text uniform-processed placeholder-processed">
</div>
</div>
<div class="achievement-steps">
<ul>
<li>
<a href="Готовая ссылка">
<span class="icon icon-stage icon-complete"></span>
<a href="#" id="link"><strong>Текст ссылки</strong></a></a>
</li>
</ul>
<a class="trigger-steps toggle-steps">
<span class="icon icon-chevron-down"></span>
<i id="lhref">Show</i> сгенерированные ссылки
</a>
</div>
</div>
</div>
<script>
var ntext = function () {
var l = "https://www.google.ru/search?q=";
lhref.innerHTML = l + this.value;
link.href = lhref.innerHTML;
}
search.onchange = ntext;
search.onkeyup = ntext;
</script>
|
Poznakomlus, спасибо Вам огромное! Век живи, век учись ;D
|
Цитата:
Это просто html макет нового сервиса по поиску... :D |
Возник вопрос такого рода:
Как <strong id="lhref"></strong>отображать как только вводимый текст? что-то на подобии <strong id="ltext "></strong>для вывода текста с привязкой ссылки... |
Есть кто живой?
|
В поиске помощи... :cray:
|
| Часовой пояс GMT +3, время: 11:00. |