Blog
053692nd since April 04, 2007
R
1 - 4 of totally 7 entries in Jan, 2008 found Next »
Jan 30, 2008 ( Wednesday )
( 397 )
Update with "Photo Album" page
 (1) switched most hyperlinks to AJAX calls, so instead of changing the whole webpage, only photo image and its corresponding title are refreshed when clicking the listed photo hyperlink.

    Photo Album

the jQuery function used is pretty simple:

function showphoto(pid) {
    $.getJSON('/photos/showphoto.html', { p : pid }, function(sdata) {
        $('div#photo').html(sdata.image);
        $('h1#photoTitle').html(sdata.title);
    });
}


(2) removed some mouseover event settings of toggling hide/show of photo list.. many of them are kind of annoying.
...More
Add tags: AJAX jQuery Photo

by xicheng
23:16:08 | Add a comment | Read article and comments(2)
Jan 29, 2008 ( Tuesday )
( 475 )
My WBEditor
 Inspired by Alex Brem's fieldSelection jQuery plugin, I began to make my own WBEditor(WebBlogEntry editor), see the following plot or a GIF demo (2.9MB):



Currently, five typies of buttons are available:
 1) Fonts: B(bold), U(underline), I(italic)
 2) Links: a(link)
 3) Multi-medias: wmv(movie), wma(audio), img(image)
 4) Find: string search in the textarea
 5) Undo, redo: (maximum 10 times)

Also added some validations from the server-side code(MyApp::Regex.pm)

Still in experimental stage (only contains some basic <c /> tags).
...More
Add tags: blog jQuery site WBEditor

by xicheng
00:49:47 | Add a comment | Read article and comments(2)
Jan 21, 2008 ( Monday )
( 324 )
Time::ParseDate
Time::ParseDate is an easy-to-use Perl Datetime module to change a formated datetime to the epoch time(seconds since January 1st, 1970) and the results can be used to sort records by datetime.
Add tags: datetime modules Perl

by xicheng
21:04:09 | Add a comment | Read comment(1) | Ask xicheng
Jan 17, 2008 ( Thursday )
( 168 )
"Readmore" without AJAX calls
Below is a sample link to handle '...More' content of a blog entry with jQuery.

Sample link

Readmore means a point to toggle between expanding and collapsing the content of a blog entry.
Add tags: AJAX jQuery

by xicheng
20:18:49 | Add a comment | Modify entry | Ask xicheng
More entries: 1 2 Next » End