Новое окно из инпута javascript

226

19 февраля 2018, 04:29

здравствуйте дорогие мои друзья. Очередной вопрос из серии "брутальное извращение". Сразу скажу javascript у меня == ноль. По этому нужна Ваша помощь. есть инпуты допустим

<input type="text" name="incoming_number" id="incoming_number" class="form-control"> 
<input type="text" name="sender" id="sender" class="form-control">

как сделать так чтоб при двойном клике внутри инпута открылось новое окно. Например для инпута с id="incoming_number" открылось incoming.php а для инпута с id="sender"открылась sender.php. Новое окно необязательно можно и сделать переход по ссылке...

Answer 1

//запускается анонимная функция по двойному щелчку. В тело функции можете вставлять всё, что угодно. Здесь обыкновенный переход на другие страницы innum.html, и  sender.html. Вы можете сделать свои функции, в этом случае посмотрите как взаимодействовать с объектом XMLHttpRequest 
 var inNum = document.getElementById('incoming_number'); //получаем элемент 'incoming_number' 
 var sender = document.getElementById('sender'); //получаем элемент 'sender' 
 inNum.ondblclick = function() { 
     alert("Go to incoming_number page"); 
     window.location = "innum.html"; 
 }; //запускается анонимная функция по двойному щелчку.  
 sender.ondblclick = function() { 
     alert("go to sender page"); 
     window.location = "sender.html"; 
 }; //запускается анонимная функция по двойному щелчку.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
        <meta charset="utf-8"> 
            <title> 
                Document 
            </title> 
        </meta> 
    </head> 
    <body> 
        <input class="form-control" id="incoming_number" name="incoming_number" type="text"/> 
        <input class="form-control" id="sender" name="sender" type="text"/> 
        <script src="regular.js"> 
        </script> 
    </body> 
</html>

Answer 2

Доброе утро. Можно начать со следующего:

<script type="text/javascript">
  function test(){
    location="http://localhost/test.php"
  }
</script>
<form>
  <input type="text" name="incoming_number" onclick="test()" id="incoming_number" class="form-control"> 
 <input type="text" name="sender" id="sender" class="form-control">
</form>