Visualizzazione risultati 1 fino 7 di 7

Discussione: javascript da problemi alla barra di scorrimento

  1. #1
    Guest

    Predefinito javascript da problemi alla barra di scorrimento

    Il javascript è questo:
    Codice:
    <script>
    var colors=new Array("#FFAF5A","#FF8400","#FF8400","#CC6900","#DF590B","#DFA473","#DF7773","#C19100","#DFBCA9","#995627","#FFB9A9","#FF7353")
    var pausebetweencolors=2
    var gradient_effect="horizontal"
    var speed=20
    var i_loopmax=1000
    var pausesteps=40
    var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')
    var redcol_1
    var redcol_2 
    var redcol_1_b
    var redcol_2_b 
    var greencol_1 
    var greencol_2 
    var greencol_1_b 
    var greencol_2_b
    var bluecol_1 
    var bluecol_2 
    var bluecol_1_b 
    var bluecol_2_b
     
    var rgbredfrom
    var rgbgreenfrom
    var rgbbluefrom
    var rgbredto
    var rgbgreento
    var rgbblueto
    var rgbrednow
    var rgbgreennow
    var rgbbluenow
    
    var rgbredfrom_b
    var rgbgreenfrom_b
    var rgbbluefrom_b
    var rgbredto_b
    var rgbgreento_b
    var rgbblueto_b
    var rgbrednow_b
    var rgbgreennow_b
    var rgbbluenow_b
    
    var colorhexafrom
    var colorhexato
    
    var i_step=1
    var i_loop=0
    var i_colorsA=0
    var i_colorsB=1
    var i_colorsC=1
    var i_colorsD=2
    
    pausebetweencolors*=1000
    
    var browserinfos=navigator.userAgent 
    var ie4=document.all&&!document.getElementById
    var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
    var ns4=document.layers
    var ns6=document.getElementById&&!document.all
    var opera=browserinfos.match(/Opera/)  
    var browserok=ie4||ie5||ns4||ns6||opera
    
    function translateintorgb() {
    
        var hexa=colors[i_colorsA]
        var hexared=hexa.substring(1,3)
        var hexagreen=hexa.substring(3,5)
        var hexablue=hexa.substring(5,7)
        rgbredfrom=parseInt("0x"+hexared)
        rgbgreenfrom=parseInt("0x"+hexagreen)
        rgbbluefrom=parseInt("0x"+hexablue)
        rgbrednow=rgbredfrom
        rgbgreennow=rgbgreenfrom
        rgbbluenow=rgbbluefrom
        
        var hexa=colors[i_colorsB]
        var hexared=hexa.substring(1,3)
        var hexagreen=hexa.substring(3,5)
        var hexablue=hexa.substring(5,7)
        rgbredto=parseInt("0x"+hexared)
        rgbgreento=parseInt("0x"+hexagreen)
        rgbblueto=parseInt("0x"+hexablue)
        
        var hexa=colors[i_colorsC]
        var hexared=hexa.substring(1,3)
        var hexagreen=hexa.substring(3,5)
        var hexablue=hexa.substring(5,7)
        rgbredfrom_b=parseInt("0x"+hexared)
        rgbgreenfrom_b=parseInt("0x"+hexagreen)
        rgbbluefrom_b=parseInt("0x"+hexablue)
        rgbrednow_b=rgbredfrom_b
        rgbgreennow_b=rgbgreenfrom_b
        rgbbluenow_b=rgbbluefrom_b
        
        var hexa=colors[i_colorsD]
        var hexared=hexa.substring(1,3)
        var hexagreen=hexa.substring(3,5)
        var hexablue=hexa.substring(5,7)
        rgbredto_b=parseInt("0x"+hexared)
        rgbgreento_b=parseInt("0x"+hexagreen)
        rgbblueto_b=parseInt("0x"+hexablue)
        i_colorsA++
        i_colorsB++
        i_colorsC++
        i_colorsD++
        if (i_colorsA>=colors.length) {i_colorsA=0}
        if (i_colorsB>=colors.length) {i_colorsB=0}
        if (i_colorsC>=colors.length) {i_colorsC=0}
        if (i_colorsD>=colors.length) {i_colorsD=0}
        
        changefromto()
    }
    
    function changefromto() {
        rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed)
        rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed)
        rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed)
        
        rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed)
        rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed)
        rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed)
        
        if (rgbrednow>255) {rgbrednow=255}
        if (rgbrednow<0) {rgbrednow=0}
        if (rgbgreennow>255) {rgbgreennow=255}
        if (rgbgreennow<0) {rgbgreennow=0}
        if (rgbbluenow>255) {rgbbluenow=255}
        if (rgbbluenow<0) {rgbbluenow=0}
        
        if (rgbrednow_b>255) {rgbrednow_b=255}
        if (rgbrednow_b<0) {rgbrednow_b=0}
        if (rgbgreennow_b>255) {rgbgreennow_b=255}
        if (rgbgreennow_b<0) {rgbgreennow_b=0}
        if (rgbbluenow_b>255) {rgbbluenow_b=255}
        if (rgbbluenow_b<0) {rgbbluenow_b=0}
        
        if (i_step<=speed) {
              redcol_1 = hexc[Math.floor(rgbrednow/16)];
             redcol_2 = hexc[Math.floor(rgbrednow)%16];
             greencol_1 = hexc[Math.floor(rgbgreennow/16)];
              greencol_2 = hexc[Math.floor(rgbgreennow)%16];
              bluecol_1 = hexc[Math.floor(rgbbluenow/16)];
              bluecol_2 = hexc[Math.floor(rgbbluenow)%16];
            
            redcol_1_b = hexc[Math.floor(rgbrednow_b/16)];
             redcol_2_b = hexc[Math.floor(rgbrednow_b)%16];
             greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)];
              greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16];
              bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)];
              bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16];
              var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
            var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b
            if (ie5 && gradient_effect!="none") {
                if (gradient_effect=="horizontal") {var gr_effect=1}
                if (gradient_effect=="vertical") {var gr_effect=0}
                  document.body.style.filter=
    "progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+", GradientType="+gr_effect+")"
            }
            else {
                  document.bgColor=backcolor 
            }
    
            i_step++
            var timer=setTimeout("changefromto()",pausesteps);
        
        } 
          else {
              clearTimeout(timer)
            i_step=1
            i_loop++
            if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);}
          }
    }
    
    
    if (browserok) {
        window.onload=translateintorgb
    }
    </script>
    . Lo so che è un po' lungo, ma mi sembrava carino.
    Il problema è che non va d'accordo con la barra di scorrimento laterale.
    Come si può vedere da questa pagina.
    Mi sapreste aiutare?

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Un buon passo in avanti sarebbe sistemare qui sul forum il link alla pagina di test... visto che non sembra funzionare in nessuna delle possibili varianti.

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da dementialsite
    Un buon passo in avanti sarebbe sistemare qui sul forum il link alla pagina di test... visto che non sembra funzionare in nessuna delle possibili varianti.

    Stammi bene...
    Non ho proprio capito cosa vuoi dirmi......... Se ti rifersisci alla pagina di prova, puoi guardare tu stesso che il javascript fa muovere la barra laterale

  4. #4
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da gabryhacker Visualizza messaggio
    Non ho proprio capito cosa vuoi dirmi......... Se ti rifersisci alla pagina di prova, puoi guardare tu stesso che il javascript fa muovere la barra laterale
    Intendevo semplicemente dire che il link che hai messo non funziona, che ho anche provato qualche variante ma senza alcun risultato... Tutto qui.

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  5. #5
    Guest

  6. #6
    Guest

    Predefinito

    ma cosa dovrebbe fare che non fa?? o cosa fa che non dovrebbe fare??

    C'è una barra laterale che si muove...e con FF 2 va tutto bene

  7. #7
    Guest

    Predefinito

    Allora il mio problema è questo: La barra di scorrimento laterale va su e giù quando lo sfondo cambia colore con il javascript. Come risolvere questo problema? Io non me ne intendo molto di javascript.
    Per quanto riguarda il link della pagina che vi ho postato, è perfettamente funzionante
    Ultima modifica di gabryhacker : 18-03-2008 alle ore 20.08.48

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •