[ Príspevkov: 6 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 05.03.2012 23:02 | mousemove event pre html option

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 | 34
Bydlisko: Brno
NapísalOffline : 06.03.2012 10:59 | mousemove event pre html option

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 | 97
NapísalOffline : 06.03.2012 16:59 | mousemove event pre html option

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
Napísal autor témyOffline : 07.03.2012 21:02 | mousemove event pre html option

Ď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 | 34
Bydlisko: Brno
NapísalOffline : 07.03.2012 22:14 | mousemove event pre html option

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
Napísal autor témyOffline : 07.03.2012 22:17 | mousemove event pre html option

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


 [ Príspevkov: 6 ] 


mousemove event pre html option



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Formulare pre HTML stranku

v Frontend

1

625

06.04.2012 18:41

iop

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

HTML Obrázky pre bláznov

v Backend

21

1383

07.07.2008 21:25

idiotart

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

html player pre internetové rádio

v Frontend

4

463

21.12.2012 19:45

dado1812

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

FREE program pre HTML kod

v Ostatné

7

1741

30.11.2008 11:59

Blackshadow

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

Reg. vyraz pre html adresu

v Backend

5

800

11.10.2009 21:06

Blackshadow

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

OPTION

v Backend

2

564

05.02.2008 14:38

max-m

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

Option value

v Frontend

7

622

28.03.2010 19:22

Ďuri

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

Gamepad option ?

v Externé zariadenia

10

1120

14.01.2011 22:39

jokerit68

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

SELECT OPTION

v Frontend

3

621

06.03.2009 14:34

Ďuri

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

Select option

v Frontend

5

673

06.06.2017 10:12

hatto13

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

Event 41

v Windows

12

661

29.01.2020 17:53

aX1s

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

event script

v Frontend

1

726

24.11.2010 18:40

shaggy

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

linky v select - option

v Frontend

3

663

01.07.2009 21:38

neopagan

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

select option a php

v Backend

9

845

05.03.2008 22:16

shaggy

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

jQuery click event

v Frontend

3

448

01.10.2013 22:18

shaggy

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

orange option 3g modem ovladac???

v Ovládače

1

2795

07.10.2008 17:29

kolci



© 2005 - 2026 PCforum, edited by JanoF