| Autor | Zpráva | ||
|---|---|---|---|
| davidmyska Profil |
#1 · Zasláno: 14. 4. 2011, 16:31:42
dobrý den, chci se zeptat jak se zapisuje třída v javascriptu a jestli to vůbec jde, vím jak se zapisuje ID .getElementById('ID')., ale nevím jak se zapisuje třída. Předem díky za odpověď
|
||
| __construct Profil |
#2 · Zasláno: 14. 4. 2011, 16:46:20
davidmyska:
var cssClass = element.className; |
||
| davidmyska Profil |
#3 · Zasláno: 14. 4. 2011, 17:18:03
pardon ale stohodle moc nevím jak to zapsat do tohodle zápisu (místo .getElementById('idecko'). ) díky
document.getElementById('idecko').style.color=barva |
||
| __construct Profil |
#4 · Zasláno: 14. 4. 2011, 17:24:44 · Upravil/a: __construct
davidmyska:
„jak to zapsat do tohodle zápisu (místo .getElementById('idecko'). ) díky document.getElementById('idecko').style.color=barva “ Z tohoto zase moc neviem ja. Metóda getElementById() vráti element na základe jeho ID. Ty chceš vrátiť zoznam elementov, ktorým je pridelená určitá trieda (class) - getElementsByClassName() (toto ale nefunguje vo všetkých prehliadačoch)?
|
||
| davidmyska Profil |
#5 · Zasláno: 14. 4. 2011, 17:40:18
nakonec jsem to vyřešil takto ale pokud byste věděli jiné řešení tak mi ho prosím napište
<script language="JavaScript" type="text/javascript">
function zmenaStylu(co, zmena)
{
switch (co)
{
case 'color':
document.getElementById('odkaz1').style.color=zmena;
document.getElementById('odkaz2').style.color=zmena;
document.getElementById('odkaz3').style.color=zmena;
document.getElementById('odkaz4').style.color=zmena;
document.getElementById('odkaz5').style.color=zmena;
break;
}
}
</script>
<a href="" id="odkaz1">odkaz</a><br>
<a href="" id="odkaz2">odkaz</a><br>
<a href="" id="odkaz3">odkaz</a><br>
<a href="" id="odkaz4">odkaz</a><br>
<a href="" id="odkaz5">odkaz</a>
<select onChange="zmenaStylu('color', this.value);">
<option value="black">výchozí</option>
<option value="red">červená</option>
<option value="blue">modrá</option>
<option value="green">zelená</option>
<option value="yellow">žlutá</option>
</select> |
||
| __construct Profil |
#6 · Zasláno: 14. 4. 2011, 17:53:53 · Upravil/a: __construct
davidmyska:
V Tvojom prípade sa to dá takto: <style type="text/css">
.red { color: red }
.green { color: green}
.blue { color:blue }
.yellow { color:yellow }
.black {color: black}
</style>
<script language="JavaScript" type="text/javascript">
function zmenaStylu(styl)
{
//Pozor - týmto zmažeš všetky class, ktoré element má!
document.getElementById('odkaz1').className = styl;
document.getElementById('odkaz2').className = styl;
document.getElementById('odkaz3').className = styl;
document.getElementById('odkaz4').className = styl;
document.getElementById('odkaz5').className = styl;
}
</script>
<a href="" id="odkaz1">odkaz</a><br>
<a href="" id="odkaz2">odkaz</a><br>
<a href="" id="odkaz3">odkaz</a><br>
<a href="" id="odkaz4">odkaz</a><br>
<a href="" id="odkaz5">odkaz</a><br>
<select onChange="zmenaStylu(this.value);">
<option value="black">výchozí</option>
<option value="red">červená</option>
<option value="blue">modrá</option>
<option value="green">zelená</option>
<option value="yellow">žlutá</option>
</select> |
||
| davidmyska Profil |
#7 · Zasláno: 14. 4. 2011, 18:29:33
díky, ale asi to nechám tak jak to mám
|
||
|
Časová prodleva: 13 let
|
|||
0