close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Previous/Next Image Buttons On Detail Page

Thread began 11/29/2011 7:46 am by MikeyT | Last modified 8/12/2020 12:35 pm by Ray Borduin | 1246 views | 5 replies |

MikeyT

Previous/Next Image Buttons On Detail Page

I'm wondering if the following is possible with the DataAssist pages I've created:

I have a gallery of images (Results page) in a grid format being fed by the database. On the Detail pages I'd like to have “Previous Image” and “Next Image” buttons so the user can navigate to other gallery images while on the Detail page instead of forcing them to go back to the Results page to choose another image.

Even just a push in the right direction would be helpful - I might be able to figure it out from there. Thanks.

Sign in to reply to this post

Jason ByrnesWebAssist

the detail page uses a querystring variable to determine which record to show, for example:

details?ID=10


you can use simple math to create a link to the next or previous images using the querystring variable:

php:
<?php if(isset($_GET['ID'])) { ?><a href="details.php?ID=<?php echo($_GET['ID'] - 1);?>">Previous</a> <a href="details.php?ID=<?php echo($_GET['ID'] + 1);?>">Next</a><?php ?>




couple of issue to be aware of though:
1) If the ID is the previous link will point to 0 which will load a no record found page.
2) If you delete images, there may be a break in id values, so you may get an occasional no record found page in the middle.
3) once you get to the last image, the next link will point to an id that does not exist.

Sign in to reply to this post

MikeyT

Jason, thanks so much for the solution and for the possible obstacles. Can show if statements be used on the Previous/Next links similar to the First | Next | Previous | Last links on the Results page? Or maybe I emulate those same types of links on the Detail page altogether?

Also, concerning the database values in case a record is deleted... I'm assuming you can't reorder the values in MySQL to remove any gaps? Thanks again.

Sign in to reply to this post

Jason ByrnesWebAssist

No, the show regions cannot be used, they rely on record set data.

the ID is set by the database, when a record is deleted, that id is deleted, the ID s cannot be regenerated.

Sign in to reply to this post

Jonas

Can anyone explain how this can work on my detail page, thank you!
<?php if(isset($_GET['buc_id'])) { ?>
<!-- This should be the first entry, preferably in alphabetical order -->
<a class="btn btn-outline-secondary btn-sm" href="bucketinfo.php?buc_id=<?php echo($_GET['buc_id'] = 1);?>" role="button"><<</a>
<!-- This should be the previous entry, preferably in alphabetical order -->
<a class="btn btn-outline-secondary btn-sm" href="bucketinfo.php?buc_id=<?php echo($_GET['buc_id'] - 1);?>" role="button"><</a>
<!-- This should be the next entry, preferably in alphabetical order -->
<a class="btn btn-outline-secondary btn-sm" href="bucketinfo.php?buc_id=<?php echo($_GET['buc_id'] + 1);?>" role="button">></a>
<!-- This should be the last entry, preferably in alphabetical order -->
<a class="btn btn-outline-secondary btn-sm" href="bucketinfo.php?buc_id=<?php echo($_GET['buc_id'] ?? );?>" role="button">></a>
<?php } ?>

Sign in to reply to this post

Ray BorduinWebAssist

You could create 4 recordsets for the 4 buttons that return the id of the records you want associated with the 4 buttons.

Sign in to reply to this post
Did this help? Tips are appreciated...

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...