0

Yahoos UI TabView

Hello,

I tried to use the Modul 'TabView' of the Yahoo UI Library (developer.yahoo.com/yui/) but in the browser is not a lot to see (Tab1, Tab2 and Tab3 as words, that's all). I got it from a internet magazin. It says to zip the whole script and to create a folder with the following in it: tabview.css, yahoo-dom-event.js, element-beta-min.js and tabview-min.js.


Here's my code:



<!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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>

<link rel="stylesheet" type="text/
css" href="tabview/tabview.css">
<script type="text/javascript" src=
"tabview/yahoo-dom-event.js"></script>
<script type="text/javascript" src=
"tabview/element-beta-min.js"></script>
<script type="text/javascript" src=
"tabview/tabview-min.js"></script>


</head>

<body class="yui-skin-sam">

</script>
<div id="demo" class="yui-navset">
<ul class="yui-nav">
<li class="selected"><a href=
"#tab1"><em>Tab 1</em></a></li>
<li><a href="#tab2"><em>Tab 2</em>
</a></li>
<li><a href="#tab3"><em>Tab 3</em>
</a></li></ul>
<div class="yui-content">
<div id="tab1">Inhalt von Tab 1</div>
<div id="tab2">Inhalt von Tab 2</div>
</div></div>


</body>

<script type="text/javascript">
var tabView = new YAHOO.widget.
TabView("demo");


</html>


Who can help me?

by
1 Reply

Recent Posts

in Suggestions for YDN