Meyshan.com >> Projects for Developers Class : Documentation

Overview

Notes

Please read through the entire article and documents here and at http://blog.meyshan.com after that please check out the samples tab here. other than the samples listed here, you can also check http://developer.yahoo.com/ypatterns for more samples to be used in our site while you are developing

If you are designer, web developer and have experience in hacking wordpress and other open source content management system also who have experience php, mysql, ajax, fjax, java, jquerry, flex, please kindly send your quote via mail, at the earliest for the following projects. Re-designing of meyshan.com, with look and feel similar to http://www.jambhav.com, http://www.netvibes.com, and http://www.bloxpress.org. The designer must use open source content management system. The site should have all the feature of current www.meyshan.com, such as guest books, comments, rating, voting, slid show, videos, etc. In addition to that, we would like to have baby photo contest, baby video contest, baby of the week, baby tips and tricks contest using more of Ajax, flex, fjax, fast loading, user-friendly. Attractive color and animation should be used and remove the entire free feature obtained from other free providers such as guest book, slide show and inbuilt them with the website. In this sample page you can click on rest of samples to read some of ajax enhanced feature we require.  In various baby contest, registers users should able to vote for baby of the week, baby of the month, best video, best parent tips etc. Rating system, voting system, highly read post, dig it, live search, ajax commenting system should be incorporated.

Also kindly check meyshan site, and http://blog.meyshan.com/ and http://blog.meyshan.com/index.php/ajax-widgets-download and here http://blog.meyshan.com/index.php/ajax-goodies/, this is only to give an idea of some of feature we request you to use it, also check following sample window, for you understand the kind of ajax implementation we require.

Project II

Designing of wordpress them. Please have look over http://blog.meyshan.com, we would like you to re-design the wordpress theme from scratch again using more of Ajax, fast loading, user-friendly. Attractive color, and animation to be used. Use all the ajax goodies and enhancements. The look and feel could be of current yahoo.com home page, with tapped browsing, and static front page, which normally word press doesn’t provide.

Once developed other than using at http://blog.meyshan.com we would release the theme at themes.wordpress.net for the wordpress community to use it. The theme to be named Baby meyshan.

Project III
www.spicyvillage.com, www.spicyexpress.net

This is the mega hotel portal; everything will be free for everyone. This is funded by liked minded people working in various hotels, please note working people. See the attachment for more details. Here again we need you to use only any of the open source content management system. http://blog.meyshan.com/index.php?s=cms&cat=0

Please quote in detail for the each of the above project in detail separately,

Window Class

Main class to handle windows

initialize(id, options) Window constructor used when creating new window (new Window(id, options))

id DOM id of the window must be unique

options Hash map of window options,

Key	Default
className
title
url
parent
top \| bottom
right \| left
width / height
maxWidth
minWidth
resizable
closable
minimizable
maximizable
draggable
showEffect
hideEffect
showEffectOptions
hideEffectOptions
effectOptions
onload
opacity

here is the key list: Description dialog Class name prefix none Window's title none URL of window content (use an iframe) body Parent node of the window top:0 Top or bottom position of the window in pixels left:0 Right or left position of the window in pixels 100 width and height of the window / maxHeight none Maximum width and height of the window / minHeight 100/20 Minimum width and height of the window true Specify if the window can be resized true Specify if the window can be closed true Specify if the window can be minimized true Specify if the window can be maximized true Specify if the window can be moved Effect.Appear or
Element.show Show effect function. The default value depends if effect.js of script.aculo.us is included Effect.Fade or
Element.hide Hide effect function. The default value depends if effect.js of script.aculo.us is included none Show effect options (see script.aculo.us documentation). none Hid effect options (see script.aculo.us documentation). none Show and hide effect options (see script.aculo.us documentation). none Onload function of the main window div or iframe 1 Window opacity

destroy() Window destructor

getId() Returns current window id

setDestroyOnClose() The window will be destroy by clicking on close button instead of being hidden

setDelegate(delegate) Sets window delegate

delegate Window delegate, should have canClose(window) function

getDelegate() Returns current window delegate

setContent(id, autoresize, autoposition) Sets window content using an existing element (does not work woth url/iframe)

id Element id to insert in the window

autoresize (default false) Resizes the window to fit with its content

autoposition (default false) Sets the current window position to the specified input element

setAjaxContent(url, options, showCentered, showModal) Sets window content using an Ajax request. The request must return HTML code. See script.aculo.us Ajax.request documentation for details. When the response is received, the window is shown.

url Ajax request URL

options Ajax request options

showCentered (default false) Displays window centered when response is received

showModal (default false) Displays window in modal mode when response is received

getContent() Returns current window content (a div or an iframe)

setCookie(name, expires, path, domain, secure) Sets cookie informations to store window size and position

name (default window's id) Cookie name

expires, path, domain, secure Cookie attributes

setLocation(top, left) Sets window top-left position

top Top position in pixels

bottom Bottom position in pixels

getSize() Gets window content size. Return an hash with width and height as keys

setSize(width, height) Sets window content size

width Width in pixels

height Height in pixels

updateWidth() Recompute window width, useful when you change window content and do not want scrolling

updateHeight() Recompute window height, useful when you change window content and do not want scrolling

toFront() Brings current window in front of all others

show(modal) Shows window at its current position

modal (default false) Modal mode

showCenter(modal, top, left) Shows window in page's center. You can set top (or left) if you want to center only left (or top) value

modal (default false) top (default null) left (default null) Modal mode

minimize() Minimizes the window, only top bar will be displayed

maximize() Maximizes the window, the window will fit the viewable area of the page

isMinimized() Returns true if the window is minimized

isMaximized() Returns true if the window is maximized

setOpacity(opacity) Sets window opacity

opacity Float value between 0 and 1

setZIndex(zindex) Sets window zindex

zindex Int value

setTitle(title) Sets window title

title Window title (can be null)

setStatusBar(element) Sets window status bar

element Can be HTML code or an element

Dialog module

Dialog factory to open alert/confirm/info modal panels

confirm(content, options) Opens a modal dialog with two buttons (ok/cancel for example)

content - If the content is a string, it will be the message displayed in the dialog (HTML code)
- If the content is an hash map, it will be used for setting content with an AJAX request. The hashmap must have url key and an optional options key (ajax options request)

options Hash map of dialog options, here is the key list:

Key	Default	Description
top	null	Top position
left	null	Left position
okLabel	Ok	Ok button label
cancelLabel	Cancel	Cancel button label
ok	none	Ok callback function called on ok button
cancel	none	Cancel callback function called on ok button
buttonClass	none	Ok/Cancel button css class name
windowParameters (hash map)	none	Window constructor options

alert(content, options) Opens a modal alert with one button (ok for example)

options Hash map of dialog options, here is the key list:

Key	Default	Description
top	null	Top position
left	null	Left position
okLabel	Ok	Ok button label
okCallback	none	Ok callback function called on ok button
buttonClass	none	Ok/Cancel button css class name
windowParameters (hash map)	none	Window constructor options

info(content, options) Opens a modal info panel without any button. It can have a progress image (Used to display submit waiting message for example)

options Hash map of dialog options, here is the key list:

Key	Default	Description
top	null	Top position
left	null	Left position
showProgress	false	Add a progress image (info found in the css file)
windowParameters (hash map)	none	Window constructor options

setInfoMessage(message) Sets info message (Used to display waiting information like 32% done for example)

message New info message

closeInfo() Closes the current modal dialog

Windows

Windows factory. Handles created windows, and windows observers

addObserver(observer) Registers a new windows observer. Should be able to respond to onStartResize(), onEndResize(), onStartMove(), onEndMove(), onClose(), onDestroy(), onMaximize(), onMinimize(), onFocus(), onHide(), onShow() functions

observer Observer object

removeObserver(observer) Unregisters a windows observer.

observer Observer object

closeAll() Closes all closeable windows.

getFocusedWindow() Returns the last focused window.