hi all,
i am using the following scripts :
<script src="js/jquery/jquery-1.2.1.js" type="text/javascript"></
script>
<script src="js/jquery/jquery.ui-1.0/ui.tabs.js" type="text/
javascript"></script>
what i am trying to do is to have the tab contents loaded up when user
clicks the tab. so i think ajax page loading may come handy here. so
here is my code :
<script>
$(document).ready(function(){
$('#example ul').tabs({ fxSlide: true, fxFade: true, fxSpeed:
'normal', cache: false });
});
</script>
<body>
<div id="example" class="flora">
<ul>
<li><a href="cheap.html"><span>one</span></a></li>
<li><a href="bad.html"><span>two</span></a></li>
<li><a href="hello.faces"><span>three</span></a></li>
</ul>
</div>
</body>
the above code works fine in firefox for all three tabs. for tab one
and tab two, IE 6/7 is ok leaving tab three not working.
the code for hello.faces is as follow:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%-- jsf:pagecode language="java" location="/src/pagecode/Hello.java"
--%><%-- /jsf:pagecode --%>
<[EMAIL PROTECTED] language="java" contentType="text/html; charset=UTF8"
pageEncoding="UTF8"%>
<[EMAIL PROTECTED] uri="http://java.sun.com/jsf/core"; prefix="f"%>
<[EMAIL PROTECTED] uri="http://java.sun.com/jsf/html"; prefix="h"%>
<html>
<head>
<title>hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
</head>
<f:view>
<body>
<h:form styleClass="form" id="form1">
<h:inputText styleClass="inputText"
id="text1"></h:inputText>
<h:selectBooleanCheckbox
styleClass="selectBooleanCheckbox"
id="checkbox1"></h:selectBooleanCheckbox>
</h:form>
</body>
</f:view>
</html>
did i do something wrong.. please help.
thanks,
wei
