Question

I want to create a Javascript file to do these operations:

1. Pass the current link to the other page
2. Click on hypertext or image that is created dynamically in JavaScript file to redirect

Just I want to have a Javascript link in the html body and not other thing same this :

<div>
<script type="text/javascript" src="JScript.js"></script>
</div>

And in the JavaScript file I have these:

var DivTag = document.createElement("Div");
DivTag.setAttribute('ID', 'MyDivTagID');
    $(document).ready(function () {
        $("$MyDivTagID").click(function(e) {
            window.location = "http://www.MyLink.com/?Url=" + window.location;
    });
});

This is not working. Please help me.

Answer 1

Several issues

1. you never added the div to the page
2. you used $ instead of # to access the div by ID
3. you do not consistently use jQuery

Plain JS: DEMO HERE

 window.onload=function () {
   var DivTag = document.createElement("div");
   DivTag.setAttribute('id', 'MyDivTagID');
   DivTag.innerHTML="Click";
   DivTag.onclick = function(e) {
     window.location = "http://www.MyLink.com/?Url=" + escape(window.location.href);
   }
   document.body.appendChild(DivTag);
 } 

Using linked image:

 window.onload=function () {
   var DivTag = document.createElement("div");
   DivTag.setAttribute('id', 'MyDivTagID');
   var anchor = document.createElement("a");
   anchor.href="#";
   anchor.onclick = function(e) {
     window.location = "http://www.MyLink.com/?Url=" + escape(window.location.href);
   }
   var img = document.createElement("img");
   img.src="image.gif";
   img.style.border="0";
   anchor.appendChild(img);
   DivTag.appendChild(anchor);
   document.body.appendChild(DivTag);
 } 

jQuery: DEMO HERE

$(document).ready(function () {
  $('body').append('<div id="MyDivTagID">Click</div>');
  $("#MyDivTagID").click(function(e) {
    window.location = "http://www.MyLink.com/?Url=" + escape(window.location.href);
  });
});