/    Sign up×
Community /Pin to ProfileBookmark

"Necklace Maker" project

Hello fellow programmers. Hope you’re all fine ?

So, I’m making a site for my girlfriend, she wants to sell her hand-made necklaces over the Internet.

To give this site some “animation” and make it more productive for her bussiness, I’m thinking of let the users build their own necklace.

There will be separated images of each little piece to choose to add to the empty string (not in terms of code, just a string to hold the various pieces of a necklace ? ) that will appear at the begin. Whenever the user click on one of the pieces, it will be added to that string. If the user click on the piece on the string, it will dissapear and the others on each side will join together.

Problem is: I never coded on Javascript. I choose this language now because I want something that doesn’t refresh the page each time a piece is clicked.

So, if someone could please give me some guidelines or some code, I would really really be greatful!

I’m thinking of some sort of array that has the clicked images and draws them everytime a change occours, but don’t know if it’s the right way, how will I do to remove a piece already on the string when clicked, etc.

Thanks.

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@justinbarneskinDec 15.2009 — Upload an image of a necklace and all the different pieces or, link to a folder containing all the images?
×

Success!

Help @Karlithus spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...