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

Div Fixo No Internet Explorer


BartS

Pergunta

Fiz um esquema com um div, que quando o cara clica no ícone de edição abre uma espécie de POP-UP "fixa" dentro da página para que ele informe os dados e conclua a ação. No firefox tá funcionando beleza. Mas no Internet Explorer não funciona de jeito nenhum.

Eu até sei porque que não funciona no IE, é porque eu estou usando "position:fixed" no meu css e o IE não interpreta isso.

Para que vocês vejam como e que funciona no Firefox é só entrar nsse endereço: http://www.abmes.org.br/Teste.html, e clicar no ícone de edição de qualquer uma das linhas.

O que eu quero saber é se tem como fazer o mesmo efeito no InternetExplorer. Reparem que depois que a caixa de edição está aberta, você pode rolar a barra de rolagem para o início ou fim do página que mesmo assim a "pop-up" permance fixa no mesmo lugar.

Alguém pode me ajudar?

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

<script type="text/javascript"><!--
    function Oculta(campo){
        var info = document.getElementById(campo);
        info.style.display = "none";
    }
    function Mostra(campo){
        var info = document.getElementById(campo);
        info.style.display = "";
    }    
    function Editar(Caracteristica){
        Mostra('div_Edicao');
    }
//--></script> 

São só estas as funções que estou usando nesta página

Link para o comentário
Compartilhar em outros sites

  • 0

Tá aí o CSS

.Janela_Div{position:fixed; z-index:1; left:50%; top:50%;}
    .Janela_Conteudo{background-color:#E9E9EF; border:solid #8C8CA4 1px; padding:5px;}
    .Janela_Tabela{border: solid #8C8CA4 1px;}
    .Janela_BordaExterna{background-color:#FFFFFF; opacity: .85;}
Cara.... eu já estou quase quase conseguindo fazer o que eu quero. Entra no link aí e dá uma olhada: http://www.abmes.org.br/Teste.html Clica em qualquer um dos ícones de edição na coluna "Ação". O que eu quero é que quando o cara clique no ícone a janelinha de edição abra no centro da página, sacou? Adicionei uns códigos para fazer a janela "arrastável" Agora os scripts são esses:
<script type="text/javascript"><!--
    var dragapproved=false;
    var minrestore=0;
    var initialwidth,initialheight;
    var ie5=document.all&&document.getElementById;
    var ns6=document.getElementById&&!document.all;

    function iecompattest(){
        return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
    }

    function drag_drop(e){
        if (ie5&&dragapproved&&event.button==1){
            document.getElementById("dwindow").style.left=tempx+event.clientX-offsetx+"px";
            document.getElementById("dwindow").style.top=tempy+event.clientY-offsety+"px";
        }else if (ns6&&dragapproved){
            document.getElementById("dwindow").style.left=tempx+e.clientX-offsetx+"px";
            document.getElementById("dwindow").style.top=tempy+e.clientY-offsety+"px";
        }
    }

    function initializedrag(e){
        offsetx=ie5? event.clientX : e.clientX;
        offsety=ie5? event.clientY : e.clientY;
        tempx=parseInt(document.getElementById("dwindow").style.left);
        tempy=parseInt(document.getElementById("dwindow").style.top);

        dragapproved=true;
        document.getElementById("dwindow").onmousemove=drag_drop;
    }

    function loadwindow(width,height){
        document.getElementById("dwindow").style.display='';
        document.getElementById("dwindow").style.width=initialwidth=width+"px";
        document.getElementById("dwindow").style.height=initialheight=height+"px";
        document.getElementById("dwindow").style.left="400px";
        document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+500+"px" : iecompattest().scrollTop*1+250+"px";
    }

    function maximize(){
        if (minrestore==0){
            minrestore=1; //maximize window
            document.getElementById("maxname").setAttribute("src","restore.gif");
            document.getElementById("dwindow").style.width=ns6? window.innerWidth-20+"px" : iecompattest().clientWidth+"px";
            document.getElementById("dwindow").style.height=ns6? window.innerHeight-20+"px" : iecompattest().clientHeight+"px";
        }else{
            minrestore=0; //restore window
            document.getElementById("maxname").setAttribute("src","max.gif");
            document.getElementById("dwindow").style.width=initialwidth;
            document.getElementById("dwindow").style.height=initialheight;
        }
        document.getElementById("dwindow").style.left=ns6? window.pageXOffset+"px" : iecompattest().scrollLeft+"px";
        document.getElementById("dwindow").style.top=ns6? window.pageYOffset+"px" : iecompattest().scrollTop+"px";
    }

    function stopdrag(){
        dragapproved=false;
        document.getElementById("dwindow").onmousemove=null;
    }
    
    function Oculta(campo){
        var info = document.getElementById(campo);
        info.style.display = "none";
    }
    function Mostra(campo){
        var info = document.getElementById(campo);
        info.style.display = "";
    }    
    function Editar(Caracteristica){
        Mostra('div_Edicao');
        //void(0);
    }
//--></script>

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.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...