Ir para conteúdo
Fórum Script Brasil
  • 0

(RESOLVIDO)Menu que se mova conforme a tela

cha

Perguntado por cha,

 Share

Pergunta

cha

cha

Postado
Postado (editado)

boa tarde. não sei se estou postando no lugar certo.

mas obrigado se conseguiremme ajudar.

eu tenho uma tabela, e ela é do tamanho de 150%

gostaria que o menu de opçoes da pagina, fosse para o lado quando eu rolar a pagina para direita. (para ver o resto da tabela)

obrigado pela ajuda.

Editado por cha
Link para o comentário
Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

  • 0
Raphael Machado

Raphael Machado

Postado
Postado (editado)

Faça assim:

Coloque esse código entre <head> </head>

<STYLE TYPE="text/css"> 
#floater { 
        position: absolute; 
        right: 10; 
        top: 10; 
        visibility: visible; 
        z-index: 10; 
} 
</STYLE>
<script LANGUAGE="JavaScript"> 
        self.onError=null; 
  
        currentX = currentY = 0; 
        whichIt = null; 
        lastScrollX = 0; lastScrollY = 0; 
  
        NS = (document.layers) ? 1 : 0; 
        IE = (document.all) ? 1: 0; 
  
        <!-- STALKER CODE --> 
        function heartBeat() { 
  
                if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } 
            if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } 
  
                if(diffY != lastScrollY) { 
                        percent = .1 * (diffY - lastScrollY); 
                        if(percent > 0) percent = Math.ceil(percent); 
                        else percent = Math.floor(percent); 
                                        if(IE) document.all.floater.style.pixelTop += percent; 
                                        if(NS) document.floater.top += percent; 
                        lastScrollY = lastScrollY + percent; 
            } 
                if(diffX != lastScrollX) { 
                        percent = .1 * (diffX - lastScrollX); 
                        if(percent > 0) percent = Math.ceil(percent); 
                        else percent = Math.floor(percent); 
                        if(IE) document.all.floater.style.pixelLeft += percent; 
                        if(NS) document.floater.left += percent; 
                        lastScrollX = lastScrollX + percent; 
                } 
        } 
        <!-- /STALKER CODE --> 
  
        <!-- DRAG DROP CODE --> 
        function checkFocus(x,y) { 
                stalkerx = document.floater.pageX; 
                stalkery = document.floater.pageY; 
                stalkerwidth = document.floater.clip.width; 
                stalkerheight = document.floater.clip.height; 
                if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < 

(stalkery+stalkerheight))) return true; 
                else return false; 
        } 
  
        function grabIt(e) { 
                if(IE) { 
                        whichIt = event.srcElement; 
                        while (whichIt.id.indexOf("floater") == -1) { 
                                whichIt = whichIt.parentElement; 
                                if (whichIt == null) { return true; } 
                    } 
                        whichIt.style.pixelLeft = whichIt.offsetLeft; 
                    whichIt.style.pixelTop = whichIt.offsetTop; 
                        currentX = (event.clientX + document.body.scrollLeft); 
                        currentY = (event.clientY + document.body.scrollTop); 
                } else { 
                window.captureEvents(Event.MOUSEMOVE); 
                if(checkFocus (e.pageX,e.pageY)) { 
                        whichIt = document.floater; 
                        StalkerTouchedX = e.pageX-document.floater.pageX; 

                        StalkerTouchedY = e.pageY-document.floater.pageY; 
                } 
                } 
            return true; 
        } 
  
        function moveIt(e) { 
                if (whichIt == null) { return false; } 
                if(IE) { 
                    newX = (event.clientX + document.body.scrollLeft); 
                    newY = (event.clientY + document.body.scrollTop); 
                    distanceX = (newX - currentX);    distanceY = (newY - currentY); 
                    currentX = newX;    currentY = newY; 
                    whichIt.style.pixelLeft += distanceX; 
                    whichIt.style.pixelTop += distanceY; 
                        if(whichIt.style.pixelTop < document.body.scrollTop) 

whichIt.style.pixelTop = document.body.scrollTop; 
                        if(whichIt.style.pixelLeft < document.body.scrollLeft) 

whichIt.style.pixelLeft = document.body.scrollLeft; 
                        if(whichIt.style.pixelLeft > document.body.offsetWidth - 

document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = 

document.body.offsetWidth - whichIt.style.pixelWidth - 20; 
                        if(whichIt.style.pixelTop > document.body.offsetHeight + 

document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = 

document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5; 
                        event.returnValue = false; 
                } else { 
                        whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); 
                if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; 
                if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; 
                if( (whichIt.left + whichIt.clip.width) >= 

(window.innerWidth+self.pageXOffset-17)) whichIt.left = 

((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17; 
                if( (whichIt.top + whichIt.clip.height) >= 

(window.innerHeight+self.pageYOffset-17)) whichIt.top = 

((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; 
                return false; 
                } 
            return false; 
        } 
  
        function dropIt() { 
                whichIt = null; 
            if(NS) window.releaseEvents (Event.MOUSEMOVE); 
            return true; 
        } 
        <!-- DRAG DROP CODE --> 
  
        if(NS) { 
                window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); 
                window.onmousedown = grabIt; 
                window.onmousemove = moveIt; 
                window.onmouseup = dropIt; 
        } 
        if(IE) { 
                document.onmousedown = grabIt; 
                document.onmousemove = moveIt; 
                document.onmouseup = dropIt; 
        } 
  
        if(NS || IE) action = window.setInterval("heartBeat()",1); 
  
  
  
  

</SCRIPT>
E esse entre <body> </body> 
<DIV ID="floater"> 
SEU MENU
</div>

Ai, depois do menu, você insere sua tabela!

Testado e aprovado!

O menu anda do jeito que você ta querendo!

Editado por Raphael Machado
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...