Question

I’m a total newbie when it comes to Javascript/jQuery so hopefully you can help me.

I have a textbox where most people are gonna paste links into. Is there a nice way for the textbox to detect that a link has been pasted (starts with http://) and then remove the protocol dynamically in the textbox without having to push a button or so afterwards?

Answer 1

Assuming you want it stripped out as soon as the user types/pastes it:

Lets say for arguments sake that you’ve given the text input the id “url”:

$(document).ready(function(){

  var timer;

  $("#url").live("keyup",function(){
       clearTimeout(timer);

       timer = setTimeout(function(){
           var textbox = $("#url");
           if (textbox.val().indexOf("https://") == 0)
               textbox.val(textbox.val().substring(8));
           if (textbox.val().indexOf("http://") == 0)
               textbox.val(textbox.val().substring(7));
       },500);
   });
});​

As mentioned by @Marcel Korpel in the comments this should now take care of what you want.