I was having some problem as well. My guess is that black background occurs when it doesn't understand a color value or variable. I also think the backgroundColor setting only takes affect when background Gradient is set to none. (Just from experience; I haven't check through the code yet.)
Could it also be a caching problem? I've found when making changes to these settings through the onLoad() function they don't always take immediate affect. Shift + Refresh on most browser, or just clearing the cache, or testing through another browser usually helps me. I know it shouldn't be this way... but I've had better luck when using 3 digit color codes. For example, in the onLoad function, backgroundColor: "#ff0000", => results in black background, incorrect backgroundColor: "#f00", => results in red background, correct I've also seen some similar 3-digit vs 6-digit color problems in the example, http://www.simile-widgets.org/runway/index.html. Try setting backgroundGradient to none then set backgroundColor to something like #dd8348 (orange like color) and it gets changed to #0d0d08 and displays a black background. - John ************************************************** John Callahan Geospatial Application Developer Delaware Geological Survey, University of Delaware 227 Academy St, Newark DE 19716-7501 Tel: (302) 831-3584 Email: [email protected] http://www.dgs.udel.edu ************************************************** Judy L. wrote: > First I'd like to say Bravo to those who came up with this. Fantastic! > > I'm in way over my head and don't really understand the code at all, > but managed to get it working as desired except for one area. Every > time I try to change the background, it ends up black. Here's my code: > > <script type="text/javascript"> > function onLoad() > { > widget = > Runway.createOrShowInstaller(document.getElementById("the-widget"), > { // examples of initial settings > // slideSize: 200, > backgroundGradient : "double", > backgroundColor : "#000000", > backgroundColorTop : "#ffffff", > backgroundColorMiddle : "#5C8487", > backgroundColorBottom : "#ffffff", > //event handlers > onReady: function() > { > widget.setRecords(records); > widget.select(12); > } > }); > } > </script> > > I was also going to include a snapshot of how I want it to look as I > was able to get the desired effect last night by changing the settings > on the site at http://www.simile-widgets.org/runway/index.html, but > this morning it won't cooperate. My guess is that it has something to > do with backgroundGradient, as changing it to none on the site > produces the same result. Wait, I just got something close to what I want: > > > The settings on the site seem to require each pair of hex numbers to > be identical (i.e. #558888, the closest I could get to #5c8487). > > Thanks in advance for any light you can shed on the subject. > > Best regards, > Judy > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~----------~----~----~----~------~----~------~--~---
