WORKS:
-------------
<html><head>
<title>demo for tab</title><!-- jquery-1.3.2.min.js jquery-
ui-1.7.2.custom.min.js -->
<script src="file:///home/nate/java/jquery/ui/full/
jQuery_UI_Demos_Documentation_files/jquery.js" type="text/
javascript"></script>
<script src="file:///home/nate/java/jquery/ui/full/
jQuery_UI_Demos_Documentation_files/jquery-ui.js" type="text/
javascript"></script>
<link href="file:///home/nate/java/jquery/ui/css/ui-lightness/jquery-
ui-1.7.2.custom.css" type="text/css" rel="Stylesheet" class="ui-
theme">
</head>
<body>
<!--[if IE 5]><div id="ie5" class="ie"><![endif]-->
<!--[if IE 6]><div id="ie6" class="ie"><![endif]-->
<!--[if IE 7]><div id="ie7" class="ie"><![endif]-->
<script type="text/javascript">
var section = "demos/tabs";
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
</ul>
<div id="tabs-1">
<p>Proin
elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.
Curabitur
Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi
tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut
felis. Mauris consectetur tortor et purus.</p>
</div>
</div>
<!--[if lte IE 7]></div><![endif]-->
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
</body></html>
DOES NOT WORK:
------------------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>demo for tab</title><!-- jquery-1.3.2.min.js jquery-
ui-1.7.2.custom.min.js -->
<script src="file:///home/nate/java/jquery/ui/full/
jQuery_UI_Demos_Documentation_files/jquery.js" type="text/
javascript"></script>
<script src="file:///home/nate/java/jquery/ui/full/
jQuery_UI_Demos_Documentation_files/jquery-ui.js" type="text/
javascript"></script>
<link href="file:///home/nate/java/jquery/ui/css/ui-lightness/jquery-
ui-1.7.2.custom.css" type="text/css" rel="Stylesheet" class="ui-
theme"></link>
</head>
<body>
<!--[if IE 5]><div id="ie5" class="ie"><![endif]-->
<!--[if IE 6]><div id="ie6" class="ie"><![endif]-->
<!--[if IE 7]><div id="ie7" class="ie"><![endif]-->
<script type="text/javascript">
var section = "demos/tabs";
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
</ul>
<div id="tabs-1">
<p>Proin
elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.
Curabitur
Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi
tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut
felis. Mauris consectetur tortor et purus.</p>
</div>
</div>
<!--[if lte IE 7]></div><![endif]-->
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
</body></html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
