Magento – Edit Product page file upload button

Why would you mix the two? I like to think that whatever is under media is admin-controllable while everything that is under skin is only controllable by code. This is the reason for which you'd usually grant write access to the web server only to the media/ and var/ dirs.

The proper way to achieve what you want is to also create a css file under media which would be editable via the admin. Then you can use images in media without any problem. This approach would make more sense, as I don't see how useful would allowing image uploads but not actually changing the css be.

Still unsolved?

I use this on a site to select the first configurable option, which triggers the 'change' event, which populates the second select for me.

Hopefully you can use/adapt it to your usage case.

document.observe("dom:loaded", function() {
  // Once dom has loaded, grab the first select option (Business rules say there will always only be 1 - this is the product colour)
  // ...select this option and set as true. Triggers 'change' event for size option select to work/enable/populate.

  var options = $$('.super-attribute-select');
  var len = options.length;
  var qty = $$('#qty');
  for (var i = 0; i < len; i++) {
    if(options[0][1]){
      options[0][1].selected = true;

      triggerEvent($$('.super-attribute-select')[0],'change');
    }
    // Always selects 1
    if(qty[0]){
      qty[0][1].selected = true;
    }
  }

});


// Custom prototype function to fire an event
// http://stackoverflow.com/questions/460644/trigger-an-event-with-prototype
function triggerEvent(element, eventName) {
  // safari, webkit, gecko
  if (document.createEvent)
  {
    var evt = document.createEvent('HTMLEvents');
    evt.initEvent(eventName, true, true);

    return element.dispatchEvent(evt);
  }

  // Internet Explorer
  if (element.fireEvent) {
    return element.fireEvent('on' + eventName);
  }
}