BBCode invoeren met een button.
Ik ben bezig met een script die als je op een knop klikt, dat er automatisch BBCode in een textarea wordt ingevoerd.
Dit lukt half, er zijn een aantal problemen:
Als ik op een klop druk en er staat al een bbcode in, dan verwijdert de script de BBCode en voert hij de code in die ik heb ingegeven.
Als ik zelf iets typ, dan doet het script helemaal niks meer.
Hier is de code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script type="text/javascript">
function insertBBCode(bbcode)
{
document.getElementById("text").innerHTML = bbcode;
}
</script>
</head>
<body>
<p>
<button onclick="insertBBCode('[b][/b]');"><strong>[b][/b]</strong></button>
<button onclick="insertBBCode('[i][/i]');"><em>[i][/i]</em></button>
<button onclick="insertBBCode('[u][/u]');"><u>[u][/u]</u></button>
</p>
<textarea id="text"></textarea>
</body>
</html>
<head>
<script type="text/javascript">
function insertBBCode(bbcode)
{
document.getElementById("text").innerHTML = bbcode;
}
</script>
</head>
<body>
<p>
<button onclick="insertBBCode('[b][/b]');"><strong>[b][/b]</strong></button>
<button onclick="insertBBCode('[i][/i]');"><em>[i][/i]</em></button>
<button onclick="insertBBCode('[u][/u]');"><u>[u][/u]</u></button>
</p>
<textarea id="text"></textarea>
</body>
</html>
Hopelijk weten jullie wat ik zou kunnen doen.
-Richard
document.getElementById("text").innerHTML = bbcode;
met:
document.getElementById("text").value += bbcode;