Aaron If you are uncomfortable editing basic CSS in Joomla, I would definitely steer you away from trying to implement the jQuery plugin as it will be harder to implement technically.
Neither Sam or I were suggesting to use inline CSS. You should be defining it in a seperate CSS file / in the head on the doc. This is a Joomla issue, not a swfobject one, so you might want to have a look at a suitable tutorial: http://www.associatedcontent.com/article/293913/joomla_tutorials_how_to_edit_your_css.html etc. I ask again, why are you trying to implement % sizing when you are not resizing anything? IE developer toolbar info can be found here: http://lmgtfy.com/?q=ie+developer+toolbar Aran On Wed, Jun 17, 2009 at 1:53 AM, aaron <[email protected]> wrote: > > Thanks for your input Sam. > > Could you give more information about the JQuery plugin and a link to > developer tools from Microsoft? > > Can I use CSS in-line like that but, just for IE7/Chrome? (I'm using > Joomla). I take it there is no way to have IE7 cope with the % sizes? > > The key issue is because I am using a trial version of amCharts. > > Aaron > > On Jun 12, 6:49 pm, Sam Sherlock <[email protected]> wrote: > > I get the charts in ff3 & ie8. ie7 displays blank space. Chrome also > > displays nothing (perhaps chrome is compat with 1.5) opera 9.64 displays > ok. > > FF3 makes full use of the space available - none of the other browsers > do > > nearly as well (there is a jquery plugin to handle this - but be wary of > > using too much js in a page as it can choke the browser) > > using developer tools (downloadable from Microsoft) I can see that ie8 > is > > setting the size of flashcontent1, flashcontent2 & flashconten3 to > 192x192 > > > > however ie7 calculates sizes differently the size is 0x0 > > > > as Aran said you can control this by setting sizes in css rather than > > leaving it up to the browser (this is why ie7 arrives at 0x0) > > > > eg this gets ie7 to display the charts (your issue is that ie7 does not > > support min/max width without fudging and hoop jumping) > > > > #flashcontent1, > > #flashcontent2, > > #flashcontent3 { > > width: 240px; > > height: 200px; > > > > } > > > > also this file is missinghttp:// > www.mainstreetefficiency.com/amcharts/amcolumn/amcharts_key.txt > > > > - S > > > > 2009/6/12 aaron <[email protected]> > > > > > > > > > I'm just using the code above from within Joomla (in an article) which > > > has all CSS stored separately. > > > > > Do you see the charts in IE7? I just get an empty space where they > > > should be but they show in Firefox > > > > > Aaron > > > > > On Jun 11, 1:32 pm, Aran Rhee <[email protected]> wrote: > > > > Aaron > > > > > > So you need to control the layout of the divs using CSS. The swfs > will > > > fill > > > > the div you specify 100%, but you can independently position / size > the > > > > flashcontent divs. What CSS are you using / what do you want to > actually > > > > happen on resize etc? > > > > > > BTW - IE7 and FF3 look exactly the same for me on initail page load > and > > > page > > > > resize. > > > > > > Aran > > > > > > On Thu, Jun 11, 2009 at 9:09 PM, aaron <[email protected]> > wrote: > > > > > > > Hi guys, > > > > > > > I'm really stuck and need some help here. I've got three amcharts > > > > > (flash) in a table (one row, three cells, one in each). If I set > the > > > > > width/height to 100% (swfobject v1.5) each one occupies the maximum > > > > > available space and resizes when the window resizes. > > > > > > > This is what I want to happen. Unfortunately this only happens in > > > > > Firefox (3), IE7 & Safari don't display anything if set these > values > > > > > as percentages but show up if I use pixel values (e.g. 220, 220), > > > > > resizing does not then work as I want to. > > > > > > > How can I fix this and use percentages? (I've tried using swfobject > > > > > 2.1, it makes no difference). > > > > > > > Seehttp://www.mainstreetefficiency.com(TryFirefox & IE 7/Safari) > > > > > > > Thanks in advance, > > > > > > > Aaron > > > > > > > To help here is the code I'm using to insert the charts: > > > > > > > <h3 style="text-align:left">Recent Impacts of the MainStreet > > > > > Initiative</h3> > > > > > <div id="charts" style="text-align:center"> > > > > > <table> > > > > > <tbody> > > > > > <tr> > > > > > <td> > > > > > <script > type="text/javascript" > > > > > src="/amcharts/amcolumn/ > > > > > swfobject.js"></script> > > > > > <!-- this id must be > > > unique! > > > > > --> > > > > > <div > id="flashcontent1"> > > > > > <strong>You > need > > > to > > > > > upgrade your Flash Player</strong> > > > > > </div> > > > > > <script > type="text/javascript"> > > > > > // <![CDATA[ > > > > > var so = new > > > > > SWFObject("/amcharts/amcolumn/amcolumn.swf", > > > > > "amcolumn1", "100%", "100%", "8", "#FFFFFF"); > > > > > > so.addVariable("path", > > > > > "/amcharts/amcolumn/"); > > > > > > > so.addVariable("settings_file", encodeURIComponent("/amcharts/ > > > > > amcolumn/mainstreet/kwhsaved_settings.xml")); > > > > > so.addVariable("data_file", > > > > > encodeURIComponent("amcharts/ > > > > > amcolumn/mainstreet/kwhsaved_data.xml")); > > > > > > > so.addVariable("preloader_color", "#999999"); > > > > > so.write("flashcontent1"); > > > > > // this id must match the div id > > > > > above > > > > > // ]]> > > > > > </script> > > > > > </td> > > > > > <td> > > > > > <div id="flashcontent2"> > > > > > <strong>You need to > > > upgrade > > > > > your Flash Player</strong> > > > > > </div> > > > > > <script > type="text/javascript"> > > > > > // <![CDATA[ > > > > > var so = new > > > > > SWFObject("/amcharts/amcolumn/amcolumn.swf", > > > > > "amcolumn1", "100%", "100%", "8", "#FFFFFF"); > > > > > > so.addVariable("path", > > > > > "/amcharts/amcolumn/"); > > > > > > > so.addVariable("settings_file", encodeURIComponent("/amcharts/ > > > > > amcolumn/mainstreet/jobscreated_settings.xml")); > > > > > so.addVariable("data_file", > > > > > encodeURIComponent("amcharts/ > > > > > amcolumn/mainstreet/jobscreated_data.xml")); > > > > > > > so.addVariable("preloader_color", "#999999"); > > > > > so.write("flashcontent2"); > > > > > // ]]> > > > > > </script> > > > > > </td> > > > > > <td> > > > > > <div id="flashcontent3"> > > > > > <strong>You need to > > > upgrade > > > > > your Flash Player</strong> > > > > > </div> > > > > > <script > type="text/javascript"> > > > > > // <![CDATA[ > > > > > var so = new > > > > > SWFObject("/amcharts/amcolumn/amcolumn.swf", > > > > > "amcolumn1", "100%", "100%", "8", "#FFFFFF"); > > > > > > so.addVariable("path", > > > > > "/amcharts/amcolumn/"); > > > > > > > so.addVariable("settings_file", encodeURIComponent("/amcharts/ > > > > > amcolumn/mainstreet/carbonreduced_settings.xml")); > > > > > so.addVariable("data_file", > > > > > encodeURIComponent("amcharts/ > > > > > amcolumn/mainstreet/carbonreduced_data.xml")); > > > > > > > so.addVariable("preloader_color", "#999999"); > > > > > so.write("flashcontent3"); > > > > > // ]]> > > > > > </script> > > > > > </td> > > > > > </tr> > > > > > </tbody> > > > > > </table> > > > > > </div>- Hide quoted text - > > > > > > - Show quoted text - > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SWFObject" 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/swfobject?hl=en -~----------~----~----~----~------~----~------~--~---
