Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.


Dynamic creation of variable to apply a style

Dynamic creation of variable to apply a style

Very new to Javascript and trying to run before I can walk but I am trying to use a javascript routine to change styling dynamically - I have a number of <Div> with generated IDs pix1, pix2 pix3 etc and images with an onclick function example hidepix(1), hidepix(2) etc. I am trying to write a function that that takes the value, generates a variable and applies styling to that Div

function hidepix(x){
var px="pix"+x;"none";

But it isn't working - any ideas?

So, in other words, how do I dymanically create a variable that I can apply a style to?

RE: Dynamic creation of variable to apply a style


Like this ?

CODE --> JavaScript

function hidepix(x)
    document.getElementById("pix" + x).style.display = "none";


RE: Dynamic creation of variable to apply a style

Easy as that... many thanks

RE: Dynamic creation of variable to apply a style

Just as a matter of interest I tried to apply a max-width using same method but without success - any suggestions please?

document.getElementById("pixb" + i).style.max-width="20%";

RE: Dynamic creation of variable to apply a style

For style properties using javascript that have a '-' word separator you remove the '-' and capitalise the letter following the dash.


Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!


Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close