Forum PHP.pl > Problem: Kilka skryptów na stronie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Problem: Kilka skryptów na stronie

szyryn

29.08.2008, 16:21:16

Mam taki kodzik z manuala:

Cytat

<html>
<head>
<script type="text/javascript" src="mintAjax.js"></script>

<script type="text/javascript">
function ColorIn() {
mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
}

function ColorOut() {
mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
}
</script>

</head>

<body onload="ColorIn(); ColorOut();">

<script>
ColorIn();
ColorOut();
<div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div>
<div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div>

</script>
<?
echo ("ala ma kota");
?>

</body>
</html>

Niestety nie chodzi. Możecie pomóc i powiedzieć gdzie robię błąd?

Podejrzewam że chodzi o wywołanie funkcji ze skryptów na stronie. Próbowałem na wiele sposobów:

<body onload="ColorIn(); ColorOut();">

a także bezpośrednio przed div i po nim, przewaliłem tematy na kilku forach, na stronie mintajax.pl, czytałem manuala ale tam jest tylko opis funkcji ale nigdzie nie znalazłem jak sie odwoływać do funkcji.

Przecież jak piszę stronę to mam kilka, kilkadziesiąt funkcji. Kilka moge mieć w pliku zewnętrznym ale i kilka w samym kodzie.

Funkcje umieszczam pomiędzy head a wywołuje w body.

nevt

29.08.2008, 17:12:38

Po pierwsze: z fragmentu

[HTML] pobierz, plaintext 
<script>
ColorIn();
ColorOut();
<div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div> 
<div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div> 
 
</script>
[HTML] pobierz, plaintext

wywal tagi <sript></script> oraz wywołania ColorIn(); ColorOut();

Po drugie: nie wolno umieszczać w kodzie HTML dwóch elementów o takim samym id="box"
więc zrób oddzielne id dla każdego <div>

Po trzecie: nie widzę w kodzie odniesienia do żadego arkusza styli CSS więc oba DIV'y mogą być niewidoczne gdyż nie zawierają żadnej treści oraz nie mają nadanych rozmiarów.

Powinno pomóc. Powodzenia.

szyryn

30.08.2008, 10:15:10

Dziękuję za szybką odpowiedź, faktycznie zdefiniowałem styl i wszystko w przykładzie śmiga

Umieszczam poprawiony kod na forum, myślę że początkującym może się przydać.
Pozdrawiam.

Cytat

<html>
<head>
<script type="text/javascript" src="mintAjax.js"></script>

<script type="text/javascript">
function ColorIn() {
mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
}

function ColorOut() {
mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
}
</script>

<style type="text/css">
.box {
background: #efefef;
padding: 8px;
font-weight: bold;
width: 100px;
height: 100px;
float: left;
}

</style>

</head>

<body onload="ColorIn(); ColorOut();">

<div class="box" id="box" onmouseover="ColorIn()" onmouseout="ColorOut()">a1</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.