Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Problema script scroll back to top

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Problema script scroll back to top

Mesaj Scris de tinkkker Mar Mar 22, 2011 3:43 pm

Am gasit pe un site acest cod scroll back to top.Am inteles ca se poate baga in descriere site sau footer.Eu am vers. invision la forum deci nu pot baga in footer asa ca am bagat in descriere site,dar surpriza acolo nu merge...apare doar o parte din el.
Acesta este codul:
Cod:
    /***********************************************
    * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Project Page at http://www.dynamicdrive.com for full source code
    ***********************************************/



    var scrolltotop={
      //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
      //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
      setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
      controlHTML: '<img src="LINK IMAGINE SAGEATA" style="width:48px; height:48px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
      controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
      anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

      state: {isvisible:false, shouldvisible:false},

      scrollup:function(){
          if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
          var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
          if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
          else
            dest=0
          this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
      },

      keepfixed:function(){
          var $window=jQuery(window)
          var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
          var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
          this.$control.css({left:controlx+'px', top:controly+'px'})
      },

      togglecontrol:function(){
          var scrolltop=jQuery(window).scrollTop()
          if (!this.cssfixedsupport)
            this.keepfixed()
          this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
          if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
          }
          else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
          }
      },
   
      init:function(){
          jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
          })
      }
    }

    scrolltotop.init()

Vreau sa stiu daca nu e bun scriptul sau ..e de la mine ..nu stiu de la forum poate Supărat
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de nick Mar Mar 22, 2011 3:54 pm

Codul este aici
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
Ce ai trecut tu in codul de mai sus este doar codul js .
nick

nick
Membru onorific
Membru onorific

Mesaje : 1934
Varsta : 44
Data înscrierii : 01/08/2008
Mulțumiri : 0
Internet Explorer phpBB2

http://forumulandrei.com/
nick a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de tinkkker Mar Mar 22, 2011 5:09 pm

Bun.Am pus codul asta dar tot nu apare nimic pe forum.
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de Csm Mar Mar 22, 2011 7:57 pm

..off.
Deschizi notepad-ul, copy-paste la cod in fisierul respectiv, click pe File > Save as..., iar acolo setezi Encoding: UTF-8 iar la sfarsitul numelui (File name) pui extensia .js si dai Save.
Te duci pe un host moca (gen webs, bravenet), faci cont, apoi uploadezi fisierul repsectiv, si adaugi prin descrierea forumului sau unde doresti (widget, etc)
Cod:
<script language="javascript" src="fisierul.js"></script>
(fisierul.js fiind link-ul catre respectivul fisier uploadat.)
Csm

Csm
Membru Forumgratuit

Mesaje : 366
Varsta : 102
Data înscrierii : 01/05/2010
Mulțumiri : 0
Internet Explorer punBB

Csm a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de tinkkker Mier Mar 23, 2011 4:52 pm

am intrat ma pe bravenet dar nu am gasit nimic unde sa uploadez
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de tinkkker Sam Mar 26, 2011 7:33 am

Imi raspunde cineva?
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de Vizitato Sam Mar 26, 2011 9:56 am

De pe bravenet, cand intri, ai sus in meniu websites > alegi un site din lista (sau iti faci unul daca nu ai) > file manager > Upload File
Anonymous

Vizitato
Vizitator


Vizitato a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de tinkkker Sam Mar 26, 2011 5:33 pm

Am pus codul de aici http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm intr-un notepad am salvat cum trebuia l-am urcat pe site,am copiat adresa am pus-o aici
Cod:
<script language="javascript" src="http://tinkkker.bravehost.com/scrolltopcontrol.js"></script>
,am creat un widget am salvat ,dar tot nu merge Supărat
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de Vizitato Sam Mar 26, 2011 6:05 pm

off... Problema script scroll back to top Icon_rolleyes
Pune codul acela care il aveai tu (ala din primul mesaj)

Si nu uita sa inlocuiesti din acel cod LINK IMAGINE SAGEATA cu link-ul sagetii.
Anonymous

Vizitato
Vizitator


Vizitato a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de tinkkker Sam Mar 26, 2011 7:52 pm

Anonimu' a scris:off... Problema script scroll back to top Icon_rolleyes
Pune codul acela care il aveai tu (ala din primul mesaj)

Si nu uita sa inlocuiesti din acel cod LINK IMAGINE SAGEATA cu link-ul sagetii.

pe asta nu il mai pun?
Cod:
<script language="javascript" src="http://tinkkker.bravehost.com/scrolltopcontrol.js"></script>
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de tinkkker Lun Mar 28, 2011 9:55 pm

Ma lasati balta?
avatar

tinkkker
Membru Forumgratuit

Mesaje : 74
Data înscrierii : 30/08/2010
Mulțumiri : 0
Internet Explorer Invision

http://www.fifa-legends.wikiforum.ro
tinkkker a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script scroll back to top

Mesaj Scris de Vizitato Lun Mar 28, 2011 10:15 pm

Ma mir cateodata de incapabilitatea voastra de judecata, de gandit.
Codul asta (asta, de aici, jos)
Cod:
    /***********************************************
    * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Project Page at http://www.dynamicdrive.com for full source code
    ***********************************************/



    var scrolltotop={
      //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
      //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
      setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
      controlHTML: '<img src="LINK IMAGINE SAGEATA" style="width:48px; height:48px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
      controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
      anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

      state: {isvisible:false, shouldvisible:false},

      scrollup:function(){
          if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
          var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
          if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
          else
            dest=0
          this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
      },

      keepfixed:function(){
          var $window=jQuery(window)
          var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
          var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
          this.$control.css({left:controlx+'px', top:controly+'px'})
      },

      togglecontrol:function(){
          var scrolltop=jQuery(window).scrollTop()
          if (!this.cssfixedsupport)
            this.keepfixed()
          this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
          if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
          }
          else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
          }
      },
   
      init:function(){
          jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
          })
      }
    }

    scrolltotop.init()
Il urci pe host, cum ti-am zis aici, insa sa nu uiti sa modific din acel cod (ala din casuta alba de mai sus) cuvantul LINK IMAGINE SAGEATA cu link-ul catre imaginea sagetii care vrei sa apara in colt, iar apoi adaugi codul
Cod:
<script language="javascript" src="LINK FISIER JS"></script>
(de unde inlocuiesti cuvantul LINK FISIER JS cu link-ul catre fisierul js uplodatat) in descrierea forumului (PA > General > Forum > Configurare > Descrierea site-ului)

Trebuie sa-ti mai si desenez acuma?

P.S.: Sfat, cand doresti sa ti se rezolve o problema, nu mai pune intrebari tampite, si fa ce ti se zice.
Anonymous

Vizitato
Vizitator


Vizitato a fost mulțumit de autorul acestui subiect.

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum