Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   создать url из текстового поля без перезагрузки страницы (https://javascript.ru/forum/misc/46954-sozdat-url-iz-tekstovogo-polya-bez-perezagruzki-stranicy.html)

mishkalana 01.05.2014 18:31

создать url из текстового поля без перезагрузки страницы
 
подскажите по сабжу
есть текстовое поле
<input name="test" type="text" id="test" />

рядом сделаем ссылку (открыть в новом окне)

как эту ссылку сгенерировать автоматически из текста введенного в текстовое поле?

Aetae 01.05.2014 19:31

<input name="test" type="text" id="test"/>
<script>
(function(){
var input = document.getElementById('test'),
    a = document.createElement('a');

a.target = '_blank';
a.appendChild(document.createTextNode(a.href = input.value));

input.parentNode.insertBefore(a,input.nextSibling);
input.oninput = function(){ a.firstChild.data = a.href = input.value};
}())
</script>


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