[JS/PHP] PHP functie in JS functie
ik ben bezig met een previewblok op t moment dat ik een textarea vul.
Nu wil ik het mogelijk maken om bijv.:
Als er ":D" word ingevuld moet er in de previewblok "<img src="lach.gif"> komen.
Ik weet hoe dit moet, namelijk:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<?php
function txt2smiley($text){
$smileys = array(":D" => "lach.gif",":P" => "tong.gif");
foreach ($smileys as $keys => $values)
{
$text = str_replace($keys,'<img src="'.$values.'">',$text);
}
return $text;
}
?>
function txt2smiley($text){
$smileys = array(":D" => "lach.gif",":P" => "tong.gif");
foreach ($smileys as $keys => $values)
{
$text = str_replace($keys,'<img src="'.$values.'">',$text);
}
return $text;
}
?>
Nu heb ik een functie in javascript die de tekst gaat previewen in een div, dit is deze code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" language="javascript" charset="utf-8">
new Draggable('revertbox2',{scroll:window,handle:'handle2',revert:0});
function preview(id1, id2){
var NewText = document.getElementById(id1).value;
splitText = NewText.split(/\n/).join("<br />");
var DivElement = document.getElementById(id2);
DivElement.innerHTML = splitText;
}
</script>
new Draggable('revertbox2',{scroll:window,handle:'handle2',revert:0});
function preview(id1, id2){
var NewText = document.getElementById(id1).value;
splitText = NewText.split(/\n/).join("<br />");
var DivElement = document.getElementById(id2);
DivElement.innerHTML = splitText;
}
</script>
Nu wil ik van de javascript functie dit maken:
DivElement.innerHTML = txt2smiley('splitText');
Alleen dit werkt dus niet. Mijn vraag is: Hoe roep ik de functie txt2smiley aan zodat hij de smileys neer zet in plaats van de tekst.
Met vriendelijke groet,
Nick
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
function txt2smiley(text){
smileys = new Array();
smileys.push(new Array(':D', 'lach.gif'));
smileys.push(new Array(':P', 'tong.gif'));
var len = smileys.length;
for(var i=0; i<len;++i){
var pattern = new RegExp(smileys[i][0]);
pattern.global = true;
text = text.replace(pattern, "<img src="'+$smileys[i][1]+'">");
}
return text;
}
smileys = new Array();
smileys.push(new Array(':D', 'lach.gif'));
smileys.push(new Array(':P', 'tong.gif'));
var len = smileys.length;
for(var i=0; i<len;++i){
var pattern = new RegExp(smileys[i][0]);
pattern.global = true;
text = text.replace(pattern, "<img src="'+$smileys[i][1]+'">");
}
return text;
}
Ongetest