Per klick ein DIV um auf eine andere Ebene
Cee-Jay
- javascript
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!?
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
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.
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
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.
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
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.
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!
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.
http://www.andreasrinner.de/default14.htm
Da ist's momentan upgeloaded
Ein bisschen verändert.
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.
Danke Christoph,
Die Methode mit dem Verstecken hat geklappt.
Gruß **Cee-Jay**