Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

smilie plaatje in textarea (Opgelost)

besje - 15/11/2007 10:30 (laatste wijziging 15/11/2007 10:34)
Nieuw lid		hoe kan je dmv javascript een smilie (en dan niet : ) maar echt dat ) in een textarea zetten?

11 antwoorden

Gesponsorde links

Mad_Mike - 15/11/2007 10:37
PHP beginner		Voor zover ik dat weet gaat dat niet in een text area. kijk hier eens naar: http://www.site...WYG-editor

jvs - 15/11/2007 11:01 (laatste wijziging 15/11/2007 11:01)
HTML beginner		Moet je dit niet met een iframe doen en dan innerhtml enz...?

besje - 15/11/2007 11:01
Nieuw lid		kan ik dan ook nog gewoon tekst type daarin?

jvs - 15/11/2007 11:06 (laatste wijziging 15/11/2007 11:08)
HTML beginner		ik dacht van wel. Ik heb vroeger zelf eens een wysiwyg editor proberen te maken. Ik dacht dat dat ook met een iframe was en niet met een textarea. Je moet eens even zoeken achter een tutorial over dit onderwerp. Ik denk dat je dan bv door een klik op een smiley kan zeggen dat de iframe.innerhtml veranderd naar <img src="smily"> ofzoiets. edit: http://www.site...WYG-editor

Mad_Mike - 15/11/2007 11:35
PHP beginner		mis ik iets... zie mijn eerste reactie

jvs - 15/11/2007 15:01
HTML beginner		ow sorry mate! Had ik niet gezien is inderdaad dezelfde url

besje - 15/11/2007 15:23
Nieuw lid		ben nu aan het stoeien met WYSIWYG-editor. En het lukt al aardig Ik zal resultaat hier zetten als het af is.

Ibrahim - 15/11/2007 18:26
PHP expert		besje schreef: ben nu aan het stoeien met WYSIWYG-editor. En het lukt al aardig Ik zal resultaat hier zetten als het af is. Dat vroeg hij niet, hij vroeg hoe hij een plaatje in zijn textarea kon laten zien. Hou je aan de topic

besje - 15/11/2007 19:09 (laatste wijziging 15/11/2007 19:10)

Nieuw lid

Psycho schreef:

[..quote..]

Dat vroeg hij niet, hij vroeg hoe hij een plaatje in zijn textarea kon laten zien. Hou je aan de topic

ja maar die vrager dat ben ik

Het is me gelukt!

javascript code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<script language="javascript">
function maak_frame(){ 
// IE en FF werken anders: dus kijkt hij hoe hij het moet toepassen 
 if(window.navigator.appName == "Microsoft Internet Explorer") 
  iframe.document.designMode = "on"; 

 if(window.navigator.appName == "Netscape") 
  document.getElementById('iframe').contentDocument.designMode = "on"; 
} 

function smilie(welke)
{
var imgSrc = "http://www.moviexp.nl/beta/smilies/"+ welke + ".gif";

if(imgSrc != null)
document.getElementById("iframe").contentWindow.document.execCommand('insertimage', false, imgSrc);
} 

function vet() {
  document.getElementById("iframe").contentWindow.document.execCommand("bold", false, null);
}

function schuin() {
  document.getElementById("iframe").contentWindow.document.execCommand("italic", false, null);
}
 
function onderstreept() {
  document.getElementById("iframe").contentWindow.document.execCommand("underline", false, null);
} 

function opslaan() {
 var htmlCode = document.getElementById('iframe').contentWindow.document.body.innerHTML;
 document.getElementById("areaCode").value = htmlCode;
 document.getElementById("formCode").submit();
}

</script>
</head>

<body onLoad="maak_frame()">
<iframe id="iframe" height="200" width="400"></iframe><br><br>
<form action="" method="post" id="formCode" style="display: none;">
<textarea name="areaCode" id="areaCode"></textarea>
</form>

<input type="button" onclick=vet(); value="Vet"> <input type="button" onclick=schuin(); value="schuin"> <input type="button" onclick=onderstreept(); value="onderstreept">
<input type="hidden" name="areaCode" id="areaCode">
<input type="button" onclick="opslaan()"; value="Opslaan!">
</form>  

<?

if(isset($_POST['areaCode']) && $_POST['areaCode'] != ""){

echo stripslashes($_POST['areaCode']);

?> 

            
<html>
<head>
<script language="javascript">
function maak_frame(){ 
// IE en FF werken anders: dus kijkt hij hoe hij het moet toepassen 
 if(window.navigator.appName == "Microsoft Internet Explorer") 
  iframe.document.designMode = "on"; 
 
 if(window.navigator.appName == "Netscape") 
  document.getElementById('iframe').contentDocument.designMode = "on"; 
} 
 
function smilie(welke)
{
var imgSrc = "http://www.moviexp.nl/beta/smilies/"+ welke + ".gif";
 
if(imgSrc != null)
document.getElementById("iframe").contentWindow.document.execCommand('insertimage', false, imgSrc);
} 
 
function vet() {
  document.getElementById("iframe").contentWindow.document.execCommand("bold", false, null);
}
 
function schuin() {
  document.getElementById("iframe").contentWindow.document.execCommand("italic", false, null);
}
 
function onderstreept() {
  document.getElementById("iframe").contentWindow.document.execCommand("underline", false, null);
} 
 
function opslaan() {
 var htmlCode = document.getElementById('iframe').contentWindow.document.body.innerHTML;
 document.getElementById("areaCode").value = htmlCode;
 document.getElementById("formCode").submit();
}
 
</script>
</head>
 
<body onLoad="maak_frame()">
<iframe id="iframe" height="200" width="400"></iframe><br><br>
<form action="" method="post" id="formCode" style="display: none;">
<textarea name="areaCode" id="areaCode"></textarea>
</form>
 
<input type="button" onclick=vet(); value="Vet"> <input type="button" onclick=schuin(); value="schuin"> <input type="button" onclick=onderstreept(); value="onderstreept">
<input type="hidden" name="areaCode" id="areaCode">
<input type="button" onclick="opslaan()"; value="Opslaan!">
</form>  
 
<?
 
if(isset($_POST['areaCode']) && $_POST['areaCode'] != ""){
 
echo stripslashes($_POST['areaCode']);
 
?>
 

zointer - 16/11/2007 06:10
HTML gevorderde		Psycho schreef: [..quote..] Dat vroeg hij niet, hij vroeg hoe hij een plaatje in zijn textarea kon laten zien. Hou je aan de topic Je bent niet aandachtig

besje - 16/11/2007 08:16
Nieuw lid		zointer schreef: [..quote..] Je bent niet aandachtig jawel hoor haha maar volgens Mad_Mike ging het niet via textarea dus was verder gegaan met wat hij zei. Maar allemaal bedankt!!

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten