Zum Inhalt springen

Javascript: Hyperlink dynamisch verändern


Reinhold

Empfohlene Beiträge

Moin,

ich habe hier mal eine Knobelaufgabe:

Auf einer Webseite ist ein Select-Feld mit Dateinamen. Ein Name ist voreingestellt ("selected"). Neben dem Select-Feld ist ein Hyperlink, der auf diese voreingestellte Datei zeigt, also z.B.

"<A HREF='datei.pdf' name='link' target='_blank'>Link</A>"

Nun möchte ich, dass sich die Adresse des Hyperlinks, also der Dateiname, ändert, wenn im Select-Feld ein anderer Eintrag gewählt wird.

Wie geht das? Irgendwas mit "onchange=..." des Select-Felds, soweit klar, aber wie verbiege ich den Hyperlink?

Danke für jeden Tipp. Die erste richtige Einsendung gewinnt einen Kaffee. :D

Reinhold

Link zu diesem Kommentar
Auf anderen Seiten teilen

Bastel dir ne Javascript-Funktion, die dir die Seite öffnet, die im Selectfeld ausgewählt ist:

<script language="JavaScript" type="text/JavaScript">
function s_test(){
window.open(document.form1.selectfeld.value);

}
</script>[/PHP]

Erstelle dein Select-Feld mit den Dateinamen als value:

[PHP]
<form name="form1" method="post" action="">
<select name="selectfeld" id="selectfeld">
<option value="http://www.google.de">1</option>
<option value="http://www.yahoo.de">2</option>
</select>
</form>

Erstelle einen Link, der als href "#" hat und beim Ereignis onClick deine Javascript-Funktion aufruft.

<A href="#" onClick="s_test()" name='link' >Link</A> 

Wird auf den Link geklickt, öffnet deine Javascript-Funktion die ausgewählte Adresse.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hervorragend (hol dir deinen Kaffee gelegentlich ab, gelle!)

Da es mehrere solcher Selectfelder gibt, die ihrerseits dynamisch mit PHP generiert werden, habe ich es (etwas abgespeckt) so eingebaut:

<select name='pdf[$tmp]' size='1'>

...

</select>

<A HREF='#' onClick=\"jsGoTo('pdf\[$tmp\]')\"> Link </A>

und

<script language="JavaScript" type="text/JavaScript">

function jsGoTo( selectfeld )

{

var link;

link = '$PDF/'+ document.forms[0].elements[selectfeld].value;

window.open(link);

}

</script>

Vielen Dank, ich stand da echt etwas auf dem Schlauch...

Reinhold

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...