smilies en ubb
Quote:
Dat oneclickevent vind ik toch nergens terug hoor :s
Dat is dit gedeelte:
Vertaald: aan het element met id 'bold' voeg je een onclick event toe waarbij de functie makeBold() aangeroepen wordt.
edit :
met mijn script bedoel ik in mijn bestand, want het is jouw script xD
Gewijzigd op 01/01/1970 01:00:00 door joren vh
Wat je wel nog moet doen, is minimaal de functie makeBold() en getSel() overnemen. Deze laatste zorgt ervoor dat bepaald wordt of er iets geselecteerd is. De functie makeBold() plaatst vervolgens de gewijzigde tekst in de textarea.
De functie makeBold() zul je waarschijnlijk wel nog even aan moeten passen. Ik gebruik namelijk het id 'tekst' voor mijn textarea. Overal waar dus $('tekst') staat, zul je dat naar je eigen id moeten aanpassen...
ik stuur even het stukje van makebold() en getsel() en van mijn gehele form
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function getSel (e)
{
if(navigator.appName == 'Microsoft Internet Explorer')
{
if(document.selection)
{
return document.selection.createRange().text;
}
}
else
{
return (e.value).substring(e.selectionStart, e.selectionEnd);
}
}
function makeBold ()
{
var selected = getSel($('tekst'));
if(selected.length > 0)
{
$('tekst').value = $('tekst').value.replace(selected, '[b]'+selected+'[/b]');
}
else
{
$('tekst').value += '[b][/b]';
}
$('tekst').focus();
}
{
if(navigator.appName == 'Microsoft Internet Explorer')
{
if(document.selection)
{
return document.selection.createRange().text;
}
}
else
{
return (e.value).substring(e.selectionStart, e.selectionEnd);
}
}
function makeBold ()
{
var selected = getSel($('tekst'));
if(selected.length > 0)
{
$('tekst').value = $('tekst').value.replace(selected, '[b]'+selected+'[/b]');
}
else
{
$('tekst').value += '[b][/b]';
}
$('tekst').focus();
}
en nu mijn form nog
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
//het formuliertje
echo '<form action=" '.$_SERVER['PHP_SELF'].' " method="post">';
echo '<table border="0">';
echo '<tr>';
echo '<td> naam :</td> <td><input type="text" name="naam" size="30"></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td>e-mail : </td><td><input type="text" name="mail" size="30"></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td> </td><td><img src="images/smilies/blij.gif" alt="blij" onclick="document.getElementById(\'bericht_vak\').value += \':)\'" /> <img src="images/smilies/droevig.gif" alt="droevig" onclick="document.getElementById(\'bericht_vak\').value += \':(\'" /> <img src="images/smilies/knipoog.gif" alt="knipoog" onclick="document.getElementById(\'bericht_vak\').value += \';)\'" /> <img src="images/smilies/boos.gif" alt="boos" onclick="document.getElementById(\'bericht_vak\').value += \':@\'"/><br />';
echo '<img src="images/ubb/text_bold.png" alt="bold" id="bold" /> <img src="images/ubb/text_italic.png" alt="schuin" id="italic" /> <img src="images/ubb/text_underline.png" alt="onderlijnd" id="underline" /></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td>Bericht :</td><td> <textarea id="bericht_vak" name="bericht" rows="10" cols="20"></textarea></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td> </td><td><input type="submit" name="submit" value="Versturen"></td>';
echo '</tr>';
echo '</table>';
echo '</form>';
?>
//het formuliertje
echo '<form action=" '.$_SERVER['PHP_SELF'].' " method="post">';
echo '<table border="0">';
echo '<tr>';
echo '<td> naam :</td> <td><input type="text" name="naam" size="30"></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td>e-mail : </td><td><input type="text" name="mail" size="30"></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td> </td><td><img src="images/smilies/blij.gif" alt="blij" onclick="document.getElementById(\'bericht_vak\').value += \':)\'" /> <img src="images/smilies/droevig.gif" alt="droevig" onclick="document.getElementById(\'bericht_vak\').value += \':(\'" /> <img src="images/smilies/knipoog.gif" alt="knipoog" onclick="document.getElementById(\'bericht_vak\').value += \';)\'" /> <img src="images/smilies/boos.gif" alt="boos" onclick="document.getElementById(\'bericht_vak\').value += \':@\'"/><br />';
echo '<img src="images/ubb/text_bold.png" alt="bold" id="bold" /> <img src="images/ubb/text_italic.png" alt="schuin" id="italic" /> <img src="images/ubb/text_underline.png" alt="onderlijnd" id="underline" /></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td>Bericht :</td><td> <textarea id="bericht_vak" name="bericht" rows="10" cols="20"></textarea></td><br />';
echo '</tr>';
echo '<tr>';
echo '<td> </td><td><input type="submit" name="submit" value="Versturen"></td>';
echo '</tr>';
echo '</table>';
echo '</form>';
?>
Ik dank je hard vinTage maar zou je even kunnen wijzigen in bovenstaande codes wat je juist bedoelt !
thx thx thx
joren
Het enige dat je moet veranderen is $('tekst') in de makeBold() functie. Dit verander je in $('bericht_vak').
ps. Verder moet je natuurlijk wel alle versies van $('tekst') vervangen door $('bericht_vak'), niet alleen de eerste.
Gewijzigd op 01/01/1970 01:00:00 door Joren de Wit
$('link') bestaat ook nog niet, dus ook die regel geeft een foutmelding...
Offtopic:
phphulp laat niet in Firefox bij mij , hij blijft maar laden. Ik open in IE7 en het gaat wel !
Nog iemand dit probleem ?
Ik zie nog genoeg keer $('tekst') in je broncode voorkomen hoor. Je moest ze allemaal aanpassen...
Ik dank je zeer hard voor je hulp.
Bedankt !
Joren