Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ernestop

Problema com css + js

Por , em Desenvolvimento frontend

Recommended Posts

Ernestop    0

Ernestop
Postado

Olá galera, estou com um problema meio chato e persistente com um codigo de janela modal onclick. Eu uso esse codigo a algum tempo e nunca tive problemas mas quando coloquei ele para rodar com tableless ferrou tudo. O pior é que não da erro, simplemente a div da janela não aparece por nada.

Se alguem puder me dar uma luz? É o script AbreFecha que não funfa... ele esta posto num link teste "456" mas o infeliz nada... tah mortinho...

 

 

[]s

 

Aqui o link para a pagina abaixo que estah no ar

 

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><%=Application("site")%></title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script language="javascript">
function AbreFecha(obj) {

    var elem = eval(obj)

    if (elem.style.display == "") {
        elem.style.display= "none";
    }
    else {
        elem.style.display= "";
    }
}
</script>
</head>
<body id="page2">
<div id="main">
  <!-- header -->
  <div id="header">
    <div>
        <!-- #INCLUDE file="L_top.asp"-->
    </div>
  </div>
  <!-- content -->
  <div id="content">
    <div class="row-3">
      <div class="wrapper">
        <div class="col-1">
          <div class="box">
            <div class="border-top">
              <div class="border-right">
                <div class="border-bot">
                  <div class="border-left">
                    <div class="inner">
MENU ACESSO RESTRITO                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-2 indent">
<a href="javascript:AbreFecha('det');">456 +</a><br>
                            <div class="inner">
                             <div align=justify id=det style=' display: none;'>
dasadasdassdaa d sad a                             </div></div>
        
            <p style="margin: 0 0 15px 0;">
                <a href="<%=Application("UrldoSistema")%>aves_inc.asp" class="link5">Incluir nova ave</a>
            </p>
          <div class="box2 texto">
            <form name="form1" method="get" action="<%=pagina_mestre%>">
            <div class="title-box-busca">
                   <div class="win-col">
                <h4>Busca</h4>
                    <input name="busca" type="text" class="input" value="<%=busca%>" size="30" maxlength="50"></div>
                   <div class="win-col">
                   <h4>Parametro de busca:</h4>
                    <select name="parametro" class="input">
                        <%
                        selects="codigo_especie-Espécie;nome_comercial-Nome Comercial;codigo_anilha-Codigo da Anilha"
                        index1 = Split(selects, ";")
                        For i = LBOUND(index1) to UBOUND(index1)
                            index2 = Split(index1(i), "-")
                            if parametro = index2(0) then
                                response.write "<option value='" & index2(0) & "' select>" & index2(1) & "</option>"
                            else
                                response.write "<option value='" & index2(0) & "'>" & index2(1) & "</option><br>"
                            end if
                        next
                        %>
                </select><br /></div>
                   <div class="win-col-sub">
                <input type="submit" name="Submit" value=" Buscar " class="submit">
                </div>
            </div>
            </form>
          </div>
          <br />
        <div class="texto_bold" align="left"> <%=total_reg%></div>
        <br />
         <div class="box-alf">
            <ul>
              <li><a href="<%=pagina_mestre%>?ordem=&alf=">Limpar</a></li>
              <li><a href="<%=pagina_mestre%>?ordem=<%=ordem%>&alf=">Todos</a></li>
                <% x=65
                do while x<91
                    if x = 90 then
                        response.write("<li class='last'>")
                    else
                        response.write("<li>")
                    end if
                %>
                    <a href="<%=pagina_mestre%>?ordem=<%=ordem%>&alf=<%=chr(x)%>"><%=chr(x)%></a></li>
                <%
                if x = 75 then
                    response.write("<br>")
                end if
                x=x+1
                loop
                %>
            </ul>
          </div>
                                        <h6><%=txt_titulo%></h6>
                                        <%
                                        if no_text <> "" then
                                            response.write "            <p aling='center'>" & no_text &"</p>"
                                        else
                                
                                            While intrec < objrs.PageSize and not objrs.EOF
                                                if cor=0 then
                                                    bg="#FFF3E8"
                                                    cor=cor+1
                                                else
                                                    bg="#FFD1A4"
                                                    cor=cor+1
                                                end if
                                        
                                                %>
            <div class="box-lista" style="background-color:<%=bg%>;">
                  <div class="inner" style="margin-left:10px;"><p>
                  <a onmouseover="document.getElementById('det<%=objrs("codigo_ave")%>').style.visibility='visible'" onmouseout="document.getElementById('det<%=objrs("codigo_ave")%>').style.visibility='hidden'" href="#"><%=objrs("codigo_anilha")%> - <%call especie(objrs("codigo_especie"),"nome_comercial")%> +</a></p>
            <div id="det<%=objrs("codigo_ave")%>" class="win-col-det" style="visibility:hidden;">
                <b>Data de nascimento:</b>  
                <%
                if objrs("data_nascimento") = "1/1/1901" or objrs("data_nascimento") = "1/1/1950" then
                    response.write "Desconhecida"
                else
                    response.write objrs("data_nascimento")
                end if
                %>
                <br>
                <b>Local:</b>  <% call viveiros(objrs("codigo_viveiro"),"local","viveiro")%><br>
                <b>Sexo:</b>  
                <% Select case objrs("sexo")
                        case "M"
                            response.write "Macho"
                        case "F"
                            response.write "Fêmea"
                        case "NS"
                            response.write "Não Sexado"
                    End Select
                        
                %><br>
                <b>Status:</b>  
                <%
                    selects="PL-Plantel;AD-Disponivel;AV-Vendido;AR-Reservado;FL-Filhote Plantel;FD-Filhote Disponivel;FV-Filhote Vendido;FR-Filhote Reservado"
                    index1 = Split(selects, ";")
                    For i = LBOUND(index1) to UBOUND(index1)
                        index2 = Split(index1(i), "-")
                        if trim(objrs("situacao")) = trim(index2(0)) then
                            response.write index2(1)
                        end if
                    next
                %><br>
            </div>       </div>
            <div class="inner" style="margin-left:10px; margin-top:10px;">
            <ul class="footer-nav">
                <li><a href="aves_detalhes.asp?ca=<%=objrs("codigo_ave")%>" class="<%=link_css%>">Detalhes/Alterar</a></li>
                <li><a href="aves_postura.asp?ca=<%=objrs("codigo_ave")%>" class="<%=link_css%>">Postura</a></li>
                <li><a href="historico_lista.asp?ca=<%=objrs("codigo_anilha")%>" class="<%=link_css%>">Historico</a></li>
                <li><a href="historico_lista.asp?ca=<%=objrs("codigo_anilha")%>&cr=2" class="<%=link_css%>">Historico Veterinário</a></li>
                <li class="last"><a href="gen_exc.asp?acao=7&id=<%=objrs("codigo_ave")%>" class="<%=link_css%>">Excluir</a></li>
                </ul>
                </div>
            </div>
                    <%if cor=2 then
                        cor = 0
                    end if
                    objrs.MoveNext
                    intrec=intrec+1 
                    IF objrs.EOF then %>
                        <div class="line-hor"></div>
                    <%END IF
                Wend
                %>
<div class="box-lista" style="text-align:center; margin-top:20px;">
                                <%IF intpagina > 1 then%>
                                    <a href="<%=pagina_mestre%>?pagina=<%=intpagina-1%>&ordem=<%=ordem%>&alf=<%=alf%>">Anterior</a> 
                                <%END IF%>
                                   
                                 <%IF strcomp(intpagina,objrs.PageCount) <> 0 then %>
                                    <a href="<%=pagina_mestre%>?pagina=<%=intpagina + 1%>&ordem=<%=ordem%>&alf=<%=alf%>">Próximo</a> 
                                <%END IF%>
            </div>
            <%
            end if
            %>
          </div>
        </div>
      </div>
    </div>
</div>
     </div>
    </div>
    <div class="line-hor"></div>
  </div>
</div> 
</body>
</html>

Resolvido:

 

 

<script language="javascript">
function AbreFecha(obj) {

	var elem = document.getElementById(obj)

	if (elem.style.visibility == "visible") {
		elem.style.visibility= "hidden";
	}
	else {
		elem.style.visibility= "visible";
	}
}
</script>


<a href="javascript:AbreFecha('det<%=objrs("codigo_ave")%>');"><%=objrs("codigo_anilha")%> - <%call especie(objrs("codigo_especie"),"nome_comercial")%> +</a></p>

<div id="det<%=objrs("codigo_ave")%>" class="win-col-det" style="visibility:hidden;">

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito