Hjælp til form

Se, det er ikke helt så ligetil. F.eks. kan du ikke lave fed skrift i et almindeligt textarea eller tekstfelt. Ofte vil man nok enten bruge en div eller et IFrame, men i følge min erfaring virker det med div'et kun i IE. Hvis du så laver et IFrame og sætter document.getElementById("Iframeid").contentWindow.document.designMode="on";

Så kan du bruge koden:

execCommand("Bold",false)
execCommand("Italic",false)
execCommand("Underline",false)

til at sætte fed, kursiv og understreget.

Skriv evt. noget af din kode her, så kan jeg måske guide dig lidt. =)

(Java og JavaScript er i øvrigt 2 forskellige sprog. :)

øm har kun en form med et tekstfelt da det skal postes til en mysql database.
Jeg er ikke helt med på hvordan du mener det skal laves med Iframe og har heller ikke særlig erfaring med Iframe.
kan du hjælpe mig lidt

Følgende er testet og virker:
--------------------------------------------
<form method="post" submit="submitfunction">
<p><a title="Fed" href="java script:void(0)" onclick="ExecCommand('Bold',false)">Fed</a>
<a title="Kursiv" href="java script:void(0)" onclick="ExecCommand('Italic',false)">Kursiv</a>
<a title="Understreget" href="java script:void(0)" onclick="ExecCommand('Underline',false)">Understreget</a></p>

<p><iframe id="wysiwyg" frameborder="0" style="border:1px solid #000000" contentEditable="true"></iframe></p>

<p><input id="editor" type="hidden" name="besked"></p>

<p><input type="submit" value="Send"></p>
</form>

<script language="JavaScript" type="text/javascript">
document.getElementById("wysiwyg").contentWindow.document.designMode="on"

function ExecCommand(a,b,c) {
    document.getElementById("wysiwyg").contentWindow.focus();
    document.getElementById("wysiwyg").contentWindow.document.execCommand(a,b,c);
}

function submitfunction() { document.getElementById("editor").value=document.getElementById("wysiwyg").contentWindow.document.body.innerHTML; return true }
</script>
-----------------------------------------------
Som sagt kan du ikke bruge fed skrift i dit normale tekstfelt, men vi skal jo bruge det i formen, når vi skal gemme resultatet. Derfor bruger vi et iframe, som vi redigerer i, og når formen submittes, så overføres indholdet fra iframet til det skjulte tekstfelt.

Hej tak for koden men har lidt problemer med at få det til at virke.
her er koden:


<?                               
if(isset($_POST["besked"]) && $_POST["besked"] != ""){                               
$besked = $_POST["besked"];
mysql_query("INSERT INTO besked (besked) VALUES ('$besked')");
}
else {
?>
<table align="center" colspan="4">
<tr>
<td colspan="4">
<form method="post" submit="submitfunction">
<p><a title="Fed" href="java script:void(0)" onclick="ExecCommand('Bold',false)">Fed</a>
<a title="Kursiv" href="java script:void(0)" onclick="ExecCommand('Italic',false)">Kursiv</a>
<a title="Understreget" href="java script:void(0)" onclick="ExecCommand('Underline',false)">Understreget</a></p>
<p><iframe id="wysiwyg" frameborder="0" style="border:1px solid #000000" contentEditable="true"></iframe></p>
<p><input id="editor" type="hidden" name="besked"></p>
<p><input type="submit" value="Send"></p>
</form>
<script language="JavaScript" type="text/javascript">
document.getElementById("wysiwyg").contentWindow.document.designMode="on"

function ExecCommand(a,b,c) {
document.getElementById("wysiwyg").contentWindow.focus();
document.getElementById("wysiwyg").contentWindow.document.execCommand(a,b,c);
}
function submitfunction() { document.getElementById("editor").value=document.getElementById("wysiwyg").contentWindow.document.body.innerHTML; return true }
</script>
</td>
</tr>
</table>
<?
}
?>

Får du en fejlmeddelelse? Hvordan ser det ud? Det virker fint, når jeg bare afprøver den del, jeg gav dig. Men jeg koder ikke PHP.

nej jeg kan ikke få den til at poste det

selve funktionerne virker fint

wups.

<form method="post" submit="submitfunction">

skal være

<form method="post" onsubmit="submitfunction()">

du skal have rigtig mange tak og point hvis du vil.
men kan man flere ting så som størrelse osv.

Ja, men det er knap så simpelt! :) Især ikke, hvis det skal virke i flere browsers. Men du kan se en liste over alle funktionerne her: http://msdn2.microsoft.com/en-us/library/ms533049.aspx

Takker for point! :)

tak for det