Rainer: display:none -> show

Hallo,

habe gerade einen "Mordshänger".

Warum geht folgendes nicht?
############
<div class="hilfe" id="h6" style="display:none;z-index:3;">
Hilfe
</div>
<a href="#" onClick="document.getElementById(h6).style.display=show"><img src="upload/info_20.jpg" border="0" alt="Hilfe anzeigen" /></a>
############

Gruß Rainer

  1. Hi,

    Warum geht folgendes nicht?

    <a href="#" onClick="document.getElementById(h6).style.display=show">

    Weil du vermutlich weder eine Variable namens h6 noch eine namens show definiert hast.

    JavaScript-Zeichenketten werden innerhalb von einfachen oder doppelten Hochkommata notiert.

    <div class="hilfe" id="h6"

    Entkräfte bitte meine Befürchtung, die diese ID hervorruft - nämlich, dass es sich eigentlich um eine Überschrift handeln soll.

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    1. Hallo Chris,

      total entkräftet.
      Der Quelltext siht tatsächlich genauso aus. Und nein id="h6" ist _keine_ Überschrift.
      Das ganze ist nichts weiter als ein Div mit einem Hilfetext welches bei Klick auf den Link eingeblendet werden soll.

      Geht von h6 - h8, also 3 Divs mit den entsprechenden Links. Könnten auch a6 - a8 heissen, wenn das hilft.

      Der Hänger ist der Link:

      onClick="document.getElementById(h6).style.display='show'" blendet das div auch nicht ein. Komme einfach bnicht darauf warum.

      Gruß Rainer

      1. Hi,

        onClick="document.getElementById(h6).style.display='show'" blendet das div auch nicht ein. Komme einfach bnicht darauf warum.

        Siehe auch Martins ANtwort - show ist kein gültiger Wert für display.

        MfG ChrisB

        --
        Light travels faster than sound - that's why most people appear bright until you hear them speak.
      2. Hi Rainer!

        Sorry, Du hattest schon Antworten, das habe ich zu spät gesehen, deshalb meine https://forum.selfhtml.org/?t=188656&m=1256133.

        Das ganze ist nichts weiter als ein Div mit einem Hilfetext welches bei Klick auf den Link eingeblendet werden soll.

        Geht von h6 - h8, also 3 Divs mit den entsprechenden Links. Könnten auch a6 - a8 heissen, wenn das hilft.

        Nutze lieber 'sprechende' und sinnwolle Werte für das id-Attribut.
        Kollisionen mit Namen von HTML-Elementen und oder -Attributen solltest Du vermeiden, denn es verwirrt und kann u.U. im Zwischenspiel JS/CSS in die Falle führen.

        Der Hänger ist der Link:

        Das ist kein Link, sondern ein JS-Eventhandler für das 'Ereignis des Angeklicktwerdens' und der Hänger wurde Dir doch genannt - laß uns jetzt nicht hängen;)

        onClick="document.getElementById(h6).style.display='show'" blendet das div auch nicht ein. Komme einfach bnicht darauf warum.

        Was soll die Wertzuweisung von 'show' an die Eigenschaft display denn für eine Auswirkung haben? Es ist in CSS _kein_  gültiger Wert für display - JS ist's egal!

        off:PP

        --
        "You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)
      3. Hallo Rainer

        onClick="document.getElementById(h6).style.display='show'" blendet das div auch nicht ein. Komme einfach bnicht darauf warum.

        Zu dem, was dir ChrisB und Peter bereits geschrieben haben, h6 wird wohl immer noch keine JS-Variable sein, die eine Id enthält.

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
    2. Hallo,

      Warum geht folgendes nicht?
      <a href="#" onClick="document.getElementById(h6).style.display=show">
      Weil du vermutlich weder eine Variable namens h6 noch eine namens show definiert hast.

      und selbst wenn er "h6" anstatt h6 und "show" anstatt show meint: "show" ist kein gültiger Wert für die display-Eigenschaft.

      <div class="hilfe" id="h6"
      Entkräfte bitte meine Befürchtung, die diese ID hervorruft - nämlich, dass es sich eigentlich um eine Überschrift handeln soll.

      Ich fürchte, er meint das tatsächlich so - oder sollte es etwa das Kapitel 6 aus der Hilfe sein ...?

      Ciao,
       Martin

      --
      Keine Sorge, wir finden für jede Lösung ein Problem.
  2. Hi!

    habe gerade einen "Mordshänger".

    Dann brauchst Du wohl 'ne große blaue Pille.

    [lang=html]

    <a href="#" onClick="document.getElementById(h6).style.display=show"><img src="upload/info_20.jpg" border="0" alt="Hilfe anzeigen" /></a>

    [lang=html]

    Was erwartest Du denn?
    JS-seitig hast Du (fast) kein Problem, aber 'show' ist in CSS kein zulässiger Wert für 'display':
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

    Wenn Du eine Zeichenkette (String) einer Variablen zuweisen magst - nutze single- (') oder double- (") quotes - z.B:

      
    document.getElementById(h6).style.display='block';  
    
    

    off:PP

    --
    "You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)