Diskuze: Disable input v javascriptu
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
google = js select disable
google = js input disable
www prohlizec Firefox - Nastroje - Nastroje pro vyvojare - Konzola (pokud nemas,
zapni si hlavni nabidku pres prave tlacitko na zahlavi okna, konzola pak
zobrazuje js chyby; obcas se to samo prepina na debuger, tak je treba to
prepnout zpet)
Co tady na nas zkousis? Tohle nemas z googlu, protoze takove nazvy
neexistuji. Podle mne ses jen liny.
oninput
getElementByID
Tohle funguje? Je to disabled? Tak zkus pridat podminky.
<input type="text" id="myInput">
<select id="selecttest">
<option></option>
<option>test1</option>
</select>
<script>
var inp, sel;
inp = document.getElementById("myInput");
sel = document.getElementById("selecttest");
inp.disabled = true;
sel.disabled = true;
</script>Udalosti (event), ktere se daji pouzit
google = mdn javascript select event
https://developer.mozilla.org/…select_event
Vlevo v menu "on"+"nazev" = onblur
(hloupe je, ze tohle je zrovna stranka tykajici se obecne elementu. Select
google pochopiil jako udalost onselect, oznac mysi neco na strance)
afterscriptexecute
auxclick
blur
click
compositionend
compositionstart
compositionupdate
contextmenu
copy
cut
dblclick
DOMMouseScroll
error
focus
focusin
focusout
gesturechange
gestureend
gesturestart
keydown
mousedown
mouseenter
mousemove
mouseout
mouseover
mouseup
mousewheel
MozMousePixelScroll
msContentZoom
MSGestureChange
MSGestureEnd
MSGestureHold
MSGestureStart
MSGestureTap
MSInertiaStart
MSManipulationStateChanged
overflow
paste
select
show
touchcancel
touchstart
underflow
webkitmouseforcechanged
webkitmouseforcedown
webkitmouseforceup
webkitmouseforcewillbegin
wheelgoogle = mdn javascript form select options
https://developer.mozilla.org/…electElement
/* assuming we have the following HTML
<select id='s'>
<option>First</option>
<option selected>Second</option>
<option>Third</option>
</select>
*/
var select = document.getElementById('s');
// return the index of the selected option
console.log(select.selectedIndex); // 1
// return the value of the selected option
console.log(select.options[select.selectedIndex].value) // Secondgoogle = mdn javascript form multiselect options
https://developer.mozilla.org/…ectedOptions
<label for="foods">What do you want to eat?</label><br>
<select id="foods" name="foods" size="7" multiple>
<option value="1">Burrito</option>
<option value="2">Cheeseburger</option>
<option value="3">Double Bacon Burger Supreme</option>
<option value="4">Pepperoni Pizza</option>
<option value="5">Taco</option>
</select>
<br>
<button name="order" id="order">
Order Now
</button>
<p id="output">
</p>
<script>
orderButton.addEventListener("click", function() {
let collection = itemList.selectedOptions;
let output = "";
for (let i=0; i<collection.length; i++) {
if (output === "") {
output = "Your order for the following items has been placed: ";
}
output += collection[i].label;
if (i === (collection.length - 2) && (collection.length < 3)) {
output += " and ";
} else if (i < (collection.length - 2)) {
output += ", ";
} else if (i === (collection.length - 2)) {
output += ", and ";
}
}
if (output === "") {
output = "You didn't order anything!";
}
outputBox.innerHTML = output;
}, false);
</script>Tebe zajimaji mozna udalosti:
onclick, onchange (to je pro select), onmousedown, onmouseup, onkeydown,
onkeyup, onpaste (vlozis text se schranky), onfocus (kdyz je element aktivujes,
presunes na nej kurzor)
google = javascript disable form select options by input
(vynechat jquery, w3school muze obsahovat chyby, bootstrap pouziva jquery tez
vynechat; a nebo to napis pres jquery 
)
https://stackoverflow.com/…lect-element
Tady resi problem, ze potrebuje zakazat input, pokud se select oprion value
rovna necemu. Mozna bys mohl vychazet z toho. Chces neco podobne. Pak musis mit
druhou funkcni, ktera to zakazuje na zaklade inputu, ze se necemu rovna ci
nerovna.
<p>Contact Us Form </P>
<select id="menu" onChange="checkOption(this)">
<option value="A">Select An Option</option>
<option value="B">Option 1</option>
<option value="A">Option 2</option>
</select>
<br>
<p> First Name </p>
<input type="text" name="input" disabled>
<p> Second Name </p>
<input type="text" name="input" disabled>
<p>Enquiry</p>
<textarea rows="4" cols"50" id="textarea" name="input" disabled>
Lorem ipsum dolor sit amet, an modo mucius eum,
sanctus concludaturque qui no. Stet esse intellegat no eam,
nonumes eligendi disputationi ad usu.
</textarea>
<br>
<input type="submit" value="Submit" name="input" disabled>
<script>
function checkOption(obj) {
var input = document.getElementsByName("input");
for(var i=0; i < input.length; i++) {
input[i].disabled = !(obj.value == "B")
}
}
</script>S tim google = mdn, to jsem zkousel, jestli nenajdu rozumny priklad v
dokumentaci mozily. Evidentne ne. Takze googluj bez toho.
Spousta lidi pouziva to js jquery, protoze cisty js neni uplne privetivy,
srozumitelny a crossbrowser. Takze bude mozna dost problem najit to, co chces,
ciste jen v js. Pokud na nem trvas. A samozrejme bych ti to dokazal napsat na
pockani, ale to neni ma prace, za kterou mne plati
Ted mne napada, sice pozde, ale prece Tahle stranka je pouzitelna na nejake male pokusy.
https://www.jakpsatweb.cz/…y/index.html#…
Zobrazeno 7 zpráv z 7.