Cee-Jay: Per klick ein DIV um auf eine andere Ebene

Einen Schönen abend alle miteinander.
Ich hab ein problem aber ich komm nicht daruf was da nicht stimmt

Das script....
<script type="text/javascript">
<!--
function bildentschluesseln() {
 document.getElementById("ich1").style.z-index = "5";
}
//-->
</script>

...sollte das.....

<div style=position:absolute; top:170px; left:350px; z-index:2; id="ich1"><Img src=http://www.url.de/bilde.gif></div>

mit dem link...

<a href="javascript:bildentschluesseln()"></a>

auf die ebene 5 bringen

Klappt aber nicht

Was mach ich falsch!?

  1. Hallo Cee-Jay,

    document.getElementById("ich1").style.z-index = "5";

    es heißt nicht style.z-index sondern style.zIndex

    <div style=position:absolute; top:170px; left:350px; z-index:2; id="ich1">

    wieso steht da ` um die das css Zeug?

    <a href="javascript:bildentschluesseln()"></a>

    javascript: hat in href="" nichts verloren -> http://home.t-online.de/home/dj5nu/js-popup.html#jshowto3a

    Grüße aus Nürnberg
    Tobias

    1. hallo Tobias,

      javascript: hat in href="" nichts verloren -> http://home.t-online.de/home/dj5nu/js-popup.html#jshowto3a

      das sehe ich geringfügig anders. Siehe http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#javascript  -  wir wollen doch bei SELFHTML bleiben, gelle?

      Grüße aus Berlin

      Christoph S.

      1. Hallo Christoph,

        das sehe ich geringfügig anders. Siehe http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#javascript  -  wir wollen doch bei SELFHTML bleiben, gelle?

        der Fragesteller hätte doch selber finden können/sollen wo man das sonst hinschreibt,oder ;-)

        Grüße aus Nürnberg
        Tobias

  2. hallo Cee-Jay,

    Das script....

    [...]

    document.getElementById("ich1").style.z-index = "5";
    ...sollte das.....
    <div style=position:absolute; top:170px; left:350px; z-index:2; id="ich1"><Img src=http://www.url.de/bilde.gif></div>
    mit dem link...
    <a href="javascript:bildentschluesseln()"></a>
    auf die ebene 5 bringen
    Klappt aber nicht

    klappt höchstwahrscheinlich doch, bloß nutzt es dir nix ;-)
    Wichtig ist erstmal, daß du deinen link so schreibst:
    <a href="javascript:bildentschluesseln()">link-Text</a>
    damit überhaupt irgendwas angezeigt wird.

    Was hast du aber von einem Wechsel des "z-index" ? Nach dem Namen deiner Javascript-Funktion willst du noch irgendwas "entschlüsseln", nur leider sagst du nicht, was und wie. Wahrscheinlich liegt den Problem noch an einer anderen Stelle, die du bisher nicht benannt hast

    Was mach ich falsch!?

    Läßt sich kaum sagen, weil du wahrscvheinlich das eigentliche Problem nicht dargestellt hast. Stell maql deine ganze Seite irgendwohin auf eine temporäre Adresse, so daß man sichs mal in Gänze anschauen kann. Vielleicht läßt sich der "Fehler" dann genauer herausfinden.

    Grüße aus Berlin

    Christoph S.

    1. hi,

      <a href="javascript:bildentschluesseln()">link-Text</a>

      bitte unbedingt entweder "javascript:void(tu_was())" oder besser per onclick: <a href="#" onclick="tu_was(); return false;"> (unbedingt mit return false).
      Andernfalls sind Irritationen vorprogrammiert, z. B. Nichtausfuehren der Anweisung, ewige Sanduhr, gestoppte Gif-Animationen etc.

      Gruesse  Joachim

      1. hallo Joachim,

        bitte unbedingt entweder "javascript:void(tu_was())" oder besser per onclick: <a href="#" onclick="tu_was(); return false;"> (unbedingt mit return false).

        Das ist richtig. Man sollte, wenn man denn überhaupt "javascript:" einsetzt, das mit einem EventHandler machen. Mir kams hier bloß darauf an, daß zwischen <a href=...> und </a> doch irgendetwas stehen sollte, damit kein "blinder link" entsteht.

        Grüße aus Berlin

        Christoph S.

  3. Das ganze sieht so aus.
    Es ist ein Div auf ebene 1. Das ist für den hintergrund zuständig.
    Ein Weiteres div ist auf ebene 2 Da ist ein bild drauf.
    Darüber liegt dann ein Gif bild das steifenweise transparent ist.
    Dann soll das bild auf der Ebene 2 auf die Ebene 5 gebracht werden wenn es wer anklickt. Also die streifen davor sollen verschwinden, aber nur die vor dem Bild, nicht alle!

    1. hallo Cee-Jay,

      Das ganze sieht so aus.
      Es ist ein Div auf ebene 1. Das ist für den hintergrund zuständig.
      Ein Weiteres div ist auf ebene 2 Da ist ein bild drauf.
      Darüber liegt dann ein Gif bild das steifenweise transparent ist.
      Dann soll das bild auf der Ebene 2 auf die Ebene 5 gebracht werden wenn es wer anklickt.

      Es ist nicht gut, wenn du eine "Antwort" an anderer Stelle desa Threads plazierst. Wer hier neu hereinkommt und sich von oben nach unten durchliest, versteht nicht, was du mit diesem posting sagen möchtest, und daß es eine Rückantwort auf meine Antwort an dich ist.

      Trotzdem hilft dein Text nicht wesentlich weiter. Ich kann dir bloß sagen, daß das, was du gerne haben möchtest, prinzipiell machbar ist. Aber dazu solltest du deine bisherige Arbeit auf irgendeine tmeporäre Adresse hochladen, damit man sich das Ganze in Ruhe anschauen kann. Die ganze Seite hier zu posten, dürfte den Rahmen eines postings sprengen. Aber ohne konkreten Einblick in deine gesamte Seite wird dir kaum vernünftig zu helfen sein.

      Grüße aus Berlin

      Christoph S.

      1. http://www.andreasrinner.de/default14.htm

        Da ist's momentan upgeloaded
        Ein bisschen verändert.

        1. hallo Cee-Jay,

          http://www.andreasrinner.de/default14.htm
          Da ist's momentan upgeloaded

          naja, es scheint dir schwerzufallen, dein "Arbeitsmaterial" zu formulieren. Was du dort hochgeladen hast, ist der Ausschnitt eines HTML-Dokuments, völlig ohne >html>,<head> und <body>. Da es aber *.htm heißt, kann der Internet Explorer das trotzdem (leider) darstellen, alle anderen Browser nicht.

          Um es kurz zu machen: wie ich vermutet habe, ist dir eifach mit einem "Wechsel" des z-Index nicht zu helfen. Was möglich ist, wäre eine kleine Javascript-Funktion, mit der du zwei Layer entweder verstecken oder sichtbar machen kannst. Dazu legst du über das Bild, dessen Aussehen sich verändern soll, noch einen weiteren Layer mit exakt derselben Positionierung und versteckst ihn erstmal. Bei einem Mausklick machst du ihn dann sichtbar und dafür den anderen unsichtbar. Codebeispiele, wie das geht, gibt es in größerer Zahl in verschiedenen Archivbeiträgen.

          Christoph S.

          1. Danke Christoph,

            Die Methode mit dem Verstecken hat geklappt.

            Gruß **Cee-Jay**