Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] id als variabel verwenden. wie?

Einklappen

Neue Werbung 2019

Einklappen
Dieses Thema ist geschlossen.
X
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] id als variabel verwenden. wie?

    hallo leute
    folgendes problem: ich habe ein bild mit id=bild definiert
    nun nöchte ich diese id als variabel in einem link verwenden. etwa so
    Code:
    <a href="ordner/pfad/BILDVARIABEL">
    muss ich das nun über
    Code:
    var bildvariabel = document.getElementById('bild').src;
    machen, um die id einbauen zu können?

    wenn ja:wie baue ich dann diese java variabel in meinen html code ein?

    mfg

  • #2
    Code:
    <script>
    document.getElementById('bildlink').href = document.getElementById('bild').src;
    </script>
    
    <a href="" id="bildlink">...</a>
    <img src="http://www.php.de/javascript-ajax-und-mehr/..." id="bild" />
    so?

    Kommentar


    • #3
      die sache ist die: das bild mit der id=bild ist austauschbar.
      nun soll der link abhängig sein vom bild das gerade angezeigt wird.
      Code:
      <html>
      <head>
      <script type='text/javascript'>
              function set_pic(pic){
                  document.getElementById('bild').src = pic;
              }        
      </script>
      </head>
      <body>
      <table>
      <tr>
      <td colspan="3">
      <a href="WIE-SCHREIBE-ICH-DIESEN-LINK-ABHÄNGIG-VOM-ANGEZEIGTENBILD(1-2-ODER-3)?">
      <img id="bild" src="testbild1.jpg" border="0">
      </a>
      </td>
      </tr>
      <tr>
      <td>
      <a onclick="set_pic('testbild1.jpg')">link bild1</a>
      </td>
      <td>
      <a onclick="set_pic('testbild2.jpg')">link bild2</a>
      </td>
      <td>
      <a onclick="set_pic('testbild3.jpg')">link bild3</a>
      </td>
      </tr>
      </table>
      </body>
      </html>
      mfg

      Kommentar


      • #4
        siehe X-Posting:

        http://www.php.de/php-einsteiger/470...einsetzen.html

        Kommentar


        • #5
          [MOD: geschlossen wg. Crossposting]

          Kommentar

          Lädt...
          X