Avatar billede henninghabor Nybegynder
21. marts 2005 - 08:49 Der er 7 kommentarer og
1 løsning

Auto preview uden at klikke eller forlade siden

Hej,

Jeg kunne godt tænke mig at have en preview funktion, der automatisk opdateres uden at man skal forlade siden eller klikke på en knap eller link.

Altså, det man indtaster i et textarea skal overføres automatisk vha. preview funktionen under formularen.

Her er min formular:

<form action="?page=create_do" method="post">
<table>
<tr><td>Navn:<br />
<input type="text" name="name" value="" class="large"></td></tr>
<tr><td>Overskrift:<br />
<input type="text" name="subject" value="" class="large"></td></tr>
<tr><td><input type="button" value="Link" onclick="this.form.message.value += '[link=http://]';">
<input type="button" value="Fed" onclick="this.form.message.value += '[bold=]';">
<input type="button" value="Kursiv" onclick="this.form.message.value += '[italic=]';">
<input type="button" value="Understreg" onclick="this.form.message.value += '[underline=]';"></td></tr>
<tr><td>Artikel:<br />
<textarea name="message" rows="20" cols="20" class="large"></textarea></td></tr>
<tr><td><input type="submit" name="submit">
<input type="reset" name="reset"></td></tr>
</table>
</form>
Avatar billede henninghabor Nybegynder
21. marts 2005 - 10:11 #1
Jeg fandt selv en løsning:

<form action="?page=create_do" method="post">
<table>
<tr><td>Navn:<br />
<input type="text" name="name" value="" class="large"></td></tr>
<tr><td>Overskrift:<br />
<input type="text" name="subject" value="" class="large"></td></tr>
<tr><td><input type="button" value="Link" onclick="this.form.message.value += '[link=http://]';">
<input type="button" value="Fed" onclick="this.form.message.value += '[bold=]';">
<input type="button" value="Kursiv" onclick="this.form.message.value += '[italic=]';">
<input type="button" value="Understreg" onclick="this.form.message.value += '[underline=]';"></td></tr>
<tr><td>Artikel:<br />
<textarea name="message" rows="20" cols="20" onkeyup="updatePreview();" class="large"></textarea></td></tr>
<tr><td><input type="submit" name="submit">
<input type="reset" name="reset"></td></tr>
</table>
</form>
<script language="javascript">
<!--
function updatePreview()
{
myForm = document.forms[0];
document.all.preview.innerHTML = myForm["message"].value.replace(/\r\n/gi, "<br>\r\n");
}
window.onload = function () { updatePreview(); };
//-->
</script>
<div id="preview"></div>
Avatar billede jonashn Nybegynder
21. marts 2005 - 10:14 #2
Først vil jeg rette bl.a.
<input type="text" name="name" value=" class="large"></td></tr>
til
<input type="text" name="name" value="" class="large"></td></tr>
Avatar billede jonashn Nybegynder
21. marts 2005 - 10:14 #3
Sidste linie skulle være:
<input type="text" name="name" value="" class="large"></td></tr>
Avatar billede jonashn Nybegynder
21. marts 2005 - 10:16 #4
Eksperten vil vist ikke  acceptere to " efter hinanden. Jeg ville sætte et ekstra " efter value="
Avatar billede henninghabor Nybegynder
21. marts 2005 - 10:20 #5
jonashn>>Havde jeg ikke engang lagt mærke til at eksperten ikke ville.

Men i min kode er der altså 2 gåseøjne. :)

Hvad er dine andre rettelser?
Avatar billede olebole Juniormester
21. marts 2005 - 19:03 #6
<ole>

Undlad at bruge XHTML-tags i HTML-kode ... jeg tænker på: <br />

Dernæst er det noget rod både at sende GET og POST i samme form. Skriv hellere:
  <form action="din_side.php" method="post">
  <input type="hidden" name="page" value="create_do">
  ... osv, osv ...

/mvh
</bole>
Avatar billede jonashn Nybegynder
22. marts 2005 - 15:08 #7
Der er ikke flere :-)
Avatar billede henninghabor Nybegynder
22. marts 2005 - 15:58 #8
jonashn>>Ok. :)

olebole>>Det er via php at linieskiftene ser så'n ud. :)
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