Imam sljedecu sitaciju:
Imam sajt u php-u (samo radi header-a i footer-a je u php-u da mogu includad header i footer inace je obicni html) koji je dizajniran preko div-ova. E sad, u header.php mi se naravno nalazi header u kojem pozivam raznorazne js scripte te css. Sada je dosla potreba da ubacim jednu flash galeriju koja se ucitava preko sljedece scripte:
<div id="flashcontent">Please update flash!</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("index.swf", "flash", "100%", "100%", "8", "#282828");
so.write("flashcontent");
// ]]>
</script>
"flashcontent" je css style:
#flashcontent {
font: 12px 'Trebuchet MS', arial, sans-serif;
font-weight: bold;
color: #999;
text-align:center;
line-height: 200px;
height: 100%;
width: 100%;
}
Ovaj CSS style naranvo stavim u <head>, te pozovem putanju scripte, a code javascript u <body>. I sve radi super do onog trenutka, kada ovaj javascript code ubacim u svoje vec postojece div-ove (ugradim ga u tijelo stranice izmedju header-a i footer-a). Jednostavno, CSS style ne moze da se primjeni na ovoj javascripti (a mora, da bi lijepo izgledala flash galerija). Skonto sam da je problem sto javascipt code ugradim u vec postojece div-ove (to moram da radim tj mora da se nalazi unutar postojeceg dizajna).
Npr:
<div class="sredina_stranice">
<div id="flashcontent">Da biste vidjeli galeriju morate upgrade-ovati vas flash player!</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("index.swf", "flash", "100%", "100%", "8", "#282828");
so.write("flashcontent");
// ]]>
</script>
</div>
Sada vec ne radi u ovom slucaju. Naravno, CSS style flashcontent sam ubacio u header.php koji se prvi poziva na ovoj stranici. Zanima me kako da rjesim problem? Da li mogu nekako da "ogradim" ovu javascriptu da na neki nacin bude u postojecim div-ovima, ali ipak da bude nezavisna, a u isto vrijeme da ima "vidljivost" sa flashcontent style-om.
Hvala!