Javascript backgroundImage url css change

Question

I need to change the backgroundImage of a div in a parent iframe.

I can do it, but not in a useful way, I need to send the variable from the button.

At the moment I have the variable in the script.

<script>
function myFunction() {
window.parent.document.getElementById('seekerBase').style.backgroundImage = "url('http://www.floom.com/images/waveform_lotos.gif')";
 }
</script>

<button type="button" onclick="myFunction()">Get the background image of div</button>

I need to send the image url from the button and not having it in the script.

I tried this and is not working.

<script>
    function myFunction() {
    window.parent.document.getElementById('seekerBase').style.backgroundImage = "url()";
     }
    </script>

    <button type="button" onclick="myFunction('http://www.floom.com/images/waveform_lotos.gif')">Get the background image of div</button>

Thanks for your help. I am a newbie.

Pass it as a parameter function myFunction(img) { ... }

Jasen
– Jasen

2015-11-25 17:57:33 +00:00
Commented Nov 25, 2015 at 17:57 — Jasen
– Jasen, Commented Nov 25, 2015 at 17:57

krishnaxv · Accepted Answer · 2015-11-25 18:09:47Z

4

Background image URL, http://www.floom.com/images/waveform_lotos.gif , passed to myFunction(bgImgUrl) is basically a parameter to the function. For more information on JavaScript Functions, refer Mozilla/Functions

Try this!

<script>
  function myFunction(bgImgUrl) {
    window.parent.document.getElementById('seekerBase').style.backgroundImage = 'url(' + bgImgUrl + ')';
  }
</script>

<button type="button" onclick="myFunction('http://www.floom.com/images/waveform_lotos.gif')">Get the background image of div</button>

Hope it helps!

edited Nov 25, 2015 at 18:09

answered Nov 25, 2015 at 17:58

krishnaxv

9562 gold badges6 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

krishnaxv Over a year ago

@Jürgen You're welcome! Please accept as Answer if it really helped. Thanks!

Jürgen Over a year ago

Sorry, I am new on this, I did it now ;)

Collectives™ on Stack Overflow

Javascript backgroundImage url css change

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related