Javascript-Setting background image of a DIV via a function and function parameter

by

You need to concatenate your string.

document.getElementById(tabName).style.backgroundImage="url(buttons/" + imagePrefix + '.png)';

The way you had it, it’s just making 1 long string and not actually interpreting imagePrefix.

I would even suggest creating the string separate:

function ChangeBackgroungImageOfTab(tabName, imagePrefix)
{
    var urlString = 'url(buttons/' + imagePrefix + '.png)';
    document.getElementById(tabName).style.backgroundImage =  urlString;
}

As mentioned by David Thomas below, you can ditch the double quotes in your string. Here is a little article to get a better idea of how strings and quotes/double quotes are related: http://www.quirksmode.org/js/strings.html

More Related Contents:

  1. Close ad to continue as free user?
  2. How to add a black shadow on top of a div block with background image?
  3. Get the longest text in HTML document using Jquery or javascript
  4. How do you read CSS rule values with JavaScript?
  5. HTML selected option background-color CSS style
  6. Text blinking jQuery
  7. Opening new window in HTML for target=”_blank”
  8. Shrink DIV to text that’s wrapped to its max-width?
  9. How to ONLY trigger parent click event when a child is clicked
  10. Positioning divs in a circle using JavaScript
  11. Why scripts at the end of body tag
  12. How can I detect when a new element has been added to the document in jquery?
  13. JavaScript Loading Screen while page loads
  14. Materialize CSS – Select Doesn’t Seem to Render
  15. How to Toggle a div’s visibility by using a button click
  16. How to disable elements selection and resizing in contenteditable div?
  17. Change text color based on brightness of the covered background area?
  18. jQuery – Sticky header that shrinks when scrolling down
  19. Show text letter by letter
  20. How do I make an “else” in an IE HTML conditional?
  21. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  22. Remove scrollbar but not scrolling functionality [duplicate]
  23. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  24. fade effect using javascript no jquery?
  25. Is it possible to make input fields read-only through CSS?
  26. Detect if dropdown navigation would go off screen and reposition it
  27. Iframe inherit from parent
  28. Freeze Header until Irrelevant (HTML, CSS and JS)
  29. Bootstrap Dropdown menu is not working
  30. Get All Elements in an HTML document with a specific CSS Class

Leave a Comment