Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Готовая ссылка, подставить значение из поля ввода (https://javascript.ru/forum/misc/45923-gotovaya-ssylka-podstavit-znachenie-iz-polya-vvoda.html)

XaPu3Ma 21.03.2014 00:17

Готовая ссылка, подставить значение из поля ввода
 
Доброго времени суток форумчане! :)

Задача такова: Имея ссылку вида - https://www.google.ru/search?q= + value

Где value - это значение с ячейки поля ввода текста, генерировать уже готовую ссылку на запрашиваемый материал в нужном диве.

Заранее спасибо! :D

XaPu3Ma 21.03.2014 00:20

Пример ниже:

Поле для ввода текста - [ Текст ]

Кнопка с уже готовой сылкой - https://www.google.ru/search?q= + Текст

danik.js 21.03.2014 01:02

На сервере получаешь значение параметра и подставляешь в значение атрибута value. В примере с гуглом именно так и сделано.

В случае с PHP будет так:
<input value="<?= isset($_GET['q']) ? htmlspecialchars($_GET['q']) : '' ?>" />

Vlasenko Fedor 21.03.2014 01:14

danik.js, если используешь короткие теги то будь добр используй
http://www.php.net/manual/ru/book.filter.php

danik.js 21.03.2014 01:23

Poznakomlus, насчет фильтрации ты прав. Добавил htmlspecialchars.
Вот только я не понял причем тут короткие теги?

XaPu3Ma 21.03.2014 01:25

Уважаемые, пример на js с вводом текста и кнопкой привязанной к ссылке можно увидеть?

XaPu3Ma 21.03.2014 01:27

Как пример:
$('a', this).attr('href','http://vk.com/video?hd=1&q=' +rate +' '+ r_rate + '&section=search')

Значение подставляется из текста в указанных классах.

Мне нужно из поля ввода текста с привязкой по ID к этому полю и выводом ссылки готовой в кнопку.

Vlasenko Fedor 21.03.2014 01:36

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 код своей задачи

XaPu3Ma 21.03.2014 02:02

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>

danik.js 21.03.2014 02:28

XaPu3Ma, у тя доступа к серверу нет или PHP не установлен?


Часовой пояс GMT +3, время: 04:44.