Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 6 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok NapísalOffline : 05.03.2012 23:02

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. :)


Offline

Čestný člen
Čestný člen
mousemove event pre html option

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 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.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 22.03.07
Prihlásený: 04.07.14
Príspevky: 344
Témy: 97
Príspevok NapísalOffline : 06.03.2012 16:59

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..


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok Napísal autor témyOffline : 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... :D


Offline

Čestný člen
Čestný člen
mousemove event pre html option

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 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".


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok Napísal autor témyOffline : 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...


Odpovedať na tému [ Príspevkov: 6 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. HTML Obrázky pre bláznov

v PHP, ASP

21

1286

07.07.2008 21:25

idiotart Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Formulare pre HTML stranku

v HTML, XHTML, XML, CSS

1

540

06.04.2012 18:41

iop Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. FREE program pre HTML kod

v Ostatné

7

1645

30.11.2008 11:59

Blackshadow Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. html player pre internetové rádio

v HTML, XHTML, XML, CSS

4

391

21.12.2012 19:45

dado1812 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Reg. vyraz pre html adresu

v PHP, ASP

5

730

11.10.2009 21:06

Blackshadow Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. OPTION

v PHP, ASP

2

497

05.02.2008 14:38

max-m Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Select option

v HTML, XHTML, XML, CSS

5

580

06.06.2017 10:12

hatto13 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. SELECT OPTION

v HTML, XHTML, XML, CSS

3

551

06.03.2009 14:34

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Option value

v HTML, XHTML, XML, CSS

7

545

28.03.2010 19:22

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Gamepad option ?

v Externé zariadenia

10

1039

14.01.2011 22:39

jokerit68 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Event 41

v Operačné systémy Microsoft

12

541

29.01.2020 17:53

aX1s Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. event script

v JavaScript, VBScript, Ajax

1

593

24.11.2010 18:40

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. linky v select - option

v JavaScript, VBScript, Ajax

3

589

01.07.2009 21:38

neopagan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. select option a php

v PHP, ASP

9

770

05.03.2008 22:16

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. jQuery click event

v JavaScript, VBScript, Ajax

3

349

01.10.2013 22:18

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. orange option 3g modem ovladac???

v Ovládače

1

2700

07.10.2008 17:29

kolci Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra