[JS] Link vanuit javascript maken?

zondag 27 april 2008 13:29

Acties:

0 Henk 'm!

Topicstarter

Hallo,

Het is misschien een simpel iets maar ik heb er al uren naar gezocht en kan het nergens vinden.

Ik wil vanuit javascript een simpele link maken. Ik heb het zo geprobeerd, maar dat werkt niet.

<script>
artist="madonna";
song="hello";

document.write("<A href\"http://www.jango.com/music/"+artist+"/"+song+"/\">Play this song</A>");
</script>

Weet iemand hoe ik dat voor elkaar zou moeten krijgen?

zondag 27 april 2008 13:38

Acties:

0 Henk 'm!

Civil

Volgens mij vergeet je gewoon het = teken achter het href attribuut.

zondag 27 april 2008 13:45

Acties:

0 Henk 'm!

Sebazzz

3dp

HTML:

<script type="text/javascript">
var artist="madonna",song="hello";

document.write("<a href\"http://www.jango.com/music/"+artist+"/"+song+"/\">Play this song</a>");
</script>

Het is niet aan te raden trouwens om je website te laten afhangen van Javascript. Het moet een recommendation blijven en geen requirement worden. Kijk maar eens naar de T.net frontpage, Javascript aan hebben is fijn voor het gebruik maar het is niet verplicht en de frontpage is prima te gebruiken.

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

zondag 27 april 2008 13:46

Acties:

0 Henk 'm!

kramer65

Topicstarter

Oei, ja klopt, die had ik nog vergeten. Had ik in een eerdere versie al wel.

Dan wordt het inderdaad een link, maar het probleem is dan dat hij linkt naar de pagina waar hij al is. Dat wil zeggen, ik had het gesaved onder javalink.php en die link gaat dan gewoon weer naar javalink.php
Hij linkt dus niet daadwerkelijk door naar die link die ik wil..

Weten jullie hoe je dat moet oplossen?

zondag 27 april 2008 13:51

Acties:

0 Henk 'm!

orf

In Firefox kun je de webdeveloper toolbar installeren.
Die heeft een knopje: view generated source. Dan zie je precies hoe de link met JavaScript in je pagina wordt gezet. Installeer daarnaast gelijke Firebug en je kan echt met JavaScript gaan ontwikkelen.

zondag 27 april 2008 13:53

Acties:

0 Henk 'm!

Tim_bots

Ik heb ook nog even zitten knutselen en hier is mijn resultaat:

HTML:

<html>
<head>
<title>een pagina</title>
</head>
<script>
function WriteSong(artist,song)
{
  document.getElementById("Link1").href = 'http://www.jango.com/music/'+artist+'/'+song+'/';
}
</script>
<body onload = WriteSong("madonna","hello")>
<a href = "" id = "Link1">Play this song</a>

</body>
</html>

In dit voorbeeld wordt gebruik gemaakt van het DOM model.

Het leuke is dat je nu de link kunt veranderen door de gebruiker op een andere knop te laten drukken. en dan de functie WriteSong aan te roepen. Op dat moment wordt de link aangepast en heb je weer een ander nummer

de link staat nu tussen enkele ' haakjes in plaats van dubbele " zodat escapen niet nodig is

Alvast hartelijk bedankt voor al jullie hulp en reacties, Tim Bots

zondag 27 april 2008 14:20

Acties:

0 Henk 'm!

kramer65

Topicstarter

dat is perfect! Dankjewel!!

Ik heb altijd met php gewerkt en eigenlijk niets gedaan met javascript, maar het heeft erg veel overeenkomsten. Misschien er toch maar eens mee beginnen..

Onderwerpen