[ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
onclick posun textu a fade out

Registrovaný: 07.08.06
Prihlásený: 18.11.21
Príspevky: 947
Témy: 268 | 268
Bydlisko: Levice
NapísalOffline : 19.02.2015 14:39 | onclick posun textu a fade out

Snazim sa vytvorit script, ktory by fungoval nasledovne:

Po kliknuti na nejake miesto by sa na pozicii kliknutia objavil nejaky text a posuval by sa smerom hore a nasledne by postupne zmizol. Toto som nejak dal dokopy, aj to ako tak funguje, lenze neviem dosiahnut to, aby sa dalo klikat rychlo viackrat za sebou. kedze kazdy tento proces som nastavil na 1200ms, dalsi klik vykona spravne az ked ukonci ten proces...

Aby ste mali predstavu, dam sem link na jsfiddle, kde sa to da otestovat. Staci len kliknut do toho modreho obdlznika a pochopite o co sa snazim.

https://jsfiddle.net/zre07f58/


Offline

Užívateľ
Užívateľ
onclick posun textu a fade out

Registrovaný: 28.02.11
Prihlásený: 03.01.25
Príspevky: 197
Témy: 6 | 6
Bydlisko: Bratislava
NapísalOffline : 19.02.2015 15:18 | onclick posun textu a fade out

Tak? https://jsfiddle.net/zre07f58/4/


_________________
Neznalosť zložitých operácií necháva myseľ otvorenú pre geniálne riešenia založené na jednoduchosti.
Offline

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

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 19.02.2015 15:46 | onclick posun textu a fade out

alebo takto - elegantnejsie riesenie cez css (ja osobne som proti upravovaniu stylu cez js ak to nie je nevyhnutne, js na to nesluzi)

https://jsfiddle.net/y21wkfdk/14/


Offline

Užívateľ
Užívateľ
onclick posun textu a fade out

Registrovaný: 28.02.11
Prihlásený: 03.01.25
Príspevky: 197
Témy: 6 | 6
Bydlisko: Bratislava
NapísalOffline : 19.02.2015 16:03 | onclick posun textu a fade out

1. Ten text sa ti nezobrazuje na mieste kde klikneš myšou ale na fixnej pozícii.
2. Nefunguje mi to v Opere (28). Nefunguje znamená, že to vôbec nejde. Iba sa zobrazí červený text a to je celé (ani sa nepohne a nezmení sa ani opacity).
3. Prečo si dal ten druhý DIV do toho prvého? Čo ak bude mať parent DIV nastavený overflow:hidden?
4. Na takéto kraviny netreba vôbec jQuery (nemám ho rád ale to stým teraz nemá nič spoločné) a tiež som mu to neprepísal do čistého JS. Pričom proti tvojmu riešeniu je použitie Javascriptu spätne viac kompatibilné ako tvoje CSSká.


_________________
Neznalosť zložitých operácií necháva myseľ otvorenú pre geniálne riešenia založené na jednoduchosti.
Offline

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

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 19.02.2015 16:20 | onclick posun textu a fade out

1. to som si nevsimol v zadani, takze toto ano, treba cez js
2. nefunguje, lebo pre animation nie je -o- prefix, som to robil ako ukazku riesenia
3. nemusi to byt v tom, len ak som spravne pochopil, tak sprava sa vztahuje na kliknuty objekt, tak som sa mi to zdalo ako lepsie riesenie html kodu. ale vravim, nemusi to byt
4. takisto jednoducho sa to da v js, ked to mal zacate v jquery tak som v tom pokracoval

co som chcel mojim narychlo urobenym prikladom povedat je, ze tu animacnu cast by som robil v css (ako som uz vyssie pisal), js pre mna sluzi na funkcnu stranku


Offline

Užívateľ
Užívateľ
onclick posun textu a fade out

Registrovaný: 07.08.06
Prihlásený: 18.11.21
Príspevky: 947
Témy: 268 | 268
Bydlisko: Levice
Napísal autor témyOffline : 20.02.2015 7:56 | onclick posun textu a fade out

weroro: ano to je presne ono, dakujem za pomoc! Este to budem testovat potom ci to pojde aj crossbrowser, ale snad ano.

hatto13: to tvoje mi nejde ani vo FF v tom jsfiddle..klikam a nic sa nedeje vobec.

Kazdopadne vam dakujem, je to ok.


 [ Príspevkov: 6 ] 


onclick posun textu a fade out



Podobné témy

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

Word 2007, posun objektov pri posune textu

v Ostatné programy

2

1632

29.07.2009 15:08

regent

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

HDTV Kabel Pb out Pr out Y out

v Ostatné

9

1478

15.10.2010 17:47

armin.owen

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

Kde najdem redukciu HDTV-out na TV-out.....

v nVidia grafické karty

18

2041

12.02.2007 11:01

Predator8284

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

Fade PRechod

v JavaScript, VBScript, Ajax

1

511

10.01.2010 16:53

Ďuri

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

Zmena textu a zanechani pozice v textu

v PHP, ASP

4

862

01.08.2009 21:26

Tominator

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

P: [CS:GO] Flip Knife | Marble Fade (Float Value +99% = FN)

v Predám

0

488

30.12.2015 12:44

maRT

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

onclick

v JavaScript, VBScript, Ajax

3

601

07.10.2010 0:40

camo

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

onclick + jquery

v JavaScript, VBScript, Ajax

0

488

12.03.2010 13:31

neopagan

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

Opera onclick

v JavaScript, VBScript, Ajax

8

505

05.05.2010 17:57

camo

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

onclick unlink php

v PHP, ASP

7

1190

13.01.2010 22:58

pilná lama glama

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

jednoduchy onclick animation

v JavaScript, VBScript, Ajax

1

2600

22.09.2017 11:24

hatto13

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

onclick v innerHTML

v JavaScript, VBScript, Ajax

4

905

15.06.2009 8:30

zaciatocnik

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

onclick window open

v JavaScript, VBScript, Ajax

1

498

19.08.2010 18:52

chrono

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

posun

v HTML, XHTML, XML, CSS

3

715

24.12.2008 14:02

dedko45

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

dynamické menenie udalosti onclick

v JavaScript, VBScript, Ajax

5

924

13.06.2008 22:47

emer

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

posun casu...

v Správy pre vedenie fóra

6

3373

26.03.2006 14:10

JanoF



© 2005 - 2025 PCforum, edited by JanoF