Ergebnis 1 bis 5 von 5

Thema: Link ersetzen

  1. #1
    Danielo ist offline Jungspund
    registriert
    04-05-2006
    Beiträge
    23

    Link ersetzen

    Hallo,
    ich bitte um Hilfestellung. Zunächst einmal ein Stück HTML Code:


    Code:
    <input type="text" name="ort" value="">
    ...
    ...
    <a href="link.php"><img src="logo.gif"></a>

    Ich möchte mit JS nun folgendes erreichen:

    wenn jemand in das Eingabefeld (Name "ort") klickt, dann soll der Link (mit Bild) durch ein neues Bild (ohne Link) ersetzt werden.

    aus

    Code:
    <a href="link.php"><img src="logo.gif"></a>
    wird

    Code:
    <img src="logo2.gif">
    Wie muss in diesen Fall der JS Code lauten? Kann man den JS Code eigentlich direkt im HTML Body einbauen?

  2. #2
    pit-r Guest

    AW: Link ersetzen

    Moin!
    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"
    >
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <
    meta http-equiv="Content-Script-Type" content="text/javascript">
    <
    title>Beispiel</title>
    </
    head>
    <
    body>
    <
    script type="text/javascript">
    function 
    linkWeg(){
    var 
    l=document.getElementById('lnk');
    var 
    i=l.getElementsByTagName('img')[0];
    i.src='logo2.gif';
    l.parentNode.insertBefore(i,l);
    l.parentNode.removeChild(l);
    }
    </script>
    <input type="text" name="ort" value="" onclick="linkWeg()">
    <a href="link.php" id="lnk"><img src="logo.gif" alt=""></a>
    </body>
    </html> 
    Ahoi - Pit

  3. #3
    Danielo ist offline Jungspund
    registriert
    04-05-2006
    Beiträge
    23

    AW: Link ersetzen

    Zunächst einmal DANKE für die superschnelle Antwort.
    Sorry für die blöde Frage, aber wie muss ich den JS-Code anpassen wenn ich den HTML Code komplett ersetzen will. Beispiel:

    aus

    Code:
    <a href="link.php"><img src="logo.gif" alt=""></a>
    wird

    Code:
    <b>Test:</b>&nbsp;<input type"submit" name="test" value="test">

  4. #4
    pit-r Guest

    AW: Link ersetzen

    Was hat das mit der ursprünglichen Frage zu tun?

    Pack die Gülle in ein HTML-Element Deiner Wahl und weise diesem mittels innerHTML neuen Inhalt zu oder mach Dich in DOM-Methoden fit...

  5. #5
    Danielo ist offline Jungspund
    registriert
    04-05-2006
    Beiträge
    23

    AW: Link ersetzen

    Der Hinweis "innerHTML" reichte mir, DANKE nochmal!

Ähnliche Themen

  1. mauszeiger gerade auf einen link?
    Von Spike_java im Forum JavaScript
    Antworten: 14
    Letzter Beitrag: 03-10-2006, 14:38
  2. Antworten: 6
    Letzter Beitrag: 21-05-2006, 02:27
  3. Formular inklusive Link großes problem
    Von Plutarch im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 09-06-2005, 15:00
  4. mal wieder ein link problem
    Von Jemand im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 19-05-2004, 15:43
  5. ALT+F4 Taste als Link ersetzen?
    Von eml56k im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 09-12-2000, 14:42

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •