A Website can be added as a bookmark, this Bookmarklet is written with JavaScript code. It provides information about the Web site as well as performs a number of useful functions. Just like dragging a URL and Images to your web page.

Public:

1. bookmarklet.js

2. preview_bookmarklet.php

Admin:

3. admin_index.php

4. bookmarklet_status.php

5. approve_bookmarklet.php

6. delete_bookmarklet.php

7. edit_bookmarklet.php

Blog:

8. index.php

book_marklet

1. admin_login

2. bookmarklet_details

3. image_include

Fields:

1. Id (auto_increment with primary key)

2. User id (unique)

3. Password

Fields:

1. Project_Id (auto_increment with primary key)

2. Project_name

3. Project_designer

4. Image_credits

5. Location

6. Tages

7. Quote_from_source

8. Web_source

9. Link_to_source

10. posted_date

11. Project_status

12. last_update

Fields:

1. Id

2. project_id

3. image_name

This java script file can bookmark one web page, large images; source URL and domain, after fetching it will store the information into the data base tables “bookmarklet_details” and “image_include”. Then the preview data can be shown to the bookmarked user, using the file “preview_bookmarklet.php”.

URL: http://localhost/bookmarklet/admin_index.php

Userid: xxxx

Password: xxxx

Admin must enter with the userid and password to enter into the bookmarklet admin page. Once after the login, the page will redirect to the bookmarklet status page as below the URL shows.

http://localhost/bookmarklet1/bookmarklet_status.php

Book Marklet Status page consists of all bookmarked projects both approved and waiting for approval.

Approval:

Shows the content of the related project data and images and also the option links like Delete and edit.

Waiting for approval:

If the project is not approved, then the project shows the options approve, edit and delete.

If it is approved, the status shows the approved project having the options like delete and edit only.

The edit option will display the existing data and has the update button to modify the data. The delete option confirms the data to delete the whole project.

After the project is being updated or deleted, it displays a message that the project is been “Updated or Deleted Successfully” and having the options for, bookmark status and blog.

The “bookmarklet status” link redirects the admin to go to the Book Marklet status page and blog link confirms logout and then continue to go to blog page which contains the project information with a number of ten projects per page.

Each admin page has the Logout link option to exit from the Current Page except the login page. After clicking the logout, the Page will redirect into the “admin_index.php” Page

If User visits any webpage and continue to bookmark the page with some information. After the button submits in bookmarklet.js file and admin have to approve this project. Then the below blog page displays your submitted data.

http://localhost/bookmarklet/

We have used the Image Magick concept for resizing the images dynamically. The use of this concept is, the image will be resized and shown, once you click the image it will be displayed as same as the original image. So it will be done dynamically by this function in php

Project have done for the client

Site URL: www.spaceinvading.com/bookmarklet