Obsah fóra
PravidláRegistrovaťPrihlásenie




Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. [ Príspevkov: 14 ] 
AutorSpráva
Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok NapísalOffline : 04.03.2014 16:19

Ahojte,

neviem ci som zaradil vhodne otazku, inak sorry.

Aky pouzit kod na web, ked sa scroluje dole mysou aby sa

1. zobrazila na boku sipka a po klinuti na nu sa web automaticky scroloval hore?

Nechem aby tu sipku bolo stale viediet ale len ked sa scroluje dole az potom sa zjaví.

Dakujem.

M.


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
Príspevok NapísalOffline : 04.03.2014 16:30

aby sa zobrazila/skryla
Kód:
$(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $(".arrow").fadeIn(); // zobrazis sipku
 }
 else {
  $(".arrow").fadeOut(); // skryjes sipku
 }
});


po kliknuti
Kód:
$(".arrow").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};


Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline : 04.03.2014 17:58

Neviem co mam zle ale nejde to.

Vkladam priamo toto:

Kód:
   <?php
$(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $("../images/images.jpg").fadeIn(); // zobrazis sipku
 }
 else {
  $("../images/images.jpg").fadeOut(); // skryjes sipku
 }
});


$("../images/images.jpg").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};
?>


Vkladam tento kod do index.php - do body.

Dakujem.


Offline

Správca fóra
Správca fóra
Scroll up

Registrovaný: 08.08.09
Príspevky: 12449
Témy: 39
Príspevok NapísalOffline : 04.03.2014 18:07

Je vidieť, že vôbec nemáš šajnu, čo robíš a len kopíruješ hore-dole.
Prečo ten kód vkladáš do <?php ... ?>, keď je to jQuery/javascript?
Táto časť [c]$("../images/images.jpg")[/c] nie je správna.
Používa sa odkazovanie na objekty prostredníctvom triedy, alebo identifikátora (viď. triedy a identifikátory v CSS). Takže napríklad tomu obrázku šípky nastavíš identifikátor "sipkaHore", tak [c]$("#sipkaHore").[/c] alebo budeš mať viac obrázkov (jeden identifikátor môžeš použiť len na jeden element) s nejakouTriedou, potom [c]$(".nejakaTrieda").[/c] odkazuje na všetky elementy s touto triedou.
Okrem toho, ak ešte nemáš, pre správnu funkciu potrebuješ aj naimportovanú knižnicu jQuery







_________________
always is always wrong
Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline : 04.03.2014 19:17

jQuery tam mam. Upravil som to takto:

Kód:
<script type="text/javascript">

$("#sipkaHore")(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $("#sipkaHore").fadeIn(); // zobrazis sipku
 }
 else {
  $("#sipkaHore").fadeOut(); // skryjes sipku
 }
});

   
$("#sipkaHore").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};
</script>



css:

Kód:
#sipkaHore {
   background:url(../images/images.jpg) no-repeat right;
   }   


Co mam zle?

Dakujem.


Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline : 04.03.2014 20:20

skusam to aj takto:
Kód:
<div id="sipkaHore" style="display:block; "> <a href="#">
                            <span> <script type="text/javascript">
$("#sipkaHore")(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $("#sipkaHore").fadeIn(); // zobrazis sipku
 }
 else {
  $("#sipkaHore").fadeOut(); // skryjes sipku
 }
});   
$("#sipkaHore").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};
</script>                              </span>      </a>           </div>


a css:
Kód:
#sipkaHore {
   position: fixed;
   bottom: 90px;
   right: 20px;
   z-index: 99;
   }
 
#sipkaHore span {
  width: 51px;
  height: 51px
  display: block;
  margin-bottom: 7px
  background:url(../images/images.png) no-repeat center center;
  opacity: 1;
  -webkit-transition: 0.2s ;
  -moz-transition: 0.2s ;
  transition: 0.2s ;
}

#sipkaHore a {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  font-family: arial;
  text-transform: none;
  color: #858585;
}


css si potom doladim, len potrebujem rozbehat funkciu.

Pomoze niekto?

D.


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
Príspevok NapísalOffline : 04.03.2014 21:26

A bez toho javascriptu ti tu sipku zobrazuje ci nie? lebo ak nie, tak je problem prave v css.
nevravim ze v js nie, pisal som to z hlavy bez testovania, ale najprv si skontroluj ci je tam


Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline : 04.03.2014 21:52

Bez JS neukazuje ani sipku.

Ako upravit css aby sa zobrazovala sipka?

D.


Offline

Správca fóra
Správca fóra
Scroll up

Registrovaný: 08.08.09
Príspevky: 12449
Témy: 39
Príspevok NapísalOffline : 04.03.2014 21:56

Bez živej ukážky to nemá význam ďalej riešiť.







_________________
always is always wrong
Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline : 05.03.2014 9:15

Mam to na localhoste.

AKo to vyriesit aby sa sipka zobrazovala?

D.


Offline

Skúsený užívateľ
Skúsený užívateľ
Scroll up

Registrovaný: 24.01.08
Prihlásený: 13.09.17
Príspevky: 14572
Témy: 66
Bydlisko: Žilina
Príspevok NapísalOffline : 05.03.2014 9:24

Ktorú časť si nepochopil? Umiestni to na internet a daj sem odkaz. Z toho čo si zatiaľ ukázal je očividné akurát to, že nemáš šajnu, čo vlastne robíš. To sa potom ťažko pomáha, hlavne keď nevidíme, ako to patláš dohromady...
Inak by ma zaujímalo, kto ťa učil toto <div><a><span><script></script></span></a></div>

Nikde nepíšeš, aké a či ti vypisuje nejaké chyby konzola atď... No a tiež, kedy sa z tohto "$(window).scroll(function() {" stalo toto "$("#sipkaHore")(window).scroll(function() {"







_________________
C#, PHP, ...
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
Príspevok NapísalOffline : 05.03.2014 9:48

ale hlavne najprv si to osetri zo strany css,html - nech ti to zobrazuje na ten stranke. js doplnis potom a hlavne si pozistuj ako sa jquery pouziva.
1. jednak ze by to malo byt v <head> stranky alebo najlepsie uplne na konci v paticke, a nie v tele
2. do osobitneho suboru
3. chyba ti tam $(document).ready(function(){ ... });


Offline

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

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline : 05.03.2014 16:11

Na net nie je čo vložiť.

Do kódu vkladám len to čo mi tu napíšete.

Je možné sem vložiť funkčný príklad php a aj css?

Ďakujem.

M.


Offline

Čestný člen
Čestný člen
Scroll up

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 05.03.2014 18:05

Ak ti to mame lepit cele sami, tak si zaloz temu v Ponuke prace. Nie si schopny najelementarnejsej spoluprace. Pritom staci otvorit oci, vsetko bolo povedane.


Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. [ Príspevkov: 14 ] 


Podobné témy

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

v Ostatné programy

5

459

09.08.2012 19:57

Ormi Zobrazenie posledných príspevkov

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

v Ostatné

7

544

06.12.2008 14:33

Flety Zobrazenie posledných príspevkov

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

v Externé zariadenia

1

1222

04.08.2007 22:37

Jaro Zobrazenie posledných príspevkov

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

v PHP, ASP

6

485

01.03.2016 22:31

stenley Zobrazenie posledných príspevkov

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

v Notebooky a netbooky

3

2335

04.04.2010 22:38

davider137 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. jQuery .scroll() problém

v JavaScript, VBScript, Ajax

2

544

05.12.2010 20:03

Ando Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

488

03.07.2010 11:40

camo Zobrazenie posledných príspevkov

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

v Operačné systémy Unix a Linux

7

871

07.12.2008 16:18

dadmtb Zobrazenie posledných príspevkov

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

v Externé zariadenia

3

557

22.08.2011 14:16

michalesku Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

18

1285

17.09.2010 11:47

coldak Zobrazenie posledných príspevkov

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

v Delphi, Visual Basic

0

741

21.01.2009 17:48

Fico Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

0

283

08.06.2013 14:28

general667 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problém so scroll barom na touchpade

v Ovládače

4

1257

27.09.2016 16:01

Petersson Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako nastavit scroll bar v meme hore

v Delphi, Visual Basic

0

1035

29.01.2008 19:15

Proksik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problem s diakritikou. a tiez ako zrusit scroll na stranke.

v HTML, XHTML, XML, CSS

7

1449

05.08.2007 22:52

kajbo 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