Forum PHP.pl > [js]powrót w onmouseout

Pomoc - Szukaj - Użytkownicy - Kalendarz

Adrian1207

19.03.2007, 20:20:20

Nie umiem javascript i chciałbym was zapytać o problem który trapi mnie cały dzień. Mianowicie chodzi o powrót do normalnego koloru w onmouseout. Oto fragmenty kodu:

[HTML] pobierz, plaintext 
Funkcja:
 
<script type="text/javascript" language="JavaScript">
function alternate(id){
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);  
   var rows = table.getElementsByTagName("tr");  
   for(i = 0; i < rows.length; i++){          
 //manipulate rows
     if(i % 2 == 0){
       rows[i].className = "even";
     }else{
       rows[i].className = "odd";
     }      
   }
 }
}
</script>
 
Kawałek CSS: 
 
<style>
 .odd{background-color: #CCCCCC;}
 .even{background-color: #AAAAAA;}
</style>
 
Wykorzystanie:
 
<body onload="alternate('tabela')">
[HTML] pobierz, plaintext

Jak pewnie większość wie funkcja ta ustawia 2 kolory na przemian, i tu zaczynają się schody, chodzi o to, że teraz kiedy robię coś takiego:

[HTML] pobierz, plaintext 
<tr onmouseover="style.backgroundColor='#DDDDDD'" onmouseout="style.backgroundColor='#CCCCCC'">
[HTML] pobierz, plaintext

to po najechaniu myszką wiersz tabeli zmienia kolor na #DDDDDD ale kiedy zjeżdżam kolor ustawia się na #CCCCCC no i po przejechaniu nad całą tabelą nie ma już 2 kolorów na przemian tylko wszystko w jednym kolorze(#CCCCCC). I moje pytanie brzmi co zrobić żeby wiersz po podświetleniu nie zmieniał się w określony kolor tylko w taki jaki miał wcześniej i żeby nadal były 2 kolory na przemian? Nie wiem czy zrozumiecie o co mi chodzi, jeżeli nie, to proszę pisać, spróbuję wytłumaczyć lepiej albo dać przykład.
Proszę o proste odpowiedzi albo całościowe kody bo nie umiem javascript jednak niestety czasami użycie go jest koniecznością

vokiel

19.03.2007, 21:49:49

A czy nie lepiej byłoby przy tworzeniu tej tabeli od razu ustawić do jakiego koloru ma powracać?
Stworzyć tabelę

dla

[HTML] pobierz, plaintext 
if(i % 2 == 0)
  {
    //wyświetlić:
    // <tr onmouseover="bgColor='#DDDDDD'" onmouseout="bgColor='#CCCCCC'" bgcolor="#CCCCCC">
  }
  else
  {
    //wyświetlić:
    //<tr onmouseover="bgColor='#CCCCFF'" onmouseout="bgColor='#AAAAAA'" bgcolor="#AAAAAA">
  }
[HTML] pobierz, plaintext

może tak będzie prościej?

Adrian1207

20.03.2007, 19:20:01

Nie wiem, ktoś powiedział mi jak inaczej to zrobić i działa, a jak coś działa to się tego nie zmienia:) ale dzięki za zainteresowanie;)

-Jacek-

26.03.2008, 11:47:04

hej Adrian1207 mam taki sam problem mógł bys napisac jak zmieniles ten skrypt z wierszami na przemnian aby po najechaniu wiersz sie podswietlal ale potem wraca do swojego pierwotnego koloru (czyli spowrotem byly naprzemiennie pokolorowane)?

remik09

26.03.2008, 17:51:02

vokiel podal rozwiazanie, a jak nie dziala to podaj kod

Adrian1207

26.03.2008, 22:56:33

Widzę, że ktoś wrócił do tematu, więc postaram się pomóc. Myślę, że jeżeli podam kod pliku, w którym to zastosowałem nie powinno być problemu z dostosowaniem potrzebnych części kodu do własnych potrzeb.

Tak więc:

[PHP] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
function alternate(id){
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);  
   var rows = table.getElementsByTagName("tr");  
   for(i = 0; i < rows.length; i++){		  
	 if(i % 2 == 0){
	   rows[i].className = "even";
	 }else{
	   rows[i].className = "odd";
	 }	  
   }
 }
}
function powroc(id){
id.className = "move";
}
</script>
<style>
.odd{background-color: #CCCCCC;}
.even{background-color: #AAAAAA;}
.move {background-color: #FFFFFF;}
</style>
<?
require("config.php");
$dbLink = @mysql_connect($dbasehost,$dbaseuser, $dbasepassword);
mysql_select_db($dbase );
echo "<center>\n";
echo "<table width=\"638\">\n";
echo "  <tbody>\n";
echo "	<tr>\n";
echo "	  <td vAlign=\"center\" align=\"middle\" width=\"80\">\n";
echo "		<p align=\"center\"><font face=\"Arial\" size=\"2\"><b>Szczegóły</b></font></p>\n";
echo "	  </td>\n";
echo "	  <td align=\"middle\" width=\"133\">\n";
echo "		<p align=\"center\"><b><font face=\"Arial\" size=\"2\">Login</font></b></p>\n";
echo "	  </td>\n";
echo "	  <td align=\"middle\" width=\"167\"><b><font face=\"Arial\" size=\"2\">Tytuł</font></b></td>\n";
echo "	  <td align=\"middle\" width=\"202\"><b><font face=\"Arial\" size=\"2\">Krótki opis</font></b></td>\n";
echo "	  <td align=\"middle\" width=\"98\"><b><font face=\"Arial\" size=\"2\">Data dodania</font></b></td>\n";
echo "	</tr>\n";
echo "  </center>\n";
echo "</table>";
echo "<body onload=\"alternate('tabela')\">\n";
echo "<table id=\"tabela\" width=\"638\" bgColor=\"#999999\" cellpadding=\"0\" cellspacing=\"0\" align=\"left\">";
$dbLink = @mysql_connect($dbasehost,$dbaseuser, $dbasepassword);
mysql_select_db($dbase );
include('Pager.class.php');
$sql = 'select count(*) from jobs2';
   $result = mysql_query($sql);
   $row = mysql_fetch_array($result);
   $recordsCount = $row[0];//pobranie liczby rekordów
   $pager = new Pager('wykgraf');
   $pager->SetTotalRecords($recordsCount);//ustawienie liczby rekordów
   $pager->SetRecordsPerPage(15);
   $pager->SetPagesPerNav(1);
   //wygenerowanie pagera i zapamietanie go w zmiennej w celu
   //pozniejszego wyswietlenia
   $renderPager = $pager->Render();
   $start = $pager->GetIndexRecordStart();//pobranie indexu rekordu początkowego
   $end = $pager->GetIndexRecordEnd();//pobranie indexu rekordu koncowego
   //zapytanie z uwzglenieniem stronicowania
   $sql = 'select * FROM jobs2  ORDER BY jobs_id DESC LIMIT '.$start.','.($end - $start + 1);
$result = mysql_query ($sql,$dbLink) or die( "problem loading data");
While ($row = mysql_Fetch_array($result))
{
$currentjobid=$row['jobs_id'];
$title=$row['title'];
$company=substr($row['company'],0,40);
$location=substr($row['location'],0,50);
$description=$row['description'];
$contact=$row['contact'];
$email=$row['email'];
$url=$row['url'];
$publishdate=$row['publishdate'];
stripslashes($description);
echo "<tr onmousemove=\"powroc(this)\" onmouseout=\"alternate('tabela')\">";
echo("<td vAlign=\"center\" align=\"middle\" width=\"86\" height=\"30\"><p align=\"center\"><font face=\"Arial\" size=\"1\"><a href=\"jobposter/viewjob2.php?currentjobid=$currentjobid\">Pokaż</a></font></p></td>");
echo("<td align=\"middle\" width=\"133\" height=\"50\"><p align=\"center\"><font face=\"Arial\" size=\"2\">&nbsp;$title</font></p></td>");
echo("<td align=\"middle\" width=\"167\" height=\"50\"><font face=\"Arial\" size=\"2\">&nbsp;$company</font></td>");
echo("<td align=\"middle\" width=\"202\" height=\"50\"><font face=\"Arial\" size=\"2\">&nbsp;$location</font></td>");
echo("<td align=\"middle\" width=\"98\" height=\"50\"><font face=\"Arial\" size=\"1\">&nbsp;$publishdate</font></td>");
echo('</tr>');
}
echo('</table>');
   echo $renderPager; //wyswietlenie pager'a
?>
[PHP] pobierz, plaintext

W kodzie z tego co widzę był zastosowany pager autorstwa bodajże nospor'a, myślę że kto będzie potrzebował usunie te części.
A tak w ogóle to wielkie dzięki autorowi pagera, używam go do tej pory chyba w każdym projekcie

Jakby coś w kodzie było nie tak, to piszcie, bo ja tego nie pamiętam, wyciągnąłem plik, który z tego co pamiętam powinien mieć już poprawną wersję, jeżeli nie to dajcie znać, poprawię.

Pozdrawiam

-Jacek-

27.03.2008, 13:02:37

Dzieki za powtórne zainteresowanie tematem

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.