HTML onClick problem

rblampain · 06-19-2015, 11:49 PM

It would be nice if I could provide to a visitor a choice to either have a preview of a window content with "onMouseOver - onMouseOut" events or a view with "onClick" event in the navigation window of a site using "Frameset", I have the code below, the "onMouse.." events work but not the "onClick":

<A HREF="" onMouseOver="window.status='Explanation about `'Whatever.`'; parent.panl.location='u1/note/note_whatever.htm'; return true" onMouseOut="window.status='Splash page.'; parent.panl.location='splash_left.htm'; return true" onClick="parent.panl.location='u1/note/note_whatever.htm'">'Whatever.</A>

It makes no difference if the "onClick" is first or last.

Could anyone tell me what I am doing wrong?

Tank you for your help.

NevemTeve · 06-20-2015, 01:01 AM

I suggest if this element has "onclick" attribute then make it a <span> not an <a>

Code:

<span
    onmouseover="window.status='Explanation about `'Whatever.`'; parent.panl.location='u1/note/note_whatever.htm'; return true" 
    onmouseout="window.status='Splash page.'; parent.panl.location='splash_left.htm'; return true" 
    onclick="parent.panl.location='u1/note/note_whatever.htm'">
Whatever.</span>

PS: alway use [code] and [/code] tags when quoting code

AnanthaP · 06-20-2015, 04:15 AM

I read somewhere that in an anchor tag (A=), the focus is lost unless you return false. Please change the second return true to return false and give us feedback.

OK

rblampain · 06-20-2015, 08:45 AM

Thank you for your answers, neither solution makes a difference.

Code:

<span onMouseOver="window.status='Explanation about `Exit.`'; parent.panl.location='u1/not/note_exit.htm'; return true" onMouseOut="window.status='Splash page.'; parent.panl.location='splash_left.htm'; return true" onClick='top.panl.location="u1/not/note_exit.htm"'>Exit </span>

Code:

<A HREF="#" onMouseOver="window.status='Explanation about `Exit.`'; parent.panl.location='u1/not/note_exit.htm'; return true" onMouseOut="window.status='Splash page.'; parent.panl.location='splash_left.htm'; return false" onClick='top.panl.location="u1/not/note_exit.htm"'>Exit </A>