close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Creating a voting form in the gallery

Thread began 1/18/2010 10:58 am by mrobben375515 | Last modified 2/09/2010 9:11 am by mrobben375515 | 2282 views | 5 replies |

mrobben375515

Creating a voting form in the gallery

I have power gallery working on my website, and I would like to create a voting form for each photo. The voting form would have different options (i.e. "cute" "average" "kinda cute"). Is there any way to do that? Here's the link to the site .... gallery.php .... and here's a link to what I want to do... bigpic.php

Sign in to reply to this post

Jimmy Wu

Yes, you could do this if you have DataAssist. Each of the photos would have an entry in a votes database. You would have a column for each of the vote options. When you load the page for that photo, you will have to retrieve this information using a recordset. Then when the form is submitted, you will use the DataAssist update functionality to update the row for that picture.

Sign in to reply to this post

mrobben375515

Ok, I think I understand that. I have DataAssist. I want to put the voting form under the large image that comes up after you double click one of the small thumbnails. Is that possible, and if so what file should I put the form in and where in the code? I appreciate the help...

Sign in to reply to this post

Jimmy Wu

Eric had posted a more detailed explanation of what you would have to do, but deleted it due to having a duplicate post. Please take a look at that explanation and see if that helps.

Sign in to reply to this post

mrobben375515

is there any way we can do it with the grid-lightbox gallery instead of the ribbon-fullsize?

Sign in to reply to this post

Eric Mittman

You can do something like this but it will be a little custom. The idea is that you add in a form with the radio group and submit button on the index page of the gallery you are working with.

Once you add in the form though you will need to do some customizing of the css to get it looking correctly. When I did this as a test I found that I had to widen the area around the large image to accommodate the form, then I had to alter the margin setting for the large image to get the form to show completely.

Here is the form that I added to the ribbon_fullsize > index.php page in the fullsize div:

html:
rate this image
<form name="form1" id="form1" method="post" action="">
<input type="radio" name="radio1" id="radio1_0" value="1" />1<br/>
<input type="radio" name="radio1" id="radio1_1" value="2" />2<br/>
<input type="submit" name="submit1" id="submit1" />
</form>



I then adjusted the width of the large image area with this css:

.pg-rf .fullsize {

width: 782px;
}



I also adjusted the margin-left of the image itself to allow the form to fit:

html:
<img src="http://yoursite/powergallery/images/1/sample01_782p.jpg" alt="" style="visibility: visible; opacity: 1; display: block; margin-top: 0px; margin-left: 31px;"/>



This got the form on the page but it did not look all that good. You will need to do some work with the css to get the form looking nice. Once you have the form on the page you can have it submit to another page with an insert statement on it to store the results into your db.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...