Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][Ajax][HTML][CSS] Dynamiczna strona, Animowana stronka
MateuszS
post 1.02.2009, 13:58:57
Post #1





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Witam. Mam zamiar zrobić ładną stronę na Ajaxie, Javie, CSS itd. ;] I tu moje pytanie. Czy da się zrobić aby gdy klikne jakiś link na stronie kolor tła dynamicznie się zmieniał na inny? Ale dopiero gdy klikne w link. Wiem ze to moze proste pytanie, jednak bede zadawal takich wiele bo w Ajaxie jestem zielony ;] Pozdrawiam.


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
2 Stron V   1 2 >  
 Start new topic
Odpowiedzi (1 - 19)
piotrooo89
post 1.02.2009, 14:04:05
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
po co ajax? js powinno Ci wystarczyć zdarzenie onClick.

[HTML] pobierz, plaintext 
  1. <a href="" onClick="document.style.backgroundColor='red';">Link</a>
[HTML] pobierz, plaintext


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
MateuszS
post 1.02.2009, 14:13:50
Post #3





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Ale jak już mowilem chce aby ta strona dynamicznie sie zmieniala, jak jest na poczatku zielona a potem ma byc czerwona to zeby przechodzil kolor przez barwy posrednie.. nie wiem czy wiesz o co mi chodzi. Czy powyzszy skrypt tak dziala?


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
piotrooo89
post 1.02.2009, 14:22:14
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
mintAjax ale przyznam się że nie stosowałem tego do tła strony i nie bardzo wiem co i jak.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
MateuszS
post 1.02.2009, 14:23:44
Post #5





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

No własnie z tej strony pomysl zaczerpnalem. Tam jest na przykladzie kwadracika, gdy na niego najedziesz zmienia odcien koloru, mi chodzi o to zeby gdy klikne na link zmienil sie odcien tla strony

Ten post edytował MateuszScirka 1.02.2009, 14:24:00


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
Spyder
post 1.02.2009, 14:24:53
Post #6





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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

http://www.ianodonnell.com/2008/11/javascr...ur-dynamically/
http://www.ianodonnell.com/postexamples/changecolour/


--------------------
Portfolio

Windows Vista Business SP1
DELL VOSTRO 200, Intel Core2 DUO E4600 2.4GHz, 3 GB RAM, ATI Radeon HD 2400 Pro, Screen DELL 22"

Pomogłem ci -> Kliknij "Pomógł" -> Dzięki
Go to the top of the page
+Quote Post
MateuszS
post 1.02.2009, 14:35:46
Post #7





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Nom dzieki, da sie ten skrypt przerobic zeby kolor tej strony przechodzil ladnie w kolor drugiej?


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
Spyder
post 1.02.2009, 14:51:47
Post #8





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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

Jak chcesz ladne plynne przejscie pomiedzy kolorami to tu masz po polsku bys musial zmiksowac oba albo ten przerobic:

http://mintajax.pl/Przewodnik/Efekty/

Wystarczy onmouseover zmienic na onclick i dac wielki div 100% na 100% zaraz po body z odpowiednim id i bedzie smigac proscizna smile.gif


--------------------
Portfolio

Windows Vista Business SP1
DELL VOSTRO 200, Intel Core2 DUO E4600 2.4GHz, 3 GB RAM, ATI Radeon HD 2400 Pro, Screen DELL 22"

Pomogłem ci -> Kliknij "Pomógł" -> Dzięki
Go to the top of the page
+Quote Post
MateuszS
post 1.02.2009, 15:42:59
Post #9





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Dzięki wielkie.


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
isso
post 1.02.2009, 15:44:58
Post #10





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

myślę, że godnym polecenia jest również prototype smile.gif


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
MateuszS
post 1.02.2009, 17:13:38
Post #11





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

und was ist das?!


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
piotrooo89
post 1.02.2009, 17:17:02
Post #12


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
Cytat(isso @ 1.02.2009, 15:44:58 ) *
myślę, że godnym polecenia jest również prototype smile.gif


zupełnie nie rozumiem po co strzelać do muchy z armaty, skoro mamy zwykłą łapkę na muchy? i tym i tym osiągniemy cel - zbijemy muche - ale jak sie namęczymy to już inna sprawa smile.gif

Cytat(MateuszScirka @ 1.02.2009, 17:13:38 ) *
und was ist das?!


prototype framework js.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
MateuszS
post 1.02.2009, 23:15:41
Post #13





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Kurcze macie pojecie jak to zrobic zeby dzialalo? 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="mintAjax.js"></script>
  4. <script>
  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. </script>
  16. </head>
  17. <body>
  18.  
  19. <div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div> 
  20.  
  21.  
  22. </body>
  23. </html>
[HTML] pobierz, plaintext


Nie bardzo to chce dzialac, pusty ekran ;/


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
kilas88
post 2.02.2009, 08:01:49
Post #14





Grupa: Zarejestrowani
Postów: 305
Pomógł: 25
Dołączył: 27.01.2007

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

Cytat(MateuszScirka @ 1.02.2009, 13:58:57 ) *
Witam. Mam zamiar zrobić ładną stronę na Ajaxie, Javie, CSS itd. ;] I tu moje pytanie. Czy da się zrobić aby gdy klikne jakiś link na stronie kolor tła dynamicznie się zmieniał na inny? Ale dopiero gdy klikne w link. Wiem ze to moze proste pytanie, jednak bede zadawal takich wiele bo w Ajaxie jestem zielony ;] Pozdrawiam.

Da się zrobić na wiele różnych sposobów. Na moje jednak, jeśli chcesz całą stronę budować opartą na jakichś efektach, dobrze by było byś wykorzystał do tego jakis framework. Sam korzystam z jQuery, więc tego też Ci polecę. Chcesz zmienić tło? Poczytaj o $("body").effect().
Go to the top of the page
+Quote Post
MateuszS
post 2.02.2009, 22:56:03
Post #15





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Dzięki, a możecie powiedziec co nie tak jest z kodem powyzej? Plik ajaxa wkleilem w dobre miejsce

Pomoze ktos? Jak Wy zagniezdzacie kod ze Wam dziala a mi nie sad.gif Sam poczatek a juz komplikacje. Wg mnie powinno byc OK robie zgodnie z wskazaniami


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
erix
post 2.02.2009, 23:03:42
Post #16





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
A w ogóle linkujesz do mintAjax? Zaglądałeś do konsoli błędów przeglądarki?


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
MateuszS
post 2.02.2009, 23:09:38
Post #17





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Tak jak pow. w kodzie, odwolalem sie do tego pliku, jest w folderze odpowiednim. Teoretycznie wszystko powinno byc OK.. a jednak..


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
gebp
post 2.02.2009, 23:11:55
Post #18





Grupa: Zarejestrowani
Postów: 180
Pomógł: 6
Dołączył: 10.04.2006

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

Pytanie jedno - częsty błąd (jak byś zajrzał na forum mintAjax'a to możliwe że sam byś doszedł).
Czy na serwerze/dysku masz plik "mintAjax.js" czy "mintajax.pl" ( ważna WIELKOŚĆ liter).
Go to the top of the page
+Quote Post
MateuszS
post 2.02.2009, 23:29:04
Post #19





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Plik mam nazwany mintAjax.js. W kodzie też tak samo. Zmieniłem na małe litery i nic nie pomogło


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
gebp
post 2.02.2009, 23:36:32
Post #20





Grupa: Zarejestrowani
Postów: 180
Pomógł: 6
Dołączył: 10.04.2006

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

Aby zmienić któryś z parametrów CSS za pomocą mintAjax'a w danym obiekcie, w większości obiekt ten musi mieć nadaną tą wartość.
Czyli jeżeli zmieniasz background-color obiekt musi mieć nadany jakiś background-color.
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="mintAjax.js"></script>
  4. <script>
  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. </script>
  16. </head>
  17. <body>
  18.  
  19. <div id="box" onmouseover="ColorIn()" onmouseout="ColorOut()" style="border: solid; width: 100px; height: 100px; background-color: #ff8000;"> tutaj zmiany</div>
  20.  
  21.  
  22. </body>
  23. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 17:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn