Ergebnis 1 bis 7 von 7

Thema: Text einblenden

  1. #1
    Youngster
    Registriert seit
    14.11.2006
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text einblenden

    Hallo!

    Ich habe in einer Karte mit shape="rect" coords="..." einen Bereich definiert.
    Nun möchte ich, dass neben der Maus ein Wort (zB. Berlin) eingeblendet wird, wenn man auf diesen Bereich zeigt.
    Wie kann ich so etwas einblenden?
    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
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hier habe ich dir was zusammen gebaut.
    Musst du dir nurnoch auf deine map anpassen,
    müsste eigentlich funktionieren... wenn nicht einfach fragen!

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    14.11.2006
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich kann die Datei leider nicht öffnen.
    Kannst du mir das auch (verkürzt) direkt in den Beitrag schreiben?

  4. #4
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hm warum kannst du die Datei nich öffnen... weils js is ev.
    Ich ändere das und den Link auch... hier trotzdem der Code.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    
    <script type="text/javascript">
    
    var Xoffset= -5;        // modify these values to ...
    var Yoffset= 10;        // change the popup position.
    var popwidth=150;       // popup width
    var bcolor="black";     // popup border color
    var fcolor="black";     // popup font color
    var fface="verdana";    // popup font face
    
    document.write&#40;"<DIV ID='pup'></DIV>"&#41;;
    var iex=&#40;document.all&#41;;
    var nav=&#40;document.layers&#41;;
    var old=&#40;navigator.appName=="Netscape" && !document.layers && !document.getElementById&#41;;
    var n_6=&#40;window.sidebar&#41;;
    
    var skin;
    if&#40;nav&#41; skin=document.pup;
    if&#40;iex&#41; skin=pup.style;
    if&#40;n_6&#41; skin=document.getElementById&#40;"pup"&#41;.style;
    
    var yyy=-1000;
    
    if&#40;nav&#41;document.captureEvents&#40;Event.MOUSEMOVE&#41;;
    if&#40;n_6&#41; document.addEventListener&#40;"mousemove",get_mouse,true&#41;;
    if&#40;nav||iex&#41;document.onmousemove=get_mouse;
    
    function get_mouse&#40;e&#41;
    &#123;
      var x,y;
    
      if&#40;nav || n_6&#41; x=e.pageX;
      if&#40;iex&#41; x=event.x+document.body.scrollLeft; 
      
      if&#40;nav || n_6&#41; y=e.pageY;
      if&#40;iex&#41;
      &#123;
        y=event.y;
        if&#40;navigator.appVersion.indexOf&#40;"MSIE 4"&#41;==-1&#41;
          y+=document.body.scrollTop;
      &#125;
    
      if&#40;iex || nav&#41;
      &#123;
        skin.top=y+yyy;
        skin.left=x+Xoffset; 
      &#125;
    
      if&#40;n_6&#41;
      &#123;
        skin.top=&#40;y+yyy&#41;+"px";
        skin.left=x+Xoffset+"px";
      &#125;    
      nudge&#40;x&#41;;
    &#125;
    
    function nudge&#40;x&#41;
    &#123;
      var extreme,overflow,temp;
    
      // right
      if&#40;iex&#41; extreme=&#40;document.body.clientWidth-popwidth&#41;;
      if&#40;n_6 || nav&#41; extreme=&#40;window.innerWidth-popwidth&#41;;
    
      if&#40;parseInt&#40;skin.left&#41;>extreme&#41;
      &#123;
        overflow=parseInt&#40;skin.left&#41;-extreme;
        temp=parseInt&#40;skin.left&#41;;
        temp-=overflow;
        if&#40;nav || iex&#41; skin.left=temp;
        if&#40;n_6&#41;skin.left=temp+"px";
      &#125;
    
      // left
      if&#40;parseInt&#40;skin.left&#41;<1&#41;
      &#123;
        overflow=parseInt&#40;skin.left&#41;-1;
        temp=parseInt&#40;skin.left&#41;;
        temp-=overflow;
        if&#40;nav || iex&#41; skin.left=temp;
        if&#40;n_6&#41;skin.left=temp+"px";
      &#125;
    &#125;
    
    function popup&#40;msg,bak&#41;
    &#123;
    
      var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN='center'><FONT COLOR="+fcolor+" FACE="+fface+" SIZE='1'>"+msg+"</FONT></TD></TABLE>";
    
      if&#40;old&#41;
      &#123;
        alert&#40;msg&#41;;
        return;
      &#125; 
       
      yyy=Yoffset; 
      skin.width=popwidth;
    
      if&#40;nav&#41;
      &#123; 
        skin.document.open&#40;&#41;;
        skin.document.write&#40;content&#41;;
        skin.document.close&#40;&#41;;
        skin.visibility="visible";
      &#125;
    
      if&#40;iex&#41;
      &#123;        
        pup.innerHTML=content;
        skin.visibility="visible";
      &#125;  
    
      if&#40;n_6&#41;
      &#123;   
        document.getElementById&#40;"pup"&#41;.innerHTML=content;
        skin.visibility="visible";
      &#125;
    &#125;
    
    
    function kill&#40;&#41;
    &#123;
      if&#40;!old&#41;
      &#123;
        yyy=-1000;
        skin.visibility="hidden";
        skin.width=0;
      &#125;
    &#125;
    
    </script>
    
    
    </head>
    <body>
    
    [img]test.jpg[/img]
    
    <map name="test">
        <area shape="rect" coords="11,10,59,29" href="#" alt="test" onmouseover="popup&#40;'texte','#9CB793'&#41;" onmouseout="kill&#40;&#41;" target="_blank">
    </map>
    
    </body>
    </html>

  5. #5
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ohje, er wollte doch nur ein einfaches Wort einblenden....

    @Jan2: setze einfach einen Title-Tag mit in den Area-Tag:
    Code:
    <area shape="rect" coords="1,2,3,4" title="dein Text hier">
    G.a.d.M.

    Ronald

  6. #6
    Youngster
    Themenstarter

    Registriert seit
    14.11.2006
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke!

    Und wie kann man diesen Text über mehrere Zeilen hinweg anzeigen lassen?

    Beispiel: ...title="Max Meier"
    "Student" klappt ja nicht.

  7. #7
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das geht mit Title-Tags nicht, dafür brauchst du dann ein Javascript.
    Allerdings geht das einfacher, als komplizierte Teil von xXx_BaSStar_xXx, schau mal hier, ein Beispiel von mir: http://web306.server3.webplus24.de/testseiten/tooltips/

    Schau dir den Quelltext an, vielleicht verstehst du ihn schon so, sonst frag nach.

    G.a.d.M.

    Ronald

Ähnliche Themen

  1. text einblenden
    Von Onlinefreak im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 05.12.2007, 21:13
  2. Logo einblenden
    Von bo-biggi im Forum Flash Forum
    Antworten: 7
    Letzter Beitrag: 07.11.2007, 09:29
  3. aufblenden bevor einblenden
    Von Nadine im Forum Flash Forum
    Antworten: 8
    Letzter Beitrag: 26.08.2006, 23:33
  4. Tabellenzelle mit Klick aus- und einblenden
    Von webbie im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 25.01.2005, 20:50
  5. suche einblenden
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 9
    Letzter Beitrag: 29.10.2004, 11:25

Stichworte

Berechtigungen

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