Ergebnis 1 bis 5 von 5

Thema: Projekthilfe

  1. #1
    HTML Newbie
    Registriert seit
    30.09.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Projekthilfe

    Hallo zusammen,
    ich bräuchte Hilfe bei folgendem Projekt

    0_big.jpg

    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?

    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 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...ing-jquery-ui/
    Wäre nett wenn jemand evtl. den Code richtig stellen könnte.

    Lg Miyuki
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Miyuki (30.09.2012 um 19:05 Uhr)

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Projekthilfe

    probier doch mal nen anker zu setzen mit den namen die du im link brauchst
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    30.09.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Projekthilfe

    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.
    Geändert von Miyuki (01.10.2012 um 15:44 Uhr)

  4. #4
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Projekthilfe

    Na, brauchst du nicht noch die eine oder anders js-Datei? Die vermisse ich in deinem Quelltext.

    Code:
     <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Projekthilfe

    also ich bin zuerst mal von einem vereinfachten codebeispiel ausgegangen und du MUSST nen a-tag setzen, wenn du mit nem anker werken willst
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. [suche] Projekthilfe bei Harry Potter Projekt!
    Von Fresh_D im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 1
    Letzter Beitrag: 28.12.2010, 15:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •