Ergebnis 1 bis 5 von 5

Thema: onMouseOver auf Stichwort öffnet Textfenster über Text?

  1. #1
    WGz
    Gast

    Standard onMouseOver auf Stichwort öffnet Textfenster über Text?

    Hallo,

    wie kann man bei onMouseOver auf ein Stichwort zu Beginn
    eines Textes solang ein Popup-Fenster über diesem öffnen,
    in dem wiederum ein Text (z.B. Erklärungen) steht?
    Code:
    <script tpye="text/javascript">
    function zeige &#40;felda&#41;&#123;
    document.getElementById&#40;felda&#41;.style.display='';
    &#125;
    function verstecke &#40;felda2&#41;&#123;
    document.getElementById&#40;felda2&#41;.style.display='none';
    &#125;
    
    function zeige &#40;feldb&#41;&#123;
    document.getElementById&#40;feldb&#41;.style.display='';
    &#125;
    function verstecke &#40;feldb2&#41;&#123;
    document.getElementById&#40;feldb2&#41;.style.display='none';
    &#125;
    
    function zeige &#40;feldc&#41;&#123;
    document.getElementById&#40;feldc&#41;.style.display='';
    &#125;
    function verstecke &#40;feldc2&#41;&#123;
    document.getElementById&#40;feldc2&#41;.style.display='none';
    &#125;
    </script>
    Code:
    <table border="0" width="500">
       <tr>
          <td>
    
             <div style="left&#58;50px; background-color&#58;#000080; top&#58;50px; height&#58;100px; width&#58;120px;"
                onMouseOver="zeige&#40;'felda'&#41;;"
                onMouseOut="verstecke&#40;'felda'&#41;" id="hover_teil">
                Erdoberfl&auml;che
             </div>
          </td><td>
             <div style="display&#58;none;left&#58;50px; background-color&#58;#ffff00; color&#58;#000000; top&#58;150px; height&#58;100px; width&#58;380px;"
               onMouseOver="zeige&#40;'felda'&#41;;"
               onMouseOut="verstecke&#40;'felda'&#41;;" id="felda">
               Folge-Feld Nr. 1
             </div>
          </td>
       </tr><tr>
    
          <td>
             <div style="left&#58;50px; background-color&#58;#000080; top&#58;50px; height&#58;100px; width&#58;120px;"
                onMouseOver="zeige&#40;'feldb'&#41;;"
                onMouseOut="verstecke&#40;'feldb'&#41;" id="hover_teil">
                Erdvolumen
             </div>
          </td><td>
             <div style="display&#58;none;left&#58;50px; background-color&#58;#ffff00; color&#58;#000000; top&#58;150px; height&#58;100px; width&#58;380px;"
               onMouseOver="zeige&#40;'feldb'&#41;;"
               onMouseOut="verstecke&#40;'feldb'&#41;;" id="feldb">
               Folge-Feld Nr. 2
             </div>
          </td>
       </tr><tr>
    
          <td>
             <div style="left&#58;50px; background-color&#58;#000080; top&#58;50px; height&#58;100px; width&#58;120px;"
                onMouseOver="zeige&#40;'feldc'&#41;;"
                onMouseOut="verstecke&#40;'feldc'&#41;" id="hover_teil">
                Erdtemperatur
    im Mittel
             </div>
          </td>
          <td>
             <div style="display&#58;none;left&#58;50px; background-color&#58;#ffff00; color&#58;#000000; top&#58;150px; height&#58;100px; width&#58;380px;"
               onMouseOver="zeige&#40;'feldc'&#41;;"
               onMouseOut="verstecke&#40;'feldc'&#41;;" id="feldc">
               Folge-Feld Nr. 3
             </div>
    
          </td>
       </tr>
    </table>
    Der vorhandene Text rechts neben dem Stichwort soll
    vom aufgerufenen Text überdeckt werden.
    Mit css oder Java?

    Dank für Hinweise mit Beispiel(en),
    Werner.
    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 !!!!!

  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

    erstens nich java sondern javascript..
    und die css-variante ist die sinnvollste denn bei deaktiviertem javascript sollte solch essentielle information dennoch kommen!

    und pack dein stichwort in ein span-tag oder a-tag, da kannste dann des mousover über css-hover erreichen...
    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
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Mal abgesehen davon dass Dein Code gruselig ist und Du mit Javascript immer einige nicht erreichst, solltest Du Dir mal Ingos Infobox anschauen.

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

  5. #5
    HTML Newbie
    Registriert seit
    07.06.2008
    Ort
    Schramberg
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke, das war es.

    Werner.

Ähnliche Themen

  1. Wie mit hover ein Textfenster öffnen?
    Von WGz im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 16.06.2008, 18:57
  2. Script "Klick auf Text und langer Text öffnet sich"
    Von enidan24 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.05.2007, 02:23
  3. Bildpopup per OnMouseOver auf Text / Textlink
    Von SoWhat?! im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 21.01.2007, 22:42
  4. onMouseOver auf Text anwenden
    Von Mannix-KR im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 02.10.2006, 13:17
  5. per onmouseover in anderer tabelle text variabel an zeigen
    Von Korty im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 27.09.2006, 01:38

Stichworte

Berechtigungen

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