Texter mit x: onmouseover="anderes_element.style='...';"

Beitrag lesen

Hallo

Ich habe mit javascript nicht viel am Hut und entsprechend wenig Ahnung. Ich möchte auch nicht groß einsteigen, nur ein paar Kleinigkeiten umsetzen. Heute brauche ich dazu mal Hilfe, die ich nur mit Recherche nicht gefunden habe. Ich möchte beim Überfahren von Elementen (li) mit der Maus etwas anderes einblenden bzw. was vorhandenes ändern (also nicht das li selbst). Mit Bildern habe ich das in der Vergangenheit schon gemacht aber offenbar sind Bilder ein leichter umzusetzender Sonderfall.
Zusätzliche Anforderung, das was je li eingeblendet wird soll bei allen an der gleichen Stelle auf der Seite liegen.

1. Etwas grundsätzliches:

onmouseover="name_anderes_bild.src='bilder/...';" funktioniert, wenn das andere Bild das Attribut name="name_anderes_bild" hat.
onmouseover="name_anderes_div.innerHTML='...';" funktioniert nicht, wenn das andere div nur das Attribut name="name_anderes_div" hat. Es funktioniert, wenn das andere div das Attribut id="name_anderes_div" hat.
onmouseover="anderes_element.style='...';" funktioniert weder mit name noch mit id.
("funktioniert nicht" heißt, es passiert nichts, zumindest nichts erkennbares)

Warum ist das so, was unterscheidet src, innerHTML und style?

2. Wenn ich mit der zweiten Variante (innerHTML=) einem div einen Inhalt verpasse, dann wird ein äußeres div (mit Hintergrundbild und -farbe) nicht mit vergrößert und der Text ragt ggf. darüber hinaus. Außerdem können häßliche Zuckungen auftreten, wenn der eingeblendete Text nicht mehr auf die Seite paßt und der onmouseover-Bereich dadurch unter dem Mauszeiger wegrutscht.

Kann man das verhindern, wenn ja wie?

3. Wenn nein, würde ich es so lösen, daß der Inhalt schon da ist, also seinen Platz beansprucht, aber unsichtbar ist. Das hätte ich nun mit style versucht aber wie oben beschrieben geht es nicht. Ich habe im Internet Lösungen gefunden, die mir sehr umständlich und zu umfangreich vorkommen (da werden extra Funktionen aufgerufen).

Wie kann ich ohne viel Drumherum mit onmouseover die Werte für style eines anderen Elements ändern?

0 50

onmouseover="anderes_element.style='...';"

Texter mit x
  • javascript
  1. 0
    Der Martin
    1. 0
      ChrisB
      1. 0
        Der Martin
    2. 0
      Texter mit x
      1. 0
        Texter mit x
        1. 0
          ChrisB
          1. 0

            Die Zitatsammlung ist immer noch defekt ... :-(

            EKKi
            • zu diesem forum
          2. 0
            Texter mit x
            1. 0
              ChrisB
              1. 0

                mehrere Elemente an gleicher Stelle die ihren Raum einnehmen

                Texter mit x
                • html
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Texter mit x
                    1. 0
                      Gunnar Bittersmann
                      1. 2
                        ChrisB
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Texter mit x
                          2. 0

                            zwei Nachfragen und Danke

                            Texter mit x
                            1. 0
                              ChrisB
                              1. 0
                                Der Martin
                              2. 0
                                Texter mit x
                              3. 0
                                Texter mit x
                            2. 0
                              Gunnar Bittersmann
                              1. 0
                                Gunnar Bittersmann
                        2. 0
                          Texter mit x
                        3. 0

                          Nachfrage

                          Texter mit x
                          1. 0
                            ChrisB
                      2. 0
                        Texter mit x
                2. 0
                  ChrisB
                  1. 0
                    Texter mit x
  2. 1
    EKKi
    1. 0
      Texter mit x
      1. 0
        EKKi
        1. 0
          Texter mit x
  3. 0
    Georg
    1. 3
      Gunnar Bittersmann
      1. 0
        Georg
        1. 0
          Der Martin
          1. 0
            Georg
            1. 1
              Gunnar Bittersmann
              1. 0
                Kai345
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Kai345
                  2. 0
                    Kai345
                    1. 0
                      Texter mit x
              2. 0
                Georg
              3. 0
                MudGuard
  4. 0
    Gunnar Bittersmann
    1. 0
      Texter mit x
  5. 0

    mehrere Elemente an gleicher Stelle die ihren Raum einnehmen

    Texter mit x