Home/ Questions/Q 8664551
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T17:16:05+00:00

Hi I’m trying to place a form below an image with a certain URL,

  • 0

Hi I’m trying to place a form below an image with a certain URL, however it’s not working. I’m not exactly sure
what I’m doing wrong since I’m new to JQuery. Would anyone happen to know what’s wrong with this?

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript">
function main(){
    var imageURL = getImageURL();
    $("img[src=imageURL]");
    $("img[src='Your URL']").append("<input type="radio" name="geo" value="geolocation">Use Geolocation? <br> Additional Information About the Image: <input type="comment" name="cmnt">");

}

function getImageURL(){
var url = "http://www.w3schools.com/images/pulpit.jpg";
return url;
}
</script>
</head>
<body onload="main()">
<b> Page </b>
<img src="http://www.w3schools.com/images/pulpit.jpg">

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A couple of problems. You can’t use the variable imageURL can’t be placed directly inside the src selector. You need to concatenate it in with +. Then, rather than .append() which adds to a given node’s child nodes you need to use .after() to add elements as sibling nodes to the selector.

    Rather than just a single <input> you should be appending a <form> with the <input> nested inside it.

    function main(){
    var imageURL = getImageURL();
    // Concatenate the imageURL variable into the $() selector.
    // Put the <input> inside a <form> if it needs to function as a form element.
    $("img[src='" + imageURL + "']").after("<form><input type="radio" name="geo" value="geolocation">Use Geolocation? <br> Additional Information About the Image: <input type="comment" name="cmnt"></form>");

}
    • 0