UBB insert

Misschien is het al opgelost als je dit doet:

var target = $(this).prev("textarea");
UBB(target[0], "[b]","[/b]");

De jQuery selector* geeft de elementen altijd in een array terug. Zelfs als het via id is.
Als je het element zelf nodig hebt, volstaat het om het nulde item door te geven ...


(* misschien druk ik me een beetje ongelukkig uit; ik hoop dat het duidelijk is)

Ik had dit zelf al geprobeert alleen dan zo:

var target = $(this).prev("textarea")[0];
UBB(target, "[b]","[/b]");

Echter werkte dit niet.. Nu ik dit probeer:

var target = $("textarea")[0];
UBB(target, "[b]","[/b]");

werkt het wel.. Ik had de oplossing dus onbewust al gevonden alleen stuit ik op een ander probleem. Hoe kan ik ervoor zorgen dat hij de textarea wel selecteerd door te zoeken naar de eerst vorige? Want als ik nu meerder textarea's op 1 pagina ga krijgen zal hij ze daar ook inserten.

@Kris:
Bedankt voor je oplossing! De uitleg was goed.

[size=xsmall]Toevoeging op 01/10/2012 18:29:53:[/size]

Ik heb het uiteindelijk zo moeten oplossen:

De textarea zit in de parent van de UBB-button dus dan maar 1 stapje omhoog en dan de textarea proberen te vinden.

var target = $(this).parents().find("textarea")[0];
UBB(target, "[b]","[/b]");

[size=xsmall]Toevoeging op 01/10/2012 19:04:24:[/size]

Heb weer een soort gelijk probleem. Dit is nu de hele code om het javascript op te roepen als je op de UBB button klikt:

$(".ubb_btn_wrapper#bold").click(function() {
	var textarea = $(this).parents().find("textarea:first")[0];
	var counter = $(this).next("div.charcounter_wrapper").children("input")[0];
	UBB(textarea, "[b]","[/b]");
	textCounter(textarea,counter,500);
});

Nu wil ik dat hij na de UBB tag in de textarea gezet te hebben, het aantal characters gaat tellen in de textarea en de charcounter update (Dus hoeveel characters er nog over zijn). Alleen deze selecteren lukt al helemaal niet.

De HTML opmaak ziet er ongeveer zo uit:

<div class="textarea_wrapper">
    <div class="area">
        <textarea name="new_msg">
    </div>
    <div class="options">
        <div class="ubb_wrapper" id="bold"></div> // <<<< HIER IS DUS DE BUTTON
        <div class="charcounter_wrapper">
                <input type="text" name="charcounter" id="charcounter" value="500" /> // << EN HIER DE CHARCOUNTER
        </div>
    </div>
</div>

En deze codes heb ik allemaal geprobeert om de input (charcounter) te selecteren:

var counter = $(this).next("div.charcounter_wrapper").children("input")[0];
var counter = $(this).next("input#charcounter")[0];
var counter = $(this).find("input#charcounter")[0];
var counter = $(this).find("input#charcounter:first")[0];

En dit werkt allemaal niet.. Iemand enig idee hoe ik dit kan oplossen?

[size=xsmall]Toevoeging op 01/10/2012 19:07:26:[/size]

OPLOSSING:

En dit werkt nu opeens wel:

var counter = $(this).parents().find("input#charcounter:first")[0];

Iemand enig idee waarom wel?

[size=xsmall]Toevoeging op 01/10/2012 19:10:21:[/size]

Ow wat ben ik stom.. Ik zie het al.. Ik zit telkens in de button.. En door parents() niet meer.. Haha zo stom! Naja misschien is dit educatief voor andere phphulp bezoekers!

$(this).parents().find("input#charcounter:first")


Zeg, dat is allemaal niet nodig.
Als je een id hebt, gebruik ze dan gewoon.

$('#charcounter')

Ja, dat weet ik.. Alleen ik wil er zeker van zijn dat als er ik ooit meer textareas ga gebruiken dat ik ze dan niet allemaal op de pagina wijzig..

Uiteraard zullen ze dan dus niet allemaal hetzelfde id hebben.