Avatar billede haolan Nybegynder
12. maj 2003 - 19:27 Der er 5 kommentarer og
1 løsning

Ord Indsætning i tekst

jeg vil gerne lave et scipt, som jeg kan bruge når jeg skal tilføje links til min hjemmeside.

Jeg vil have det så hvis jeg skriver sidens adresse i et felt og sidens navn i et andet felt og sidens beskrivelse i et tredje felt, så vil de forskellige tekster blive indsat de rigtige steder i noget programerings tekst ved et klik på OK og derefter lige klar til at kopiere og ligge ind på siden.
Avatar billede edutasia Nybegynder
13. maj 2003 - 09:08 #1
<html>
<head>
<title>Edutasia Linkbygger 1.0 :)</title>
<style>
TD, INPUT, TEXTAREA {font-family: verdana; font-size:11px}
INPUT, TEXTAREA {width:200px; border: 1px solid #666666}
</style>
<script>
function createLink() {
    var lf = document.linkForm;
    var strUrl = '<a href="' + lf.url.value + '" title="' + lf.title.value + '">' + lf.linkname.value + '</a>';
    lf.result.value = strUrl;
    lf.result.select();
    testResult.innerHTML = strUrl;
}

function resetForm() {
    var lf = document.linkForm;
    lf.reset();
    lf.url.focus();   
    lf.url.value += 'http://';
    testResult.innerHTML = '';
}
</script>
</head>

<body onload="resetForm()">
<form name="linkForm">
<table cellpadding=5 cellspacing=0 border=0>
<tr>
    <td>URL</td>
    <td><input name="url"></td>
</tr>
<tr>
    <td>Titel</td>
    <td><input name="linkname"></td>
</tr>
<tr>
    <td>Beskrivelse</td>
    <td><input name="title"></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td style="padding-bottom:15px">
        <input type=button style="width:95px" onclick="createLink()" value=" Byg link ">&nbsp;
        <input type=button style="width:95px" onclick="resetForm()" value=" Start forfra ">
    </td>
</tr>
<tr>
    <td>Resultat:</td>
    <td><textarea name="result" rows=5 cols=30></textarea></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td id="testResult"></td>
</tr>
</table>
</form>

</body>
</html>
Avatar billede haolan Nybegynder
13. maj 2003 - 19:25 #2
Det var ellers et godt bud, men det skal passe end i denne link formel:

<TABLE BORDER=0 cellspacing=1 cellpadding=2 WIDTH=85% style=" border-left: 1px dotted #6666ff" style=" border-right: 1px dotted #6666ff">
<TR><TD style="border-bottom: 1px dotted #6666ff">

<A href=http://www.vivaa.dk>Vivaa.dk</A>

</TR></TD>
<TR><TD style="border-bottom: 1px dotted #6666ff">

<FONT FACE=verdana,Arial SIZE=2>Link Beskrivelse</FONT>

</TR></TD>
<TR><TD style="border-bottom: 1px dotted #6666ff" WIDTH=80%>
<DIV ALIGN=CENTER><FONT COLOR=GRAY SIZE=2>http://www.vivaa.dk</A>
</TR></TD>
</TABLE>
<P>
Avatar billede haolan Nybegynder
13. maj 2003 - 19:27 #3
hov det var ikke meningen jeg vil acceptere, men hvis du kan hjælpe mig med at lave noget ligesom linkbuilder der bare tilføjer links ind i det HTML kode som jeg har skrevet oven for. Så er det fint.
Avatar billede edutasia Nybegynder
14. maj 2003 - 09:45 #4
Så skulle den være der. Bare til en anden gang: Det er en god idé at beskrive alle krav til koden i spørgsmålet :)

Det er i funktionen createLink, al koden bliver genereret (ved at tilføje mere og mere tekst til variablen strUrl). Det vil sige, at du blot kan redigere alt det, der står mellem plingerne (' og ') i de linier, hvor der står "strUrl += 'et-eller-andet';".

NB: "\n" tilføjer et linieskift - hvilket giver pænere og mere overskuelig kode.

Jeg har i øvrigt rettet en lille fejl, du havde i table-tagget: Du kan kun skrive style="" en gang - hvis der skal være flere style-regler, skal de adskilles med ";". Dvs. at

  style=" border-left: 1px dotted #6666ff" style=" border-right: 1px dotted #6666ff"

er blevet til

  style="border-left: 1px dotted #6666ff; border-right: 1px dotted #6666ff"


-------------------------------------------------------------------

<html>
<head>
<title>Edutasia Linkbygger 1.1 :)</title>
<style>
#buildTable TD, INPUT, TEXTAREA {font-family: verdana; font-size:11px}
INPUT, TEXTAREA {width:200px; border: 1px solid #666666}
#testResult {width: 300px; margin:15px}
</style>
<script>
function createLink() {
    var lf = document.linkForm;
    var strUrl = '<TABLE BORDER=0 cellspacing=1 cellpadding=2 WIDTH=85% style="border-left: 1px dotted #6666ff; border-right: 1px dotted #6666ff">\n';
    strUrl += '<TR><TD style="border-bottom: 1px dotted #6666ff">\n';
    strUrl += '<a href="' + lf.url.value + '">' + lf.linkname.value + '</a>\n';
    strUrl += '</TR></TD>\n<TR><TD style="border-bottom: 1px dotted #6666ff">\n';
    strUrl += '<FONT FACE=verdana,Arial SIZE=2>' + lf.desc.value + '</FONT>\n';
    strUrl += '</TR></TD>\n<TR><TD style="border-bottom: 1px dotted #6666ff" WIDTH=80%>\n<DIV ALIGN=CENTER><FONT COLOR=GRAY SIZE=2>';
    strUrl += lf.url.value;
    strUrl += '</A>\n</TR></TD>\n</TABLE>\n<P>\n';
    lf.result.value = strUrl;
    lf.result.select();
    testResult.innerHTML = strUrl;
}

function resetForm() {
    var lf = document.linkForm;
    lf.reset();
    lf.url.focus();   
    lf.url.value += 'http://';
    testResult.innerHTML = '';
}
</script>
</head>

<body onload="resetForm()">
<form name="linkForm">
<table cellpadding=5 cellspacing=0 border=0 id="buildTable">
<tr>
    <td>URL</td>
    <td><input name="url"></td>
</tr>
<tr>
    <td>Titel</td>
    <td><input name="linkname"></td>
</tr>
<tr>
    <td>Beskrivelse</td>
    <td><input name="desc"></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td style="padding-bottom:15px">
        <input type=button style="width:95px" onclick="createLink()" value=" Byg link ">&nbsp;
        <input type=button style="width:95px" onclick="resetForm()" value=" Start forfra ">
    </td>
</tr>
<tr>
    <td>Resultat:</td>
    <td><textarea name="result" rows=5 cols=30></textarea></td>
</tr>
</table>
</form>
<div id="testResult"></div>
</body>
</html>
Avatar billede haolan Nybegynder
14. maj 2003 - 18:41 #5
Jeg siger mange tak for din hjælp. Det var lige sådan en jeg manglede ;)

Jeg tænkte ikke lige på at skrive koden i spørgsmålet, skal nok huske det til en anden gang.
Avatar billede haolan Nybegynder
14. maj 2003 - 18:44 #6
Det med (;) havde jeg egentlig ikke tænkt på, men det har da virket hele tiden. Men det kan jo være ældre browsere der er problemet.
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