Ubb systeem

Hallo,

Ik ben bezig met een klein ubb systeempje, maar ik heb een vraag, hoe kan je net zoals bij one2xs op een button drukken en dat dan die tekst in het input veld komt te staan?

Volgens mij met javascript, de onClick functie.

Dat weet ik, maar ik weet niet hoe.

Zoiets:

<script language="JavaScript" type="text/JavaScript"> 
function AddItem(ItemId)
{
document.Form.bible_verse_description.value = document.Form.bible_verse_description.value + < + ItemId;
} 

</script>
<form id="Form" name="Form" method="post" action="/jesuswillcome/bible/add-verse.php">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100">&nbsp;</td>

<td width="15">&nbsp;</td>
<td width="5">
<a href="#" onclick="AddItem(span style=&quot;color:#ff0000&quot;>);">open span</a>&nbsp; &nbsp; 
<a href="#" onclick="AddItem(/span>);">close span</a> &nbsp; &nbsp;||| &nbsp; &nbsp; 

<a href="#" onclick="AddItem(em>);">Open Italic</a>&nbsp;&nbsp; 
<a href="#" onclick="AddItem(/em>);">close italic</a>

<BR></td>
</tr>
<tr>
<td>Verse</td>
<td>&nbsp;</td>
<td><textarea tabindex="1" name="bible_verse_description" cols="45" rows="5" id="bible_verse_description"></textarea></td>
</tr>
</table>
</form>

Bron:

Quote:
http://www.wallpaperama.com/forums/insert-text-into-form-using-javascript-php-put-content-in-textarea-field-link-t1437.html#

Is het zo moeilijk om in de broncode te kijken?

Het werkt niet helemaal.

Wat werkt er dan niet?

ik weet het niet hoor, maar dit staat in de bron:

<img src="http://www.one2xs.com/img/smileys/emo.gif" alt=":)" title=":)" class="ubb-smiley" onclick="insertEmoticon(event, :), bericht);" />

Probeer zoiets maar fzo

Zo:

Let op dikgedrukte:

Form:


En bij een link:
;">

Maar dan als je bijv een ubb gebruikt bijv dan komt de tekst er wel naast ipv dat hij zich in de tekst invoegt.

Het werkt niet.

Ik zou zeggen: op de bron van dit topic, kijk wat er bij de onclick staat bij de smilies en zoek die functie in de javascript-file.

Rnnet schreef:

ik weet het niet hoor, maar dit staat in de bron:

<img src="http://www.one2xs.com/img/smileys/emo.gif" alt=":)" title=":)" class="ubb-smiley" onclick="insertEmoticon(event, :), bericht);" />

Probeer zoiets maar fzo

dit is de javascript functie:

function insertEmoticon(e, theSmilie, targetId)
{
    var event = e || window.event;
    //event = window.event;
    var targetElement;
    
    if ( document.getElementById && document.getElementById(targetId) != null )
    {
        
        targetElement = document.getElementById(targetId);
        
    }
    else
    {
        
        alert("Vanwege een technische foutnkan de emoticon niet toegevoegd worden.");
        
        if (event.preventDefault) // Firefox
        { 
          
          event.preventDefault();
        
        }
        else // IE
        { 
    
            event.returnValue = false;
        
        }
        
        return;
        
    }
    
    // let erop dat er ook text geselecteerd kan zijn!
    
    if (targetElement.setSelectionRange)// W3C/Mozilla
    { 
    
        var cursorStartPosition = targetElement.selectionStart;
        var targetValue = targetElement.value.substring(0, targetElement.selectionStart);
        
        targetValue += theSmilie;
        targetValue += targetElement.value.substring(targetElement.selectionEnd, targetElement.value.length);
        
        targetElement.value = targetValue;
        targetElement.focus();
        
        var cursorPosition = cursorStartPosition + theSmilie.length;
        targetElement.setSelectionRange(cursorPosition, cursorPosition);
        
    }
    else
    {
        
        if (document.selection && document.selection.createRange) // IE
        {
            
            targetElement.focus();
            document.selection.createRange();
            var range = document.selection.createRange();
            range.text = theSmilie;
            range.text = range.text;
            
            
        }
        else // als niets werkt
        { 
         
            targetElement.value += theSmilie;
        
        }
        
        targetElement.focus();
        
    }
    
    if (event.preventDefault) // FireFox
    {
        
        event.preventDefault();
    
    }
    else // IE
    {
        
        event.returnValue = false;
        
    }
    
    return;
}

Oke, bedankt ik ga het binnenkort uitproberen.

Het werkt inmiddels, maar dit kwam niet door dat script, want jullie gebruiken het script van die emoticons, ik had die van youtube nodig.

Hoe kan je instellen dat als een gebruiker op enter drukt dat er in het systeem ook een enter komt?