javascript on button click

Question

I have the following JS:

<script>
   function SetContent(link) {
            document.getElementById('lowerContent').innerHTML =
         "<iframe frameborder='0' src='" + link + "' width=100%' height='" + (screen.height - 100) + "px'";
        } 
</script>

Which gets called like so:

<a href="javascript:SetContent('http://urlhere);" title="URL">URL</a>

How can I make the <a> execute on button click? Or how to assign "javascript:SetContent('http://urlhere);" to <input type=button>

No postback is required. The click simply resets the main div and adds an iframe with the supplied URL. Works fine for <a> but not sure how to move that to a button.

onclick just causes postback and nothing else.

Alex · Accepted Answer · 2012-07-31 12:45:01Z

2

Assigning javascript to button clicks works like this:

<input type="button" onclick="javascript:SetContent('http://urlhere);" value="Click me at your own risk!">

adjust attributes (id, etc.) accordingly.

answered Jul 31, 2012 at 12:45

Alex

23.3k4 gold badges43 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1468537 Over a year ago

Yup that's it. One small issue as I have a few other asp:buttons around the page, when I enter text in a textbox and hit enter it activated the other buttons not just the one above. How to fix that?

Alex Over a year ago

I encourage you to ask another question about it, providing the relevant bits of code (both ASP and C#).

Sergey Stavichenko · Accepted Answer · 2012-07-31 12:45:27Z

2

<input type="button" onclick="SetContent('http://urlhere');" />

answered Jul 31, 2012 at 12:45

Sergey Stavichenko

1564 bronze badges

Comments

Anuraj · Accepted Answer · 2012-07-31 12:44:50Z

0

try this. Use onclick instead of href.

<a href="#" onclick="javascript:return SetContent('http://www.google.com');" title="URL">URL</a>

Or

<a href="javascript:void(0);" onclick="javascript:return SetContent('http://www.google.com');" title="URL">URL</a>

answered Jul 31, 2012 at 12:44

Anuraj

19.6k7 gold badges61 silver badges84 bronze badges

Comments

Shivkant · Accepted Answer · 2012-07-31 13:07:31Z

0

In the script you have set return false. Due to this, it is returning true and calls postbacks. You dont need to add javascript on href. you can add onclick as follows:

<input type="button" onclick="SetContent('http://urlhere');" />

<script>
    function SetContent(link) 
    {
        document.getElementById('lowerContent').innerHTML = "<iframe frameborder='0' src='" + link + "' width=100%' height='" + (screen.height - 100) + "px'";
        return false;
    } 
</script>

answered Jul 31, 2012 at 13:07

Shivkant

4,6251 gold badge22 silver badges16 bronze badges

Collectives™ on Stack Overflow

javascript on button click

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related