Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][AJAX] Jak to podświetlić?, Podświetlenie własnego obrazka
MateuszS
post
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%)
-----

Oto kod. Chcę podświetlić obrazek header.jpg jednak nie wiem jak. Jest on jakby linkiem do wysuwanego menu.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="js/mintAjax.js"></script>
  4. <script type="text/javascript" src="js/kolorowetlo.js"></script>
  5. <script type="text/javascript" src="js/bajery.js"></script>
  6. <script type="text/javascript" src="js/wysmenu.js"></script>
  7.  
  8. </head>
  9. <body bgcolor="B7C059" width="100%" height="100%">
  10.  
  11.  
  12. <div style="margin-top: 10px; margin-left: 10px;">
  13. <dl id="menu0">
  14. <dt><img src="images/header.jpg"> </dt>
  15.  
  16. <dd>Element 1.1</dd>
  17.  
  18. <dt>Nagłówek 2</dt>
  19. <dd>Element 2.1</dd>
  20. <dd>Element 2.2</dd>
  21. <dd>Element 2.3</dd>
  22. <dt>Nagłówek 3</dt>
  23. <dd>Element 3.1</dd>
  24. <dd>Element 3.2</dd>
  25. <dd>Element 3.3</dd>
  26. </dl>
  27. </div>
  28.  
  29. <script type="text/javascript">
  30. // <![CDATA[
  31. new Menu('menu0');
  32. // ]]>
  33. </script>
  34.  
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


i Ajax
[HTML] pobierz, plaintext 
  1. function ColorIn() {
  2.     mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
  3.     mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
  4. }
  5.  
  6. function ColorOut() {
  7.     mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
  8.     mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
  9. }
[HTML] pobierz, plaintext

Tego kodu ajaxa nie wiedzialem jak zmodyfikowac aby mi pasowal pod ten moj obrazek. Prosze o pomoc
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
MateuszS
post
Post #2





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

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

Ok no nic juz zrobilem trosia inaczej i tez jest dobrze. Dzieki i przepraszam za klopot.

Ok żeby nie tworzyć nowego tematu niepotrzebnie:

Mam takie coś: 
[HTML] pobierz, plaintext 
  1. <div style="margin-top: 10px; margin-left: 10px;">
  2. <dl id="menu0">
  3. <dt><div id="box" class="box" onmouseover="ColorIn()" onmouseout="ColorOut()"></div> </dt>
  4.  
  5. <dd>Element 1.1</dd>
  6.  
  7. <dt><div id="box" class="box1" onmouseover="ColorIn()" onmouseout="ColorOut()"></div></dt>
  8. <dd>Element 2.1</dd>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div.box {
  2. background-image: url("images/header.jpg"); 
  3. position:relative; -moz-border-radius: 8px; border-radius: 8px;  
  4. height: 28px; width: 206px;
  5. border: 3px solid #8F9D11;
  6. margin-bottom: 5px;
  7. }
  8.  
  9. div.box1 {
  10. background-image: url("images/header2.jpg"); 
  11. position:relative; -moz-border-radius: 8px; border-radius: 8px;  
  12. height: 28px; width: 206px;
  13. border: 3px solid #8F9D11;
  14. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. function ColorIn() {
  2.     mint.fx.Color("box", "backgroundColor", null, "#6B8E23", 20, 500);
  3.     mint.fx.Color("box", "borderColor", null, "#006400", 20, 500);
  4. }
  5.  
  6. function ColorOut() {
  7.     mint.fx.Color("box", "backgroundColor", null, "#228D22", 20, 500);
  8.     mint.fx.Color("box", "borderColor", null, "#8F9D11", 20, 500);
  9. }
[HTML] pobierz, plaintext


Powinny sie podswietlac oba buttony, jednak podswietla sie tylko gorny. O co moze chodzic?

Ten post edytował MateuszScirka 3.02.2009, 21:07:54
Go to the top of the page
+Quote Post

Posty w temacie
- MateuszScirka   [HTML][AJAX] Jak to podświetlić?   3.02.2009, 19:45:54
- - gebp   [HTML] pobierz, plaintext <html><head...   3.02.2009, 20:09:11
- - MateuszScirka   Wtedy podkreśli tylko div za obrazkiem ale obrazka...   3.02.2009, 20:25:43
- - gebp   Może źle zrozumiałem CytatChcę podświetlić obrazek...   3.02.2009, 20:29:31
- - MateuszScirka   Ok no nic juz zrobilem trosia inaczej i tez jest d...   3.02.2009, 21:07:25
- - isso   wydaje mi się, że w jQuery ;> addClass byłby pr...   3.02.2009, 21:26:46
- - MateuszScirka   Ale to jest Ajax ;] Moze ktos wie czemu sie 2 nie ...   3.02.2009, 21:30:00
|- - isso   Cytat(MateuszScirka @ 3.02.2009, 21:30...   3.02.2009, 21:47:19
- - MateuszScirka   Ja tam w tym nowy jestem ;] Mialem ochote troche s...   3.02.2009, 21:53:05
- - isso   nie no, racja, racja... ale jQuery jest proste we...   3.02.2009, 22:04:52
- - matixrr   [PHP] pobierz, plaintext <?php<script type=...   3.02.2009, 22:19:00
- - MateuszScirka   Dziala sposob matixrr'a. Dziekuje.   3.02.2009, 22:20:52

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 6.10.2025 - 06:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn