Bild Anzeigen Und Ausblenden, ohne Java Script Einstellungen

[amethyst]

Hi Sicaine,

ich bezog mich auf den Link von Guido (helpy) und das was da gezeigt wird, geht im IE wirklich nicht ;-)) es wird nicht angezeigt.

Meine Menüs sind mit Hover-Effekten ausgestattet, ich weiß, dass der IE das kann, weil ich es immer in vielen Browsern ausprobiere.

Beispiele

Meine Hauptseite
Inhalt - Phase5 Einsteigerhilfe
Kapitel I - Einsteigerhilfe

Schau mal rein, auch in helpys Beitrag, dann verstehst Du mich vielleicht besser ;-))

Gruß
Uschi

Der Beitrag wurde von amethyst bearbeitet: 13.10.2004 - 16:21

[Gast_Sicaine_*]

Da stellt sich die Frage welche Version du nutzt? Weil bei mirs ja geht?

[helpy]

Hi Helpy,
ja wenn nicht ....

85% der User IE-User wären, eine praktikable Lösung. Aber eben leider nicht wirklich ) Im IE muss es auch angezeigt werden können )

Eine Hilfe für 15% der Internet-User, die sich eh auskennen, sonst würden sie ja nicht Firefox, Mozilla und Co. verwenden, ist nicht wirklich eine oder? )

Hi Uschi,

Stimmt ... das hab' ich einfach überlesen ... bei mir ging's ja

Tja, dann bleibt nichts anderes übrig als ein Link, wenn Du JavaScript nicht verwenden willst und hover auch nicht das ist, was Du brauchst.

cu, Guido

[amethyst]

Hi Sicaine,

ich will hier nicht darüber diskutieren, was der IE kann oder nicht kann, nur wenn die Betreiber der Seite es selber getestet haben und ich es nicht sehe, dann müssen wir wohl alle was mit den Augen haben oder? Ich benutze die neueste Version des IE mit allen Updates, auch die von heute (du auch schon?).

Kleiner Tipp, schau doch mal mit dem Firefox die Demos an, dann siehst Du Dinge, die Du vorher nicht gesehen hast.

Gruß Amethyst

[Netizen]

Java ist die am dichtesten bevölkerte Inseln Indonesiens und liegt zwischen den Südostasienstaaten und Australien genau zwischen Sumatra und Bali. Durch die wenig tiefe Java-See im Norden gibt es dort viele Strände und wenige Wellen.

Scheint dort oft die Sun?

Alles JAVA?

Ja, wa?

SCNR
n!

Der Beitrag wurde von Netizen bearbeitet: 13.10.2004 - 22:17

[Conny]

Hallo Uschi,
ja, Joachim ist ein rafiniertes Kerlchen!

Ein Blick in der Quellcode verrät folgendes:
(Ich habe es 1 zu 1 übernommen)

QUELLTEXT

<p>Sie sehen jetzt den Grafikbetrachter, wie die folgende <a onclick=
   "doSection(f21)" class="sidebar" href="#nowhere" title=
   "Klicken Sie, um den Abschnitt zu &ouml;ffnen/schlie&szlig;en.">Abbildung</a>
   zeigt.</p>

   <div style="margin-left: 2em">
       <div class="sidebartext" id="f21" style="display: none"
       onclick="noSection(f21)">
           <img src="../image/image_viewer.gif" width="596" height=
           "366" border="0" alt="Grafikbetrachter">
       </div>

Der Text der zum Bild wird, wird verlinkt mit einem Verweis auf einem Anker auf der gleichen Seite (hier: #nowere). Damit sich das Bild an der richtigen Stelle (hier in einem DIV Container) positioniert, bekommt es eine ID (f21). Angesteuert wird es aber dennoch mit ein kleines JavaScript.

QUELLTEXT

function doSection (secNum){
    //display the section if it's not displayed; hide it if it is displayed
    if (secNum.style.display=="none"){secNum.style.display=""}
    else{secNum.style.display="none"}
}

function noSection (secNum){
    //remove the section when user clicks in the opened DIV
    if (secNum.style.display==""){secNum.style.display="none"}
}

Class sidebar und sidebartext beinhalten:

QUELLTEXT

a.sidebar {
 color : #339933;
 font-weight : bold;
 text-decoration : none;
 cursor : hand;
 background : transparent;
    }


/* Only use this for sidebars that ARE in a list */
    DIV.sidebartext {
 position: relative;
 left: -22px;
 height: 72px;
 width: 300px;
 margin-top: .6em;
 margin-right: 3em;
 margin-left: 0;
 margin-bottom: .6em;
 padding-top: .75em;
 padding-right: 6px;
 padding-left: .75em;
 padding-bottom: .75em;
 cursor: hand;
 border-left: 4pt solid #339900;
 background-color: #F0F0F0;
    }

So, ich glaube damit ist das Geheimnis gelüftet

cu
Conny (der hoffentlich nichts vergessen hat...)

[amethyst]

Danke Conny, es geht also ncih ohne java script ;-))

Trotzdem danke.

Uschi, die sich jetzt in ein überlanges WE verabschiedet ;-))

Euch allen ein schönes WE

[Conny]

.....es geht also ncih ohne java script .....

Nee, es geht nicht ohne JavaScript.
Auf's nötigste reduziert kommt DAS dabei raus.
Was mich nun interessieren würde ist, kann ich anstatt Text auch ein Thumb nehmen, welches beim Anklicken ausgetauscht wird?

Ich bin mir eigentlich sicher, daß das geht; wahrscheinlich bracht man hierzu ein anderes Script! Stimmts?

cu
Conny

[amethyst]

Hi Conny,
hübsches Auto ;-))

Danke, das hilft schon mal weiter. Ob es mit nem Thumb auch geht, pobier ich morgen mal aus.

Danke und schlaf gut

Uschi

Der Beitrag wurde von amethyst bearbeitet: 02.11.2004 - 1:28

[Google Bot]