Add an onClick event "html code" to preloaded ajax html tag/page

Question

I have a website which loads from an ajax code and I have an language select image link which I want to add an onclick event to. The onclick event has to be added to the <a> tag. When the page loads in the browser, it forms the html code as

<a class="whatever">
<div id="1234" class="whatever1" width: 25px; height: 25px;">
<img class="whatever2" alt="" src="imagelink.png" width: 25px; height: 25px;">
</div>
</a>

Since I cannot change the html code manually (I could add javascript into the page), how could I load this: onClick="SetCookie('Language','En');document.location.href='http://example.com/';" into the <a> tag ?

Could I use the class in the <a> tag to target the element and load the onclick event into it somehow?

Thanks in advance for any help.

I tried using jquery just like Subash Selvaraj told me to except jquery makes my website malfunction. I guess I can't use it, I'll have to use javascript. — Titanium 7
– Titanium 7, Commented Mar 6, 2014 at 23:13
I know that jquery is javascript but it has too much coding packed together that it messes with how my website loads. That's why I need something a lot simpler. — Titanium 7
– Titanium 7, Commented Mar 7, 2014 at 17:29
If JQuery is "messing with how your website loads" then I think there is probably some very bad practices happening in the javascript on your website. JQuery is entirely namespaced and you can even turn off the $ function by calling jQuery.noConflict() right after jquery is loaded. — ChevCast
– ChevCast, Commented Mar 7, 2014 at 19:27

Subash Selvaraj · Accepted Answer · 2014-02-24 04:02:15Z

0

use Jquery. here whatever should be replaced with your <a>'s class name.

$("body").on("click",".whatever",function(){
    SetCookie('Language','En');
    document.location.href='http://example.com/';
});

answered Feb 24, 2014 at 4:02

Subash Selvaraj

3,3871 gold badge16 silver badges17 bronze badges

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

3 Comments

Titanium 7 Over a year ago

I posted a script code in the header but it seems like it didn't work. This is what I put:

<script>    $("body").on("click",".CertainClassName",function(){         SetCookie('Language','English');         document.location.href='http://www.example.com';     });   </script>

I also tried a few suggestings from this post: (stackoverflow.com/questions/12284168/…)

Subash Selvaraj Over a year ago

have you included jquery in your code? <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> or <script src="cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.js"></script>

Titanium 7 Over a year ago

I tried using jquery and it makes my website malfunction(and the code doesn't appear after the page loads). It would be nice if there was another solution to inject or insert the html code after the page loads.

Collectives™ on Stack Overflow

Add an onClick event "html code" to preloaded ajax html tag/page

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related