Autor | Zpráva | ||
---|---|---|---|
napoj Profil * |
#1 · Zasláno: 1. 9. 2008, 16:47:39
Ahoj mam kod, ktery zobrazuje a skrýva radky tabulky. ja bych ho potreboval upravit, tak, aby standardni barva toho radku kde je tlacitko zobraz byla bíla. Kdyz se klikne na zobrazit, tak bych potreboval obarvit tento radek na cerveno.
<script type="text/javascript"> function zobrazSkryj(idecko){ el=document.getElementById(idecko).style; el.display=(el.display == 'none')?'':'none'; } </script> </head> <body> <table border="1"> <tr> <td>1.sloupec</td> <td>2.sloupec</td> <td>3.sloupec</td> <td><a style="text-decoration: underline;" href="#cviceni-a" onclick="zobrazSkryj('cviceni-a'); return false;">zobraz</a> </td> </tr> <tbody style="display: none; background-color: red;" id="cviceni-a"> <tr> <td> Pokus pro sloupec 1 </td> <td> Pokus pro sloupec 2 </td> <td> Pokus pro sloupec 3 </td> <td> Pokus pro sloupec 3 </td> </tr> <tr> <td> Pokus pro sloupec 1 </td> <td> Pokus pro sloupec 2 </td> <td> Pokus pro sloupec 3 </td> <td> Pokus pro sloupec 3 </td> </tr> </tbody> </table> Predem děkuji |
||
SwimX Profil |
#2 · Zasláno: 1. 9. 2008, 18:59:03
Obarveni radku:
document.getElementById('uvodni').style.backgroundColor="red"; ale nezapomeň dané řádce přidat id="uvodni" |
||
napoj Profil * |
#3 · Zasláno: 1. 9. 2008, 21:01:12
Divej, udelal jsem to takto:
<script type="text/javascript"> function zobrazSkryj(idecko){ el=document.getElementById(idecko).style; el.display=(el.display == 'none')?'':'none'; if(el.display == '')document.getElementById('uvodni').style.backgroundColor="red"; else document.getElementById('uvodni').style.backgroundColor="white"; } </script> jenomze kdyz dam <tr id="uvodni">... vice pod sebe, tak se vzdycky obarvi prvni radek a ne treba 2,3,4 a podobne, podle toho na ktery bylo kliknuto... abych nezaspamoval forum, tak jsme to sem nehodil cele. Mohl by mi prosim nekdo poradit jak mam obarvit i ty ostatni radky? Predem diky. |
||
SwimX Profil |
#4 · Zasláno: 1. 9. 2008, 21:14:06
místo id použij class. ID je ejdinečné, nemůžeš ho mít pro několik řádek. Nevím však jak bude JS getElementById fungovat s classem. :)
|
||
SwimX Profil |
#5 · Zasláno: 1. 9. 2008, 21:17:59
Eště mě napadlo: ty chceš po kliknutí na Zobraz stejně obarvit celou tabulku na červeno. Dej id tabulce, a obarvuj ji celou.
|
||
napoj Profil * |
#6 · Zasláno: 1. 9. 2008, 21:21:34
nene, ja chci obarvit pouze ten radek kde bylo kliknuto na to Zobraz. ale kdyz tam bude tech zobraz treba 10 tak po kliknuti na 3. se mi prave zvyrazni jenom prvni radek a ne ten 3. kde bylo kliknuty na Zobraz.
|
||
SwimX Profil |
#7 · Zasláno: 1. 9. 2008, 21:34:45 · Upravil/a: SwimX
Řešil sem jak rozbalovat články. Něco by z toho určitě šlo použít.
Odkaz ... this.parentNode.getElementsByTagName('tr') ... |
||
peta Profil |
#8 · Zasláno: 2. 9. 2008, 13:40:52
napoj
jakpsatweb - javascript - priklady Je tam priklad, ktery zabarvuje radek tabulky na udalost onmouseover. |
||
Časová prodleva: 6 dní
|
|||
napoj Profil * |
#9 · Zasláno: 8. 9. 2008, 17:51:18
Ahoj, nadefinoval jsem si styly:
<style> .zluta {background-color: yellow} .modra {background-color: blue} </style> a na vsude jsem dal <tr class="zluta" onclick="this.className='modra'"> Jenomze ja bych potreboval to udelat tak, aby kdyz se klikne, tak se zmeni pozadi na modrou a kdyz se klikne podruhe (el.display == '') viz vyse tak opet zustala ta zluta. On je problem ze funkce na zobrazovani je v <td> a obarveni bych potreboval v <tr>. Takze kdyz to shrnu, tak kod, ktery je uplne nahore, skryva a odkryva radky v tabulce. Potreboval bych aby, kdyz se klikne na zobraz, aby se radek kde se to zobraz nachazi obarvil. Pokud se klikne znova na zobraz, tak bych zase potreboval tu barvu zmenit na puvodni. Predem Vam dekuji. |
||
Časová prodleva: 16 let
|
0