Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

whitewizzard · Data înscrierii: 12/Mar/2007 Mesaje: 81

salutare

- am si eu nevoie de o indrumare in principiu vreau ca la apasare pe orice din acel tr sa se schimbe culoarea asta pe scurt :)

- pe larg
Cod:

   if ($i%2 == 0)
   {
      $Class = '';
   }
   else
   {
      $Class = 'odd';
   }

   echo '<tr class = "' . $Class . '">
         <td align = "center">
            <b>' . $i . '</b>
         </td>
         <td><a href="TeamDeatails.php?TeamId='. $row['id'] .'">' . $row['Team'] . '</td>
         <td align="center">
            <input type="radio" name="' . $row[id] . '" value="Win"/>
         </td>
         <td align="center">
            <input type="radio" name="' . $row[id] . '" value="Draw"/>
         </td>
         <td align="center">
            <input type="radio" name="' . $row[id] . '" value="Loss"/>
         </td>';

- acest tr este intr-un while clasa se schimba in functie de $i%2=0, ma rog sa zicem ca pot sa renunt la chestia asta, ideea este ca vreau cand apas pe un radio button sa se schimbe culoarea la acel tr ca sa pot urmari mai rapid si acest lucru fara js pt ca sa zicem ca nu-mi este asa la indemana :)

- va multumesc frumos

vectorialpx · Trimis: Mar Ian 22, 2008 11:58 pm Titlul subiectului:

pai, onclick="element.style.bgcolor = '#99CC00'"

whitewizzard · Data înscrierii: 12/Mar/2007 Mesaje: 81

welll
- asta e problema nu stiu sa folosesc asa ceva momentan ma candeam la ceva din css

vectorialpx · Trimis: Mie Ian 23, 2008 8:56 am Titlul subiectului:

pai, tocmai ti-am zis cum se foloseste... 8O fara js e un pic mai greu

whitewizzard · Data înscrierii: 12/Mar/2007 Mesaje: 81

scuze cred ca sunt bou :))))
- ai dreptate cand am citit credeam ca ai scris o parte dintr-o functie .. merci frumos acum imi pare rau ca nu am incercat aseara :(

whitewizzard · Data înscrierii: 12/Mar/2007 Mesaje: 81

din pacate imi da element is not defined ...
any ideea?

vectorialpx · Trimis: Mie Ian 23, 2008 7:35 pm Titlul subiectului:

ti-am dat doar ideea, nu codul complet...

Cod:
<table width="200">
<tr><td width="100">1</td><td>2</td></tr>
<tr><td id="ionel2">1</td><td id="ionel21">2</td></tr>
<tr><td>1</td><td>2</td></tr>
</table>

<input type="button"
onclick="document.getElementById('ionel2').style.background='#cccccc'; document.getElementById('ionel21').style.background='#cccccc';"
value="coloreaza" />

edit // am vazut dup-aia si eu... daca ai fi cautat ai fi gasit
http://www.java2s.com/Code/JavaScriptReference/Javascript-Properties/bgColorExample.htm

whitewizzard · Data înscrierii: 12/Mar/2007 Mesaje: 81

ideea este ca am tot cautat crede-ma, ca in primul rand caut si dupa aia intreb anyway .. am gasit mai multe chestii dar nu stiu sa le aplic sa zic asa inclusiv exemplul tau
- deci daca poti sa-mi zici cum sa aplic acest lucru pe codul meu iti raman cunoscator pana acum nu am reusit decat sa colorez un tr din 20 si tot timpul ultimul
- fol ca <tr id="' . $team .'" ..... id-ul este ok si-l ia pe fiecare tr dar nu stiu cum sa bag acest $team in functia mea care este :

Cod:
function ChangeStyle()
{
var x = document.getElementById('ce pun aici ?');
for(var i = 0; i < x.childNodes.length; i++)
{
if(x.childNodes[i].nodeType == 1)
{
x.childNodes[i].style.backgroundColor = 'red';
}
}
}

- te rog frumos daca poti sa-mi explici :)
merci frumos ..

griffin · Data înscrierii: 07/Dec/2006 Mesaje: 81

Uite aici o pagina cu un tabel cu 10 linii.La click pe o linie ea se va colora in verde deschis.Daca dai din nou click culoarea va redeveni alba
Iti explic si ce fac in functia javascript numita changeColor care are un parametru id care ii spune functiei pe ce linie a fost dat click.Daca culoarea e white sau nimic '' atunci ea devine verde deschis (lightgreen) altfel (daca e verde de obicei) devine white.Sper ca intelegi.Poti sa pui la tine in head functia si la tabelul tau sa faci in <tr > exact ca mine adica pui <tr onclick="changeColor(this);"> sau daca ai un buton cum vrei tu faci <input type='button' onclick="changeColor(this);">.Sper ca am fost clar.Spor
<html>
<head>
<script type='text/javascript'>
function changeColor(id){
color=id.style.backgroundColor;
if(color=='' || color=='white')
id.style.backgroundColor='lightgreen';
else
id.style.backgroundColor='white';
}
</script>
</head>
<body>
<table>
<tr onclick="changeColor(this);">
<td><input type='radio' value='1'></td><td>linia 1</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='2'></td><td>linia 2</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='3'></td><td>linia 3</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='4'></td><td>linia 4</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='5'></td><td>linia 5</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='6'></td><td>linia 6</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='7'></td><td>linia 7</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='8'></td><td>linia 8</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='9'></td><td>linia 9</td>
</tr>
<tr onclick="changeColor(this);">
<td><input type='radio' value='10'></td><td>linia 10</td>
</tr>
</table>
</body>
</html>

PHPRomania Bot · Mie Dec 26, 2007 7:01 pm