[javascript]UBB toevoegen aan textarea
Dit is het enige dat nog ontbreekt!
* Bij de list-button moet er een popupvenster getoond worden. Hij moet dan telkens de list items vragen. Om de reeks te beëindigenmoet je dan bij een nieuwe invoer op 'cancel' drukken.
___________________________________________
Hoi,
Gezocht:
Het betreft hier een scriptje om via een 'toolbar' UBB Code toe te voegen aan mijn gastenboek. De pagina waarover het hier gaat is de volgende:
http://www.aczele.be/add_gastenboek.php
Het gaat hier dus over:
bold (["b"][/"b"])
italic (["i"][/"i"])
underline (["u"][/"u"])
strikethrough (["s"][/"s"])
link (["URL="]...[/"URL"])
list (["LIST"]["*"]....["*"]....["/LIST"])
* Bij klikken op icoon moeten de bijhorende UBB - tags aangebracht worden in de textarea van mijn formulier. Ook als je de tekst selecteerd, en dan pas op het icoon drukt, moeten de tags voor en na de selectie geplaatst worden.
* Bij de link-button moet er een popupvenster getoond worden. Hier moet eerst gevraagd worden naar de volledige URL, dan naar de beschrijving
* Bij de list-button moet er eveneens een popupvenster getoond worden. Hij moet dan telkens de list items vragen. Om de reeks te beëindigenmoet je dan bij een nieuwe invoer op 'cancel' drukken.
Ik hoop dat iemand dit voor mij zou willen samenstellen. Ik heb reeds op google gezocht, maar ik geraakte er helemaal niet aan uit.
Alvast heel vriendelijk bedankt!
Gewijzigd op 01/01/1970 01:00:00 door Jan H
Voor de Bold en Italic etc.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<script type="text/javascript">
function ubb(tag){
document.form.textarea.value = document.form.textarea.value + tag;
}
</script>
<img src="http://www.aczele.be/images/bold.gif" alt="" onclick="ubb('[b][/b]')"/>
function ubb(tag){
document.form.textarea.value = document.form.textarea.value + tag;
}
</script>
<img src="http://www.aczele.be/images/bold.gif" alt="" onclick="ubb('[b][/b]')"/>
Zoiets... eventueel kan je er ook nog met selected text enzo...
YPM schreef op 12.03.2007 20:38:
Waarom kunnen mensen tegenwoordig niet eens zelf ubb typen =P
omdat vele website-bezoekers niet eens weten wat UBB-code is :p
YPM schreef op 12.03.2007 20:38:
Voor de Bold en Italic etc.
Zoiets... eventueel kan je er ook nog met selected text enzo...
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<script type="text/javascript">
function ubb(tag){
document.form.textarea.value = document.form.textarea.value + tag;
}
</script>
<img src="http://www.aczele.be/images/bold.gif" alt="" onclick="ubb('[b][/b]')"/>
function ubb(tag){
document.form.textarea.value = document.form.textarea.value + tag;
}
</script>
<img src="http://www.aczele.be/images/bold.gif" alt="" onclick="ubb('[b][/b]')"/>
Zoiets... eventueel kan je er ook nog met selected text enzo...
Hij geeft dan wel de tags weer, maar doet dit niet als de tekst geselecteerd is...
Ongeveer zelfde principe.. ;)
Koekeloer daar maar eens in de bron :P
Edit:
De plaatsing werkt (nog) alleen bij de ubb tags, voor de smileys ben ik aan het bouwen dat die komen waar je pointer op dat moment staat, en anders aan het einde..:)
De plaatsing werkt (nog) alleen bij de ubb tags, voor de smileys ben ik aan het bouwen dat die komen waar je pointer op dat moment staat, en anders aan het einde..:)
Gewijzigd op 01/01/1970 01:00:00 door Robert Deiman
Gewijzigd op 01/01/1970 01:00:00 door Jurgen assaasas
Robert schreef op 14.03.2007 18:54:
http://phphulp.robertdeiman.net/preview.php
Koekeloer daar maar eens in de bron :P
Koekeloer daar maar eens in de bron :P
Edit:
De plaatsing werkt (nog) alleen bij de ubb tags, voor de smileys ben ik aan het bouwen dat die komen waar je pointer op dat moment staat, en anders aan het einde..:)
De plaatsing werkt (nog) alleen bij de ubb tags, voor de smileys ben ik aan het bouwen dat die komen waar je pointer op dat moment staat, en anders aan het einde..:)
OK, perfect tot nu toe :D
Enkel moet ik nog iets hebben voor een list te plaatsen... Weet iemand zo een uitbreiding?
Het voorlopige resultaat kunt U zien op http://www.aczele.be/add_gastenboek.php# (met dank aan robertdeiman)
Robert schreef op 14.03.2007 20:35:
Geef die linkjes/ plaatjes even een class en aan die class een style met "pointer" als muisaanwijzer. Dan kan iemand ook zien dat die erop kan klikken.
bedankt voor de tip, bij deze is dit aangepast :)
http://www.codingforums.com/showpost.php?p=335880&postcount=4
zou iemand de list-code hieruit kunnen halen zodat ik deze enkel nog in mijn pagina moet copy-pasten?
Heeeeeel vriendelijk bedankt
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
function maaklijst(){
var list = '[list]\n';
var list_element = prompt('Voeg een lijstitem toe','');
while(list_element != null && list_element != ''){
list += '[*]' + list_element + '[/*]' + '\n';
list_element = prompt('Voeg een lijstitem toe','');
}
list += '[/list]\n';
}
var list = '[list]\n';
var list_element = prompt('Voeg een lijstitem toe','');
while(list_element != null && list_element != ''){
list += '[*]' + list_element + '[/*]' + '\n';
list_element = prompt('Voeg een lijstitem toe','');
}
list += '[/list]\n';
}
en
Code (php)
1
<img name="Lijst" src="./images/ul.gif" alt="Lijst" onclick="maaklijst()" />
Alleen wordt de tekst nog niet in mijn tekstvak weergegeven. Iemand die kan helpen?