Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak dodac po najechaniu na link podswietlenie?
Forum PHP.pl > Forum > Po stronie przeglądarki
wozniak
Witam mam taki skrypt ktory wyswietla kategorie i jak zrobic takie cos ze jak sie najedzie na jakas nazwe kat. to ta nazwa sie podswietli na jakis kolor np. na zielony co typu <td bgcolor="jakistam">Nazwa_kat</td>
A taki skrypt jest np. na www.hipermax.pl
KOD:
http://forum.php.pl/index.php?act=ST&f=1&t=28299
strife
Witam,
chyba o takie menu Ci chodzi? http://webdesign.about.com/od/csslayouts/a...sttemplates.htm. I dlaczego to ma być w php? Można też w JS, ale w php?questionmark.gif

Pozdrawiam!
wozniak
Chodzi mi o takie cos ze jak najedziesz na jakis napis to on sie podswietli np. na zielono.A ja własnie nie wiem w czym to zrobic chyba tylko w javie sie da;)
SongoQ
Podgladnij sobie kod js w projekcie phpMyAdmin. biggrin.gif

W javie sie da, ale proponuje uzyc JS. Moge CI moja funkcje podac ktora nie tylko podswietla td lecz tr.
rzseattle
Widze jednak ze wozniak nie orientujesz sie co powinenes zrobic.

Ok juz radze. Po pierwsze podswietlanie linku po najechaniu na niego mysza to robota przegladarki, css u ewentualnie jeszcze java scriptu . Wiec tego posta powinenes umiescic w po stronie przegladarki (gdzie go zaraz przeniose ). Nastepna sprawa jest to ze twoje pytanie dotyczy outputu czyli tego co przegladarka dostaje do siebie wiec nie ma znaczenia to jak dane sa pobierane z bazy itd. Najlepiej by bylo gdybys przyjzal sie zrodlu wygenerowanemu na stronie i wtedy kombinowal z cala reszta.

Osobiscie proponuje ci sie przyjzec tym linijka:

  1. <?php
  2. if ($id==$categories['categories_id']) {
  3. $tmpString .= '<b>';
  4. }
  5. // display category name
  6. $tmpString .= $categories['categories_name'];
  7.  
  8. if ( $id==$categories['categories_id'] ) {
  9. $tmpString .= '</b>';
  10. }
  11. ?>


i zamiane ich na te:

  1. <?php
  2. if ($id==$categories['categories_id']) {
  3. $tmpString .= '<b><span onmouseover=\"this.style.color='red'\" onmouseout =\"this.style.color='black'\">';
  4. }
  5. // display category name
  6. $tmpString .= $categories['categories_name'];
  7.  
  8. if ( $id==$categories['categories_id'] ) {
  9. $tmpString .= '</span></b>';
  10. }
  11. ?>


Sytuacja jest o tyle trudna do "zdalnego" rozwiazania ze za pomoca php generujesz jsa. Jesli pojawi sie nastepny problem ( a pewnie sie pojawi smile.gif ) pisz .
wozniak
Dzieki za pomoc.Nic nie dał ten skrypt:( Nic sie nie zmieniło
rzseattle
Cytat(wozniak @ 2005-03-27 22:16:53)
Dzieki za pomoc.Nic nie dał ten skrypt:( Nic sie nie zmieniło

Sprawdz konsole js czy wywala jakies bugi. Podesli wygenerowany output.
SongoQ
Napisalem sobie taki skrypcik ktory mi podswietla wiersze, gdzie kolorki wystepuja na przemian.

  1. <?php
  2.  
  3.  
  4. function Light(p_rElement, p_szAction, p_iCount)
  5. {
  6.    var theCells = null;
  7.    var szColor = null;
  8.                 
  9.    if(p_szAction != 'on')
  10.    {
  11.       if(p_iCount == 0)
  12.     szColor = '#F0F5FA';
  13.       else
  14.     szColor = '#FAFCFD';
  15.    }
  16.    else
  17.     szColor = '#D4EAFB';
  18.                 
  19.     if(typeof(document.getElementsByTagName) != 'undefined')
  20.       theCells = p_rElement.getElementsByTagName('td');
  21.     else if(typeof(p_rElement.cells) != 'undefined')
  22.      theCells = p_rElement.cells;
  23.                 
  24.     if(typeof(window.opera) == 'undefined' && typeof(theCells[0].getAttribute) != 'undefined')
  25.       domDetect    = true;
  26.     else
  27.       domDetect    = false;
  28.                     
  29.     for(= 0; i < theCells.length; i++)
  30.    {
  31.      if(domDetect)
  32.        theCells[i].style.backgroundColor = szColor;
  33.     else
  34.        theCells[i].setAttribute('bgcolor', szColor, 0);
  35.     }                
  36. }
  37.  
  38.  
  39. ?>


Cos mi sie zle wstawilo, oczywiscie to jest skrypt JS
wozniak
Zobacz u mnie na localhoscie http://81.190.44.194/~Neo/ I to : <span onmouseover="this.style.color='red'" onmouseout ="this.style.color='black'"> daje tylko podswietlenie tekstu a mi chodzi o podswietlenie tła pod tekstem np background-color='#FFFF00'
rzseattle
Wogole dopiero teraz to zauwazylem
Cytat
var FontLowColor='black';  // Font color when mouse is not over
var FontSubLowColor='black';  // Font color subs when mouse is not over
var FontHighColor='#6699cc';  // Font color when mouse is over
var FontSubHighColor='#6699cc';  // Font color subs when mouse is over



Nie no ludzie bez przesady. To na forum mamy cos takiego wylapywac ? mad.gif
wozniak
No tak ale to zmienia tylko kolor czcionki po najechniu myszka a ja chce zeby zrobiło sie tło np. <span style="background-color: #FFFF00">
rzseattle
No niech zgadne. Czy za to nie jest odpowiedzialna sekcja powyzej ?

Cytat
    var LowBgColor='red';            // Background color when mouse is not over
    var LowSubBgColor='red';            // Background color when mouse is not over on subs
    var HighBgColor='black';            // Background color when mouse is over
    var HighSubBgColor='black';            // Background color when mouse is over on subs
wozniak
Faktycznie troche sie wygłupiłem;) Dzieki wielkie za pomoc a mozesz mi powiedziec jak zrobic w span ze jak najedziesz myska na tekst to zrob sie np. style="background-color: #FFFF00" ?
Kill3R
Witam

Cos takiego na szybko stworzylem

  1. a
  2. {
  3. color: #000;
  4. padding: 2px 2px 2px 5px;
  5. border: 1px;
  6.  
  7. }
  8. a:link
  9. {
  10. text-decoration: none;
  11. }
  12. a:visited
  13. {
  14. text-decoration: none;
  15. }
  16. a:hover
  17. {
  18. text-decoration: none;
  19. background-color: #ff0;
  20. }
  21. }
  22. ul
  23. {
  24. list-style: none;
  25. }
  26. div#menu
  27. {
  28. width:150px;
  29. }
  30. <div id="menu">
  31. <ul>
  32. <li><a href="">Link 1</a></li>
  33. <li><a href="">Link 2</a></li>
  34. <li><a href="">Link 3</a></li>
  35. <li><a href="">Link 4</a></li>
  36. <li><a href="">Link 5</a></li>
  37. </ul>
  38. <div>
  39.  
  40. <span><a href="">link w span</a></span>
  41. </body>
  42. </html>


Moze sie przyda
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.