Autor Zpráva
rudla
Profil
#1 · Zasláno: 4. 2. 2011, 19:44:50
Odpovědět Citovat
Ahoj,
chtěl bych se zeptat, jak docílím toho, aby se mi přebarvil rámeček divu, když kliknu například na odkaz přes metodu onclick. Vím, že se tu pár podobných věcí řešilo, ale nemůžu přijít na to, jak mám udělat právě toto.

Díky za rady.
Trejpa
Profil
#2 · Zasláno: 4. 2. 2011, 20:19:29
Odpovědět Citovat
rudla:

Odkazem: 
<a href="#" onclick="document.getElementById('blok').style.borderColor='#090';return false">klik</a>
<div id=blok>
text
</div>


Samotným blokem: 
<div onclick="this.style.borderColor='#090'">
text
</div>
rudla
Profil
#3 · Zasláno: 4. 2. 2011, 20:49:12
Odpovědět Citovat
Trejpa:
To je ono!
rudla
Profil
#4 · Zasláno: 4. 2. 2011, 20:54:34
Odpovědět Citovat
Můžu se ještě zeptat, jestli jde tatu funkce u víc prvků 'blok'?
Například víc divů?
Trejpa
Profil
#5 · Zasláno: 4. 2. 2011, 21:09:36
Odpovědět Citovat
rudla:
Ne. Musely by se zvlášť adresovat. (jedno ID může být na stránce jen jednou, vícenásobné zadání prohlížeče pro skripty ignorují.) Mohl by sis to vytvořit jako funkci s polem všech potřebných ID: 

<script>
function obarvi(){var a=new Array("b1","b2","b3");
for (i=0;i<a.length;i++){document.getElementById(a[i]).style.borderColor='#090'}}
</script>

<a href="#" onclick="obarvi();return false">Klik</a>

<div id=b1>123</div>
<div id=b2>123</div>
<div id=b3>123</div>
rudla
Profil
#6 · Zasláno: 4. 2. 2011, 21:41:08
Odpovědět Citovat
Trejpa:
Díky za pomoc.
rudla
Profil
#7 · Zasláno: 6. 2. 2011, 15:37:40
Odpovědět Citovat
Mám ještě jednu prosbu, vím, že to sem už jaksi nepatří, ale nebudu kvůli tomu zakládat nové téma, když to má tématiku velice podobnou.

Když mám nastaveno, aby se mi při onclicku změnil border, lze nějak nastavit, aby to například při onDblclicku změnilo pozadí toho divu?
Dík.
Trejpa
Profil
#8 · Zasláno: 6. 2. 2011, 15:46:27
Odpovědět Citovat
rudla: 
ondblclick=""
.style.background

Jiné jméno funkce na stejné stránce. Ostatní stejně.
rudla
Profil
#9 · Zasláno: 6. 2. 2011, 16:39:52 · Upravil/a: rudla
Odpovědět Citovat
Trejpa:
Díky. :)
rudla
Profil
#10 · Zasláno: 6. 2. 2011, 19:55:11 · Upravil/a: rudla
Odpovědět Citovat
Trejpa:
Hele a jde to taky u obrázku na pozadí?
Trejpa
Profil
#11 · Zasláno: 6. 2. 2011, 20:02:00
Odpovědět Citovat
rudla:
Proto jsem uvedl společnou vlastnost background a ne jen barevnost backgroundColor: 
.style.background('url(obrazek.png)')
rudla
Profil
#12 · Zasláno: 8. 2. 2011, 11:36:50
Odpovědět Citovat
Trejpa:
aha, dík
Časová prodleva: 13 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0