How to open new tab by write some text?

Question

I was looking for some information about how to open link by writing exact word, in my case it will be "film". I want to open new link by writing on website in input elemtent word - "film".

Can you give me some hints?

Thank you,
Megi

I want to open new link by writing on website in input elemtent word - "film". — Magdalena Dering, Jul 17 '17 at 09:03
@MagdalenaDering Please add your comment to your question. This can prevent missunderstandings. — Reporter, Jul 17 '17 at 09:08
Possible duplicate: https://stackoverflow.com/questions/19851782/how-to-open-a-url-in-a-new-tab-using-javascript-or-jquery — Kia, Jul 17 '17 at 09:08

score 1 · Accepted Answer · edited Jul 17 '17 at 09:38

1

You can use the onInput or also use onkeyup Event to open a new tab with window.open

<!DOCTYPE html>
<html>
<body>

Enter keyword: <input id="keywordinput" type="text" value="notfilm" oninput="checkForFilm()">

<script>
function checkForFilm() 
{
    if(document.getElementById('keywordinput').value == 'film')
    {
      var win = window.open('http://stackoverflow.com/', '_blank');
      if (win) 
      {          
          win.focus();
      } 
      else 
      {          
          alert('Please allow popups for this website');
      }
    }
}
</script>

</body>
</html>

edited Jul 17 '17 at 09:38

Jaydeep Mor

1,690
3
21
39

answered Jul 17 '17 at 09:13

Kia

301
3
11

I used the example above, done by Kia and I changed to my needs. Everything is working really good. Thank you very much. – Magdalena Dering Jul 17 '17 at 09:41

score 1 · Answer 2 · answered Jul 17 '17 at 09:33

You can use onkeyup event.

function openLink(e){
  if(e.value == 'film'){
      var new_window = window.open('http://abc.xyz/', '_blank'); // Replace with your link. 
      if(new_window){          
          win.focus();
      }
      else{
          alert("Allow popups from your browser settings.");
      }
  }
}

Enter word : <input type="text" name="input_name" id="input_id" value="" onkeyup="openLink(this);" />

How to open new tab by write some text?

2 Answers2