To Stop a hyperlink

hi,
How can I make a a hyper link to be not work. The following example will, clearly, demonstrate
what I, exactly, want to do.
Suppose,

[code]
<a href=”pic.jpg”><img src=”tn_pic.jpg”></a>
[/code]

On the clock on the above link, the browser will load pic.jpg . Now, I want to do something like
the following:

[code]
<a href=”pic.jpg” onClick=”func(this)”><img src=”tn_pic.jpg”></a>
[/code]

The function func() will load pic.jpg inside a popup browser’s window. what I want to do is to
keep the parent page as it’s i.e not changed to pic.jpg.
I, already, done something can do that, but it has a bug. look at the following code,

[code]
function func(p){
p.href = ‘javascript:stopIt()’
}
function stopIt(){
}
[/code]

The problem is when I try to click again on the hyperlink, its href property was changed to
javascript:stopIt() and the pic.jpg was lost.

Is there any suggestions to overcome this problem?

Also in #JavaScript _↴