Autor Zpráva
davidmyska
Profil
Dobrý den, potřeboval bych do tohodle kódu přidat barvu odkazů, zkoušel jsem už všechno co mě napadlo a nejde to.
Předem díky za odpověď
<body id="barvy">
 <div align="right"> 
<script language="JavaScript" type="text/javascript">
function zmenaStylu(co, zmena)
  {
  switch (co) 
    {
    case 'color':
      document.getElementById('barvy').style.color=zmena;
      break;
    case 'backgroundColor':
      document.getElementById('barvy').style.backgroundColor=zmena;
      break;
    }    
  }
</script> 

<div align="center">
  <h1>Nadpis</h1>
  <p>text</p>
</div>
<div style="color: black; background-color: white; width: 215px;">
<form name="formular">
 Barva písma: 
  <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>
    <option value="white">bílá</option>
    <option></option>
    <option value="orange">oranžová</option>
    <option value="purple">fialová</option>
    <option value="lime">světle zelená</option>
    <option value="orangered">tmavě oranžová</option>
  </select><br>
 Barva pozadí: 
  <select onChange="zmenaStylu('backgroundColor', this.value);">
    <option value="white">výchozí</option>
    <option value="red">červená</option>
    <option value="blue">modrá</option>
    <option value="green">zelená</option>
    <option value="yellow">žlutá</option>
    <option value="black">černá</option>
    <option></option>
    <option value="orange">oranžová</option>
    <option value="purple">fialová</option>
    <option value="lime">světle zelená</option>
    <option value="orangered">tmavě oranžová</option>    
  </select>
</form>
</div></div>
  </body>
Darker
Profil
Skript změní barvu jen jednomu elementu, a to tomu, který má ID „barvy“.
V tomhle případě je to BODY. A to funguje.
davidmyska
Profil
ještě bych se chtěl zeptat jest-li je nějak možné nahradit ID za CLASS? Díky
mark92
Profil
Aby si mohol meniť elementu hodnotu atribútu, musíš mu nejakú definovať. Čo tak toto?
<body style="background: #fff;">
<select>
  <option onclick="javascript: farba('f08423');">Farba1</option>
  <option onclick="javascript: farba('4a8b4c');">Farba2</option>
</select>
<script>
function farba(hodnota){document.body.style.background = "#"+hodnota;}
</script>
</body>
mark92
Profil
Id sa za class nahradiť dá, záleží ale, kvôli čomu to nahrádzať chceš. Id sa zvyčajne používa na identifikáciu prvku, s ktorým sa potom bude manipulovať cez JavaScript. Class sa zvykne používať na priraďovanie style hodnôt definovaných v CSS a class môže mať viacero elementov rovnaké. Ak máš však na stránke tag, ktorý sa tam vyskytuje len raz (body, form a pod.), tak netreba použiť ani jedno.
davidmyska
Profil
já to potřebuju na odkazy, protože když použiju ID ve scriptu [#1] zaměřený místo na BODY na odkaz tak to funguje jen na první a tady bych potřeboval ten CLASS (aby to platilo na všechny odkazy).
díky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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