Hallo zusammen,
ich bräuchte Hilfe bei folgendem Projekt
Wenn man auf die Buttons "Home" bzw. "About" klickt soll, ohne dass eine neue Seite geöffnet wird; also mit #-Funktion, jeweils ein anderer Text in dem grauen Fenster stehen.
Mein Momentaner Code klappt noch nicht, aber finde den Fehler nicht. Könnte mal jemand drüberschauen?
HTML
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<!-- "javascript" -->
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
<!-- "css" -->
<style type="text/css">
.style1 {
color: #C0C0C0;
}
.style2 {
color: #C0C0C0;
}
.panes {
color: #C0C0C0;
text-align: center;
}
</style>
</head>
<body text="#C0C0C0" link="#C0C0C0" vlink="#C0C0C0" alink="#848484">
<div style="position: absolute; left: 350px; top: 144px; width: 529px; height: 329px; z-index: 1"
id="panes" class="panes">
<!-- "content_tabs" -->
<div id="Home">first content</div>
<div id="About">second content</div>
</div>
<!-- "links" -->
<img src="2eyxcpd.png" width="917" height="800" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="374,37,35" href="#Home" />
<area shape="circle" coords="489,39,34" href="#About" />
<area shape="circle" coords="603,39,33" href="http://www.imvu.com/catalog/web_add_contact.php?contact=XxTimeForMiracles" target="_self" />
<area shape="circle" coords="715,41,33" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=24915908" target="_self" />
<area shape="circle" coords="836,40,33" href="http://www.imvu.com/shop/web_search.php?manufacturers_id=24915908" target="_self" />
<!-- "Updates_content" -->
<div style="position: absolute; left: 583px; top: 603px; width: 296px; height: 124px; z-index: 2" id="Ebene2" class="style2">
Datum; Text</div>
</map>
<div style="position: absolute; left: 182px; top: 584px; width: 304px; height: 132px; z-index: 3" id="Ebene3" class="style2">
<!-- "products_script" -->
<style type="text/css">
#xtended_dev_panel_header{ text-align:left; background-color: #000000; }
#xtended_dev_panel_header{ color: #C0C0C0; }
#xtended_dev_panel_body{ background-color: transparent; }
#xtended_dev_panel {
margin-bottom: 20px;
border: 0px #C0C0C0;
}
</style>
<div style='display:none'>Extended New Products Panel generated @ <a href='http://gaf210.imvustylez.net'>gaf210.imvustylez.net</a></div><script type='text/javascript' src="http://gaf210.imvustylez.net/newprodsbanner/filtered_dev_panel.js.php?dev_id=24915908&pn=new&q=3"></script>
</div>
</body>
</html>
Habe mit diesen Scripts gearbeitet: http://viralpatel.net/blogs/jquery-t…sing-jquery-ui/
Wäre nett wenn jemand evtl. den Code richtig stellen könnte.
Lg Miyuki
