Question

Concept: Focus the div when user click the Comment link. There was two link in my php page. one is comment link and another one is readmore link. The two link goes to the same page but i want to focus the div element when click comment link .

Answer 1

If they both link to a page called more.php for example, the ‘readmore’ link could simply have the link:

href="more.php"

Whereas the ‘comment’ link could have something like:

href="more.php?comment=1#commentbox"

The comment querystring could then be used like:

$(document).ready(function(){
    if (getParameterByName("comment") == 1) {
       $(".commentbox").focus();
    }
});

function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

The #comment part of the URL is purely for anchor purposes to position the user on the correct part of the page.