Andrea: alt-tag variable gestalten

Hallo zusammen!

Ich laufe mit JS durch ein Array und lasse mir fuer verschiedene Staedte auf einer Map Kreise anzeigen. Funktioniert auch ganz gut, nur moechte ich, dass ich beim "mouseover" den Namen der Staedte angezeigt kriege, die zusammen mit den Positionen im einem Array abgespeichert sind.
Probiert hab ich das:
...
<img id="img" + i +"" src="kreis.gif" "width="10" border=0 alt="stadt[i].name">
...

da zeigt er mir im ALT aber nur stadt[i].name als Text an. (Mit und ohne ")
Hat jemand eine Ahnung, wie ich die dazugehoerige Stadt im Alt-Text angezeigt kriege, oder ob es eine andere Moeglichkeit gibt?

Andrea

  1. Hi,

    Ich laufe mit JS durch ein Array und lasse mir fuer verschiedene Staedte auf einer Map Kreise anzeigen. Funktioniert auch ganz gut, nur moechte ich, dass ich beim "mouseover" den Namen der Staedte angezeigt kriege, die zusammen mit den Positionen im einem Array abgespeichert sind.

    Was hat mouseover mit dem alt-Attribut (nicht tag) zu tun?
    Richtig: gar nichts. Für Tooltips ist das title-Attribut zuständig.
    Alt ist dann anzuzeigen, wenn das Bild nicht angezeigt werden kann, als _alt_ernative.

    <img id="img" + i +"" src="kreis.gif" "width="10" border=0 alt="stadt[i].name">

    Wenn Du eine Variable im Text haben willst, mußt Du string-Verkettung benutzen, also den + Operator.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.mud-guard.de/
    1. Hi Andreas!

      Danke.
      Gibtst du mir noch nen Tip, wie das mit dem i aussieht?

      <img id="img" + i +"" src="kreis.gif" "width="10" border=0 title="stadt[i].name" + i >
      da macht er nix und innerhalb der "" gibt er das i glatt als String aus (is ja auch logisch)

      Andrea

      1. Gibtst du mir noch nen Tip, wie das mit dem i aussieht?

        <img id="img" + i +"" src="kreis.gif" "width="10" border=0 title="stadt[i].name" + i >
        da macht er nix und innerhalb der "" gibt er das i glatt als String aus (is ja auch logisch)

        Andrea,
        Genau wie bei deinem ersten i hinter img auch:
        ... ]" + i + "[ ...
        Gunnar

        --
        Good results come from experience; and experience comes from bad results.
        1. Oops, natürlich erst [, dann ].
          Gunnar

          --
          Good results come from experience; and experience comes from bad results.
          1. Danke Gunnar!
            <img id="img" + i +"" src="kreis.gif" "width="10" border=0 title="stadt["+i+"].name">

            Sieht schon besser aus, nur noch nicht ganz richtig, weil er mir zb.
            stadt[6].name oder so ausgibt (Position im Array)

            1. Hallo,

              <img id="img" + i +"" src="kreis.gif" "width="10" border=0 title="stadt["+i+"].name">

              <img id="img"+i+"" src=""kreis.gif" "width="10" border="0" title=""+stadt[i].name+"" alt=""+stadt[i].name+"">

              Sollte funktionieren (das alt-Attribut ist zwingend erforderlich, egal ob du title benutzt oder nicht). Schöner wäre es m.E., wenn du die ganze Zeichenkette mit Hochkommata umschließt. Dann sind die ganzen Backslashes nicht nötig:

              '<img="img'+i+'" src="kreis.gif" width="10" border="0" title="'+stadt[i].name+'" alt="'+stadt[i].name+'">'

              Gruß, Jan

              1. Hallo Jan!

                Das hat geklappt!

                Vielen Dank an die 3-fache maennliche Hilfe ;-) (soweit die Nicks das hergeben...)

                Andrea

            2. Sieht schon besser aus, nur noch nicht ganz richtig,

              Ja, das kommt davon, wenn man nur mit einem Auge hinkuckt. .-(
              Mit dem zweiten sieht man besser! :-)

              Jan hat's ja schon berichtigt.
              Gunnar

              --
              Good results come from experience; and experience comes from bad results.