Autor | Zpráva | ||
---|---|---|---|
AdamS Profil |
#1 · Zasláno: 28. 4. 2010, 19:09:05
Dobrý den,
obracím se na ty znalejší s prosbou o radu. Mám několik HTML stránek s tabulkami a pomocí externího .js souboru bych chtěl, aby se při najetí myši na libovolný řádek v tabulkách (kromě hlavičky tabulky) změnila barva z bílé na žlutou a po odjetí myši opět změnila na bílou. Šlo by to prosím nějak vyřešit, abych nemusel v každé tabulce do každého řádku psát skript in-line zápisem? A pokud ano, jak danou funkci zavolat tam, kde potřebuji? Zatím mě napadl tento skript: function barva(white; yellow) { onmouseover="this.backgroundColor=white"; onmouseout="this.color=yellow"; } A ještě jedna otázečka, lze mít v jednom externím .js souboru více skriptů? Popř. jak je pak jednotlivě volat kde potřebuji? Předem děkuji za jakoukoliv radu. |
||
Radek9 Profil |
#2 · Zasláno: 28. 4. 2010, 19:20:53
AdamS:
Když se tak koukám na ten kód, možná bych vám doporučil začít s javascriptem znovu a pořádně. Postup: Projít cyklem řádky tabulky, vybrat daný řádek a nastavit mu události. „lze mít v jednom externím .js souboru více skriptů?“ Ano, lze to. „jak je pak jednotlivě volat kde potřebuji?“ Prostě je zavolat, co je na tom těžkého? |
||
Chamurappi Profil |
#3 · Zasláno: 28. 4. 2010, 19:21:56
Reaguji na AdamaS:
Tvůj uvedený pokus o skript je docela podivný. Řešil bych to buď jednoduchým skriptem… for(var i = 0, tr; tr = document.getElementsByTagName("tr")[i]; i++) { tr.onmouseover = function() { this.className += " zvyraznena"; }; tr.onmouseout = function() { this.className = this.className.replace(/ zvyraznena/g, ""); }; } zvyraznena .)
… a nebo jen ve stylopisu přes :hover a s nějakým hover.htc pro Explorer (dohledej si podrobnosti).
|
||
Bubák Profil |
#4 · Zasláno: 28. 4. 2010, 19:48:41
AdamS:
„kromě hlavičky tabulky“ Pokud na hlavičkové buňky používáš tag <th>, je to triviální. Pokud ne, tak asi máš hlavičkové buňky odlišené třídou, nebo idéčkem a taky je to jednoduché. Chamurappi: „a nebo jen ve stylopisu přes :hover a s nějakým hover.htc pro Explorer (dohledej si podrobnosti)“ Jde použít i jednoúčelový maličký HTC soubor podle http://www.jakpsatweb.cz/css/behavior/prebarveni_1.html, jenom místo k buňce přiřadit behavior v CSS k řádku tabulky. |
||
Časová prodleva: 14 let
|
0