Welcome Guest [Log In] [Register]
Add Reply
Let's talk JavaScript libraries
Topic Started: Jan 22 2009, 04:20 AM (199 Views)
bustya
Member Avatar
The Master Bitchslapper
Mootools, end of discussion. You can run a speed test to compare the top 5 libraries, run it 5 or 6 times before making a judgment. So far I'm using Mootools for 4 tasks in my image handling (cropping, sorting, editable captions & notifications for the latter two tasks) <--[code coming soon]. I plan to use it to sort other items as well (friends and blog entries), plus I have at least three more tasks (AJAX auto-complete[auto-suggest] search, WYSIWYG and a CSS profile editor) for it, all of which is coming soon. I should have a link for the image handling ready in the next couple of days, I'll post login details for a test account and a link. Stay tuned.
Edited by bustya, Jan 22 2009, 05:12 AM.
Offline Profile Quote Post Goto Top
 
php-coder
Member Avatar

Hey,

I couldn't agree more with you MooTools is the way to go for the type of scripts your building can't wait to see your progress on these idea's.


~Pc
Offline Profile Quote Post Goto Top
 
bustya
Member Avatar
The Master Bitchslapper
I might knock it out by the end of the night. I just need to write the "public view" pages (2 pages) for images. As it is now, the user can only view his own. I have a couple of style issues left to address in this section as well but I'll post the test account details and link as soon as I'm done with the "public view".

As a primer to the tutorial coming, you guys should familiarize yourselves with the possibilities of serving JavaScript via PHP. This alone is probably one of the most exciting aspects of what I've been working on. Read and test this.
Offline Profile Quote Post Goto Top
 
bustya
Member Avatar
The Master Bitchslapper
Alright, I've been drinking every night lately so I haven't finished this just yet, so I disabled the links that go to the unfinished pages and decided to go ahead an post a link so you guys can test it.

go here and login with this account:

username: testuser
password: password

Be sure to log out when you leave, because if someone else logs in and then you try to log in again later, your cookie won't match... so log out to destroy your cookie so you can log in later without a problem.

Feel free to upload a pic, in fact, please do if you delete one.... just keep it clean, k?

Oh, tasks:

you can... upload, delete, caption, sort, crop, uncrop, set avatar, remove avatar.

PS: try to make it error, try uploading a file that's not jpg, gif or png. Also attempt to view an image that's not "yours" by editing the url.
Edited by bustya, Jan 24 2009, 06:45 PM.
Offline Profile Quote Post Goto Top
 
php-coder
Member Avatar

Very good indeed, nice progress yoiur making there.


~Pc
Offline Profile Quote Post Goto Top
 
bustya
Member Avatar
The Master Bitchslapper
I'm working on my very own WYSIWYG care of Mootools now. There is a team of developers working on a Mootools WYSIWYG right now, but they're basing their code off of existing WYSIWYGs, rather than building it from the ground up based on Mootools core. My main problem with their project (and every other WYSIWYG out there) is the use of an Iframe for the "editor area". Not only do I hate Iframes personally, they're just not web2.0, and the use of them with a WYSIWYG has limitations of WYSIWYG functions from browser to browser. For instance, dragging to resize an element inside of a WYSIWYG works in FF and IEs but not Safari and Opera. There are other issues as well, but what matters most to me is cross-browser compatibility. So, I say out with the Iframes and in with the ajax.

With Mootools, I can allow the user to add elements, drag-to-resize elements, reposition elements and style objects, all without Iframes. This is what I'm working on now. I've been choosing my functions for this and designing my interface. My vision is a floating control panel that the user can move up and down the page. When the user adds a new element to the page, the element blinks to show them what element they are currently working on, also since they can move the control panel and this is all ajax... the areas where they're working can be in view while they're adding it (otherwise blinking the element would be pointless if it's added to the bottom of the page). When an element is added, that element's individual controls are added to a sortable list in the control panel, nested elements are added to nested lists, by dragging and dropping element controls, the HTML of the element itself will be moved as well. Each element's control <li> will have select or dropdown menus to style the object. Also from the elements' control you'll be able to inject a new element within it. Adding text to elements will also be controlled here. Elements themselves will be resizable by dragging (cross-browser). I'm planning on using this for several pages, but the main thing I want to use it for is editing user profiles, so of course when the user follows the link to this page it'll collect their existing profile HTML/CSS and display it so it too can be manipulated. After the user saves the changes, I'm going to try to separate the HTML and CSS, in other words, preg_match inline CSS and replace it with embedded CSS. That's about it I think, well, so far.


Edited by bustya, Feb 28 2009, 05:10 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Other · Next Topic »
Add Reply