Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem: Kilka skryptów na stronie
szyryn
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 29.08.2008
Skąd: Białystok

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
nevt
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----


Po pierwsze: z fragmentu
  1. ColorIn();
  2. ColorOut();
  3. <div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div>
  4. <div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div>
  5.  

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.


--------------------

-
Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
szyryn
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 29.08.2008
Skąd: Białystok

Ostrzeżenie: (0%)
-----


Dziękuję za szybką odpowiedź, faktycznie zdefiniowałem styl i wszystko w przykładzie śmiga smile.gif
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>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 12:08