Autor Zpráva
davidmyska
Profil
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
davidmyska:
var cssClass = element.className;
davidmyska
Profil
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
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
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
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
díky, ale asi to nechám tak jak to mám

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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