Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] Menu
Forum PHP.pl > Forum > Przedszkole
blandzi
1.02.2009, 13:14:03
Jak zrobić menu jak tutaj http://haker.org.pl/news.php które zmienia kolor po przejechaniu po danej kategorii?
piotrooo89
1.02.2009, 13:18:55
jakie menu? ja nie wiem jakie menu w tym linku nic nie ma.
matixrr
1.02.2009, 13:21:02
Chodzi o to, że po najechaniu np. na Archiwum Nesów zmienia sie kolor w sposob plynny.

Proponuje sprawdzic zastosowane skrypty i style na stronie a poznasz odpowiedz smile.gif
piotrooo89
1.02.2009, 13:25:40
aaa już wiem. minAjax ma taką opcje. http://mintajax.pl/Przewodnik/Efekty/, poczytaj.
blandzi
1.02.2009, 13:50:51
wielki dzieki za pomoc

mam pytanie dotyczace wlasnie tego mintajaxa napisałem cos takiego zeby go wyprobowac

Kod
<html>
<head>
<script type="text/javascript" src="mintAjax.js"></script>
</head>
<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>

<div <a href=http://jakasstrona.pl>strona</a> onmouseover="ColorIn()" onmouseout="ColorOut()"></div>


</html>


i nie wiem jak zrobic zeby to dzialalo bo niezbyt sie znam na technologi ajax. Mogłby ktos podac jak zrobic zeby ten link zmienial kolor? Bylbym bardzo wdzieczny
blandzi
1.02.2009, 13:56:29
czyli wystarczy ze wezme wszystko w <?php ?> ?

--
Jest opcja "edytuj". winksmiley.jpg

erix
piotrooo89
1.02.2009, 13:59:38
więc twój head powinien wyglądać tak:

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="../js/mintajax.js"></script>
  3.  
  4. 		<script type="text/javascript">
  5.  
  6. 			function ColorIn() {
  7. 				mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
  8. 				mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
  9. 			}
  10.  
  11. 			function ColorOut() {
  12. 				mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
  13. 				mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
  14. 			}
  15.  
  16. 		</script>
  17. </head>
[HTML] pobierz, plaintext


i w body:

[HTML] pobierz, plaintext 
  1. <body>
  2. <a id="link" class="link" onmouseover="ColorIn()" onmouseout="ColorOut()">Link</a>
  3. </body>
[HTML] pobierz, plaintext


pomyśl trochę, pokombinuj, poczytaj znajdziesz tam wszystko.
blandzi
1.02.2009, 14:55:19
kombinuje juz ponad 30min i nie moge nic wymyslic. Prosze wstaw caly kod zeby link zmienial kolory. bo skleilem to co dales wczesniej i zmienilem sciezke do pliku mintajax.js na taka jaka jest u mnie i kombinowalem na rozne sposoby ale nie chce dzialac
matixrr
1.02.2009, 14:59:38
Bo z tego co sie zorientowalem to skrypt wymaga jeszcze arkusza stylow smile.gif
piotrooo89
1.02.2009, 15:07:26 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="mintajax.js"></script>
  4.  
  5. <style type="text/css">
  6. a
  7. {
  8. 	font-size: 20px;
  9. 	color: #B7C059;
  10. 	text-decoration: none;
  11. }
  12. </style>
  13. <script type="text/javascript">
  14.  
  15. function ColorIn() {
  16. mint.fx.Color("link", "color", null, "B22222", 20, 500);
  17. }
  18.  
  19. function ColorOut() {
  20. mint.fx.Color("link", "color", null, "B7C059", 20, 500);
  21. }
  22.  
  23. </script>
  24. </head>
  25. <body>
  26. <a href="" id="link" class="link" onmouseover="ColorIn()" onmouseout="ColorOut()">Link</a>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


sprawdzałem u siebie i działa. poćwicz czytanie ze zrozumieniem i uczenie się na przykładach smile.gif

//EDIT

nie zamknąłem taga...
Spyder
1.02.2009, 15:19:54 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
  3.  
  4.  
  5.  
  6. 		<title></title>
  7. 		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. 		<style type="text/css">
  9.  
  10. 		.box {
  11. 	float: left;
  12. 	clear: none;
  13. 	width: 80px;
  14. 	height: 20px;
  15. 	color: White;
  16. 	text-align: center;
  17. 	margin: 4px;
  18. 	padding: 2px;
  19. 	border: 1px solid #8F9D11;
  20. 	background-color: #B7C059;
  21. }
  22. a { color:#B7C059}
  23.  
  24. 		</style>
  25. 		<script type="text/javascript" src="mintajax.js"></script>
  26. 		<script type="text/javascript">
  27.  
  28. 			function ColorIn() {
  29. 				mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
  30. 				mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
  31. 			}
  32. 			function TextIn() {
  33. 				mint.fx.Color("text", "color", null, "B22222", 20, 500);
  34. 			}
  35.  
  36. 			function ColorOut() {
  37. 				mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
  38. 				mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
  39. 			}
  40. 			function TextOut() {
  41. 				mint.fx.Color("text", "color", null, "B7C059", 20, 500);
  42. 			}
  43.  
  44. 		</script>
  45. 	</head><body>
  46.  
  47.  
  48.         <a href="#"  id="box" class="box" onmouseover="ColorIn()" onmouseout="ColorOut()">Test Link</a>
  49.         <a href="#"  id="text" class="text" onmouseover="TextIn()" onmouseout="TextOut()">Test Link</a>
  50.  
  51. 	</body></html>
[HTML] pobierz, plaintext


To samo co wyzej tyle ze 2 wersje winksmiley.jpg
blandzi
1.02.2009, 16:13:47
Dzieki za pomoc wszystko ladnie dziala ale gdy chcialem zrobic dla kilku to mi sie tylko pokazuje ostatni element menu
Kod
<html>
  <head>
  <script type="text/javascript" src="mintAjax.js"></script>
  
  <style type="text/css">
  a
  {
  font-size: 20px;
  color: #B7C059;
  text-decoration: none;
  }
  </style>
  <script type="text/javascript">
  
  function ColorIn() {
  mint.fx.Color("link", "color", null, "B22222", 20, 500);
  }
  function ColorOut() {
  mint.fx.Color("link", "color", null, "B7C059", 20, 500);
  }
  
  
  function ColorIn1() {
  mint.fx.Color("link1", "color", null, "B22222", 20, 500);
  }
  function ColorOut1() {
  mint.fx.Color("link1", "color", null, "B7C059", 20, 500);
  }
  
  function ColorIn2() {
  mint.fx.Color("link2", "color", null, "B22222", 20, 500);
  }
  function ColorOut2() {
  mint.fx.Color("link2", "color", null, "B7C059", 20, 500);
  }
  
  function ColorIn3() {
  mint.fx.Color("link3", "color", null, "B22222", 20, 500);
  }
  function ColorOut3() {
  mint.fx.Color("link3", "color", null, "B7C059", 20, 500);
  }
  
  function ColorIn4() {
  mint.fx.Color("link4", "color", null, "B22222", 20, 500);
  }
  function ColorOut4() {
  mint.fx.Color("link4", "color", null, "B7C059", 20, 500);
  }
  
  
  </script>
  </head>
  <body>
  
  <A HREF="index.php" id="link" class="link" onmouseover="ColorIn()" onmouseout="ColorOut()>Strona główna</A><BR>
  <A HREF="lab.php" id="link1" class="link1" onmouseover="ColorIn1()" onmouseout="ColorOut1()>Moje projekty</A><BR>
  <A HREF="ja.php" id="link2" class="link2" onmouseover="ColorIn2()" onmouseout="ColorOut2()>O mnie</A><BR>
  <A HREF="linki.php" id="link3" class="link3" onmouseover="ColorIn3()" onmouseout="ColorOut3()>Linki</A><BR>
  <A HREF="wiadomosc.php" id="link4" class="link4" onmouseover="ColorIn4()" onmouseout="ColorOut4()>Napisz do mnie</A>
  
  </body>
  </html>

Co zmienic zeby wyswietlalo mi wszystkie elementy menu? i w jaki sposob moge zrobic zeby dla kazdego elemeu nie tworzyc nowej funkcji?
piotrooo89
1.02.2009, 16:27:32 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function ColorIn1() {
  4. mint.fx.Color("link", "color", null, "B22222", 20, 500);
  5. }
  6. function ColorIn2() {
  7. mint.fx.Color("link2", "color", null, "B22222", 20, 500);
  8. }
  9. function ColorIn3() {
  10. mint.fx.Color("link3", "color", null, "B22222", 20, 500);
  11. }
  12.  
  13. function ColorOut1() {
  14. mint.fx.Color("link", "color", null, "B7C059", 20, 500);
  15. }
  16. function ColorOut2() {
  17. mint.fx.Color("link2", "color", null, "B7C059", 20, 500);
  18. }
  19. function ColorOut3() {
  20. mint.fx.Color("link3", "color", null, "B7C059", 20, 500);
  21. }
  22.  
  23. </script>
  24. </head>
  25. <body>
  26. <a href="" id="link" class="link" onmouseover="ColorIn1()" onmouseout="ColorOut1()">Link</a>
  27. <a href="" id="link2" class="link2" onmouseover="ColorIn2()" onmouseout="ColorOut2()">Link</a>
  28. <a href="" id="link3" class="link3" onmouseover="ColorIn3()" onmouseout="ColorOut3()">Link</a>
  29. </body>
[HTML] pobierz, plaintext


a jak zrobić żeby za każdym razem nie trzeba było dodawać od nowa, po prostu nie wiem smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.