| | |
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Autor | Správa |
---|
|
Zdravíčko všetkým, trocha fušujem do webstránok a pokúšam sa niečo nakodiť.
Na stránke je selectbox, ktorý obsahuje 3 optiony. Vedľa toho selectboxu mám umiestnený prázdny div.
Efekt, ktorý sa snažím dosiahnuť: po tom, čo otvorím selectbox a prejdem myšou po akomkoľvek optione sa mi div naplní hodnotou, ktorý daný option obsahuje. Konkrétne na kóde danom nižšie očakávam, že po prejdení myšou na Polozku 2 sa mi v div-e hneď objaví číslo 2.
Funguje mi to iba vo Firefoxe, v žiadnom inom prehliadači nie. Dôležitý kód je asi takýto:
Kód: <select> <option value="1" >Polozka 1</option> <option value="2" >Polozka 2</option> <option value="3" >Polozka 3</option> </select>
<div id="box"></div>
<script> $('option').mousemove( function(){ $('#box').text( $(this).val() ); }); </script>
Na prácu používam jQuery. Vidí sa mi to jednoduchšie. Samozrejme mám ho na stránke natiahnutý. Ďakujem všetkým za pomoc.
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 06.03.2012 10:59 | |
|
Co mi napada, mozes skusit naviazat ten mousemove event na <select> a sledovat e.target (kde e je objekt udalosti, prvy argument onoho handleru), ale nemam to otestovane. Vseobecne je element <option> jeden z najproblemovejsich, co sa tyka viazania udalosti.
|
|
Registrovaný: 22.03.07 Prihlásený: 04.07.14 Príspevky: 344 Témy: 97 |
Kód: <select onChange="ukazValue(this.value);"> <option value="1" >Polozka 1</option> <option value="2" >Polozka 2</option> <option value="3" >Polozka 3</option> </select>
<script> function ukazValue(val) { $("#box").html(val); } </script>
Toto by ti malo fungovat vo vsetkych prehliadacoch...Este ma napada, ze by si mohol pouzit udalost change() namiesto mousemove a zadefinovat (pridat napr. id, class a pod.) element kde mas ten select.. /najmä pre IE/. Ale vo vseobecnosti plati to co povedal Ďuri..
|
|
| Napísal autor témy phodinux: 07.03.2012 21:02 | |
|
Ďuri: s javascriptom som začal pred niekoľkými dňami, naštudujem si to cez výkend
newboy1: toto s change() nebude fungovať tak, ako by som chcel... ono sa to má meniť s pohybom kurzora, nie po kliknutí na danú položku z option...
Vo väčšine prehliadačoch je problém ten, že keď zídem s myšou zo select elementu do option tak už udalosť mousemove nefunguje - pretože nie som v selecte, ale v optione. Jedine kde to funguje je Fireox a Safari. Neviem či to existuje aj v HTML/JS - ale ako keby ten option dedil vlastnosti po select...
V každom prípade, vyskúšam ešte to, čo radí Ďuri... lenže o týždeň maturita, tak...
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 07.03.2012 22:14 | |
|
No udalosti sa nejakym sposobom napropaguju aj na nadradene elementy, ak nepovies inak, takze nevidim dovod, preco by sa pri prechazani mysou ponad <option>nezavolal aj handler onej udalosti na <select>e.
Inac ono, je pekne, ze pracu s jQuery povazujes za jednoduchsiu, ale potom to vidno, ze nie celkom rozumies, ako to funguje "vnutri".
|
|
| Napísal autor témy phodinux: 07.03.2012 22:17 | |
|
Ja sa učím na príkladoch - prv si niečo naprogramujem, a potom študujem ako to funguje. Napríklad tak som sa učil aj PHP - pozrel som si základy jazyka a vrhol som sa na CodeIgniter. Potom som asi dve týždne v kuse študoval, ako je ten CodeIgniter naprogramovaný, a aké PHP funkcie používa.
To isté chcem urobiť aj s JS. Prv sa naučím pracovať s jQuery, a potom si pozriem ako jQuery funguje. Zistím, že polovičku vecí som nemusel robiť cez jQuery a tak ten projektík preprogramujem a naučím sa, že to takto nemám robiť.
Tak či onak, ja radšej programujem desktopové aplikácie. Web nie je jednoducho pre mňa - nemám to estetické cítenie. Ale základ vedieť musím...
|
|
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| HTML Obrázky pre bláznov v PHP, ASP | 21 | 1286 | 07.07.2008 21:25 idiotart | | Formulare pre HTML stranku v HTML, XHTML, XML, CSS | 1 | 540 | 06.04.2012 18:41 iop | | FREE program pre HTML kod v Ostatné | 7 | 1645 | 30.11.2008 11:59 Blackshadow | | html player pre internetové rádio v HTML, XHTML, XML, CSS | 4 | 391 | 21.12.2012 19:45 dado1812 | | Reg. vyraz pre html adresu v PHP, ASP | 5 | 730 | 11.10.2009 21:06 Blackshadow | | OPTION v PHP, ASP | 2 | 497 | 05.02.2008 14:38 max-m | | Select option v HTML, XHTML, XML, CSS | 5 | 580 | 06.06.2017 10:12 hatto13 | | SELECT OPTION v HTML, XHTML, XML, CSS | 3 | 551 | 06.03.2009 14:34 Ďuri | | Option value v HTML, XHTML, XML, CSS | 7 | 545 | 28.03.2010 19:22 Ďuri | | Gamepad option ? v Externé zariadenia | 10 | 1039 | 14.01.2011 22:39 jokerit68 | | Event 41 v Operačné systémy Microsoft | 12 | 541 | 29.01.2020 17:53 aX1s | | event script v JavaScript, VBScript, Ajax | 1 | 593 | 24.11.2010 18:40 shaggy | | linky v select - option v JavaScript, VBScript, Ajax | 3 | 589 | 01.07.2009 21:38 neopagan | | select option a php v PHP, ASP | 9 | 770 | 05.03.2008 22:16 shaggy | | jQuery click event v JavaScript, VBScript, Ajax | 3 | 349 | 01.10.2013 22:18 shaggy | | orange option 3g modem ovladac??? v Ovládače | 1 | 2700 | 07.10.2008 17:29 kolci |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|