Avatar billede TiHs Nybegynder
25. januar 2007 - 17:28 Der er 2 kommentarer og
1 løsning

Et script der kan lave links

Hej eksperter

Kan i hjælpe mig med at lave et script der vil danne html koden for et link. Jeg tænker på følgende:

1)en form/felt hvor man selv skriver http://adressen
2)en form/felt hvor man selv skriver ordet man trykker på
3)en ok knap som så sætter disse to sammen og laver
4)selve html koden lige neden for i et andet felt: <a href="osv...

F.eks. hvis jeg ville lave html koden for link til tv2 og ordet man skal trykke på for at åbne siden er tv2:

form1 - jeg skriver http://www.tv2.dk i første felt
form2 - jeg skriver tv2 i anden felt
knap - jeg trykker på ok
4 - i et felt neden under ok knappen dannes nu:
<a href="http://www.tv2.dk" target="_blank">tv2</a>

Håber det er forståeligt og jeg kan få hjælp.
Avatar billede Slater Ekspert
25. januar 2007 - 17:53 #1
<form name="form1">
<input type="text" name="p1"><br>
<input type="text" name="p2"><br>
<input type="text" name="p3"><br>
<input type="button" value="make it" onclick='form1.p3.value="&lt;a href=\""+form1.p1.value+"\"&gt;"+form1.p2.value+"&lt;/a&gt;"'>
</form>
Avatar billede psykochicken Nybegynder
25. januar 2007 - 20:27 #2
...eller hvis du vil have den til at lave selve linket, kunne det være noget i stil med:

<script type="text/javascript">
function makelink(a){
var elm = document.getElementById('showlink');
var thelink = a.p1.value;
var thetext = a.p2.value;
  while(elm.firstChild){
    elm.removeChild(elm.firstChild);
  }
var mylink = elm.appendChild(document.createElement('a'));
    mylink.setAttribute('href',thelink);
    mylink.setAttribute('title','Klik for at se mere');
    mylink.setAttribute('target','_blank');
var mytxt = mylink.appendChild(document.createTextNode(thetext));
}
</script>
<form name="form1">
<input type="text" name="p1"><br>
<input type="text" name="p2"><br>
<input type="button" onclick="makelink(this.form)"><br>
Her er dit link: <span id="showlink"></span>
</form>

/psc
Avatar billede TiHs Nybegynder
25. januar 2007 - 21:05 #3
Super Viperine ... takker - det funker. Jeg skulle bare lige rette den til så jeg også fik taget="" med i linket :o))
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester