My div does not exists after loading my pixel

Question

I have a pixel and when I load it, it says:

a call to document.write() from an asynchronously-loaded external script was ignored

and then displays:

document.getElementById('gospixel') is null

Here's my pixel code:

<script name="gospix" src="http://www.example.com/p/gospixel.js">

and in that file:

gos_f=42;
gos_a1='a2';
gos_u=window.location.href;
gos_k='6gZYlfy7Y7Q';
gos_rt='3_s';
document.write(unescape("%3Cscript src='http://example.com/p/gosuna.js' type='text/javascript'%3E%3C/script%3E"));

Thanks for your help!

Where is your script tag located? – Pekka Sep 29 '11 at 15:26 — Pekka, Sep 29 '11 at 15:26
@Einacio sorry no, bad copy and paste – Tech4Wilco Sep 29 '11 at 15:28 — Tech4Wilco, Sep 29 '11 at 15:28

score 22 · Accepted Answer · edited May 23 '17 at 12:27

22

Don't use document.write. view this thread: Why is document.write considered a "bad practice"?

Instead, use dynamic object like document.createElement and appendChild.

http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/

This will slove your error.

edited May 23 '17 at 12:27

Community

1
1

answered Oct 04 '11 at 14:36

Pat R Ellery

1,566
1
21
39

Thanks for the info, very useful – Tech4Wilco Oct 04 '11 at 15:53

score 0 · Answer 2 · answered Sep 29 '11 at 17:45

0

apparently, the browser is ignoring the autowrite from the import (for security reasons, so an imported script can't modify your page), so you should try making the insert on demand

in gospixel replace the last line with

function insertScript(){
    document.write(unescape("%3Cscript src='http://example.com/p/gosuna.js' type='text/javascript'%3E%3C/script%3E"));
}

and then on some other part of the html

<script type="text/javascript">
    insertScript();
</script>

answered Sep 29 '11 at 17:45

Einacio

3,400
1
14
19

didn't work, I see the same issue. Is it because of my browser? my hosting? or code? – Tech4Wilco Sep 30 '11 at 18:11
is there any `document.write()` inside gosuna.js? – Einacio Sep 30 '11 at 20:51
Yes that file also has some document.write() – Tech4Wilco Sep 30 '11 at 20:54
then you are falling on the same hole. the code should only do writes on function call, not by itself – Einacio Sep 30 '11 at 21:00
OK, i'll fix all of them with your solution and I will let you kwow if it's working – Tech4Wilco Sep 30 '11 at 21:02
if you're using `document.write()` to create elements, you should also consider using the DOM approach (createElement, appendChild) – Einacio Sep 30 '11 at 21:15

My div does not exists after loading my pixel

2 Answers2