chciałbym napisać coś jak jQuery, ale o wiele prostsze i na własne potrzeby. Zastanawia mnie jak skonstruować klasę, aby uzyskać taki zapis:
Kod
$('ID').hide ();
Pełna wersja: [JavaScript] Funkcje jak w jQuery
Witam,
chciałbym napisać coś jak jQuery, ale o wiele prostsze i na własne potrzeby. Zastanawia mnie jak skonstruować klasę, aby uzyskać taki zapis:
chciałbym napisać coś jak jQuery, ale o wiele prostsze i na własne potrzeby. Zastanawia mnie jak skonstruować klasę, aby uzyskać taki zapis:
Kod
String.prototype.hide = function(){
alert( this.value; );
}
alert( this.value; );
}
Ex
Kod
<script type="text/javascript">
window.onLoad = $( 'oInput' ).hide();
</script>
<input type="text" id="oInput" value="abc">
window.onLoad = $( 'oInput' ).hide();
</script>
<input type="text" id="oInput" value="abc">
*pisane z palca.
Wyskrobałem coś takiego:
ale to niestety nie działa.
Kod
var String = function (ID)
{
return document.getElementById (ID);
}
String.prototype.Content = function ()
{
alert (this.innerHTML);
}
window.onload = function ()
{
alert (String ('Test').Content ());
}
{
return document.getElementById (ID);
}
String.prototype.Content = function ()
{
alert (this.innerHTML);
}
window.onload = function ()
{
alert (String ('Test').Content ());
}
ale to niestety nie działa.
no bo to nie ma prawa dzialac. String() zwraca ci obiekt DOM a ty na nim chcesz zrobic COntent(). Content() masz przypisany do string przeciez 
ps: czemu nie uzyjesz gotowego liba ?
ps: czemu nie uzyjesz gotowego liba ?
Cytat(nospor @ 14.01.2009, 13:59:13 ) 
no bo to nie ma prawa dzialac. String() zwraca ci obiekt DOM a ty na nim chcesz zrobic COntent(). Content() masz przypisany do string przeciez
Rozumiem, w sumie to było oczywiste. Dalej jednak nie wiem jak mogę rozszerzyć klase String o dodatkowe metody.
Cytat(nospor @ 14.01.2009, 13:59:13 )
ps: czemu nie uzyjesz gotowego liba ?
Chce napisać coś małego, a przy tym się czegoś nauczyć.
chcac pisac kropkowo (jest jakas ladna nazwa na to ale zapomnialem ) kazda metoda String musi zwracac tenze obiekt. Inaczej takiej kropkowej drogi nie osiągniesz.
) kazda metoda String musi zwracac tenze obiekt. Inaczej takiej kropkowej drogi nie osiągniesz.
No ok, ale jak będę zwracał obiekt klasy, to jak mogę się później dostać do danego elementu. Możesz podać przykładowy kod?
np. dopisz metode get()
sam wymysliles ze chcesz miec lancuszek
sam wymysliles ze chcesz miec lancuszek
Cytat
chciałbym napisać coś jak jQuery, ale o wiele prostsze i na własne potrzeby.
Blebleble, ale chłopakowi mieszacie. Zamiast najpierw zadeklarować funkcję $, to Wy o jakichś stringach.
Wystarczy przejrzeć źródła jQ, aby się dowiedzieć, że główna funkcja jest deklarowana jako:
Kod
var jQuery = window.jQuery = window.$ = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context );
};
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context );
};
A cała reszta (czyli po kropkach), to metody obiektu. Ale obiektówka w JS, to już osobny temat, o którym już napisano wieeele.
A głównym "sercem" byłaby chyba konstrukcja a'la:
Kod
window.$ = function(sel){
return document.getElementById(sel):
}
return document.getElementById(sel):
}
I potem idziesz jak po drzewie DOM:
Kod
$('ident').style.color = '#FFF';
Cytat
Zamiast najpierw zadeklarować funkcję $, to Wy o jakichś stringach.
Chcial jak Jquery. w jquery $ nie zwraca obiektu DOM
A String sam na poczatku zadeklarowal
Cytat
Chcial jak Jquery. w jquery $ nie zwraca obiektu DOM
:
Cytat
ale o wiele prostsze i na własne potrzeby
Opisałem tylko przykładowe, niech się wysili.
Poza tym:Cytat
A cała reszta (czyli po kropkach), to metody obiektu.
~erix, nie dokładnie o to chodzi, do czegoś takiego doszedłem. Chodzi mi o ty że chciałbym sobie dopisywać własne funkcję. Np:
Która w rzeczywistości wykonywała:
Kod
$('ID').hide ();
Która w rzeczywistości wykonywała:
Kod
$('ID').style.display = 'none';
No to mówiłem - zamiast $ robisz obiekt, który posiada odpowiednie metody:
http://nefariousdesigns.co.uk/archive/2006...ted-javascript/
http://nefariousdesigns.co.uk/archive/2006...ted-javascript/
Kod
function circle(radius)
{
this.radius = radius;
this.getArea = function()
{
return (this.radius * this.radius) * Math.PI;
};
return true;
}
{
this.radius = radius;
this.getArea = function()
{
return (this.radius * this.radius) * Math.PI;
};
return true;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.