Ich kann aus dem Grund nicht mit Ankern (wie z.B "nach oben") und normalen Hyperlinks arbeiten, weil es mir nicht möglich ist neue Seiten auf der Seite zu öffnen, da es kein Webhost ist sondern sowas in der Art wie Facebook. Wenn man da verschiedene Informationen anzeigen möchte, ohne auf seine Seite zu verweisen muss man ja auch mit solchen Tabs arbeiten.
Beiträge von Miyuki
-
-
Hallo zusammen,
ich bräuchte Hilfe bei folgendem ProjektWenn 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
Alles anzeigen<!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