Niko auch: Bild u n d Text weckseln

Hallihallo,
hab mit beispiel Selfhtml
HTML und Script was ändert Bild beim Anklicken.
Wie kann aber ich auch den Text ändern?
Und Frage: wie kann ich den Text besser rechts in Bildmitte stellen statt mit <br> das immer unterschiedlich von Browser.
Danke für Ihre Tipp.

  
<html>  
<head>  
<title>Dynamische grafische Buttons</title>  
<script type="text/javascript">  
Normal = new Image();  
Normal.src = "Bild1.jpg";  
Highlight = new Image();  
Highlight.src = "Bild2.jpg";  
  
  
function Bildwechsel (Bildnr, Bildobjekt) {  
  window.document.images[Bildnr].src = Bildobjekt.src;  
}  
</script>  
  
</head>  
<body>  
<br><br><br>  
<div onmouseover="Bildwechsel(0, Highlight)" onmouseout="Bildwechsel(0, Normal)" >  
   <img src="Bild1.jpg" style="float:left;" width="515" height="372" border="0" alt="Bild1"  
   <span style="margin-left:1em;padding-left:1em;">  
     <br><br><br><br><br><br><b>blablabla</b><br>bliblibli<br>bluuuu  
   </span>  
</div>  
  
  
</body>  
</html>
  1. Kurze Antwort: .innerHTML (funktioniert so ähnlich wie .src, aber mit HTML-Code). Es gibt noch andere Methoden, aber diese ist die Einfachste.

    Gruß, LX

    --
    X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: Unusual
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hallo

      Kurze Antwort: .innerHTML (funktioniert so ähnlich wie .src, aber mit HTML-Code). Es gibt noch andere Methoden, aber diese ist die Einfachste.

      Beispiel habe ich versucht, das läuft aber nicht in allen Browsern Firefox , IE, Opera.
      Gibt es Methode, die überall dort geht?

      1. Hallo,

        Beispiel habe ich versucht, das läuft aber nicht in allen Browsern Firefox , IE, Opera.

        Dann machst du einen Fehler. Begebe dich auf die Suche danach und zeige uns ggf. den Code deiner Tests, damit wir dir weiterhelfen können.

        Gibt es Methode, die überall dort geht?

        http://de.selfhtml.org/javascript/objekte/all.htm#inner_html@title=innerHTML kennen alle besagten Browser.

        Mathias

        1. Dann machst du einen Fehler. Begebe dich auf die Suche danach und zeige uns ggf. den Code deiner Tests, damit wir dir weiterhelfen können.

          Zum Beispiel geht bei mir nicht
          http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=innerhtml
          dann: all: Allgemeines zur Verwendung
          dann: "HTML-Elemente ansprechen"

          Niko

          1. Hi,

            Zum Beispiel geht bei mir nicht
            http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=innerhtml
            dann: all: Allgemeines zur Verwendung
            dann: "HTML-Elemente ansprechen"

            also http://de.selfhtml.org/javascript/objekte/all.htm#ansprechen - Du hast offenbar den ersten Satz auf dieser Seite geflissentlich überlesen:
            "Das Objekt all, das in der JavaScript-Objekthierarchie unterhalb des Seite document-Objekts liegt, ist der Schlüssel zu Dynamischem HTML nach dem Ansatz des *Internet Explorers* ab Version 4.0."

            freundliche Grüße
            Ingo

            1. Hallo

              also http://de.selfhtml.org/javascript/objekte/all.htm#ansprechen - Du hast offenbar den ersten Satz auf dieser Seite geflissentlich überlesen:
              "Das Objekt all, das in der JavaScript-Objekthierarchie unterhalb des Seite document-Objekts liegt, ist der Schlüssel zu Dynamischem HTML nach dem Ansatz des *Internet Explorers* ab Version 4.0."

              Verstehe ich nicht, was du meinst.
              Molily hat geschrieben "innerHTML kennen alle besagten Browser"
              und das Beispiel
              http://de.selfhtml.org/javascript/objekte/anzeige/all_allgemeines.htm
              läuft bei mir nicht.
              Schöne Gruß
              Niko

              1. Hi,

                und das Beispiel
                http://de.selfhtml.org/javascript/objekte/anzeige/all_allgemeines.htm
                läuft bei mir nicht.

                dieses Beispiel liegt in einem IE-spezifischen Bereich und läuft daher wie viele andere hier u.U. nur in Microsoft-Browsern.

                freundliche Grüße
                Ingo

                1. Hi,
                  ist das Problem von Selfhtml, weil molily schreibt, dass es geht in allen Browsern?
                  Niko

              2. Mahlzeit Niko auch,

                läuft bei mir nicht.

                "Läuft [...] nicht" ist genauso aussagekräftig wie "funzt net" - nämlich gar nicht. Was genau funktioniert nicht? Was passiert? Was passiert nicht? Was sollte passieren? Um welchen Browser handelt es sich? Was sagt die Fehlerkonsole?

                MfG,
                EKKi

                --
                sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                1. "Läuft [...] nicht" ist genauso aussagekräftig wie "funzt net" - nämlich gar nicht. Was genau funktioniert nicht? Was passiert? Was passiert nicht? Was sollte passieren? Um welchen Browser handelt es sich? Was sagt die Fehlerkonsole?

                  Eigentlich doch klar, wenn Selfhtml-Beispiel. Tut nicht das, was dort beschrieben ist. Kommt nicht "Anderer Inhalt" wenn man auf Aendern drückt.
                  Javascript ist aktiviert, weil anderes Javascript-Beispiel funktioniert.
                  Niko

                  1. Mahlzeit Niko auch,

                    "Läuft [...] nicht" ist genauso aussagekräftig wie "funzt net" - nämlich gar nicht. Was genau funktioniert nicht? Was passiert? Was passiert nicht? Was sollte passieren? Um welchen Browser handelt es sich? Was sagt die Fehlerkonsole?
                    Tut nicht das, was dort beschrieben ist. Kommt nicht "Anderer Inhalt" wenn man auf Aendern drückt.

                    Die Fragen nach dem verwendeten Browser und der Ausgabe der Fehlerkonsole ignorierst Du gekonnt ... anscheinend willst Du nicht, dass man Dir hilft.

                    MfG,
                    EKKi

                    --
                    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                    1. »

                      Die Fragen nach dem verwendeten Browser und der Ausgabe der Fehlerkonsole ignorierst Du gekonnt ... anscheinend willst Du nicht, dass man Dir hilft.

                      Verwende Firefox und Netscape, Fehlerkonsole kenn ich nicht. Und warum Frage nach Browser, wenn es für alle funktionieren sollen müsste.
                      Niko

                      1. Mahlzeit Niko auch,

                        Verwende Firefox und Netscape, Fehlerkonsole kenn ich nicht.

                        Im Firefox: E(x)tras -> Fe(h)ler-Konsole

                        Und warum Frage nach Browser, wenn es für alle funktionieren sollen müsste.

                        Weil es darum geht, in welchem Browser es nicht funktioniert? Du hast nur geschrieben "Zum Beispiel geht bei mir nicht" ... da wäre es schon interessant, in welchem Browser es "nicht funktioniert".

                        Von systematischer Fehlersuche hast Du noch nicht viel gehört, ist das richtig?

                        MfG,
                        EKKi

                        --
                        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                        1. Weil es darum geht, in welchem Browser es nicht funktioniert? Du hast nur geschrieben "Zum Beispiel geht bei mir nicht" ... da wäre es schon interessant, in welchem Browser es "nicht funktioniert".

                          Von systematischer Fehlersuche hast Du noch nicht viel gehört, ist das richtig?

                          Ich verstehe nicht, warum ich systematisch einen Fehlersuchen muss wenn das Beispiel Selfhtml (nicht kopiert sondern auf Selfhtml aufgerufen) nicht funktioniert.

                          1. Mahlzeit Niko auch,

                            Ich verstehe nicht, warum ich systematisch einen Fehlersuchen muss wenn das Beispiel Selfhtml (nicht kopiert sondern auf Selfhtml aufgerufen) nicht funktioniert.

                            Natürlich musst Du das nicht. Das einzige, was Du musst, ist sterben und Steuern zahlen (nicht unbedingt in der Reihenfolge). Aber wenn Du einfach so "Zum Beispiel geht bei mir nicht" in dieses Forum schreibst, dann solltest Du - mindestens auf Nachfrage! - auch angeben, welchen Browser Du verwendest, was in der Fehlerkonsole steht usw., wenn Du möchtest, dass man Dir hilft. Glaskugeln sind grad aus, in Deinen Kopf kann niemand schauen und ich denke, dass die Anzahl von Lesern, die direkt neben Dir sitzt und mit auf Deinen Bildschirm schauen kann, nahezu gegen 0 tendiert.

                            Also hilf Deinen Lesern, Dir zu helfen oder lass es - keine Arme, keine Kekse!

                            MfG,
                            EKKi

                            --
                            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                            1. Natürlich musst Du das nicht. Das einzige, was Du musst, ist sterben und Steuern zahlen (nicht unbedingt in der Reihenfolge). Aber wenn Du einfach so "Zum Beispiel geht bei mir nicht" in dieses Forum schreibst, dann solltest Du - mindestens auf Nachfrage! - auch angeben, welchen Browser Du verwendest, was in der Fehlerkonsole steht usw., wenn Du möchtest, dass man Dir hilft.

                              Und du solltest lesen was ich geschrieben. Wenn beim Beispiel steht, Text ändern sich wenn anklicken, dann heißt "geht nicht": "Text ändert nicht" oder was kann sonst nicht gehen - meine Maustaste?

                              1. Mahlzeit Niko auch,

                                angeben, welchen Browser Du verwendest, was in der Fehlerkonsole steht usw., wenn Du möchtest, dass man Dir hilft.
                                Und du solltest lesen was ich geschrieben. Wenn beim Beispiel steht, Text ändern sich wenn anklicken, dann heißt "geht nicht": "Text ändert nicht" oder was kann sonst nicht gehen - meine Maustaste?

                                So, das ist wird dann mein letztes Posting in diesem Thread. Du hältst es trotz eines Hinweises und insgesamt vier Nachfragen nach dem von Dir verwendeten Browser nicht für nötig, diese Information preiszugeben. Auch scheinst Du nicht willens zu sein, in die Fehlerkonsole Deines Browser zu schauen, ob dort vielleicht eine Fehlermeldung angezeigt wird.

                                Schlussfolgerung: Du willst keine Hilfe.

                                MfG,
                                EKKi

                                --
                                sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                                1. Hallo,

                                  Auch scheinst Du nicht willens zu sein, in die Fehlerkonsole Deines Browser zu schauen, ob dort vielleicht eine Fehlermeldung angezeigt wird.

                                  Jetzt ist aber mal gut. Es ist ja wohl offensichtlich, was er dort für eine Fehlermeldung finden würde, und es ist auch offensichtlich, was er für einen Browser benutzt.

                                  Man muss nicht »systematisch nach Fehlern suchen«, wenn man schlicht und ergreifend ein IE-spezifisches Beispiel in einem anderen Browser öffnet. Da hat man keinen Fehler gemacht, sondern nicht gelesen, was das Beispiel verdeutlichen soll.

                                  Aber ja, hätte Niko in die Fehlerkonsole geschaut, wäre er selbst auf den Trichter gekommen, dass nicht innerHTML an sich das Problem ist, das Nicht-IE-Browser mit dem Beispiel haben. Und ja, Niko hätte den SELFHTML-Texten auch entnehmen können, was ich noch einmal expliziert habe.

                                  Mathias

          2. Hallo,

            Zum Beispiel geht bei mir nicht
            http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=innerhtml
            dann: all: Allgemeines zur Verwendung
            dann: "HTML-Elemente ansprechen"

            Ich habe von innerHTML geredet, nicht document.all!

            SELFHTML sortiert IE-spezifische Elementeigenschaften und -methoden (darunter innerHTML) unter die IE-spezifische Zugriffsweise auf Elemente (document.all) ein.
            Ein notwendiger Zusammenhang besteht jedoch nicht! Man muss nicht document.all nutzen, um ein auf ein Element und dann auf deren innerHTML-Eigenschaft zuzugreifen.

            Nochmal: document.all ist eine IE-spezifische Technik, um Elementobjekte im anzusprechen. Daneben gibt es den W3C-DOM-Standard. Den können mittlerweile alle Browser, IE eingeschlossen, sodass document.all in jeder Hinsicht unnötig und veraltet ist.

            Also kann man z.B. ein Element mit document.getElementById »holen«. Dieses Elementobjekt hat dann im IE u.a. die auf der besagten Seite beschriebenen Eigenschaften und Methoden.

            Aber auch in anderen Browsern wurden viele dieser Eigenschaften und Methoden implementiert - vor allem innerHTML unterstützen alle Browser.

            Nochmal: innerHTML als Eigenschaft von Elementobjekten unterstützen alle relevanten Browser. Aber sie unterstützen nicht die IE-spezifische, veraltete und unnötige Ansprechweise document.all. Das ist auch nicht schlimm und tastet wie gesagt die innerHTML-Unterstützung überhaupt nicht an.

            Ja, ich weiß, das geht nicht klar aus SELFHTML hervor und die Einordnung unter document.all ist problematisch.

            Mathias