php en javascript tegelijk ~ onfocus + insert emoticon

[color=violet:862079635a]weet iemand hoe je een "onfocus" dinges in een textarea krijgt waar je tegelijkertijd smileys wil kunnen invoegen door op de smiley img te klikken die dan in je textarea terecht moet komen (liefst nog als image ook ipv tag)? ik probeer het even zo te vragen, als het niet duidelijk genoeg is hoor ik het vanzelf wel ;) ik heb hier en daar wat scripts gekniptenplakt, maar ik kom er verder niet uit..... (heb dus ook niet zoooveel verstand van sites bouwen) [/color:862079635a]

Iets met hoofdletters en punten. Oh ja! Zinnen! :evil:

[quote:73c969a58e="gebruiker_01"]Iets met hoofdletters en punten. Oh ja! Zinnen! :evil:[/quote:73c969a58e][color=violet:73c969a58e]

mwah anders even ontopic :innocent: [/color:73c969a58e]

[quote:08a614305a="Mrrraauw?"]... als het niet duidelijk genoeg is hoor ik het vanzelf wel...[/quote:08a614305a]

Lijkt me behoorlijk on topic dus, die reactie… want je vraag leest als bagger.

Hoe dan ook. Wat jij wilt vergt iets meer dan alleen maar een stukje JavaScript in een event van de texarea. Mischien kun je het beste op zoek gaan naar kant en klare CMS- en/of Forum-software. Er zijn vast wel mensen hier die een suggestie willen doen.

[quote:4678c031b9="iJoost"][quote:4678c031b9="Mrrraauw?"]... als het niet duidelijk genoeg is hoor ik het vanzelf wel...[/quote:4678c031b9]

Lijkt me behoorlijk on topic dus, die reactie… want je vraag leest als bagger.

Hoe dan ook. Wat jij wilt vergt iets meer dan alleen maar een stukje JavaScript in een event van de texarea. Mischien kun je het beste op zoek gaan naar kant en klare CMS- en/of Forum-software. Er zijn vast wel mensen hier die een suggestie willen doen.[/quote:4678c031b9]
[color=violet:4678c031b9]hehe you got me there…

ehh ik ben al heel ver, ik zal wel stuk code bijplakken:

[/color:4678c031b9][code:1:4678c031b9]<html>
<SCRIPT LANGUAGE=“JavaScript” type=“text/javascript”>
function moveover(txt) {
window.status = txt;
setTimeout(“erase()”,3000); // 1 Sec = 1000
}
function erase() {
window.status="";
}
function inputClearout_clear() {
//Has the input been cleared already (if so, this value will be greater than 0)
if (this.cleared === 0) {
//Set the value to empty
this.element.value=’’;
//Change the status property to show that we have already cleared and will not do so again
this.cleared = 1;
}
}
///////////////////////////////////////////////////////////////////
//Object constructor
function inputClearout(inputElement) {
//Property initialization/definition
//Assiging the element in question to the object as a property
this.element = inputElement;
//Setting up the property that declares the status of whether the input has already been cleared (0 means it has not been)
this.cleared = 0;
//Method definition (using earlier function definitions)
//The method that does the clearing if necessary
this.clear = inputClearout_clear;
}
///////////////////////////////////////////////////////////////////
//This is the function called from the onfocus event handler that determines if the clearout object exists,
//builds it if it doesn’t, and invokes the clear() method
function doClearout(inputElementObject) {
//Does this object have the clearout object as one of it’s properties?
if(!inputElementObject.clearout){
//It didn’t, so build and assign it
inputElementObject.clearout=new inputClearout(inputElementObject);
}
//Invoke the clear() method on the input object
inputElementObject.clearout.clear();
}
</script>
<head>
<title>message form</title><BR>
<style>
body
{
font-size: 8pt;
color: #EA99FF;
font-family: stheiti, helvetica;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color: #FF6600;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FF0099;
scrollbar-shadow-color: #FF0099;
scrollbar-track-color: #000000;
scrollbar-background: transparent;
cursor: crosshair;
visibility: visible;
}
table, td, tr
{
font-size: 11pt;
color: #FFE7E1;
font-family: stheiti, helvetica;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color: #ffe7e1;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #EA99FF;
scrollbar-shadow-color: #EA99FF;
scrollbar-track-color: #000000;
scrollbar-background: transparent;
cursor: crosshair;
visibility: visible;
}
p
{
font-size: 11pt;
color: #FF99D6;
font-family: stheiti, helvetica;
cursor: crosshair;
}
U
{
font-size: 11pt;
color: #FF99D6;
font-family: stheiti, helvetica;
text-decoration: none;
cursor: crosshair;
}
B
{
font-size: 11pt;
color: #FF99D6;
font-family: stheiti, helvetica;
font-weight: heavy;
text-decoration: none;
cursor: crosshair;
}
I
{
font-size: 11pt;
color: #FF99D6;
font-family: stheiti, helvetica;
font-weight: italics;
text-decoration: none;
cursor: crosshair;
}
S
{
font-size: 11pt;
color: #FF99D6;
font-family: stheiti, helvetica;
font-weight: normal;
text-decoration: line-through;
cursor: crosshair;
}
dl
{
margin: 2px;
padding: 0px;
border: 1px #AD99FF dashed;
cursor: crosshair;
}
dt
{
font-size: 11pt;
text-transform: uppercase;
color: #FF99D6;
font-weight: normal;
border-bottom: 1px #7A9900 dashed;
font-family: stheiti, helvetica;
padding: 3px;
cursor: crosshair;
}
dd
{
font-size: 11pt;
font-weight: normal;
text-transform: lowercase;
color: #FF99D6;
margin: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 2px;
border-left: 1px #7A9900 dashed;
border-bottom: 1px #7A9900 dashed;
cursor: crosshair;
}
blockquote
{
margin: 10px;
border-style: dashed;
border-width: 1px;
border-color: #FF0099;
color: #FFFFFF;
font-size: 8pt;
font-family: stheiti, helvetica;
font-weight: normal;
padding: 2px;
cursor: crosshair;
}

a:link {
color: #ADFF99;
font-size: 11pt;
text-decoration: none;
cursor: crosshair;
} a:active {
color: #EA99FF;
font-size: 11pt;
text-decoration: none;
cursor: crosshair;
}
a:visited
{
color: #EA99FF; font-size: 11pt; text-decoration: none;
}
a:hover
{
color: #AD99FF; font-size: 11pt; cursor: crosshair; text-decoration: line-through;
}
input
{
background: transparent;
COLOR: #EA99FF;
border-style: dashed;
border-width: 1px;
border-top-color: #AD99FF;
border-bottom-color: #7A9900;
FONT-FAMILY: stheiti;
font-size: 11pt;
padding: 2px;
border-left-style: none;
border-right-style: none;
cursor: text;
}
textarea
{
FILTER: chroma (color=#000000)
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color: #7A9900;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #AD99FF;
scrollbar-shadow-color: #AD99FF;
scrollbar-track-color: #000000;
scrollbar-cursor: crosshair;
background: transparent;
COLOR: #E7D6FF;
border-style: dashed;
border-width: 1px;
border-top-color: #AD99FF;
border-bottom-color: #AD99FF;
border-left-color: #000000;
border-right-color: #000000;
FONT-FAMILY: stheiti;
font-size: 16pt;
padding: 2px;
cursor: text;
}
select
{
background: #000000;
COLOR: #FFFFFF;
border-style: dashed;
border-width: 1px;
border-top-color: #AD99FF;
border-bottom-color: #7A9900;
border-left-color: #000000;
border-right-color: #000000;
FONT-FAMILY: stheiti;
font-size: 11pt;
font-stretch: wider;
padding: 2px;
}
</style>

<link rel="stylesheet" href="stile.css" type="text/css">
<!-- Javascript per aggiungere le faccine–>

<script language="javascript">
function aggiungi(y)
{
espressione=document.form_ins.messaggio.value;
new_espressione=espressione + y;
document.form_ins.messaggio.value=new_espressione;
}
</script>

</head>

<body bgcolor="hotpink">
<?php include("config.php");

if (!(file_exists($file)))
{fopen($file,"w");}

$arr_mess=file($file);
$count=count($arr_mess);

$pagine_totali= ceil($count/$risultati_per_pagina);
?>

<table width=“400” align=“center” cellpadding=“3” bordercolor="#000000" bgcolor="#FFFFFF" style=“border:1px dashed”>
<tr>
<td><?php echo “<center><div class=“carattere”><a href=‘view.php?pagina=$pagine_totali’>VIEW THE MESSAGES</a></div></center>”; ?></td>
<td><?php echo “<center><div class=“carattere”><a href=’$home’>GO TO HOMEPAGE</a></div></center>”; ?></td>
</tr>
</table><br>

<!-- Tabella delle faccine →

<table align=“center” bordercolor="#000000" style=“border:1px dashed; padding:10px”>
<tr>
<td width=“40”><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/angry.gif” onClick=“aggiungi(’ [angry]’)” title=“angry”></div></td>
<td width=“40”><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/bedazled.gif” onclick=“aggiungi(’ [bedazled]’)” title=“bedazled” ></div></td>
<td width=“40”><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/blush.gif” onClick=“aggiungi(’ [blush]’)” title=“blush”></div></td>
<td width=“40”><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/cheer.gif” onClick=“aggiungi(’ [cheer]’)” title=“cheer”></div></td>
<td width=“40”><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/confused.gif” onClick=“aggiungi(’ [confused]’)” title=“confused”></div></td>
<td width=“40”><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/cool.gif” onclick=“aggiungi(’ [cool]’)” title=“cool”></div></td>
</tr>
<tr>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/cry.gif” onClick=“aggiungi(’ [cry]’)” title=“cry”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/happy.gif” onclick=“aggiungi(’ [happy]’)” title=“happy”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/laugh.gif” onclick=“aggiungi(’ [laugh]’)” title=“laugh”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/love.gif” onclick=“aggiungi(’ [love]’)” title=“love”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/mad.gif” onclick=“aggiungi(’ [mad]’)” title=“mad”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/shocked.gif” onClick=“aggiungi(’ [shocked]’)” title=“shocked”></div></td>
</tr>
<tr>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/sick.gif” onclick=“aggiungi(’ [sick]’)” title=“sick”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/sleeping.gif” onclick=“aggiungi(’ [sleeping]’)” title=“sleeping”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/tongue.gif” onclick=“aggiungi(’ [tongue]’)” title=“tongue”></div></td>
<td><div align=“center”><img src=“http://www.goodism.nl/Blog/kittenmood/wink.gif” onClick=“aggiungi(’ [wink]’)” title=“wink”></div></td>
</tr>
</table>
<br>

<?php

// Form per l’inserimento dati
echo “<form name=‘form_ins’ action=‘insert.php’ method=‘post’>”;
echo “<table width=‘500’ cellspacing=‘15’ align=‘center’ bordercolor=’#000000’ border=‘0’>”;
echo “<tr><td valign=‘top’>name<br>
<input onfocus=“this.value=’’” type=“text” value=“nom” />”;
echo “<tr><td>email<br>
<input onfocus=“this.value=’’” type=“text” value=“email” />”;
echo “<tr><td>site<br><input onfocus=“this.value=’’” type=“text” value=“site” /><br>”;
echo “<br>no<br><textarea style=‘border:1px dashed;’ rows=‘5’ cols=‘20’>no</textarea>”;
echo "<tr><td valign=‘top’>messaggio<br><textarea name=‘messaggio’ style=‘border:1px solid;’ rows=‘5’ cols=‘20’></textarea><onfocus=“this.value=’’;></td></tr><br>”;
echo "<tr><td valign=‘top’>messaggio<br><textarea name=‘messaggio’ style=‘border:1px solid;’ rows=‘5’ cols=‘20’ onfocus=“this.value=’’;></td></tr><br>”;
echo “<textarea onfocus=“this.value=’’; this.onfocus=null;” name=“whatever” rows=“6” cols=“27”>”;
echo “<td><input type=‘submit’ value=‘submit’ style=‘border:1px dashed; cursor: crosshair; background:#hotpink;’><br>”;
echo “</table>”;
echo “</form>”;

?><BR><BR>

<center>
<form name="Guestbook" target="guestbook" action="guestbook.php3" method="POST">
<p>name<br>
<br>
<input onfocus="javascript:doClearout(this);" type="text" value="nom" size="30" maxlength="80" name="name"><br>
<br>email:<br><br>
<input onfocus="javascript:doClearout(this);" type="text" value="@" size="30" maxlength="80" name="email"><br>
<br>message:<br><br>
<textarea onfocus="javascript:doClearout(this);" name="comments" rows="5" cols="20">your message</textarea>
<br>
<br>
</p>
<p><input type="submit" name="gb" value="send message" ></p>
</form>
</center>

<br>
<br>

</body>

</html>[/code:1:4678c031b9]

Mmm... Ik blijf bij mijn eerdere advies. Lijkt me voor jou de beste oplossing. ;-)

http://www.phpbb.com/

Zoiets?

kan je niet gewoon ff in zwart typen? kan t amper lezen

[quote:760db466fa="iJoost"]Mmm... Ik blijf bij mijn eerdere advies. Lijkt me voor jou de beste oplossing. ;-)

http://www.phpbb.com/

Zoiets?[/quote:760db466fa][color=violet:760db466fa]waar verwijs je me naar door en waarom want ik snap het niet helemaal… :? [/color:760db466fa]

[color=violet:9f4e1d2078]nogmaals ik ben er al heel ver mee: dit heb ik al:

gastenboek

dus ik ben niet op zoek naar een algemeen forum, het enige wat ik wil is dat ik bij het gastenboek dat ik al heb (zie link sig) ook emoticons kan invoeren. zonder dat er wat verandert aan hoe het nu werkt enzo. de link van hierboven is gewoon een testje, dan voeg ik dat later op mn site in.

iemand die tegen vrolijke kleurtjes kan die me wil helpen?[/color:9f4e1d2078]

[color=violet:1bf5509ab5]iemand? :innocent: [/color:1bf5509ab5]

[quote:a978700f3d="chilli dude"]kan je niet gewoon ff in zwart typen? kan t amper lezen[/quote:a978700f3d]

Second that.