Autor Zpráva
AdamS
Profil
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
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
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, "");
  };
}
(Umístěným někde za tabulkami, na které má mít vliv (je celkem jedno jestli interně nebo externě, není dlouhý), při čemž o konkrétní provedení zvýraznění by se postarala třída zvyraznena.)

… a nebo jen ve stylopisu přes :hover a s nějakým hover.htc pro Explorer (dohledej si podrobnosti).
Bubák
Profil
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0