I have a situation where I am dynamically adding some content to popup box (which is a div) on my page from c#

HtmlGenericControl content = new HtmlGenericControl();
content.InnerHtml = "<a id='close' href='' onclick='action()'>close</a><span>Some text here</span>";
divcontrl.Controls.Add(content);
divcontrl.Attributes.Add("class", "myclass");



javascript method:

function action() {
       $('.myclass').hide();
    }

If I keep href='' on anchor it's closing the window but reloading the page, if I remove it not closing the window.

I have a situation where I am dynamically adding some content to popup box (which is a div) on my page from c#

HtmlGenericControl content = new HtmlGenericControl();
content.InnerHtml = "<a id='close' href='' onclick='action()'>close</a><span>Some text here</span>";
divcontrl.Controls.Add(content);
divcontrl.Attributes.Add("class", "myclass");



javascript method:

function action() {
       $('.myclass').hide();
    }

If I keep href='' on anchor it's closing the window but reloading the page, if I remove it not closing the window.

• c#
• javascript

• Try href='#', maybe that will help. – gdoron Commented Jan 25, 2012 at 17:27
• Can you please show the rendered HTML? – gdoron Commented Jan 25, 2012 at 17:32

4 Answers 4

Change your link tag attr as below,

//Edit changed from href="#" as it will scroll you to the top
href="javascript:void(0);" onclick='return action()' 

And add return to the js function,

function action() {
    $('.myclass').hide();
    return false;
}

Add return false; at the last line of action() function. This will prevent the default link action - reloading the page (in your case empty href means "the same URL").

Add. Also change onclick="action()" to onclick="return action()". Or onclick="action(); return false;".

function action() {
       $('.myclass').hide();
       return false;
    }

Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

Use <a href="#" .... or <a href="javascript:void(0);" ...>.

We already know that <a href="#foo">Foo</a> would create a link to an element in the same page with ID as 'foo'. #foo in this case is called a fragment identifier. Clicking it would cause the browser to "jump" to that element in the page without reloading it.

When the fragment identifier doesn't mention the ID of any element in the page (e.g. <a href="#">Foo</a>), then the browser jumps to the top of the page.