Avatar billede henninghabor Nybegynder
16. juli 2004 - 14:09 Der er 3 kommentarer og
1 løsning

Fra input til textarea vel klik på knap

Hej,

Jeg har nedenstående form, hvor jeg ønsker at man skal kunne overføre en url fra et input til textarea ved at klikke på en knap.

Det skal gøres sådan at det tekst man allerede har skrevet i textarea bliver beholdt og at url indsættes hvor cursoren er i textarea.

Jeg er ved at lave en side hvor brugeren kan lave en lille hjemmeside og brugeren kan ikke finde ud af html-koder.

<-- FORMEN JEG HAR INDTIL VIDERE -->

<form action="admin.php?action=2" method="post">
<table>
<tr><th colspan="2">Tilf&oslash;j en ny side</th></tr>
<tr><td>Sidens navn:</td><td><input type="text" name="name" class="form"></td></tr>
<tr><td>Dit navn:</td><td><input type="text" name="author" class="form"></td></tr>
<tr><td>Sidens baggrundsfarve:</td><td><select name="background">
<option value="0">V&aelig;lg...</option>
<option value="7" style="background-color:#00FFFF;">Aqua</option>
<option value="3" style="background-color:#0000FF;">Bl&aring;</option>
<option value="8" style="background-color:#FF00FF;">Fuchsia</option>
<option value="10" style="background-color:#808080;">Gr&aring;</option>
<option value="6" style="background-color:#008000;">Gr&oslash;n</option>
<option value="5" style="background-color:#FFFF00;">Gul</option>
<option value="2" style="background-color:#FFFFFF;">Hvid</option>
<option value="12" style="background-color:#800080;">Lilla</option>
<option value="15" style="background-color:#00FF00;">Lime</option>
<option value="14" style="background-color:#800000;">Maroon</option>
<option value="11" style="background-color:#000080;">Navy</option>
<option value="13" style="background-color:#808000;">Olive</option>
<option value="4" style="background-color:#FF0000;">R&oslash;d</option>
<option value="9" style="background-color:#C0C0C0;">S&oslash;lv</option>
<option value="1" style="background-color:#000000;">Sort</option>
</select></td></tr>
<tr><td>Sidens tekstfarve:</td><td><select name="font">
<option value="0">V&aelig;lg...</option>
<option value="7" style="background-color:#00FFFF;">Aqua</option>
<option value="3" style="background-color:#0000FF;">Bl&aring;</option>
<option value="8" style="background-color:#FF00FF;">Fuchsia</option>
<option value="10" style="background-color:#808080;">Gr&aring;</option>
<option value="6" style="background-color:#008000;">Gr&oslash;n</option>
<option value="5" style="background-color:#FFFF00;">Gul</option>
<option value="2" style="background-color:#FFFFFF;">Hvid</option>
<option value="12" style="background-color:#800080;">Lilla</option>
<option value="15" style="background-color:#00FF00;">Lime</option>
<option value="14" style="background-color:#800000;">Maroon</option>
<option value="11" style="background-color:#000080;">Navy</option>
<option value="13" style="background-color:#808000;">Olive</option>
<option value="4" style="background-color:#FF0000;">R&oslash;d</option>
<option value="9" style="background-color:#C0C0C0;">S&oslash;lv</option>
<option value="1" style="background-color:#000000;">Sort</option>
</select></td></tr>
<tr><td>URL:</td><td><input type="text" name="url">
<input type="button" value="Inds&aelig;t URL"></td></tr>
<tr><td>Sidens indhold:</td><td><textarea name="content" rows="30" cols="30" style="width:450px;"></textarea></td></tr>
<tr><td colspan="2"><input type="submit" value="Gem side">
<input type="reset" value="Slet alle felter"></td></tr>
</table>
</form>
Avatar billede henninghabor Nybegynder
16. juli 2004 - 14:23 #1
Jeg fandt ud af følgende:

<form action="admin.php?action=2" method="post">
<table>
<tr><th colspan="2">Tilf&oslash;j en ny side</th></tr>
<tr><td>Sidens navn:</td><td><input type="text" name="name" class="form"></td></tr>
<tr><td>Dit navn:</td><td><input type="text" name="author" class="form"></td></tr>
<tr><td>Sidens baggrundsfarve:</td><td><select name="background">
<option value="0">V&aelig;lg...</option>
<option value="7" style="background-color:#00FFFF;">Aqua</option>
<option value="3" style="background-color:#0000FF;">Bl&aring;</option>
<option value="8" style="background-color:#FF00FF;">Fuchsia</option>
<option value="10" style="background-color:#808080;">Gr&aring;</option>
<option value="6" style="background-color:#008000;">Gr&oslash;n</option>
<option value="5" style="background-color:#FFFF00;">Gul</option>
<option value="2" style="background-color:#FFFFFF;">Hvid</option>
<option value="12" style="background-color:#800080;">Lilla</option>
<option value="15" style="background-color:#00FF00;">Lime</option>
<option value="14" style="background-color:#800000;">Maroon</option>
<option value="11" style="background-color:#000080;">Navy</option>
<option value="13" style="background-color:#808000;">Olive</option>
<option value="4" style="background-color:#FF0000;">R&oslash;d</option>
<option value="9" style="background-color:#C0C0C0;">S&oslash;lv</option>
<option value="1" style="background-color:#000000;">Sort</option>
</select></td></tr>
<tr><td>Sidens tekstfarve:</td><td><select name="font">
<option value="0">V&aelig;lg...</option>
<option value="7" style="background-color:#00FFFF;">Aqua</option>
<option value="3" style="background-color:#0000FF;">Bl&aring;</option>
<option value="8" style="background-color:#FF00FF;">Fuchsia</option>
<option value="10" style="background-color:#808080;">Gr&aring;</option>
<option value="6" style="background-color:#008000;">Gr&oslash;n</option>
<option value="5" style="background-color:#FFFF00;">Gul</option>
<option value="2" style="background-color:#FFFFFF;">Hvid</option>
<option value="12" style="background-color:#800080;">Lilla</option>
<option value="15" style="background-color:#00FF00;">Lime</option>
<option value="14" style="background-color:#800000;">Maroon</option>
<option value="11" style="background-color:#000080;">Navy</option>
<option value="13" style="background-color:#808000;">Olive</option>
<option value="4" style="background-color:#FF0000;">R&oslash;d</option>
<option value="9" style="background-color:#C0C0C0;">S&oslash;lv</option>
<option value="1" style="background-color:#000000;">Sort</option>
</select></td></tr>
<tr><td>URL:</td><td><input type="text" name="url">
<input type="button" value="Inds&aelig;t link" onclick='document.getElementById("content").value = document.getElementById("content").value + "<a href=" + document.getElementById("url").value+ ">" + document.getElementById("url").value + "</a>";'></td></tr>
<tr><td>Sidens indhold:</td><td><textarea name="content" rows="30" cols="30" style="width:450px;"></textarea></td></tr>
<tr><td colspan="2"><input type="submit" value="Gem side">
<input type="reset" value="Slet alle felter"></td></tr>
</table>
</form>
Avatar billede henninghabor Nybegynder
15. august 2004 - 23:53 #3
abpdk>>Jeg skal tilmelde mig for at se løsningen på det link du har skrevet...

Jeg fandt også selv ud af en løsning, så jeg snupper points. Medmindre du selvfølgelig vil ha' nogle af dem... ;)
Avatar billede abpdk Nybegynder
18. august 2004 - 00:44 #4
Det gør ikke noget, behold du dem bare selv :)

PS: Du kan altså sagtens se løsningerne på www.experts-exchange.com, du skal bare scrolle længere ned!
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