Autor Zpráva
Hrobnik
Profil *
Zdravim, potrebuju poradit, potrebuju vytrvorit script ktery by mi menil barvu textu v zavislosti na kliknuti na tlacitko
Př: mam dve tlacitka, po kliknuti na jedno se mi casti textu oznacenych promnenou "zelena" zmeni na zelenou a druhe tlacitko zmeni barvu textu oznaceneho napr. promenou "cervena" na cervenou.
Str4wberry
Profil
zmeni barvu textu oznaceneho
Označeného textu kde?
Hrobnik
Profil *
napr text mezi <div> </div> ale nevim jak na to odkazat jestli ID nebo v JS jsou taky nejake promnene, tak priradit tomu co je v DIVu nejakou promnenou
Měsíček
Profil
Reaguji na Hrobníka:

Myslíš něco na tento způsob?
<script type="text/javascript">
  function change_color (e) {
    var x = document.getElementById("text").style.color = e;
  }
</script>

<div id="text"> Text </div>

<button onClick="change_color('green');">Zelená </button>
<button onClick="change_color('red')  ;">Červená</button>
<button onClick="change_color('gold') ;">Zlatá  </button>
<button onClick="change_color('black');">Černá  </button>
Hrobnik
Profil *
Jo neco takovyho akorat trochu jinak ja potrebuju aby bylo treba "text1", "text2" a dve tlacitka, prvni by menilo "text1" na cervenou a druhy "text2" treba na zelenou
Hrobnik
Profil *
A pokud by bylo mozny aby to fugovalo misto s ID s CLASS
Měsíček
Profil
Reaguji na Hrobnika:

Class není dobrý nápad, protože je to těžší :), ale co třeba takhle:
<script type="text/javascript">
  function change_color (e,f) {
    var x = document.getElementById(f).style.color = e;
  }
</script>

<div id="text"  > Text  </div>
<div id="text2" > Text2 </div>

<button onClick="change_color('green','text') ;">Zelená (Text)  </button>
<button onClick="change_color('red','text2')  ;">Červená (Text2)</button>

Str4wberry
Profil
Osobně bych text obalil třeba <span>em s nastavenou class. A při kliknutí si JavaScriptem vyrobil potřebný styl, který tu třídu žádoucím způsobem naformátuje. Nikdy jsem to nezkoušel, ale jít by to snad mělo.
Hrobnik
Profil *
Jo to vypada zajimave jenom to jeste nejak udelat, zkousel sem zagooglit ale nikde nic.
Stacil by odkaz na nejakou stranku.
Měsíček
Profil
No to bude sranda :) třeba na JPW (Jakpsátweb) v sekci Javascript a dále v sekci "Příklady" něco málo je.
Hrobnik
Profil *
neslo by to pls trosku upresnit? nevim pod cim to mam hledat :(
Str4wberry
Profil
Já to myslel takhle:
<span class='oi'>Ahoj</span> Ahoj <span class='oi'>Ahoj</span> Ahoj <span class='oi'>Ahoj</span> Ahoj

<script>
function styl(barva)  {
  document.getElementsByTagName("head")[0].innerHTML+= "<style>.oi {color: " + barva + "}</style>";
}

var barvy = ["red", "green", "blue"];

for (i = 0; i < barvy.length; i++)  {
  btn = document.createElement("button");
  btn.textContent = barvy[i];
  btn.onclick = function () {styl(this.textContent);};
  document.body.appendChild(btn);
}
</script>
(Šlo by to samozřejmě napsat lépe.)
Měsíček
Profil
Nevíš Str4wberry proč mi tvůj skript vždy shodí IE7? :o)
Hrobnik
Profil *
jo, to by mohlo byt ono, jenom to ma jednu vadu muzu obarvit jenom jednu tridu ale ja bych potreboval obarvit vic trid nezavisle na sobe treba jednu tridu modre, druhou cervene atd, teda pokud to de vubec udelat
Str4wberry
Profil
Nevíš Str4wberry proč mi tvůj skript vždy shodí IE7? :o)
Nevím, já to nezkoušel. Možná protože nerozumím JavaScriptu.


Hrobniku, asi bude potřeba kód ve funkci „styl“ větvit pro různá tlačítka.
Hrobnik
Profil *
Uz to funguje, vsem moc dekuju za rady
Hrobnik
Profil *
Este bych mel jeden dotaz, nebylo by mozny abych si di do tech tlacitek mohl dat svuj text?

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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