Want to create an online yearbook

[RonaldS]

Hi guys,
I want to implement an online yearbook type page on my website. Let’s assume there are 12 students in the class, I want to create 2 rows of 6 boxes each (quite simple with HTML and CSS and putting their pictures in each of the boxes).
Now I want it such that when I click on any of these photos, a lightbox opens up and in this lightbox are the photo and a feedback form (kind of like the WP comments form, but I prefer to use Disqus here). There should be a submit button and a Read button (so any individual can fill up the form and submit it which will get recorded in the db, or they could choose to ‘read’ what others have previously written about that particular guy in the photo)
Sounds simple right? Well I’m searching for a lightbox that allows me to put in the photo as well as the feedback form. (I was thinking of using Home | Stéphane Caron lightbox, using the inline function and wondering whether I can link it to an ID having the photo and the form?
e.g: <div id=xxx”><img src=””></img><p>asidughasuig</p></div>)
I’m also getting a bit stuck on the Submit and Read buttons. How do I link up these two buttons such that they link to the db and data gets stored from the form to the respective columns in the db?

 

[jryan21]

You should get a better understanding of the mechanics of what you are trying to do, otherwise, you are going to have a hard time hacking up existing code to do exactly what you want. Here is a good place to start:
AJAX Tutorial

 

[RonaldS]

Thanks for your reply, but do you suggest PHP or AJAX for such dynamic loading content?

 

[Rexibit]

Well I’m searching for a lightbox that allows me to put in the photo as well as the feedback form.

ColorBox, A jQuery Lightbox

Your welcome.

Thanks for your reply, but do you suggest PHP or AJAX for such dynamic loading content?

PHP + MySQL makes dynamic web pages. Ajax is all about manipulating the DOM "After" the page has been loaded, changing the presentation. Both CAN be dynamic in that they are scripted to change their behavior based on what data they deal with.

However, AJAX doesn't access any server-side processing other than maybe being able to grab information from the database, which via JS is a BIG NO NO since anyone can view your JS source. What you'd be doing is calling a server-side script to handle the processing because it's more secure and much simpler.

Like jryan21 said, do spend some time researching the basics before going further. You'll save yourself a ton of time and headache later.