Javascript + css zmena barvy v ramecku Problem – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Javascript + css zmena barvy v ramecku Problem – JavaScript, AJAX, jQuery – Fórum – Programujte.comJavascript + css zmena barvy v ramecku Problem – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

crook
~ Anonymní uživatel
6 příspěvků
30. 4. 2007   #1
-
0
-

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

Nahlásit jako SPAM
IP: ...–
2. 5. 2007   #2
-
0
-

Bud si najdi prehled barev (google "html colors"), pouzij nejaky graficky editor, nebo to tam proste napis anglicky slovne "yellow", "green"

Nahlásit jako SPAM
IP: ...–
Prosím, jestli potřebujete s něčím poradit,zeptejte se na fóru. Jakýkoliv bezdůvodný pokus mě kontaktovat skončí okamžitým přidáním do ignore listu![br][br] Současný počet osob, které to nepochopily: 7
Prog.0
Věrný člen
7. 5. 2007   #3
-
0
-

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';

Nahlásit jako SPAM
IP: ...–
Prog.
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žit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

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+

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý