Autor Zpráva
Suta
Profil
Vytvářím script pro následující situaci.

1. Mám div určité šířky.
2. Tento div chci dynamicky zvětšovat a zmenšovat.
3. Při najetí na levou či pravou "hranu" divu (cca 8px) chci zobrazit kurzor e-resize, při najetí na horní či spodní kurzor n-resize.
4. V tomto stavu při onmousdown spustím funkci která zvětšuje či zmenšuje objekt v závislosti na pohybu myši.
5. Při onmouseup ukončím resize.

---------------------------------------------

Vše mi funguje správně, potřebuji pouze pomoc s tím,
jak nejlépe provést zobrazení kurzoru (x)-resize, pokud se myš nachází nad objektem a to přesně v místech jeho hran
(tj. vpravo, vlevo, nahoře a dole) - myslím tím to samé, jako když najedete na hranu jakéhokoliv okna ve windows a můžete jím posouvat.

Zatím to mám tak, že při onmousemove nad daným objektem počítám pozici myši v daném objektu a při pozici na daných místech zobrazuji patřičný kurzor pro resize a zároveň pokud je v tomto stavu spuštěn onmousedown, spustím resize tohoto objektu.

Je to tak správně?

Měl jsem již sestrojen také jiný fungující způsob, kdy jsem do všech objektů, které měly nastaveno že s nimi může být prováděn resize absolutně pozicoval čtyři divy zhruba o šířce 8px (doleva, doprava, nahoru a dolů). A na ně pak aplikoval kurzor... To ale asi nebylo to nejlepší.

Díky za rady!
peta
Profil
8 divu
[+][------------][+]
.|.........................|
.|.........................|
.|.........................|
[+][------------][+]
Kurzor pak nastavis treba pres CSS.

2 divy
-----------------------
-----------------------
|.|.........................|.|
|.|.........................|.|
-----------------------
-----------------------
Kdyz se dostanes z divu uvnitr, do vnejsiho, zkontrolujes si souradnice mysi v divu

1 div
Kontrolujes si neustale souradnice divu.
http://peter-mlich.wz.cz/web/js/prx/index.htm
kurzor - pismenkovy had (3k) (letter snake)
peta
Profil
a propo, google
div resize mouse javascript
http://www.activewidgets.com/javascript.forum.5038.5/resize-grid-on-browser-resize.html
treba zmena sirky sloupcu

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: