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>
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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>
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>
21. marts 2005 - 10:14
#3
Sidste linie skulle være: <input type="text" name="name" value="" class="large"></td></tr>
21. marts 2005 - 10:16
#4
Eksperten vil vist ikke acceptere to " efter hinanden. Jeg ville sætte et ekstra " efter value="
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?
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>
22. marts 2005 - 15:08
#7
Der er ikke flere :-)
22. marts 2005 - 15:58
#8
jonashn>>Ok. :) olebole>>Det er via php at linieskiftene ser så'n ud. :)
Vi tilbyder markedets bedste kurser inden for webudvikling