Pinterest-like Bookmarklet

1. Summary

We'd like to create a Pinterest-like bookmarklet.

2. Overview

2-1. Purpose

We already have a website that allows users to submit image files.

In order to submit an image file on this site, however, users first need to login to the website, then upload an image with the submission form.

The purpose of this project is to make this process easier by providing a Pinterest-like bookmarklet that lets users curate images from any websites.

2-2. Features

When a user executes the bookmarklet, a modal box appears, and thumbnails of the images on the webpage will be listed. Each thumbnail has a button. When a user clicks on this button, a new window is popped up, and a form of our curation website will be displayed.

The bookmarklet needs to send information about the selected image to the form so that it will be filled in automatically.

In general a bookmarklet consists of 2 components.

1) A Javascript file with the actual logic that will be placed on the server.

2) A few lines of code that loads the above Javascript file. This will be “bookmarked” in the browser.

Creating 2) should be trivial. (Sample code can easily be found on the web.)

The main task of this project will be to develop 1).

The script should not destroy the functionality of the website itself.

If any Javascript libraries are used, be sure that they do not confilict with the main website.

2-2-1. Displaying Thumbnails

The script first needs to search all images on the webpage whose height or width is larger than X pixels. The value of X should be easily configurable in the code.

It then displays a modal form with a list of thumbnails with the size W x H for each searched image. The values of W and H should be easily configurable in the code.

A cancel button for closing the modal form is also needed.

2-2-2. Displaying Form

When the button for a thumbnail is clicked, the script should open up a new window.

The location of the new window will be the form at the curation site.

The script should send the page title, image URL (e.g., src attribute), and page URL to the form as a query string. Since title and URLs may contain multi-byte characters, they should be properly encoded.

2-2-3. Error Handling

If there is no image to generate a thumbnail, the script needs to display a message dialog to inform the user.

2-3. System Requirement

The bookmarklet needs to work on major web browsers including:

IE8, IE9, FF12, Chrome 18, and Safari 5.

Also it should run on both Windows and Mac.

3. Deliverable and Schedule

The script file, the bookmarklet code, and the list of tested URLs should be turned in.

Please do not obfuscate the Javascript file.

The script should at least work at [login to view URL] and

The copyright holder of the script will be 4plus Inc.

Although there is no fixed deadline for this project, please propose the shortest possible delivery period.

4. Budget

Please provide a cost proposal to complete this project.

5. Extra

If possible, please PM a HelloWorld bookmarklet to prove your skill.

Compétences : CSS, HTML, Javascript, Pinterest

en voir plus : pinterest bookmarklet, pinterest javascript, bookmarklet pinterest, create pinterest bookmarklet, pinterest bookmarklet javascript, pinterest bookmarklet code, javascript bookmarklet form pinterest, javascript pinterest bookmarklet, javascript pinterest, work proposal sample, window schedule sample, width first search, websites like up work, w 9 purpose, w 9 form purpose, w 9 form 2012, sample window schedule, sample project overview, sample it proposal, sample it project proposal, safari search page, purpose of w 9 form, purpose of w-9, purpose of form w 9, proposal project sample

Concernant l'employeur :
( 3 commentaires ) Fujinomiya, Japan

Nº du projet : #1667990

2 freelance font une offre moyenne de $125 pour ce travail


Please check PM for more details...

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(16 Commentaires)

Hi, This is Jeni from bistech support. We would like to inform you that we could able to develop this design project. Please find the attached document for your reference. our ball park quote is 30 USD. Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(18 Commentaires)