Hi all,
I have a problem with loading flash to header. I am able to load it on page ( it works properly) but it is still placed on the top of page. I am not able to move it.
Can you please help me?
Thanks.
Printable View
Hi all,
I have a problem with loading flash to header. I am able to load it on page ( it works properly) but it is still placed on the top of page. I am not able to move it.
Can you please help me?
Thanks.
Hi crdr,
how have you put the swf on the page?
do you have a link - or can you post the html code from "view source"?
Hi ramjet,
Thank you for you response. I am sorry for my late response, I was outside my country.
I do not have link for live page. This is html code from preview mode:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
Copyright 2005-2012 by Leo Feyer :: Extensions are copyright of their respective owners
Visit the project website at http://www.contao.org for more information
//-->
<title>Contao Open Source CMS - Contao Open Source CMS 2.10</title>
</head>
<frameset rows="31,*" frameborder="0" framespacing="0">
<frame src="switch.php" name="switch" frameborder="0" scrolling="no" noresize="noresize" />
<frame src="http://127.0.0.1/contao/index.php/Home.html" name="website" frameborder="0" noresize="noresize" />
</frameset>
</html>
I'm no expert , but I notice the frameset is not within an html body tag.
I think if it were you could push it around with css.
Do you have any idea how to make it?
No, I've never used framesets (they are deprecated now).
Which frame pulls in the swf - switch via a php script? If so, your problem is your swf and your website are on two different pages (frames).
I would think that using a standard template (fe_page) and embedding the swf either directly as a content element, or pulling it in as an iframe, or by using the {{file::switch.php}} insert tag - would then give you positioning control over it via css.
It all depends on where the swf lives (on another server? in tl_files?)
I am using all what you mentioned: standard template (fe_page) and I am adding the sfw file from tl_files as fash movie modul element.
ah, i see.
post the source from the website page itself, not as above via the preview mode.
This shoul be the source code:
Code:<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="utf-8">
<!--
This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
Copyright 2005-2012 by Leo Feyer :: Extensions are copyright of their respective owners
Visit the project website at http://www.contao.org for more information
//-->
<title>Home - www.lteconsult.sk</title>
<base href="http://127.0.0.1/contao/">
<meta name="robots" content="index,follow">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="system/contao.css" media="screen">
<style media="screen">
#wrapper{width:1020px;margin:0 auto;}
#header{height:450px;}
#footer{height:135px;}
</style>
<link rel="stylesheet" href="plugins/mediabox/1.3.4/css/mediaboxAdvBlack21.css" media="screen">
<link rel="stylesheet" href="system/scripts/4ebd54f868d0.css" media="all">
<script src="system/scripts/6bb6ab418aaa.js"></script>
<script>
$.noConflict();
</script>
</head>
<body id="top" class="win firefox fx3">
<!--[if lte IE 6]>
<div style="background:#ffc;padding:12px;border-bottom:1px solid #e4790f;font-size:14px;color:#000;text-align:center;">Attention! Your web browser is out of date and you cannot use all features of this website.</div>
<![endif]-->
<div id="wrapper">
<header id="header">
<div class="inside">
<section class="mod_flash block">
<div id="swf_34_container">
<div class="mod_headerFoto">[img]tl_files/LTEconsult/images/table.png[/img]</div>
</div>
<script>
if (Browser.Plugins.Flash.version > 0) {
new Swiff("tl_files/LTEconsult/images/welcome_image.swf", {
id: "swf_34",
width: 1200,
height: 350,
params : {
wMode: "window",
allowFullScreen: true,
flashvars: "URL=http://127.0.0.1/contao/"
},
container: $('swf_34_container')
});
}
</script>
</section>
<div class="mod_headerLogo">[img]tl_files/LTEconsult/images/logo_tema_v4_74px.png[/img]</div>
<nav class="mod_navigation block" id="mainmenu">
Skip navigation
<ul class="level_1">
<li class="active first"><span class="active first">Home</span>
<li class="submenu sibling">Kurzy
<ul class="level_2">
<li class="first">LTE[*]UMTS
<li class="last">TTCN3[/list]
<li class="sibling">Kariera
<li class="sibling last">Kontakt
[/list]
<a id="skipNavigation38" class="invisible"></a>
</nav>
<div class="mod_headerSocial">
<h5>Sledujte nas!</h5>
<ul>[*]
<a href="https://plus.google.com/u/0/b/101060333088845976905/">
[img]tl_files/LTEconsult/images/googleplus.png[/img]
</a>
[*]
<a href="http://www.facebook.com/pages/LTE-Consult/112703512186526">
[img]tl_files/LTEconsult/images/facebook.png[/img]
</a>
[*]
<a href="http://howtodo.sk/feed/">
[img]tl_files/LTEconsult/images/rss.png[/img]
</a>
[/list]
</div>
</div>
</header>
<div id="container">
<section id="main">
<div class="inside">
<article class="mod_article block" id="home">
<section class="ce_text block">
<h1>O ns</h1>
<div><span style="color: #000000; font-size: 16px;">Sme spolocyh......</span></div>
<span style="font-size: 16px;"></span></p>
</section>
</article>
</div>
<div id="clear"></div>
</section>
</div>
<footer id="footer">
<div class="inside">
<nav class="mod_breadcrumb block">
LTEconsult >
<span class="active">Home</span>
</nav>
<div class="copyright">Copyright 2012 LTE consult | Created by LTE consult</div>
</div>
</footer>
</div>
<script src="plugins/mediabox/1.3.4/js/mediabox.js"></script>
<script>
Mediabox.scanPage = function() {
var links = $$('a').filter(function(el) {
return el.rel && el.rel.test(/^lightbox/i);
});
$$(links).mediabox({/* Put custom options here */}, null, function(el) {
var rel0 = this.rel.replace(/[[]|]/gi,' ');
var relsize = rel0.split(' ');
return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
});
};
window.addEvent('domready', Mediabox.scanPage);
</script>
<script>
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
opacity: false,
alwaysHide: true,
onActive: function(toggler, elem) {
elem.setProperty('aria-hidden', 'false');
toggler.addClass('active');
toggler.getNext('div').setStyle('visibility', 'visible').fade('in');
toggler.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(toggler, elem) {
elem.setProperty('aria-hidden', 'true');
toggler.removeClass('active');
toggler.getNext('div').fade('out').setStyle('visibility', 'hidden');
toggler.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(elem) {
elem.setProperty('role', 'tab');
elem.setProperty('tabindex', 0);
elem.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(elem) {
elem.setProperty('role', 'tablist');
});
$$('div.accordion').each(function(elem) {
elem.setProperty('role', 'tabpanel');
});
});
</script>
<script>
new Request({
url:'system/html/cron.txt',
onComplete: function(txt) {
if (!txt) txt = 0;
if (parseInt(txt) < (Math.round(+new Date()/1000) - 300)) {
new Request({url:'cron.php'}).get();
}
}
}).get();
</script>
</body>
</html>
ok, so the div that contains the swf has an id of "swf_34_container", so with a css stylesheet you can push that div around by addressing it eg: #swf_34_container{ margin-top:200px; }, or use position:relative or position:absolute and the coordinates you want etc.
Is this what you mean by moving it?
Great, it works! That was exactly what I need.
Thank you very much ramjet
you're welcome :D