Forum PHP.pl > [JS] problem z wywołaniem funkcji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] problem z wywołaniem funkcji

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

robertas

25.01.2011, 21:20:42

mam skrypt:

[HTML] pobierz, plaintext 
    <!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="pl" lang="pl">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Przykładowy dokument</title>
 
            <style type="text/css">
                #abc{
                    background: red;
                    height: 300px;
                }
            </style>
            <script type="text/javascript">
 
                var c = 0;
 
                document.addEventListener("DOMContentLoaded", function(){
                    showtime = setInterval("animate()", 2);
                }, false);
 
                function animate(){
                    var abc = document.getElementById("abc");
                    var h   = abc.offsetHeight;
 
                    if(c == 700){
                        clearInterval(showtime);
                    }
 
                    h++;
                    c++;
                    abc.style.height = h + "px";
                }
 
            </script>
        </head>
        <body>
            <div id="abc">
            Lorem ipsum dol sir amdet
 
    </div>
    </body>
    </html>
[HTML] pobierz, plaintext

objąłem ten skrypt function i dodałem ONclick dla jej wywołania

[HTML] pobierz, plaintext 
    <!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="pl" lang="pl">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Przykładowy dokument</title>
 
            <style type="text/css">
                #abc{
                    background: red;
                    height: 300px;
                }
            </style>
            <script type="text/javascript">
            function zmien()
            {
                var c = 0;
 
                document.addEventListener("DOMContentLoaded", function(){
                    showtime = setInterval("animate()", 2);
                }, false);
 
                function animate(){
                    var abc = document.getElementById("abc");
                    var h   = abc.offsetHeight;
 
                    if(c == 700){
                        clearInterval(showtime);
                    }
 
                    h++;
                    c++;
                    abc.style.height = h + "px";
                }
            }
            </script>
        </head>
        <body>
            <div id="abc">
            Lorem ipsum dol sir amdet
            <p onclick="zmien();">Kliknij aby rozwinac</p>
    </div>
    </body>
    </html>
[HTML] pobierz, plaintext

niestety wtedy skrypt nie działa. Proszę o pomoc, siedzę 2 dni i nic nie przychodzi mi do głowy dlaczego w ten sposób nie mogę włączać tej funkcji

kamil4u

25.01.2011, 21:44:18

Wiesz co robi ta linia:

Cytat

document.addEventListener("DOMContentLoaded", function(){

?
Bo z tego co piszesz wynika, że nie...

Z całej tej instrukcji zostaw, tylko:

Kod

showtime = setInterval("animate()", 2);

I <p> nie jest dobrym znacznikiem do tego... Użyj <span> lub coś podobnego, po 3 słowa rzadko tworzą akapit

robertas

25.01.2011, 22:15:04

ok zmieniłem teraz.

[HTML] pobierz, plaintext 
        <script type="text/javascript">
		function zmien() {
 
 
 
 
                showtime = setInterval("animate()", 2);
 
}
            function animate(){
                var abc = document.getElementById("abc");
                var h   = abc.offsetHeight;
var c = 0;
                if(c == 700){
                    clearInterval(showtime);
                }
 
                h++;
                c++;
                abc.style.height = h + "px";
 
 
 
			}
[HTML] pobierz, plaintext

z tym że clearinterval już nie zatrzymuje

kamil4u

26.01.2011, 20:40:48

Jak nie działa jak działa

Kod

    <!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="pl" lang="pl">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Przykładowy dokument</title>

            <style type="text/css">
                #abc{
                    background: red;
                    height: 300px;
                }
            </style>
            <script type="text/javascript">
var showtime;
            function zmien()
            {
                var c = 0;
                showtime = setInterval(animate, 2);

                function animate(){
                    var abc = document.getElementById("abc");
                    var h   = abc.offsetHeight;

                    if(c == 700){
                        clearInterval(showtime);
                    }

                    h++;
                    c++;
                    abc.style.height = h + "px";
                }
            }
            </script>
        </head>
        <body>
            <div id="abc">
            Lorem ipsum dol sir amdet<br>
            <span onclick="zmien();">Kliknij aby rozwinac</span>
    </div>
    </body>
    </html>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.