hitnooooooooooooo

[ EnigMan @ 26.04.2009. 15:14 ] @

E narode, imam jedan gadan a hitan problem. Radim za fax neki seminarski kao sajt za invalide bla bla bla. I hocu da napravim sajt za ljude koji imaju osteceni vid. Tacnije da uradim dva dugmeta "+" i "-" gde bi se slova povecavala ili smanjivala na web stranici. Skinuo sam Java/Script code koji radi ali samo u body. Kada napravim html kod koji ima samo, samo, samo tekst taj kod lepo radi. Medjutim, uradio sam stranicu gde su tekstovi smesteni u DIV-ove i sada taj kod ne radi. Probao sam da zamenim u script kodu umesto body da stavim div (posto stvarno se ne razumem u java/script) medjutim to ne reaguje.
Ako mozete da mi pomognete posto mi je stvarno hitno, moram sutra ujutro da predam ili ne moram vise ni da donosim. Evo koda i kao izgleda u obicnom html kodu sa samo tekstom.

U ovakvom kodu radi!Radi i kada tu dodam DIV.

Code:

<html>

<head>

    <script>
    var INIT_SZ, MAX, MIN;

    var init = function()
    {
        INIT_SZ = 14;
        MAX = 24;
        MIN = 10;
        var elem = document.getElementsByTagName('body');
        elem[0].style.fontSize = 14;
        alert(elem[0].style.fontSize);
    }

    var enlarge = function()
    {
        var elem = document.getElementsByTagName('body');
        var size = parseInt(elem[0].style.fontSize.replace("px", ""));
        if(size < MAX)
        {
            elem[0].style.fontSize = (size + 1) + "px";
        }
    }

    var shrink = function()
    {
        var elem = document.getElementsByTagName('body');
        var size = parseInt(elem[0].style.fontSize.replace("px", ""));
        if(size > MIN)
        {
            elem[0].style.fontSize = (size - 1) + "px";
        }
    }
    </script>
</head>

<body onload="init();">

    <p>bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
    <br />
    <input type="button" value="+" onclick="enlarge();" /><br />
    <input type="button" value="- " onclick="shrink();" />

</body>
</html>

[ EnigMan @ 26.04.2009. 15:19 ] @

A evo ovo je kod sajta. Mislim to je najbanalnija stvar cisto da predam i da zavrsim sa time.Ne ocekuju ne znam sta,vazno da radi.Ovde evo kako sam ja ubacio kod i ne radi. Mozda ga nisam dobro ubacio!?
Kod treba da mi deluje samo na ovaj tekst ispod ovog <object> sto mi je flash baner. Znaci samo na onaj tekst sto je u tabeli u dve kolone.Tu tabelu sam stavio da se ne njakam pozicioniranjem jer nemam vremena za to.Imam dosta obaveza i zato ovo hocu da resim na sto kraci nacin.

Code:

<html>

<head>
    <style type="text/css">
    </style>

        <script>
    var INIT_SZ, MAX, MIN;

    var init = function()
    {
        INIT_SZ = 14;
        MAX = 24;
        MIN = 10;
        var elem = document.getElementsByTagName('body');
        elem[0].style.fontSize = 14;
        alert(elem[0].style.fontSize);
    }

    var enlarge = function()
    {
        var elem = document.getElementsByTagName('body');
        var size = parseInt(elem[0].style.fontSize.replace("px", ""));
        if(size < MAX)
        {
            elem[0].style.fontSize = (size + 1) + "px";
        }
    }

    var shrink = function()
    {
        var elem = document.getElementsByTagName('body');
        var size = parseInt(elem[0].style.fontSize.replace("px", ""));
        if(size > MIN)
        {
            elem[0].style.fontSize = (size - 1) + "px";
        }
    }
    </script>

<head>
<body onload="init();">

<input type="button" value="+" onclick="enlarge();" /><br />
<input type="button" value="- " onclick="shrink();" />

    <div style="position:absolute;top:50px;width:900px;high:75px;padding:5px;border-width:1;border-style:solid;border-color:gray">
            <img src="header.png" width="900px" height="75px"><br>


            <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            codebase="http://download.macromedia.com...h/swflash.cab#version=7,0,19,0"
            WIDTH="900" HEIGHT="400" id="myMovieName">
            <PARAM NAME=movie VALUE="baner1.swf">
            <PARAM NAME=quality VALUE=high>
            <PARAM NAME=bgcolor VALUE=#FFFFFF>
            <EMBED src="baner1.swf" width="900" height="400" border="0" quality=high align="center" TYPE="application/x-shockwave-flash"
            PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

            </EMBED>
            </OBJECT>
            <img src="link.png" width="900px" height="35px"><br>


            <div style="width:400px;height:150px" onload="init();">
            <table width="900px" height="150">
            <tr><td colspan="2" width="140px">

                    <div style="background:#212121;width:187px;height:140px;padding:5px;color:white;font-family:Verdana;font-size:12px;text-align:justify">
                        <div style="padding:10px">Design by :
                            <br><br>Leovac Vesna W 146/06<br>Pavic Borko W160/06
                        </div><br>
                        <div style="font-size:9px;text-align:center">
                            Copyright-Web Design.<br>VTS Novi Sad.
                            Sva prava zadrzana
                        </div>
                    <div>

                </td>

                <td colspan="2" width="30px"></td>
                <td colspan="2" width="640px" style="font-family:Verdana;font-size:14px;text-align:justify">
                    DOBRODOsLI na Web prezentaciju namenjenu osobama sa odredjenom kategoriom invaliditeta.
                    Ova Web prezentacija je namenjena osobama slabog vida i osobama sa slabom motorikom.
                    Mogucnosti koje ova internet prezentacija pruza jeste pre svega povecavanje slova pritiskom na
                    dugme "+" koje se nalazi u gornjem delu sajta.
                    Detaljnije uputstvo za upotrebu ove prezentacije mozete pronaci na linku "upotreba" koji se nalazi iznad ovog teksta u meniju.


                </td>
                <td colspan="2" width="30px">
            </div>
            </table>

    </div>
</body>

</head>

[ Aleksandar Ružičić @ 26.04.2009. 15:47 ] @

da bi ti to radilo, svuda osim u body-ju moras da definises font-size u procentima, ne u pixelima.

[ EnigMan @ 26.04.2009. 16:18 ] @

E hvala na tako bryom odgovoru, ali ne radi. Probao sam prvo samo da stavim procente u script code pa sam probao samo dole svuda gde imam font-size pa sam probao samo dole. U sva tri slucaja nece da radi!
:)))))
Ajde, kopiraj kod kod sebe pa isprobaj, mozda nisam dobro uradio. Jbg

[ ban17 @ 26.04.2009. 22:02 ] @

Kao što ti je već Ružičić rekao moraš da staviš procente (ili emove) umesto piksela,
i dodaj u style

Code:
*{font-size:1em;}

[ EnigMan @ 26.04.2009. 22:21 ] @

E hvala vam na pomoci. Uradio mi je jedan drugar novi kod i sve lepo funkcionise i radi. Hvala vam na pomoci.