Page 1 of 2
[SOLVED] Problem with Flash
Posted: Fri Nov 07, 2008 5:53 pm
by Hannibal
I'm using this flash element (
http://www.flashnifties.com/xml_slideshow.php), and I've got it working perfectly offline (in HTML) but cannot seem to get it working on our CMSms site
I've uploaded all the elements, and I can see that they're all referencing OK as I can view the SWF file if I access it's URL directly (
www.fbtvonline.co.uk/uploads/slideshow.swf).
When I was creating the slideshow initially it provided me with a page of HTML code that I've copied and pasted into our site. I'm just a bit confused as to where exactly it's supposed to go though, do I put it into the Template or the Page itself?
Any help would be greatly appreciated
Re: Problem with Flash
Posted: Mon Nov 10, 2008 3:44 pm
by Hannibal
Right, I've
almost got this working, I can now see my Flash element on the page. However, it seems to be stuck in the top third of the screen (
http://www.fbtvonline.co.uk/index.php?page=welcome) when it should be at 100%.
Any suggestions?
Re: Problem with Flash
Posted: Mon Nov 10, 2008 4:25 pm
by KO
Try
html, body, #flashcontent {height:100%;}
on stylesheet.
Re: Problem with Flash
Posted: Mon Nov 10, 2008 4:37 pm
by Hannibal
KO wrote:
Try
html, body, #flashcontent {height:100%;}
on stylesheet.
My code (TEMPLATE) is this:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{sitename} - {title}</title>
<__script__ type="text/javascript" src="uploads/flashdetect.js"></__script>
{metadata}
<link rel="icon" type="image/ico" href="http://www.fbtvonline.co.uk/css/fbtv-favicon.ico">
{stylesheet}
<style type="text/css">
#flashcontent {height:100%;}
</style>
</head>
</__body>
<!--Flash detect and error message-->
<div id="flashcontent">{global_content name='welcome'}</div>
<!--end-->
<!--Slideshow script-->
{content}
<!--end-->
<__body>
</__html>
It now gives me this error:
string(122) "Smarty error: [in template:27 line 14]: syntax error: unrecognized tag: height:100%; (Smarty_Compiler.class.php, line 446)" string(111) "Smarty error: [in template:27 line 14]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"
Re: Problem with Flash
Posted: Mon Nov 10, 2008 4:46 pm
by nhaack
Try putting the CSS in {literal}...{/literal}
Best
Nils
Re: Problem with Flash
Posted: Mon Nov 10, 2008 4:55 pm
by Hannibal
nhaack wrote:
Try putting the CSS in {literal}...{/literal}
Best
Nils
So it'd be:
Code: Select all
{literal}
<style type="text/css">
#flashcontent {height:100%;}
</style>
{/literal}
I'm really new to CMS and still finding my way (I've inherited this job as the other guy left!)
Re: Problem with Flash
Posted: Mon Nov 10, 2008 5:03 pm
by nhaack
yep
while processing the template, the CMS stumbles over the { and } of the CSS...
using {literal} around it tells the CMS to treat this snippes as normal characters and not as some sort of smarty code...
Best
Nils
Re: Problem with Flash
Posted: Mon Nov 10, 2008 5:10 pm
by Hannibal
nhaack wrote:
yep
while processing the template, the CMS stumbles over the { and } of the CSS...
using {literal} around it tells the CMS to treat this snippes as normal characters and not as some sort of smarty code...
Best
Nils
OK cool.
I stuck that info in the HEAD, and changed Flashcontent to Content, as that's where my file info is.
All it's done though is make my Flash even smaller on the page... 
EDIT: No, now it's back to the way it was...
My current HEAD info looks like this:
Code: Select all
<head>
<title>{sitename} - {title}</title>
<__script__ type="text/javascript" src="uploads/flashdetect.js"></__script>
{metadata}
<link rel="icon" type="image/ico" href="http://www.fbtvonline.co.uk/css/fbtv-favicon.ico">
{stylesheet}
{literal}
<style type="text/css">
#content {height:"100%";}
</style>
{/literal}
</head>
Re: Problem with Flash
Posted: Thu Nov 13, 2008 5:04 pm
by Hannibal
It seems like this problem is only with Firefox and Opera, as every other browser I have checked looks fine.
Any way I can make it compatible with these two browsers?
Re: Problem with Flash
Posted: Thu Nov 13, 2008 5:08 pm
by nhaack
Try to change:
Code: Select all
{literal}
<style type="text/css">
#content {height:"100%";}
</style>
{/literal}
to
Code: Select all
{literal}
<style type="text/css">
#content {height:100%;}
</style>
{/literal}
(remove the " around the percentage).
Best
Nils
Re: Problem with Flash
Posted: Thu Nov 13, 2008 5:17 pm
by Hannibal
My stylesheet code is:
Code: Select all
/* welcome page
{literal}
<style type="text/css">
#content {height:100%;}
#flashcontent {height:100%;}
</style>
{/literal}
/* End of 'welcome-page' */
This is referenced by {stylesheet} in my Template
It's still wonky looking
Re: Problem with Flash
Posted: Thu Nov 13, 2008 10:03 pm
by KO
KO wrote:
Try
html, body, #flashcontent {height:100%;}
on stylesheet.
Like I said... try that.
You don't need those {literal}{/literal} things or when you are using actuall stylesheet.
Re: Problem with Flash
Posted: Mon Nov 17, 2008 2:14 pm
by Hannibal
KO wrote:
KO wrote:
Try
html, body, #flashcontent {height:100%;}
on stylesheet.
Like I said... try that.
You don't need those {literal}{/literal} things or when you are using actuall stylesheet.
No joy in Firefox still
Might have to give up and try a different idea...
Re: Problem with Flash
Posted: Tue Nov 18, 2008 9:24 am
by KO
Ok try this:
html, body, #content, #flashcontent {height:100%;overflow:hidden;margin:0;padding:0;}
The thing is that in XHMTL Doctype you need to make html and body also 100% height to be able to resize div inside them to 100%. I've only been able to make first div inside body to resize to 100% but that is all what you need here.
And I have no idea if it looks as you would like it to look.
Re: Problem with Flash
Posted: Wed Nov 19, 2008 1:06 pm
by Hannibal
We've managed to get it at 100% now (thankfully there's someone here much smarter than me).
Final issue (I promise!
) is that we've stuck a floating DIV layer over the Flash slideshow, but it doesn't seem to want to stay visible all the time. It works fine in pure HTML, but the second we stick it in CMS it goes funny.
www.fbtvonline.co.uk
http://www.fbtvonline.co.uk/slideshow/slideshow2.html is what it should look like