Button with HTML and JavaScript

Question

I want the javascript to link the data from the url, but this is not working.

I tried the following code:

    <script language="javascript">
    <span class="buttonAction"><a href="checkout_shipping.php?info=document.writeln(document.location);">
     <img src="images/checkout.png" width="93">
     </a></script>

can anyone help me with this ? many thanks

Can you explain what you are trying to do a little bit better. The example code is extremely wrong and it's hard to figure out what you're trying to do. — TFennis
– TFennis, Commented Oct 19, 2011 at 9:25

Simon Groenewolt · Accepted Answer · 2011-10-19 09:33:43Z

1

You cannot put html in a script tag. Some pointers: Put the html above the script, give the a tag an id and use javascript to set the href attribute from the script part.

<span class="buttonAction">
  <a id="thelink" href="">
    <img src="images/checkout.png" width="93">
  </a>
</span>
<script language="javascript">
// insert javascript code to set the href attribute here (read a javascript tutorial)
</script>

see: http://www.w3schools.com/js/default.asp, http://www.w3schools.com/jsref/met_doc_getelementbyid.asp

(this solution is the closest to your original code, later you might prefer to move your javascript elsewhere and/or start using javascript framework)

answered Oct 19, 2011 at 9:33

Simon Groenewolt

10.7k2 gold badges39 silver badges66 bronze badges

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

1 Comment

Felix Kling Over a year ago

A better source of information is the MDN JavaScript Guide: developer.mozilla.org/en/JavaScript/Guide

wazz3r · Accepted Answer · 2011-10-19 09:34:43Z

0

You can't put html in a javascript tag. If you want to print the link you can do it like this:

<script language="javascript">
    document.write('<span class="buttonAction"><a href="checkout_shipping.php?info='+encodeURIComponent(document.location)+'"><img src="images/checkout.png" width="93" alt=""/></a><span>');
</script>

answered Oct 19, 2011 at 9:34

wazz3r

4724 silver badges15 bronze badges

2 Comments

Felix Kling Over a year ago

Why is document.write needed here? Why not simply remove the script tag?

wazz3r Over a year ago

To add encodeURIComponent(document.location) to the link. You have to scroll to see it.

Collectives™ on Stack Overflow

Button with HTML and JavaScript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related