[RESOLVED] Bookmark not working in Opera with both href and onclick
Hi,
I am facing a problem in Opera browser where bookmark links are not working for me. I have link with href containing #<linklocation> and also JS function called on onclick event which does hide/show of a div. Test code is present below.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test page</title>
</head>
<body>
<div style="width: 200px;">
<div style="display:block;">
click the link <a href="#testlink" onclick="changeDisplay();">testlink</a>
</div>
<div id="uuhelp" style="display:none;">
<div>
this is sample text in para1. this is sample text in para1. this is sample text
in para1. this is sample text in para1. this is sample text in para1. this is sample
text in para1. this is sample text in para1. this is sample text in para1. this
is sample text in para1. this is sample text in para1. this is sample text in para1.
this is sample text in para1. this is sample text in para1. this is sample text
</div>
<div id="testlink">
<h1>New para</h1>
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
text in para2. this is sample text in para2. this is sample text in para2. this
is sample text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
text in para2. this is sample text in para2. this is sample text in para2. this
is sample text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
is sample text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
</div>
</div>
</div>
<script type="text/javascript">
function changeDisplay()
{
document.getElementById("uuhelp").style.display = "block";
return false;
}
</script>
</body>
</html>
Can anybody please let me know why it is not working?
Thanks in advance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test page</title>
</head>
<body>
<div style="width: 200px;">
<div style="display:block;">
click the link <a href="#testlink" onclick="changeDisplay();document.getElementById('testlink').scrollIntoView();return false;">testlink</a>
</div>
<div id="uuhelp" style="display:none;">
<div>
this is sample text in para1. this is sample text in para1. this is sample text
in para1. this is sample text in para1. this is sample text in para1. this is sample
text in para1. this is sample text in para1. this is sample text in para1. this
is sample text in para1. this is sample text in para1. this is sample text in para1.
this is sample text in para1. this is sample text in para1. this is sample text
</div>
<div id="testlink">
<h1>New para</h1>
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
text in para2. this is sample text in para2. this is sample text in para2. this
is sample text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
text in para2. this is sample text in para2. this is sample text in para2. this
is sample text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
is sample text in para2. this is sample text in para2. this is sample text in para2.
this is sample text in para2. this is sample text in para2. this is sample text
in para2. this is sample text in para2. this is sample text in para2. this is sample
</div>
</div>
</div>
<script type="text/javascript">
function changeDisplay()
{
document.getElementById("uuhelp").style.display = "block";
}
</script>
</body>
</html>
At least 98% of internet users' DNA is identical to that of chimpanzees
on all browser exept opera, when clicked on the image, in the specified field the content changes and shows what is on site_1, and etc... site_2...site_3...
well the fact is that it worked a week ago when i had opera 9.
when you clicked on the image, on the particular part of the page a text appeared from the site_1, and
when you clicked on the another image, also on that part of the page another text appeared from site_2
that's all happening by the javascript called in head section js.js
but when i upgraded to opera 10 and now also 11, when clicked on the images,nothing happend
[RESOLVED] Bookmark not working in Opera with both href and onclick
Reply With Quote
Bookmarks