tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
556
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    kellykatz kellykatz ist offline Mitglied
    Registriert seit
    Jul 2008
    Beiträge
    19
    Hallo,

    mein Problem ist folgendes: Mit Hilfe eines maps und eines onmouseover- und onmouseoutevents sollte ein Wechsel des Hintergrundbildes in einigen DIV_Kontainern herbeigeführt werden. Das klappte auch. Ich hab den DIVs der Reihe nach Ids von 1 bis 14 gegeben und die Hintergrunddateien entsprechend benannt (also zum Beispiel "hover_1.gif" und der div-kontainer mit der id=1 gehörten dann zusammen.) Nun hab ich aber gemerkt, dass es nicht erlaubt ist, dass eine ID nur aus Ziffern besteht. Also hab ich einfach alle Zahlen in Buchstaben umgeschrieben und auch die Dateien umbenannt. (also heißt die neue id jetzt a und die dazugehörige datei "hover_a.gif")
    Doch nun klappt es nicht mehr. Ich hab am Scriptcode nichts geändert, alles ist so geblieben wie es ist. Die id wird in eine Variable übergeben und diese dann für das Aufrufen der Datei verwendet.

    hier der HTML-Code (an einem Beispiel):

    Code :
    1
    2
    3
    4
    5
    6
    
     
    <div class="vogel" id="a"></div>     <!-- der DIV-Kontainer in dem der Hintergrund gewechselt werden soll -->
     
    <map name="map_vogel" id="map_vogel">    <!-- die area, mit der die function aufgerufen wird -->
      <area title="About" shape="poly" coords="..." href="about.html" alt="über uns" onmouseover="sichtbar(a)" onmouseout="unsichtbar(a)" />
    </map>

    und hier der Javascriptcode:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    
     
     
    function sichtbar(nummer) {
    document.getElementById(nummer).style.background="url(navi/hover/hover_"+nummer+".gif)";
    document.getElementById(nummer).style.display="block";
    document.getElementById("fenster").style.background="url(navi/schrift/schrift_"+nummer+".png)";
    document.getElementById("fenster").style.backgroundRepeat="no-repeat";
    document.getElementById("fenster").style.backgroundPosition="center";
    document.getElementById("fenster").style.paddingTop="2px";
    }
     
     
    function unsichtbar(nummer)
    {
    document.getElementById(nummer).style.display="none";   /*es ist Absicht, dass der kontainer komplett ausgeblendet wird*/
    }

    Ich hoffe, ich hab es verständlich beschrieben und natürlich, dass mir jemand helfen kann.

    Ich bedanke mich schon im Voraus

    Kelly
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    der ID-Bezeichner muß hier innerhalb eines einfachen Anführungszeichens notiert werden:

    Code :
    1
    
    onmouseover="sichtbar([B][COLOR="Red"]'[/COLOR][/B]a[B][COLOR="Red"]'[/COLOR][/B])" onmouseout="unsichtbar([B][COLOR="Red"]'[/COLOR][/B]a[B][COLOR="Red"]'[/COLOR][/B])"


    mfg Maik
     

  3. #3
    Chef_De_Loup Chef_De_Loup ist offline Mitglied Bronze
    Registriert seit
    Jul 2007
    Beiträge
    48
    Gleicher Fehler wie in dem thread darunter. Die ID muss als Text uebergeben werden durch "" oder '' umklammert.

    Code :
    1
    
    onmouseover="sichtbar('a')"

    Edit: Mist Maik war schneller
     

  4. #4
    kellykatz kellykatz ist offline Mitglied
    Registriert seit
    Jul 2008
    Beiträge
    19
    Oh man, wieder einmal ein Schusselfehler.

    Danke, ich hatte nicht daran gedacht, dass die da erfordert werden. Aber wenn mein Kopf nicht angewachsen wäre....

    also

    Noch einmal vielen Dank, jetzt klappts natürlich ^_____^

    Kelly
     

Ähnliche Themen

  1. Script funktioniert nach Firefox Update nicht mehr
    Von bachhofer im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 30.07.09, 20:02
  2. Antworten: 2
    Letzter Beitrag: 26.06.08, 15:45
  3. Antworten: 7
    Letzter Beitrag: 25.04.08, 14:53
  4. Random Script funktioniert nicht mehr
    Von crunch im Forum PHP
    Antworten: 3
    Letzter Beitrag: 29.02.08, 13:48
  5. Antworten: 3
    Letzter Beitrag: 22.03.06, 16:15