Shop Mobile More Submit  Join Login
Webdesign Tutorial 12 by MikariStar Webdesign Tutorial 12 by MikariStar
boxid, etc. are not meant as the actual id, but to say "the id goes here" when actually using these codes the ids must be unique to each element and the JS must reference the id belonging to the element it's interacting with.

Tutorials/Personal: azurelight.net
Fansites: genkigirl.net
Deviant Art: mikaristar.deviantart.com
Fanart Central: fanart-central.net/user/AzureM…
Artrift: artrift.com/Mikari/
Tumblr: mikariazure.tumblr.com
Instagram: instagram.com/azurepixel/
Twitter: twitter.com/miliazure
Add a Comment:
 
:icontehangelscry:
TehAngelsCry Featured By Owner Jul 17, 2015  Professional Interface Designer
Noticed a little error!

Your JS beneath each piece of HTML isn't targeting the ID of the input field. Taking the first one as an example, it's id="boxid", but in the JS below you're trying to target an element with id="boxname". This should be "boxid" :) 

document.getElementById("boxid").value();
Reply
:iconmikaristar:
MikariStar Featured By Owner Jul 17, 2015  Hobbyist Digital Artist
boxid, etc. are not meant as the id, but to say "the id goes here" that's why none of them match, sorry if it's confusing. These tutorials are meant as a reminder, not really for beginners, so people should already know that. The "live" version of the tutorial is more effective in that people can copy and paste the bits of code, change what they need and compare how the codes look on different browsers. I'll make a note of this in the deviation description to clarify.
Reply
:icontehangelscry:
TehAngelsCry Featured By Owner Jul 18, 2015  Professional Interface Designer
I just think tutorials should be as clear as possible, and by not having the two ID's match, you bring up a level of unnecessary confusion.
Reply
:iconmikaristar:
MikariStar Featured By Owner Jul 18, 2015  Hobbyist Digital Artist
I added a note to the description just in case, though I really don't think anyone would be confused unless they're a beginner (then this tutorial or more like "notes" are not directed at them). I mean, you caught it right away. XD
Reply
Add a Comment:
 
×
Download PNG 745 × 746



Details

Submitted on
June 19, 2012
Image Size
32.7 KB
Resolution
745×746
Link
Thumb
Embed

Stats

Views
241
Favourites
4 (who?)
Comments
4
Downloads
8
×