| Autor | Zpráva | ||
|---|---|---|---|
| davidmyska Profil |
#1 · Zasláno: 12. 4. 2011, 20:40:31 · Upravil/a: davidmyska
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 |
#2 · Zasláno: 12. 4. 2011, 20:45:02 · Upravil/a: Darker
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 |
#3 · Zasláno: 13. 4. 2011, 06:53:43
ještě bych se chtěl zeptat jest-li je nějak možné nahradit ID za CLASS? Díky
|
||
| mark92 Profil |
#4 · Zasláno: 13. 4. 2011, 09:31:16
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 |
#5 · Zasláno: 13. 4. 2011, 09:42:41 · Upravil/a: mark92
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 |
#6 · Zasláno: 13. 4. 2011, 14:51:41
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 |
||
|
Časová prodleva: 13 let
|
|||
0