Support Forum

Hi,

a summary from various links I have found on javascripts / Ajax.

Overview of various scripts/libs:
- Prototype/scriptaculous: http://www.prototypejs.org/ and http://script.aculo.us/
overview of extensions: http://scripteka.com/
Blog: http://mir.aculo.us/
UI: http://prototype-ui.com/
- jQuery: http://jquery.com/ and http://plugins.jquery.com/
plugins: http://www.sastgroup.com/jquery/240-plugins-jquery
blog: http://ejohn.org/
UI: http://ui.jquery.com/
- MooTools: http://mootools.net/
demos: http://demos.mootools.net/
- YUI: http://developer.yahoo.com/yui/

prototype dateselect (optional time as well): http://code.google.com/p/calendardateselect/ (Demo: http://electronicholas.com/calendar)
Another Nice prototype datetime selector: http://home.jongsma.org/software/js/datepicker
jQuery datepicker plugs:
http://marcgrabanski.com/code/ui-datepicker/
http://www.kelvinluck.com...ry/datePicker/v2/demo/
http://keith-wood.name/timeEntry.html
http://labs.perifer.se/timedatepicker/
combined: http://www.razum.si/jQuer...ndar/TimeCalendar.html
mootools datepicker: http://www.styledisplay.com/mootoolsdatepicker/

Inplace editing proto/scriptaculous:
http://wiki.script.aculo....how/Ajax.InPlaceEditor
http://www.tutorialspoint...us_inplace_editing.htm
http://24ways.org/2005/edit-in-place-with-ajax
tablekit: http://www.millstream.com.au/view/code/tablekit/

Inplace jquery editing:
http://davehauenstein.com/code/inplace.php
http://joshhundley.com/te...ce-editing-for-tables/

Quick reference proto/scriptaculous:
http://blogs.tech-recipes...ulous-quick-reference/

Nice ones from phpletter:
http://www.phpletter.com/...ojects/AjaxFileUpload/
http://www.phpletter.com/...mce-Ajax-File-Manager/
Ajax Form builder 1level: http://www.phpletter.com/Demo/Ajax-Form-Builder/

Drag/drop multi level Form Builder, payed : http://www.formassembly.com/form-builder/

IE png transparancy: http://jquery.andreaseberhard.de/pngFix/

Gallery / slideshow stuff:
http://www.smashingmagazi...slideshows-lightboxes/
http://www.developersnippets.com/?p=68

Summary of Lightbox variants:
http://www.fortysomething...tc/archives/005400.php
http://webdeveloper.econs...s-lightbox-variations/

Drag and Drop tree proto/scriptacalous. Could be a nice replacement for the one being used in menutree. I always exprience that one as buggy.
http://weblog.axent.pl/examples/js.drag-drop-tree/

Table row drag and drop tutorial: http://www.isocra.com/200...le-rows-in-javascript/

A lot of tutorials on various topics:
http://www.smashingmagazi...pt-php-mysql-and-more/




edited by: espaan, Apr 27, 2008 - 11:45 PM

what are the pnTeam advises concerning that ? (as some of this script might be not compatible if you use them on a same page)

they seem to use only "prototypes derived" script .

will support in the forum be limited to prototype like script ?



edited by: mumuri, Apr 16, 2008 - 11:50 AM

-----
Top Flood - a discussions board based on pnForum

Prototype and Scriptaculous are both native to PN. I know, I have been playing with them all day! :P

Some help with mixing and matching http://www.protolific.net/

I can get Ajax help in the forums?!

-----
-- David Pahl -- (PostNuke Support Team)

<div id="me" class="none" style="none" />

@mumuri: i know that JQuery can be used with prototype at the same time... mooTools has a hack (i don't remember clearly), and those libraries can be added to the /javascript folder if you develop/use a module that need them...

the core is prototype based, but it's not mandatory to use prototype,
but the core can't include more JS-libraries by default either because is already too heavy

-----
- Mateo T. -
Mis principios... son mis fines

Is the included prototype/scriptaculous lib in the core a packed one BTW?




edited by: espaan, Apr 17, 2008 - 12:08 AM

nestormateo

@mumuri: i know that JQuery can be used with prototype at the same time... mooTools has a hack (i don't remember clearly), and those libraries can be added to the /javascript folder if you develop/use a module that need them...

- nestormateo, are your sure about what you 're saying ? i don't think we can use Jquery and Prototype on the same page, indeed, even the basic selector are not the same, for instance,

$ = http://www.prototypejs.org/api/utility/dollar is only for id in prototype (we have to use $$ for the others type class selector ...)

but in jquery, this $ function have much more options.
http://docs.jquery.com/Selectors

- i know the can be use on different modules without problems, if you include only the required jquery libraryin the module template, my next website will be based on Jquery...

But the true problem will come from people who will want to use two widgets of two diffent framework on the same page. even if there is som trick for that, it's not come "out of the box"

http://www.protolific.net/ : thank for the link

anyway thank to have answered to my question, i can conclude there is no official framework ?



edited by: mumuri, Apr 16, 2008 - 04:15 PM

-----
Top Flood - a discussions board based on pnForum

Well, i think that the "official" PostNuke javascript framework is Prototype, because all the core is coded with it, but this doesn't means that you have to use it for your modules. Even if you're a JQuery fan, you can develop PN-modules, that's what i mean

-----
- Mateo T. -
Mis principios... son mis fines

That's also what I concluded, prototype/scriptaculous is the way to go. I found some very good scripts lately using proto/scriptaculous. For me the need to use jQuery is less important any more. The only thing remaining is the size of proto/scriptaculous. jQuery and MooTools are less big and come packed.

For prototype/scriptaculous there is a packed version as well, it would be Very nice to include the packed version in the PN code as well.
Protopack (John-David Dalton) is available from http://groups.google.com/group/prototype-core and well tested and kept uptodate.
It is up to date with prototype 1.6.0.2 and script.aculo.us 1.8.1 and the latest updates are compatible with protosafe apparently.

fromreadmeprotopack

ProtoPack is an organized collection of compressed versions of Prototype and Scriptaculous.
In MOST cases all I have done is format the code so that it is easily compressed by
MOST popular JavaScript compressors.

History change log:
v2.19b - fixed compatibility issue in Prototype files with ProtoSafe.
changed name to "ProtoPack" to avoid association with only packed js files.
v2.19a - fixed compatibility issue in Scriptaculous with ProtoSafe.
v2.18 - added Prototype versions 1.6.0.2 and 1.5.1.2
added Scriptaculous version 1.8.1
...

espaan

For prototype/scriptaculous there is a packed version as well, it would be Very nice to include the packed version in the PN code as well.

nice idea and a check on the "in production" or "in development" variable($PNConfig['System']['development'] ) could be done to include either prototype compressed version ou uncompressed.




-----
Top Flood - a discussions board based on pnForum

mumuri

nice idea and a check on the "in production" or "in development" variable($PNConfig['System']['development'] ) could be done to include either prototype compressed version or uncompressed.

That's a very good idea (IMHO ).

What is the best place for a developer to place js plugins together outside the core? If you would want to use several plugins in different modules for example. You don't want to duplicate the js files in the modules and you would want to keep them together.
Is there a place for it? Maybe in the theme/javascript or ... ?

an other problem, for module or hook that use

Code

PageUtil::addVar('javascript', 'javascript/ajax/prototype.js');

if you have a custom template with another framework, you have to comment this line directly in the code (which is not very good for maintenance)

note that you can use pnpageaddvar Smarty ^^
i found that for jquery
http://docs.jquery.com/Core/jQuery.noConflict
but i still think it's not a good idea to mix two framework on the same page



edited by: mumuri, Apr 26, 2008 - 11:13 AM
-----
Top Flood - a discussions board based on pnForum