Using variables of single js scripts differently , while the script is loaded multiple times on page

Question

I have a script named as view.js which does is counts the number of times a single div box is viewed on the page..... I have that mechanism well working when I load that script into only one div ...... but when I put that inside multiple divs inside single page it only works for the last script...... I know that js are loaded sequentially on a page ie only my last loaded scipt is suppose to work

can anyone tell me a way so that when I load my js multiple times inside different div they act as different scripts and run in parallel for count

and I also want to mention that the variable names will remain same for every script and I just want to use them differently for other scripts

also is there any solution using the js object... please let me know of the solution

<div id="parentofad" >
    <div id="ad">
        <img src="gemma-correll-cool-beans-button-magnet-lg.jpg" width="100" height="100">
    </div>
    <script type="text/javascript" src="adTagScript.js"></script>
</div>
<div id="parentofsecondad" >
    <div id="ad">
        <img src="gemma-correll-cool-beans-button-magnet-lg.jpg" width="100" height="100">
    </div>
    <script type="text/javascript" src="adTagScript.js"></script>
</div>

Edited: jsfiddle snippet https://jsfiddle.net/1fxgwztk/

Could you please post the code snippet, it may help?

Dhananjaya Kuppu
– Dhananjaya Kuppu

2016-10-10 07:54:49 +00:00
Commented Oct 10, 2016 at 7:54 — Dhananjaya Kuppu
– Dhananjaya Kuppu, Commented Oct 10, 2016 at 7:54

Panagiotis Vrs · Accepted Answer · 2016-10-10 07:50:33Z

2

Right now i guess you have a function that you call on page load for a specific class or id. What you must do is to initial that function for every class like this example

//Class
function Viewed(divID) { }

var div = new Viewed(divID);

answered Oct 10, 2016 at 7:50

Panagiotis Vrs

8526 silver badges16 bronze badges

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

6 Comments

ajay mishra Over a year ago

ajay mishra Over a year ago

this is the sample code for file and script is src="adTagScript.js" , now tell me how can I instantiate object for each time the script is loaded at the page

ajay mishra Over a year ago

and I do not call any function I just load the script, so function has to be called on action on the scipt

Panagiotis Vrs Over a year ago

create a jsfiddle or jsbin on your question for us to help you

ajay mishra Over a year ago

here is the jsfiddle I have all the code but it may not work properly on jsfiddle because of the external files and links

|

Collectives™ on Stack Overflow

Using variables of single js scripts differently , while the script is loaded multiple times on page

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related