For the last few weeks I have been working on a new JavaScript Library. Its still not ready(I have to write some more test) for publishing - so I thought that I will create a small preview for it. My library is heavily influenced by jQuery. All the good features belong to jQuery - all the bugs belong to me.

Features

The features in my library(apart from the standard stuff) include...

Sample Code

Enough talk - this is what you can do with the Library...

Add the class 'term' to all 'dt' elements

JSL.dom("dt").addClass("term");

Using the Event Handler

JSL.dom("a").click(function(e) { // Adds a click event handler to all links
	alert(this.href); //Shows the link URL
	JSL.event(e).stop(); //And stops the event from propagating any further
});

Returns an array of all the external links of all the anchor in the para with ID 'intro'

JSL.dom('p#intro a[href^="http://"]').map(function(ele) { return(ele.href); }).get();
JSL.dom('p#intro a[href^="http://"]').map("ele.href").get(); //A shorter method to do the same thing as the above line

Attach a 'mouseover' handler to an element with the id 'an_id'

JSL.dom("an_id").on("mouseover", function(e) {
	//Do something here
});

Unlike jQuery, you don't have to specify # if it is an ID.

JSL.dom("an_id").innerHTML; // This works as well

Arrays

And 1 to each element of the first array and return the result

JSL.array([4,10,65]).map(function(current_item){ return current_item+1; }).get();

Same as the above - except we use a shortcut - and we use an associative array.

JSL.array({"a":23,"b":15,"c":42}).map("ele+1").get();

Other functions like map, filter, grep, each, reduce are also supported.

Ajax

Basic Ajax syntax

JSL.ajax("data.php").load(function(txt){
	alert(txt); //Fetches the URL data.php - and passes it to this function.
});

Send the data using POST method - and parsing the Json string.

JSL.ajax("data.php?world=warcraft").load(function(data){
	// Do stuff with 'data'
}, "json", "POST"); //The json argument will make the function eval the data before passing it.

Todo

The Todo list is much larger than the Done list.

Other Libraries

Comments

Aalaap at 09 Nov, 2007 08:43
*** HTML code was rendered in the earlier post, so I'm posting this again... ***

Interesting work. Even though its far from being a viable alternative to jQuery, I can see a few reasons why you'd want to develop it.

m not so sure about the removal of the # while accessing an element by id. A typical CSS selector without a hash usually refers to a tag, so it should maintain consistency. The array functions are a nice touch, though.

If there's anything I'd like to add to jQuery, it'd have to be a function to create elements in a more programmatic fashion, i.e.:

   para = $('#paragraph');

   $.create('a', {href: 'http://aalaap.com', target: '_blank', text: 'Aalaap.com'}).appendTo(para);


... which would create a..

   <a href="http://aalaap.com" target="_blank">Aalaap.com</a>


I know it's smaller to do what jQuery requires you to do right now, which is:

   $('#paragraph').append('<a href="http://aalaap.com" target="_blank">Aalaap.com</a>');


... but I like my suggested method because it's more consistent with the other jQuery functions.

Just a thought...

P.S.: I think I'll just go ahead and write my own custom '.create' function for jQuery!
Reply to this.
Aalaap at 09 Nov, 2007 09:03
Apparently someone else is a consistency freak too :) ... Michael Geary to Earth (and vice versa): Easy DOM creation for jQuery and Prototype
Reply to this.
Binny V A at 10 Nov, 2007 12:43
> If there's anything I'd like to add to jQuery, it'd have to be a function to create elements in a more programmatic fashion,
I have already created such a function - but decided against using that in the library.
CreateDOM

innerHTML is still the easiest method for that IMO.
Reply to this.
Anonymous at 02 Jul, 2008 08:01
Using Prototype:
$('paragraph').insert(new Element('a', { href: 'http://aalaap.com', target: '_blank' }).update('Aalaap.com'));
Reply to this.
Anonymous at 19 Oct, 2008 02:57
wahoooo how you did that???
Reply to this.
rookiejscripter at 12 Feb, 2010 06:22
Hi Aalaap,

I arrived on your site via your article on javascript UI for generating Cron job code.Forgive my low level of understanding, but please help me.

I'd like to have/make/assemble the PHP and/or javascript to have a simplfied server side website admin setup. A simplification of the common LAMP or similar, fancy,poerful tools which would:

1. use humble text table documents as the "database"
2. use humble javascript to sort the table (already have these bookmarklets)
3. use PHP and/or javascript to automatically scrape data from specific URLs,
then upon reading/copying data from URLs automatically update text database,
then have script sense/be triggered by update of database, to
5. automatically insert/write specific fields of data from master database into specific Include Placeholders in template pages for my website, then Save/post to website.

Can this be done *without* involving databases like MySQL, but rather, just CSV text files or tab delimited files as database? I'm updating Many event schedules daily, so no need for fancy manipulation of data, no need for fancy storage, no time for tampering, really, with such frequent changes.

Do you know of any of the JavaScript libraries you note, have existing scripts or functions available? (and are all these libraries fully cross-browser usable?)
* jQuery
* Ext JS
* Prototype
* MochiKit
* Dojo
* Yahoo! User Interface Library (YUI)
* DOMAssistant

It seems like what I want would be very close to an Ad scheduling/posting script - or maybe just like a blog program - without the use of the SQL database, etc.

Is there some networking logic or some aspect of the big database-backends that would operate more quickly than a lot of tiny text files being updated and posted daily?

thank you
Reply to this.
Comment

Please dont enter you comments in this form - this is a fake form to confuse spamming bots. The next form is the real one.




Comment




Comment Formating : HTML tags a, strong, em, b, i, code, pre, p and br allowed. Other tags will be shown as code(< will become &lt;). Urls, Line breaks will be auto-formated.