Dobry den
JavaScripty teprve zacinam ale dostal jsem zajimavy ukol.
Menit barvu pozadi ramecku po kliknuti na jiny ramecek. Napr: z oranzove do zelene po kliknuti ze zelene zpet na oranzovou. Chtel jsem to resit pomoci if:
function ZmenBarvu(){
if (document.getElementById('test').style.backgroundColor=="#FFCC80"){
document.getElementById('test').style.backgroundColor="#00FF00";
}
else{
document.getElementById('test').style.backgroundColor="#00FF00";
}
}
'test' je akorat ramecek ktery ma menit pozadi v prislusne barve a je nadefinovan v CSS
funkci pak volam takto:
<div id="barva" onclick="ZmenBarvu()" >
Zmen barvu
</div>
barva je opet nazev ramecku v CSS
Jenze mi to nefunguje. Nemuzu pry takto barvy srovnavat protoze mi pak prohlizec nevraci barvu ve formatu #aabbcc ale jaksi takto rgb(0,255,0)
Celkem chapu co ten format znamena ale nevim jak jej porovnavat.
Prosim nenapada vas jak to vyresit nebo to budu muset udelat uplne jinak? Dekuji predem. A prosim zkousim tento jazyk teprve tyden tak nejak jednoduse pokud to jde
Fórum › JavaScript, AJAX, jQuery
Javascript + css zmena barvy v ramecku Problem
Bud si najdi prehled barev (google "html colors"), pouzij nejaky graficky editor, nebo to tam proste napis anglicky slovne "yellow", "green"
Ide o to, ze pomocou javascriptu menis css vlastnosti. t.j. ak pouzijes style.backgroundColor = '#fff', alebo ='#ffffff', alebo ='white' alebo = 'rgb(255,255,255)', stale sa udeje to iste, (nastavi sa biela farba). Ale ak sa pokusas css vlastnost potom precitat, dostanes stale standardny vystup, rgb()...
Cize, mozes to riesit tak ze budes porovnavat retazec typu 'rgb(,,)' alebo si do nejakej vlastnej premennej ukladaj farbu aku tam mas a porovnavaj to iba s tou premennou.
var e = document.getElementById('test');
var farba = '#FFCC80';
if (farba == '#FFCC80') e.style.backgroundColor=farba='#00FF00';
else e.style.backgroundColor=farba='#FFCC80';
Zjistit počet nových příspěvků
Přidej příspěvek
Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
Uživatelé prohlížející si toto vlákno
Uživatelé on-line: 0 registrovaných, 1 host
Podobná vlákna
Změna barvy — založil Lenka
Změna barvy pozadí — založil winmen
Změna barvy LinkButtonu — založil froo+
Změna barvy scrollbaru u konzole — založil TiC
Změna barvy textu v tabulce — založil Dalkoplaz
Moderátoři diskuze