Welcome to WebmasterWorld Guest from 54.166.33.25

Forum Moderators: open

#link / javascript not working in opera 9.27

   
1:35 am on May 13, 2008 (gmt 0)

5+ Year Member



Hello
I face a very strange problem. I have some complicated ajax web pages which work well in IE, FF and Opera in pc. After I upload the pages to server, I found that 1 of the page does not work in opera 9.27. The links do not work properly. Actually it works but when the div・s new content full loads, the whole page reloads. That means all the div・s new content disappeared.

I tried different ways to solve the problem and this is what I found:
1. In some versions of my page, it works. But if I change the file name to :demo01.htm;, it does not work any more.
2. I can correctly guess whether it will work or will not work by looking at the status bar. If the # disappears in the status bar, it does not work and vice versa.

I want to know why using different names makes a difference and when will a # disappears in opera・s status bar. Is it a problem of code, browser or server?

I make a simple version which can duplicate the error. It does not work if it is called :demo01.htm; and works if it has another name. When it does not work, no # appears at the end of the link in the status bar. And after the text loads in the box, it disappears.

Thanks for any help!

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/JavaScript">

function abc() {
document.form1.box1.value="button clicked";
}

</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#D4D2D3" leftmargin="0" topmargin="0">
<a href='#' onclick='abc()'>rollover it to see whether # appears, click to add a value to the box</a>
<form name="form1" id="form1" method="post" action="">
box1: <input name="box1" type="text" size="50" /><br />
<br />
</form>


</body></html>

 

Featured Threads

Hot Threads This Week

Hot Threads This Month