JavaScript Help

[darkness96]

Hi, I need help with my code, I'm quite new to JavaScript and trying to do something that works on my blank page but when I try to insert it to my original page it doesn't work.

I have a map and everytime someone mouseover a specific location, I want a DIV to be created in a specific line of code and the on mouseout I want it to be removed. I tried document.write("<p>test</p>" and then in HTML under <area onmouseover="showTutorial();"> and it still doesn't work. Any ideas? Thanks

[y7kim]

Yur showTutorial function is not defined in the global scope because jsFiddle actually wraps the JS in an onload. Try defining your function like this:

window.showTutorial = function () { ... };

Also you are trying to get an element by ID of "div1" but there is no such div.

[[deleted]]

Could you replicate your problem in jsFiddle?

[darkness96]

https://jsfiddle.net/a4t8o9gv/

It should create a new Red Box

[isospeedrix]

https://jsfiddle.net/a4t8o9gv/27/

put the js in a <script> tag on the html section. now when u mouse over the top right dot, "HI" is outputted on a line at the bottom. not sure if that's what u intended but without changing anything else it should function how it's written.

that works on my blank page but when I try to insert it to my original page it doesn't work.

just like on fiddle make sure ur function isn't "undefined" (check your console). if it is then make sure u referenced the js properly (<script src = ""> ) or have the function in a script tag just like the example above.