11 berichten aan het bekijken - 1 tot 11 (van in totaal 11)
  • Q:

    Bijdrager
    Mrrraauw

    php en javascript tegelijk ~ onfocus + insert emoticon

    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)


    Bijdrager
    xkrprtl

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


    Bijdrager
    Mrrraauw
    ”gebruiker_01″

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

    mwah anders even ontopic :innocent:


    Bijdrager
    iJoost
    ”Mrrraauw?”

    … als het niet duidelijk genoeg is hoor ik het vanzelf wel…

    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.


    Bijdrager
    Mrrraauw
    ”iJoost”
    ”Mrrraauw?”

    … als het niet duidelijk genoeg is hoor ik het vanzelf wel…

    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.

    hehe you got me there..

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

    [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]


    Bijdrager
    iJoost

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

    http://www.phpbb.com/

    Zoiets?


    Bijdrager
    chilli dude

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


    Bijdrager
    Mrrraauw
    ”iJoost”

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

    http://www.phpbb.com/

    Zoiets?

    waar verwijs je me naar door en waarom want ik snap het niet helemaal….. :?


    Bijdrager
    Mrrraauw

    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?


    Bijdrager
    Mrrraauw

    iemand? :innocent:


    Bijdrager
    Kyokushinkai
    ”chilli

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

    Second that.

11 berichten aan het bekijken - 1 tot 11 (van in totaal 11)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.