GoDB Tutorial : Event Handling and Images

Learning GoDB - 2

The goal is to create a simple Jewellery Catalogue with a menu

Each item on the menu (BRACELET, EARRINGS, RINGS, NECKLACE) leading us to enlarged pictures of the selected jewellery item.

Let us learn how to create the BRACELET page.

Notice five thumbnails of the bracelets in the first picture, clicking on any of which would result in a bigger picture of the selected thumbnail. For instance the second picture gets enlarged on selection.

How to add Images in GoDB.

Right Click on the Project Files folder in the workspace and add a new File - bracelet.txt to the project. Select the ImageView tab

Right click and select Add File option

Select the image files (thumb nails) example brace1.jpg,brace2.jpg etc and (enlarged images)bracelet1.jpg,bracelet2.jpg and add them to the project. The image files (.jpg,.gif,.png) files should be in the project folder.

Open bracelet.txt. Drag and drop the images (brace1.jpg,brace2.jpg) on the form, bracelet.txt. Add all images to the form.

Change the Name property of !girl.bin to Image1, brace1.bin to Image2 and so on in, the property window. Right click on the first thumbnail !brace1.bin to add the onclick event from the script wizard menu. When the user clicks on it the enlarged image should display a bigger version of the first thumbnail..

A new file .BAS gets created by the same primary name as the .txt file .

Add the following code

Sub Image2_Click
#image1.src$="!bracelet1.bin" 'replace the picture of the girl with a bracelet
End Sub

Add event handlers for all thumbnails in bracelet.bas file.

Sub Image3_Click
#image1.src$="!bracelet2.bin"
End Sub

Select the PDA you wish to run the application on

Execute the program in PALM , POCKET PC, NOKIA, SIMPUTER, LAPTOP.

The next tutorial teaches you how to create menus in GoDB.