Hej!
Jag tänkte på mitt adminsystem göra så att jag kan se direkt hur uppdateringstexten jag skriver kommer att se ut, vet i princip hur man gör men lyckas inte :/
Någon som har tid och lust att hjälpa mig?
<form name="form1" method="post" action="">
<textarea name="post" cols="90" rows="12" wrap="VIRTUAL" class="formsx" id="post"></textarea>
<br>
<input name="Submit" type="submit" class="submit" value="Spara">
</form>
Vill du alltså att kunna kolla hur det ser ut utan att behöva posta det till servern?
Japp, så att texten skrivs i en DIV-tagg eller så.
Vet att det går enkelt men är man js-noob så är man ;-)
Det här är i princip den enklaste metoden, dock IE-specifik, HTML-kod slinker igenom (Det kanske du har fixat på server-sidan), men som sagt ett enkelt exempel.
<script rtype="text/javascript">
function previewPost(){
document.getElementById("preview").innerHTML = document.forms.form1.formsx.value;
}
</script>
<div class="postclass" id="preview">
(Klicka på förhandsgranska)
</div>
<form name="form1" method="post" action="">
<textarea name="post" cols="90" rows="12" wrap="VIRTUAL" class="formsx" id="post"></textarea>
<br>
<input name="Submit" type="button" class="submit" value="Förhandsgranska" onclick="previewPost();" />
<input name="Submit" type="submit" class="submit" value="Spara">
</form>
Tusen tack, en följdfråga; går det att ordna så att det man skriver hamnar i rutan utan knapp? Alltså att det speglas?
<script rtype="text/javascript">
function previewPost(){
document.getElementById("preview").innerHTML = document.forms.form1.formsx.value;
}
</script>
<div class="postclass" id="preview">
(Klicka på förhandsgranska)
</div>
<form name="form1" method="post" action="">
<textarea name="post" cols="90" rows="12" wrap="VIRTUAL" class="formsx" id="post" onchange="previewPost();" onpropertychange="previewPost();"></textarea>
<br>
<input name="Submit" type="submit" class="submit" value="Spara">
</form>
Nitro - Du är bäst!
Återigen ett stort tack =)
