JS/ajax gurus get in here..

[dreamache]

I need some damn help, this is something I'm wanting to do myself so I'd be willing to pay for consultation based on what I need..

The template is: Track your workout & diet plans for free!

Basically it will be a fully js/ajax functional diet entry template that will allow members to enter meals / foods / quantities of what they ate throughout the day and I would prefer to use mootools for the framework because it's what I'm somewhat familiar with..

Before I even think about beginning it, I want to be able to setup everything correctly and not just n-rig it.

So assuming you would be able to make this thing fully functional with no probs at all (aka you're at that skill level), I'd have no problem dishing out some $ for an hour or 2 worth of chat (whether on phone or IM)..

If you can help, respond to this thread or IM me at "dreamache" (AIM).

Thanks

 

[Rage9]

Hey dude, I have looked at Mootools, but man jQuery is more powerful IMHO. Give me a holler over pm if you want to chat. I'm sure either way I can help you out shoot me a PM.

 

[Aequitas]

Hey dude, I have looked at Mootools, but man jQuery is more powerful IMHO. Give me a holler over pm if you want to chat. I'm sure either way I can help you out shoot me a PM.

I agree look at jQuery its been my best friend for a long time now. I'd help you out but I'm taking on too many programming jobs at the moment.

 

[LazyD]

Thirding jQuery - I havent looked at Mootools but I have heard good things.

At this point I would reccomend staying away from Prototype and Dojo.

 

[dreamache]

Thing is is I'm somewhat familiar with mootools already and I've read in the comparison articles (jquery vs. mootools), that they're very similar, and most prefer jquery only because it's more popular and they've used it (thus biased), but i've also read many people who've tried both and come out for mootools often.

But my issue really isn't JS specific, I just need someone to walk me through with how they would go about building what I need in actual code structure / code relationship

 

[LazyD]

<INCOHERENT>

Fair enough, go with what you know, and I realized after the fact that my original reply was retarded and didnt particularly cover your actual question. Lemme give this a better go.. Be aware this is general overview type of shit..

It already seems like you have the general layout of the page and how the recipes and invidividual food items will display which is a big plus.

I think the general process would be to make the actual food items a seperate page, pull them in via AJAX and inject them into the DOM under Food Name header and above the '* Click on food to edit it' - Possibly create a function to do this as you will be calling this pretty often - potentially.

Whenever you add a new food item, edit an existing item or remove an item your going to do it via an AJAX call - Make the server side return 'success' or some shit if the action it is performing is successful. Then, you can evaluate the AJAX response and check to see if its a success, if it is, hit the function to reload the food item rows. Basically thats your bread and butter. Ping url, check response, reload if successful.

Aside from that, you look like your going to be doing a basic accordion on Recipe to show food items, that should be pretty basic, add a click event, do some shit based on that.

Regardless of what JS framework you choose, try to create functions to reduce the amount of redundant code. Also, try to pass responses from the server to the JS in JSON.

</INCOHERENT>

I dont have time to consult to you, but your welcome to hit me up with questions.

 

[dreamache]

<INCOHERENT>

Fair enough, go with what you know, and I realized after the fact that my original reply was retarded and didnt particularly cover your actual question. Lemme give this a better go.. Be aware this is general overview type of shit..

It already seems like you have the general layout of the page and how the recipes and invidividual food items will display which is a big plus.

I think the general process would be to make the actual food items a seperate page, pull them in via AJAX and inject them into the DOM under Food Name header and above the '* Click on food to edit it' - Possibly create a function to do this as you will be calling this pretty often - potentially.

Whenever you add a new food item, edit an existing item or remove an item your going to do it via an AJAX call - Make the server side return 'success' or some shit if the action it is performing is successful. Then, you can evaluate the AJAX response and check to see if its a success, if it is, hit the function to reload the food item rows. Basically thats your bread and butter. Ping url, check response, reload if successful.

Aside from that, you look like your going to be doing a basic accordion on Recipe to show food items, that should be pretty basic, add a click event, do some shit based on that.

Regardless of what JS framework you choose, try to create functions to reduce the amount of redundant code. Also, try to pass responses from the server to the JS in JSON.

</INCOHERENT>

I dont have time to consult to you, but your welcome to hit me up with questions.

Thanks for your response...

Not entirely sure what you mean by "make the separate food items a separate page"? There are thousands of food items which is stored in a mysql DB from the USDA..

 

[kblessinggr]

About MooTools though. While I use Prototype/Scriptaculous myself, I would also recommend JQuery if it was a choice between JQuery and MooTools. Because at least JQuery can co-exist with Prototype if you ever need to use the two on the same page, mootools won't co-exist.

Basically meaning you can do what you'd want in Jquery, but if theres another functionality for another page of the page that you want and its in prototype, it can be plugged in without conflict.

 

[LazyD]

I made a little example of what I was referring to...

Basically, the page, minus the food items themselves will be one page. The food items, will be another page, minus all of the outside templat'ey kind of shit. Just the raw food item rows.

What I meant about making a function out of it is that you will be doing alot of reloading the food item list when someone adds an item, removes an item, etc. You could shorthand it with a function everytime that happens.

Heres an example of what I was referring to... Track your workout & diet plans for free!