Změna divu po kliknutí na input

onClick="document.color.style.border = '2px solid black';Focus, je pokud do ramecku input type=text nebo textarea vejdu kurzorem tzn. kliknu a mohu psat to je focus.Pripadne muzes vyuzit onchange

Už mám tento problém vyřešen, ale nevím jaké události použít.Když uživatel radio vybere - mám událost onFocus, ale nevím jakou použít, aby se opět změnil (zmizel) rámeček, když vybere jiné radio.Když použiju onBlur, tak se rámeček změní když kliknu kamkoli jinam, díky za radu

Napsal Blouďa;1073345

Už mám tento problém vyřešen, ale nevím jaké události použít.

Když uživatel radio vybere - mám událost onFocus, ale nevím jakou použít, aby se opět změnil (zmizel) rámeček, když vybere jiné radio.

Když použiju onBlur, tak se rámeček změní když kliknu kamkoli jinam, díky za radu

<input type="radio" name='myRadio' value='1' /><input type="radio" name='myRadio' value='2' /><input type="radio" name='myRadio' value='3' />JSdocument.myRadio.onChange = function(){ if(this.value == 1){ //todo co chces zmenit vymazat upravit }//atd}Nevím co považuješ ty za událost ale dle správného uvažování jsou událostmi právě ty akce které vyvolá uživatel svou interakci. Asi budeš potřebovat nastudovat co jsou to události. A nejlépe tématiku aplikace řízená událostmi. Každopádně v tvém případě budou události vše: onNěco např. onClick, onFocus, onChange ....Ty máš asi na mysli akci tak tu můžeš provést např. takhle:<input type="radio" name='myRadio' value='1' /><input type="radio" name='myRadio' value='2' /><input type="radio" name='myRadio' value='3' /><div id="inputLoader"></div>JSvar loader = document.getElementById('inputLoader');document.myRadio.onChange = function(){ loader.innerHtml = '';//odstraneni vsech prvku if(this.value == 1){ //pridani konkretniho prvku loader.innerHtml = '<input type="text" />'; }}Případně v případě, že to máš vygenerované v HTML využít stylování displayNebo ukládání prvků do promnných a jejich mazání pomocí removeChild, ale to už by bylo na začátečníka moc. každopádně, GOOGLE zde existuje také a není těžké tyto základní věci dohledat. Takže bod + za marnění času vysvětlováním ti základních věci potěší.

Díky, ale asi jsem úpně blbej.Mám input:A JS:document.rValue.onChange = function(){ if(this.value != ''){ // hodnota je pokaždé jiná, proto jsem použil, když není prázdná - tedy musí být vybraná, tak... this.style.border = '2 px solid black' }}Pořád mi to nefunguje, díky

Napsal Blouďa;1073353

Díky, ale asi jsem úpně blbej.

Mám input:

A JS:

document.rValue.onChange = function(){

if(this.value != ''){ // hodnota je pokaždé jiná, proto jsem použil, když není prázdná - tedy musí být vybraná, tak...

this.style.border = '2 px solid black'

}

}

Pořád mi to nefunguje, díky

Mimo jiné jsi si jistý tím že ta hodnota je pokaždé prázdná ? Např. zdali ti tam neleze něco co nechceš např. takový undefined index.... error. do funkce onchagne si dej alert(this.value); at vidíš co ti tam padá

Napsal Blouďa;1073353

Díky, ale asi jsem úpně blbej.

Mám input:

A JS:

document.rValue.onChange = function(){

if(this.value != ''){ // hodnota je pokaždé jiná, proto jsem použil, když není prázdná - tedy musí být vybraná, tak...

this.style.border = '2 px solid black'

}

}

Pořád mi to nefunguje, díky

...možná to je jen překlep tady, ale píše se 2px ne 2 px. Tím this.style.border v tom kódu aplikuješ border ne na ten div, ale na to rádio. Přečti si něco o this třeba na Jak psát web. U rádií se používá hlavně onChange ( v jQuery je to jen change: $("input").change(function(){ cokoliv dalšího. třeba alert("Baf");} ); ) nebo (spíš na jednotlivé rádia) onClick. S focusem to není dobře. Ten focus nastane (používá se) u inputů typu text a textarea, když do nich klikneš, blur, když klikneš z nich někam ven.. Co to má vlastně dělat? Když není vybrané rádio (počáteční stav po načtení stránky, přepokládám), tak není žádný border okolo divu nebo je ve stejné barvě pozadí a pak, při určitém vybrání jedno konkrétného rádia se změní barva borderu a když se pak klikne na jiné rádio, tak rámeček má mít jinou barvu, nebo zase zmizet (případně být stejně barebný jako pozadí) ?Kolik je těch rádií? Musí to bý jen JS, nemůžeš použít Jquery?Zkus třeba tohle:<div id="colorD" name="color" style="width: 75px; height: 75px; float: left; background-color: #F4F4F4; border: 2px solid #F4F4F4;"> </div><input type="radio" name="rValue" value="první" onchange="document.getElementById('colorD').style.border = '2px solid red' "><input type="radio" name="rValue" value="druhá" onchange="document.getElementById('colorD').style.border = '2px solid green' "><input type="radio" name="rValue" value="třetí" onchange="document.getElementById('colorD').style.border = '2px solid gray' "><input type="radio" name="rValue" value="základní" onchange="document.getElementById('colorD').style.border = '2px solid #F4F4F4' "> PS: u rádií se používá vždy u skupiny stejné name, ale id musí být u každého prvku na stránce jedinečné (i když jsou výjimky a funguje to).