Jacascript Help

Napster

I want to make part of my php program to have it so that if I put my mouse over a link a new window will popup showing a certain file and then once I move my mouse off of the link it will close the window? How would I do this? I know how to do some Javascript but very little and I know how to echo JS in a PHP code. But how would I do this certain code. Any code will be helpful thanx

bad76

Hi,
I think this is the best guide you can find on javascript (http://www-eleves-isia.cma.fr/documentation/Web/javascript/javascri/contents.htm) on the net. Because all this is surely 100% supported by any browser. For a more complete guide I suggest www.w3cschools.com.

But, now, your problem.

You have to set two event for the link, onmouseover and onmouseout.

Now, for open and close a window JS has two function:
window.open and window.close

You now have two problem:
- first, the popup killer. May be window.open can file because the user has a popup killer. You can't do anything to avoid this.

-second: window.close can ask to user EACH TIME if he want really close the window.

To avoid this second problem you can let the window open, but put it on back. To do this use focus() function:

May be this last code is the best solution. Ah! Search in the guide for the cool option in window.open function...

Bye bye

Napster

Well right now my code is

<script>

function openpopup(){
var popurl="tree.jpg"
winpops=window.open(popurl,"","width=20,height=20,status,")
}

</script>

<a target="img" onMouseOver="javascript:openpopup()" onMouseOut="self.close(img);">Mouse here to open the file</a>

but I can not seem to get it to close

bad76

Your are wrong.
self.close() send a document close() to main window. Nothing to do with winpops.close()...

Look:

<script>
var  winpops 

function openpopup(){
  var popurl="tree.jpg"
  winpops=window.open(popurl,"img","width=20,height=20,status,")
}
</script>

<a href="#"  

onmouseclick="return false;" 
onMouseOver="openpopup()" 
onMouseOut="winpops.close()">Mouse here to open the file</a>

First: if you want a target, you have to write into window.open, the second argument you pass.

Second: declare a variable as global container for reference the window

Third: you have to write an href="something" or the anchor is not created. To stop the mouse click on the anchor just insert onmouseclick="return false;".

I hope this helps you...

ps: ehm... disable the smilies...