[es] - CSS style se ne moze primjenit na javascript funkciju

vtl_design

Član broj: 106447
Poruke: 160
92.36.212.*

+14 Profil

CSS style se ne moze primjenit na javascript funkciju

^{03.08.2011. u 12:49 - pre 154 meseci}

Pozdrav,
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:

Code:

      <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:

Code:

#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:

Code:

    <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!

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: CSS style se ne moze primjenit na javascript funkciju

^{03.08.2011. u 13:28 - pre 154 meseci}

SWFObject ce da zameni taj div sa object elementom koji nece imati isti id (flashcontent u tvom slucaju) tako da element sa tim id-em nece postojati cim se ucita flash.

Probaj ovako:

Code (html):

<div id="flashcontent"><div id="flash-placeholder">Da biste vidjeli galeriju morate upgrade-ovati vas flash player!</div></div>

<script type="text/javascript">

        // <![CDATA[

        var so = new SWFObject("index.swf", "flash", "100%", "100%", "8", "#282828");

        so.write("flashcontent-placeholder");

        // ]]>

    </script>

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

vtl_design

Član broj: 106447
Poruke: 160
92.36.212.*

+14 Profil

Re: CSS style se ne moze primjenit na javascript funkciju

^{03.08.2011. u 13:41 - pre 154 meseci}

Sada ne prikazuje nikako. U mom slucaju je ipak prikazalo flash galeriju, ali "razvucenu" tj nije bio primjenjen css style flashcontant (a mora biti).
Dakle, u ovom slucaju radi sve:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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" />
<title>stranica</title>

<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
#flashcontent {
    font: 12px 'Trebuchet MS', arial, sans-serif;
    font-weight: bold;
    color: #999;
    text-align:center;
    line-height: 200px;
    height: 100%;
    width: 100%;
}

</style>
</head>
<body>
<div id="flashcontent"> You need to upgrade your Flash Player</div>
<script type="text/javascript">
        // <![CDATA[

        var so = new SWFObject("index.swf", "flash", "100%", "100%", "8", "#282828");
        so.write("flashcontent");

        // ]]>
    </script>
</body>
</html>

Ali kada to ubacim u svoj vec postojeci dizajn:

Code:

include("header.php") <-- identicno kao gore do taga </head> te ukljuceni drugi css-ovi i scripte

<body>

// neki moj dizajn:

<div id="breadcrumbs">
        <a href="#" class="breadcrumb_home">Home</a>
        <span></span>
       Galerija
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <div id="content_fullwidth_wrap">
        <section id="content" class="radius5 content_page">
            <div class="margin-30 margin-tb-30">

             <article id="post-273">
               <header>
                                    <h2> </h2>
</header>
               <div class="clearboth"></div>
               <div class="clearboth">
                 <h2> 

                 </h2>
                 <div class="clearboth">

         // sada ubacujem code za galeriju:

                   <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>

//ostatak stranice:

                 </div>
               </div>
             </article>



            </div>
        </section>


        <div class="clear"></div>
    </div>

    <div class="clear"></div>

E onda ne radi....????

Odgovor na temu