URL Asp

rodrigo.gusmao · Junho 6, 2013

Fala Galera tudo bem?

Acredito que voces possam me ajudar com esta duvida

Tenho um banco SQL que tem os seguintes campos

NOME = nome do arquivo (ex: pdf, doc)

PASTA = (onde esta armazenado o arquivo na rede)

LINK = (link que cadastrei, por exemplo: http://www.teste.com.br)

gravo informações neste banco por uma tela de cadastro.

Possuo uma tela de exibição dos dados e nela gostaria de montar o link com os dados que tenho no banco.

fiz deste modo, criei uma variável e recuperei os valores do banco e montei o link com o codigo abaixo

var_concatenar = rec("LINK") & "\" & rec("PASTA") & "\" & rec("NOME")

desejo que fique assim

gostaria que o link ficasse assim:

http://www.teste.com.br/teste/teste.pdf

Não deu um erro aparente, porem quando acesso a pagina que lista todos os registros do banco, a coluna LINK vem sempre com o mesmo link acima (possuo outros links cadastrados no banco)está só me trazendo o primeiro.

podem me ajudar como faço para resolver isso?

obrigado a todos

Gusmão

Public2004 · Junho 6, 2013

Se realmente está cadastrando links diferentes é provavel que o erro seja no loop para trazer os registros, poste a sql, a saída desta e o código do loop.

Att.

xanburzum · Junho 6, 2013

poste seu loop, geralmente vc pode fazer um while neles

Gilberto Jr · Junho 7, 2013

Faz da seguinte forma

<%
dim  rs
set rs = conn.execute("select * from tabela")

while rs.eof=false
%>

<a href="htt://www.teste.com.br/

<%=rs("pasta")%>

/

<%=rs("nome")%>

">

<%=rs("link")%>

</a>

rs.movenext
wend

rodrigo.gusmao · Junho 7, 2013

segue o codigo da pagina, marquei em vermelho, para melhor visuzalização do codigo que esta com erro.

<!--#Include file="conexao.asp"-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SCE - Sistema de Controle de Equipamentos - Consulta</title>
<link rel="stylesheet" type="text/css" href="css/theme.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script>
   var StyleFile = "theme" + document.cookie.charAt(6) + ".css";
   document.writeln('<link rel="stylesheet" type="text/css" href="css/' + StyleFile + '">');
</script>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie-sucks.css" />
<![endif]-->
</head>


<%




' ABRINDO A CONEXÃO COM A TABELA TBCADASTRO
set rec = Server.CreateObject("ADODB.Recordset")
rec.ActiveConnection = conn


SQL= "SELECT * FROM TB_PROCEDIMENTOS "
'response.Write(sql)
'response.End()
rec.open SQL


'NOME1 = rec("NOME")
'PASTA1 = rec("PASTA")
'LINK1= rec("LINK")


'response.Write(NOME)
'response.Write "<BR>"
'response.Write(PASTA)
'response.Write "<BR>"
'response.Write "<BR>"
'response.Write(LINK)
'response.Write "<BR>"


'var_concatenar = "\\Ecp.org.br\dfs\users\TEC\ISO_RQ\Procedimentos" & "\" & PASTA & "\" & NOME 
'var_concatenar = "\\Ecp.org.br\dfs\users\TEC\ISO_RQ\Procedimentos" & "\" & PASTA & "\" & NOME 
'var_concatenar = LINK1 & "\" & PASTA1 & "\" & NOME1 


var_concatenar = rec("LINK") & "\" & rec("PASTA") & "\" & rec("NOME")
'var_concatenar2 = LINK & "\" & PASTA & "\" & NOME


'response.Write(var_concatenar)
'response.End()












%>


<script language="JavaScript">
function abrir_popup(URL) {


  var width = 1200;
  var height = 500;


  var left = 150;
  var top = 150;


  window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=yes, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');


}
</script>


<body>
<div id="container">
    <div id="header">
        <h2><img src="img/icons/LOGO_SCE.gif" width="121" height="47" /></h2>
         <div id="topmenu">
<ul>
                <%If Session("NIVEL_USER") = 1 Then%>
                <li><a href="index.asp">Painel de Controle</a></li>
                    <li><a href="cadastros.asp">Cadastros</a></li>
                    <li><a href="consultas.asp">Consultas</a></li>
                    <li class="current"><a href="procedimentos.asp">Procedimentos</a></li>
                    <li><a href="relatorios.asp">Relatórios</a></li>
                    <!--<li><a href="#">Estatisticas</a></li>-->
                    <!--<li><a href="#">Settings</a></li>-->
<%ELSE%>
                <%If Session("NIVEL_USER") = 2 Then%>
                <li class="current"><a href="index.asp">Painel de Controle</a></li>
                    <li><a href="cadastros_equipamentos.asp">Cadastros</a></li>
                    <li><a href="pesquisa_equipamentos.asp">Consultas</a></li>
                    <li><a href="relatorios.asp">Relatórios</a></li>
                    <!--<li><a href="#">Configurações</a></li>
                    <li><a href="#">Estatisticas</a></li>
                    <!--<li><a href="#">Settings</a></li>-->
                    <%ELSE%>
                    <%If Session("NIVEL_USER") = 3 Then%>
                <li class="current"><a href="index.asp">Painel de Controle</a></li>
                    <li><a href="cadastros.asp">Cadastros</a></li>
                    <li><a href="pesquisa_redes.asp">Consultas</a></li>
                    <li><a href="relatorios_redes.asp">Relatórios</a></li>
                    <li><a href="procedimentos.asp">Procedimentos</a></li>
                    <!--<li><a href="#">Estatisticas</a></li>
                    <!--<li><a href="#">Settings</a></li>-->
                    <%END IF%>
                    <%END IF%>
                    <%END IF%>
                    
                    
              </ul>
      </div>
      </div>
        <div id="top-panel">
            <div id="panel">
                <ul>
                  <%If Session("NIVEL_USER") = 1 Then%>
                  <li><a href="cadastros_equipamentos.asp" class="useradd">Controle de Equipamentos</a>  </li>
                  <li><a href="cadastros_Work-Area-Switches.asp" class="useradd">Work-Area-Switches</a>  </li>
                  <li><a href="cadastros_CallBox.asp" class="useradd">CallBox</a>  </li>
                  <li><a href="cadastros_DIO-CPD.asp" class="useradd">DIO-CPD</a>  </li>
                  <li><a href="cadastros_Diagrama_Cameras.asp" class="useradd">Diagrama Câmeras</a>  </li>
                  <li><a href="cadastros_Work-Area_ARUBA_AP.asp" class="useradd">Work-Area ARUBA AP</a>  </li>
                  <li><a href="cadastros_Controle_de_IP.asp" class="useradd">Controle-de-IP</a></li>
                  <li><a href="cadastros_Cartao_Pinheiros.asp" class="useradd">Cartão Pinheiros</a>  </li>
                  <li><a href="cadastros_Servidores_VCX.asp" class="useradd">Servidores VCX</a>  </li>
                  <li><a href="cadastros_Servidores_ECP.asp" class="useradd">Servidores ECP</a>  </li>
                  <li><a href="cadastros_Rota_Fibra_WA_CPD.asp" class="useradd">Rota/Fibra WA-CPD</a>  </li>
                  <li><a href="cadastros_Ramais_VCX.asp" class="useradd">Ramais VCX</a>  </li>
                  <li><a href="cadastros_Impressoras.asp" class="useradd">Impressoras</a>  </li>
                  <li><a href="cadastros_WatchGuard.asp" class="useradd">WatchGuard</a>  </li>
                  <li><a href="cadastros_Redundancia.asp" class="useradd">Redundância</a>  </li>
                  <%END IF%>
                  
 <%If Session("NIVEL_USER") = 2 Then%>
                  <li><a href="cadastros_equipamentos.asp" class="useradd">Controle de Equipamentos</a>  </li>
                  <%END IF%>
                  
                  <%If Session("NIVEL_USER") = 3 Then%>
                  <li><a href="cadastros_Work-Area-Switches.asp" class="useradd">Work-Area-Switches</a>  </li>
                  <li><a href="cadastros_CallBox.asp" class="useradd">CallBox</a>  </li>
                  <li><a href="cadastros_DIO-CPD.asp" class="useradd">DIO-CPD</a>  </li>
                  <li><a href="cadastros_Diagrama_Cameras.asp" class="useradd">Diagrama Câmeras</a>  </li>
                  <li><a href="cadastros_Work-Area_ARUBA_AP.asp" class="useradd">Work-Area ARUBA AP</a>  </li>
                  <li><a href="cadastros_Controle_de_IP.asp" class="useradd">Controle-de-IP</a></li>
                  <li><a href="cadastros_Cartao_Pinheiros.asp" class="useradd">Cartão Pinheiros</a>  </li>
                  <li><a href="cadastros_Servidores_VCX.asp" class="useradd">Servidores VCX</a></li>
                  <li><a href="cadastros_Servidores_ECP.asp" class="useradd">Servidores ECP</a>  </li>
                  <li><a href="cadastros_Rota_Fibra_WA_CPD.asp" class="useradd">Rota/Fibra WA-CPD</a>  </li>
                  <li><a href="cadastros_Ramais_VCX.asp" class="useradd">Ramais VCX</a>  </li>
                  <li><a href="cadastros_Impressoras.asp" class="useradd">Impressoras</a>  </li>
                  <li><a href="cadastros_WatchGuard.asp" class="useradd">WatchGuard</a>  </li>
                  <li><a href="cadastros_Redundancia.asp" class="useradd">Redundância</a>  </li>
                  <%END IF%>
                </ul>
            </div>
      </div>
        <div id="wrapper">
            <div id="content">
                <div id="box">
                <h3>Relação de Procedimentos ::</h3>
                <table width="100%">
 <thead>
<tr>
 <th width="378">Procedimento</th>
 <th width="144">Pasta</th>
 <th width="165"><div align="center">Link</div></th>
 <th colspan="2"><a href="#">Opções</a></th>
                            </tr>
</thead>
<tbody>
<tr>
                            
                            
                            
                            <%do while not rec.EOF%>
<td class="a-center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" class="psdg-left"><%=rec("NOME")%></font></td>
<td class="a-center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" class="psdg-left"><%=rec("PASTA")%></font></td>
<td width="165" class="a-center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" class="psdg-left"><a href="<%=var_concatenar%>">Abrir</a></font></td>
<td width="114"><div align="center"><a href="editar_procedimentos.asp?ID=<%=(rec("ID").Value)%>"><img src="img/icons/user_edit.png" alt="2" width="16" height="16" title="Alterar Usuário" /></a></div></td>
                                <td width="114"><div align="center"><a href="detalhes_exclusao_procedimentos.asp?ID=<%=(rec("ID").Value)%>"><img src="img/icons/user_delete.png" title="Deletar Usuário" width="16" height="16" /></a></div></td>
                            </tr><%rec.movenext
    loop%>
</tbody>
</table><br />
                    <!--<div id="pager">
                    Page <a href="#"><img src="img/icons/arrow_left.gif" width="16" height="16" /></a> 
                    <input size="1" value="1" type="text" name="page" id="page" /> 
                    <a href="#"><img src="img/icons/arrow_right.gif" width="16" height="16" /></a>of 42
                    pages | View <select name="view">
                    <option>10</option>
                                    <option>20</option>
                                    <option>50</option>
                                    <option>100</option>
                    </select> 
                    per page | Total <strong>420</strong> records found
                    </div>-->
                </div>
                
                <br />
               <!-- Segunda Tabela --><BR />
              <!-- TERCEIRA TABELA --><BR />
                <!-- QUARTA TABELA --><br />
            </div>


     <!-- INICIO DO MENU DA ESQUERDA COM NIVEL DE USUARIO -->
           <%'NIVEL DE ADMINISTRADOR%>
 <%If Session("NIVEL_USER") = 1 Then%>
            <div id="sidebar">
  <ul>
                <li>
                        <h3><a href="#" class="house">Cadastros</a></h3>
                        <ul>
                           <li><a href="cadastros_equipamentos.asp" class="useradd">Equipamentos</a></li>
                           <li><a href="cadastro_celulares.asp" class="useradd">Telefonia</a></li>
                           <li><a href="cadastro_usuarios.asp" class="useradd">Usuário</a></li>
                           <li><a href="cadastro_categoria.asp" class="useradd">Categoria</a></li>
                           <li><a href="cadastro_status.asp" class="useradd">Status</a></li>
                           <li><a href="cadastros_procedimentos.asp" class="useradd">Procedimentos</a></li><p>
                            <!--<li><a href="pesquisa_cadastros.asp" class="search">Pesquisa Avançada</a></li>-->
                    </ul>




                    </li>
                    
                
                      <h3><a href="#" class="house">Listagens</a></h3>
                           <ul>
                           <li><a href="listagem_equipamentos.asp" class="page_gear">Equipamentos</a></li>
                           <li><a href="listagem_usuarios.asp" class="page_gear">Usuários</a></li>
                           <li><a href="listagem_categoria.asp" class="page_gear">Categorias</a></li>
                           <li><a href="listagem_celulares.asp" class="page_gear">Telefonia</a></li>
                           <li><a href="listagem_status.asp" class="page_gear">Status</a></li>
                           <li><a href="listagem_Work-Area-Switches.asp" class="page_gear">Topologia Switches</a></li>
                           <li><a href="listagem_callbox.asp" class="page_gear">CallBox</a></li>
                           <li><a href="listagem_DIO-CPD.asp" class="page_gear">DIO-CPD</a></li>
                           <li><a href="listagem_rota_fibra.asp" class="page_gear">Rota-Fibra-WA-CPD</a></li>
                           <li><a href="listagem_cameras.asp" class="page_gear">Diagrama Câmeras</a></li>
                           <li><a href="listagem_Work-Area-Aruba_AP.asp" class="page_gear">Wireless Aruba</a></li>
                           <li><a href="listagem_cartao_pinheiros.asp" class="page_gear">Cartão Pinheiros</a></li>
                           <li><a href="listagem_servidores_vcx.asp" class="page_gear">Servidores VCX</a></li>
                           <li><a href="listagem_ramais_vcx.asp" class="page_gear">Ramais VCX</a></li>
                           <li><a href="listagem_servidores_ecp.asp" class="page_gear">Servidores ECP</a></li>
                           <li><a href="listagem_watchguard.asp" class="page_gear">WatchGuard</a></li>
                           <li><a href="listagem_redundancia.asp" class="page_gear">Redundância</a></li>
                           <li><a href="listagem_impressoras.asp" class="page_gear">Impressoras</a></li>
                           <li><a href="listagem_pcs_indoor.asp" class="page_gear">PC's Indoor</a></li>
                  </li>
                    
          <!--<ul>-->
                        <!--</ul>-->
                    </li>
                  <li>
                          </ul>


           <li>
                           <h3><a href="#" class="house">Opções</a></h3>
                           <ul>
                           <li><a href="relatorios.asp" class="report">Relatórios</a></li>
                           <li><a href="consultas.asp" class="search">Pesquisar</a></li>
                           <li><a href="logout.asp" class="exit">Sair</a></li>
                        </ul>
                        
                    </li>
</ul>       
          </div>
</div>
      <%END IF%>




      <%'NIVEL DE SUPORTE%>
<%If Session("NIVEL_USER") = 2 Then%>
            <div id="sidebar">
  <ul>
                <li>
                        <!--<h3><a href="#" class="house">Cadastros</a></h3>-->
                        <ul>
                           <!--<li><a href="cadastro_usuarios.asp" class="useradd">Adicionar Usuário</a></li>
                           <li><a href="cadastro_categoria.asp" class="useradd">Adicionar Categoria</a></li>
                           <li><a href="cadastro_status.asp" class="useradd">Adicionar Status</a></li><p>-->
                            <!--<li><a href="pesquisa_cadastros.asp" class="search">Pesquisa Avançada</a></li>-->
                    </ul>




                    </li>
                    
                
                      <h3><a href="#" class="house">Listagens</a></h3>
                           <ul>
                           <li><a href="listagem_equipamentos.asp" class="page_gear">Equipamentos</a></li>
                           <li><a href="listagem_usuarios.asp" class="page_gear">Usuários</a></li>
                           <li><a href="listagem_categoria.asp" class="page_gear">Categorias</a></li>
                           <li><a href="listagem_celulares.asp" class="page_gear">Telefonia</a></li>
                           <li><a href="listagem_status.asp" class="page_gear">Status</a></li>
                           <!--<li><a href="listagem_Work-Area-Switches.asp" class="page_gear">Work-Area-Switches</a></li>
                           <li><a href="listagem_callbox.asp" class="page_gear">CallBox</a></li>
                           <li><a href="listagem_DIO-CPD.asp" class="page_gear">DIO-CPD</a></li>
                           <li><a href="listagem_rota_fibra.asp" class="page_gear">Rota-Fibra-WA-CPD</a></li>
                           <li><a href="listagem_cameras.asp" class="page_gear">Diagrama Câmeras</a></li>
                           <li><a href="listagem_Work-Area-Aruba_AP.asp" class="page_gear">Aruba AP</a></li>
                           <li><a href="listagem_cartao_pinheiros.asp" class="page_gear">Cartão Pinheiros</a></li>
                           <li><a href="listagem_servidores_vcx.asp" class="page_gear">Servidores VCX</a></li>
                           <li><a href="listagem_ramais_vcx.asp" class="page_gear">Ramais VCX</a></li>
                           <li><a href="listagem_servidores_ecp.asp" class="page_gear">Servidores ECP</a></li>
                           <li><a href="listagem_watchguard.asp" class="page_gear">WatchGuard</a></li>
                           <li><a href="listagem_redundancia.asp" class="page_gear">Redundância</a></li>
                           <li><a href="listagem_impressoras.asp" class="page_gear">Impressoras</a></li>
                           <li><a href="listagem_pcs_indoor.asp" class="page_gear">PC's Indoor</a></li>-->
                  </li>
                    
          <!--<ul>-->
                        <!--</ul>-->
                    </li>
                  <li>
                          </ul>


           <li>
                           <h3><a href="#" class="house">Opções</a></h3>
                           <ul>
                           <li><a href="relatorios_equipamentos.asp" class="report">Relatórios</a></li>
                           <li><a href="pesquisa_equipamentos.asp" class="search">Pesquisar</a></li>
                           <li><a href="logout.asp" class="exit">Sair</a></li>
                        </ul>
                        
                    </li>
</ul>       
          </div>
</div>
      <%END IF%>
      
      <%'NIVEL DE REDES%>
      
      <%If Session("NIVEL_USER") = 3 Then%>
            <div id="sidebar">
  <ul>
                <li>
                        <!--<h3><a href="#" class="house">Cadastros</a></h3>-->
                        <ul>
                           <!--<li><a href="cadastro_usuarios.asp" class="useradd">Adicionar Usuário</a></li>
                           <li><a href="cadastro_categoria.asp" class="useradd">Adicionar Categoria</a></li>
                           <li><a href="cadastro_status.asp" class="useradd">Adicionar Status</a></li><p>-->
                            <!--<li><a href="pesquisa_cadastros.asp" class="search">Pesquisa Avançada</a></li>-->
                    </ul>




                    </li>
                    
                
                      <h3><a href="#" class="house">Listagens</a></h3>
                           <ul>
                           <!--<li><a href="listagem_usuarios.asp" class="page_gear">Usuários</a></li>
                           <li><a href="listagem_categoria.asp" class="page_gear">Categorias</a></li>-->
                           <li><a href="listagem_Work-Area-Switches.asp" class="page_gear">Topologia Switches</a></li>
                           <li><a href="listagem_controle_ip.asp" class="page_gear">Controle de IP</a></li>
                           <li><a href="listagem_callbox.asp" class="page_gear">CallBox</a></li>
                           <li><a href="listagem_DIO-CPD.asp" class="page_gear">DIO-CPD</a></li>
                           <li><a href="listagem_rota_fibra.asp" class="page_gear">Rota-Fibra-WA-CPD</a></li>
                           <li><a href="listagem_cameras.asp" class="page_gear">Diagrama Câmeras</a></li>
                           <li><a href="listagem_Work-Area-Aruba_AP.asp" class="page_gear">Wireless Aruba</a></li>
                           <li><a href="listagem_cartao_pinheiros.asp" class="page_gear">Cartão Pinheiros</a></li>
                           <li><a href="listagem_servidores_vcx.asp" class="page_gear">Servidores VCX</a></li>
                           <li><a href="listagem_ramais_vcx.asp" class="page_gear">Ramais VCX</a></li>
                           <li><a href="listagem_servidores_ecp.asp" class="page_gear">Servidores ECP</a></li>
                           <li><a href="listagem_watchguard.asp" class="page_gear">WatchGuard</a></li>
                           <li><a href="listagem_redundancia.asp" class="page_gear">Redundância</a></li>
                           <li><a href="listagem_impressoras.asp" class="page_gear">Impressoras</a></li>
                           <li><a href="listagem_pcs_indoor.asp" class="page_gear">PC's Indoor</a></li>
                  </li>
                    
          <!--<ul>-->
                        <!--</ul>-->
                    </li>
                  <li>
                          </ul>


           <li>
                           <h3><a href="#" class="house">Opções</a></h3>
                           <ul>
                           <li><a href="relatorios_redes.asp" class="report">Relatórios</a></li>
                           <li><a href="pesquisa_redes.asp" class="search">Pesquisar</a></li>
                           <li><a href="logout.asp" class="exit">Sair</a></li>
                        </ul>
                        
                    </li>
</ul>       
          </div>
</div>
      <%END IF%>
   <!-- FIM DO MENU DA ESQUERDA COM NIVEL DE USUARIO --> 
     
        <div id="footer">
        <!--<div id="credits">
        </div>--><br />


        </div>
</div>
</body>
</html>

Gilberto Jr · Junho 7, 2013

Caramba, que tamanho de código rsrs.

Pra mim o erro esta no seu while

do while not rec.eof

<a hre="<%=rec("link")%>/<%=rec("pasta")%>/<%=rec("nome")%>">Abrir</a>

loop

Att;

rodrigo.gusmao · Junho 7, 2013

hauhauahuah...gigante mesmo...

vou melhorar ele em breve...

Então Gilberto, segui as orientações do seu primeiro post e funcionou..montei como vc disse....

<a hre="<%=rec("link")%>/<%=rec("pasta")%>/<%=rec("nome")%>">Abrir</a>

estava montando errado com a variavel...

Muuuito obrigado pela ajuda galeraaaa!

Gilberto Jr · Junho 7, 2013

Blz, marca como resolvido ai, a marca um ponto positivo ai pra ajudar a gente rsrs.

Att;

xanburzum · Junho 7, 2013

só coloca ele dentro do while

rodrigo.gusmao · Junho 7, 2013

OPa Galera vou marcar sim, fiquem tranquilos..deixa eu só fazer uma pergunta é possivel existir um dos cenarios abaixo?

Tenho uma combobox que traz os dados do banco é possivel eu digitar dentro da combo?

Na caixa de texto, como que eu faco para quando digitar algo e ele ir buscando.

valeuuu

Gilberto Jr · Junho 7, 2013

Existe um tutorial de autocomplete ai. da uma olhada que vai te ajudar.

Att;

xanburzum · Junho 8, 2013

Fazendo uma auto sugestão de paises, ou seja, vc vai digitando e conforme finaliza a string , vai sendo feita uma pesquisa no banco, atraves do evento onkeyup invocando um AJAX.

Index.asp
CÓDIGO

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>AJAX ASP</title>
    <style>

    #ajax_listOfOptions{
        position:absolute;    
        width:175px;    
        height:250px;    
        overflow:auto;
        border:1px solid #317082;    
        background-color:#FFF;
        text-align:left;
        font-size:0.9em;
        z-index:100;
    }
    #ajax_listOfOptions div{    
        margin:1px;        
        padding:1px;
        cursor:pointer;
        font-size:0.9em;
    }
    #ajax_listOfOptions .optionDiv{    
        
    }
    #ajax_listOfOptions .optionDivSelected{
        background-color:#317082;
        color:#FFF;
    }
    #ajax_listOfOptions_iframe{
        background-color:#F00;
        position:absolute;
        z-index:5;
    }
    
    form{
        display:inline;
    }
    
    body {
    SCROLLBAR-FACE-COLOR: #336699;
    SCROLLBAR-HIGHLIGHT-COLOR: #8080FF;
    SCROLLBAR-SHADOW-COLOR: #FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR: #ffff99;
    SCROLLBAR-ARROW-COLOR: #FFFFFF;
    SCROLLBAR-TRACK-COLOR: #E6E6E6;
    FONT-FAMILY: Arial, Verdana;
    SCROLLBAR-DARKSHADOW-COLOR: #008080;
    background-image: url(../images/fundo_menu_esq.gif);
    background-repeat: repeat;
}
</style>
<STYLE type=text/css>
A:link {
    COLOR: #333333; TEXT-DECORATION: underline
}
A:visited {
    COLOR: #333333; TEXT-DECORATION: underline
}
A:active {
    COLOR: #333333; TEXT-DECORATION: underline
}
A:hover {
    COLOR: #000000; TEXT-DECORATION: none
}
A:unknown {
    font-face: Arial
}
</STYLE>
<STYLE type=text/css>
.bodytext {
    FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana
}
.bodytext2 {
    FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial
}
</STYLE>

<STYLE TYPE='text/css'>
   .cMenu{
   position: absolute;
   visibility:hidden;
   color:#666666;
   width:200px;
   border:2px solid #333333;
   background-color:#CCCCCC;
   font-family:"Arial, Helvetica, sans-serif";
   font-size:14px;
   font-weight:normal;
   line-height:20px;
   cursor:hand;
}

.menuitems{
   padding-left:15px;
   padding-right:10px;
}
select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #0000FF; background-color: #CCCCCC}
</STYLE>
<link rel="shortcut icon" href="li/favicon.ico">

<style type="text/css">
<!--
.style2 {
    color: #31659C;
    font-weight: bold;
}
.style10 {color: #FFFFFF; font-weight: bold; }
.style18 {color: #FFFFFF}
.style12 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style11 {font: 10px Verdana, Arial, Helvetica, sans-serif;}
.style11 {color: #CCCCCC;
    font: bold;
}
.style13 {    color: #D6DBFF;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {color: #636563}
.style19 {color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style19 {color: #CCCCCC;
    font: bold;
}
-->
    
    </style>
    <script type="text/javascript" src="js/ajax.js"></script>
    <script type="text/javascript" src="js/ajax-dynamic-list.js">
    
    </script>
</head>
<body>


</p>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="38%" id="AutoNumber1" bgcolor="#D7E6FF">
  <tr>
        <td width="436" bgcolor="#A4C6FF"><form action="display.asp" method="POST" autocomplete="off"><center>
          <table border="0" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="145"><label for="country" class="style2">Entre com o país:</label></td>
                    <td width="141">
                    <input name="country" type="text" class="style2" id="country" onkeyup="ajax_showOptions(this,'getCountriesByLetters')" value="" size="20">
                  <input type="hidden" id="country_hidden" name="country_ID"><!-- O ID do país será inserida neste entrada oculto--></td>
                </tr>    
                <tr>
                    <td colspan="2">
                    <p align="center">    
        <input name=":: Enviar" type="submit" class="style2" id=":: Enviar" value="Submit"></td>    
                </tr>
          </table>        
            
              </center>
            
        </form>
</td>
  </tr>
</table>





</body>
</html>

countries.asp
CÓDIGO

<%

name=request.querystring("letters")
response.write name
%>

<%
dim con,rs
set con=Server.CreateObject("ADODB.Connection")
con.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("country.mdb")&";"
set rs=Server.CreateObject("ADODB.Recordset")
rs.Open "select * from master where name like '"&name&"%'",con,1,2%>



<%do until rs.eof%>
<%=rs("ID")%>###<%=rs("name")%>|
        <%rs.movenext
          loop
          set rs=nothing
         set con=nothing

        %>

display.asp
CÓDIGO

<STYLE TYPE='text/css'>
   .cMenu{
   position: absolute;
   visibility:hidden;
   color:#666666;
   width:200px;
   border:2px solid #333333;
   background-color:#CCCCCC;
   font-family:"Arial, Helvetica, sans-serif";
   font-size:14px;
   font-weight:normal;
   line-height:20px;
   cursor:hand;
}

.menuitems{
   padding-left:15px;
   padding-right:10px;
}
select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #0000FF; background-color: #CCCCCC}
</STYLE>
<link rel="shortcut icon" href="li/favicon.ico">

<style type="text/css">
<!--
body {
    background-image: url(../images/fundo_menu_esq.gif);
}
-->
    
    </style>

<title>DROP DOWN LIST , COMBO BOX , LIST BOX , FORM</title>
<p align="center"><strong><b>Item selecionado  </b> </strong></p>

<p align="center"><b><font size="7" color="#FF0000"><%

response.write request.form("country")
response.write request.form("country_ID")
%></font></b></p>

<p align="center"><a href="index.asp">Voltar</a></p>

ajax.js
CÓDIGO

/* Simple AJAX Code-Kit (SACK) v1.6.1 */


function sack(file) {
    this.xmlhttp = null;

    this.resetData = function() {
        this.method = "POST";
          this.queryStringSeparator = "?";
        this.argumentSeparator = "&";
        this.URLString = "";
        this.encodeURIString = true;
          this.execute = false;
          this.element = null;
        this.elementObj = null;
        this.requestFile = file;
        this.vars = new Object();
        this.responseStatus = new Array(2);
      };

    this.resetFunctions = function() {
          this.onLoading = function() { };
          this.onLoaded = function() { };
          this.onInteractive = function() { };
          this.onCompletion = function() { };
          this.onError = function() { };
        this.onFail = function() { };
    };

    this.reset = function() {
        this.resetFunctions();
        this.resetData();
    };

    this.createAJAX = function() {
        try {
            this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e1) {
            try {
                this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e2) {
                this.xmlhttp = null;
            }
        }

        if (! this.xmlhttp) {
            if (typeof XMLHttpRequest != "undefined") {
                this.xmlhttp = new XMLHttpRequest();
            } else {
                this.failed = true;
            }
        }
    };

    this.setVar = function(name, value){
        this.vars[name] = Array(value, false);
    };

    this.encVar = function(name, value, returnvars) {
        if (true == returnvars) {
            return Array(encodeURIComponent(name), encodeURIComponent(value));
        } else {
            this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
        }
    }

    this.processURLString = function(string, encode) {
        encoded = encodeURIComponent(this.argumentSeparator);
        regexp = new RegExp(this.argumentSeparator + "|" + encoded);
        varArray = string.split(regexp);
        for (i = 0; i < varArray.length; i++){
            urlVars = varArray[i].split("=");
            if (true == encode){
                this.encVar(urlVars[0], urlVars[1]);
            } else {
                this.setVar(urlVars[0], urlVars[1]);
            }
        }
    }

    this.createURLString = function(urlstring) {
        if (this.encodeURIString && this.URLString.length) {
            this.processURLString(this.URLString, true);
        }

        if (urlstring) {
            if (this.URLString.length) {
                this.URLString += this.argumentSeparator + urlstring;
            } else {
                this.URLString = urlstring;
            }
        }

        // prevents caching of URLString
        this.setVar("rndval", new Date().getTime());

        urlstringtemp = new Array();
        for (key in this.vars) {
            if (false == this.vars[key][1] && true == this.encodeURIString) {
                encoded = this.encVar(key, this.vars[key][0], true);
                delete this.vars[key];
                this.vars[encoded[0]] = Array(encoded[1], true);
                key = encoded[0];
            }

            urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
        }
        if (urlstring){
            this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
        } else {
            this.URLString += urlstringtemp.join(this.argumentSeparator);
        }
    }

    this.runResponse = function() {
        eval(this.response);
    }

    this.runAJAX = function(urlstring) {
        if (this.failed) {
            this.onFail();
        } else {
            this.createURLString(urlstring);
            if (this.element) {
                this.elementObj = document.getElementById(this.element);
            }
            if (this.xmlhttp) {
                var self = this;
                if (this.method == "GET") {
                    totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
                    this.xmlhttp.open(this.method, totalurlstring, true);
                } else {
                    this.xmlhttp.open(this.method, this.requestFile, true);
                    try {
                        this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
                    } catch (e) { }
                }

                this.xmlhttp.onreadystatechange = function() {
                    switch (self.xmlhttp.readyState) {
                        case 1:
                            self.onLoading();
                            break;
                        case 2:
                            self.onLoaded();
                            break;
                        case 3:
                            self.onInteractive();
                            break;
                        case 4:
                            self.response = self.xmlhttp.responseText;
                            self.responseXML = self.xmlhttp.responseXML;
                            self.responseStatus[0] = self.xmlhttp.status;
                            self.responseStatus[1] = self.xmlhttp.statusText;

                            if (self.execute) {
                                self.runResponse();
                            }

                            if (self.elementObj) {
                                elemNodeName = self.elementObj.nodeName;
                                elemNodeName.toLowerCase();
                                if (elemNodeName == "input"
                                || elemNodeName == "select"
                                || elemNodeName == "option"
                                || elemNodeName == "textarea") {
                                    self.elementObj.value = self.response;
                                } else {
                                    self.elementObj.innerHTML = self.response;
                                }
                            }
                            if (self.responseStatus[0] == "200") {
                                self.onCompletion();
                            } else {
                                self.onError();
                            }

                            self.URLString = "";
                            break;
                    }
                };

                this.xmlhttp.send(this.URLString);
            }
        }
    };

    this.reset();
    this.createAJAX();
}

ajax-dynamic-list.js
CÓDIGO

    var ajaxBox_offsetX = 0;
    var ajaxBox_offsetY = 0;
    var ajax_list_externalFile = 'countries.asp';    // Path to external file
    var minimumLettersBeforeLookup = 1;    // Number of letters entered before a lookup is performed.
    
    var ajax_list_objects = new Array();
    var ajax_list_cachedLists = new Array();
    var ajax_list_activeInput = false;
    var ajax_list_activeItem;
    var ajax_list_optionDivFirstItem = false;
    var ajax_list_currentLetters = new Array();
    var ajax_optionDiv = false;
    var ajax_optionDiv_iframe = false;

    var ajax_list_MSIE = false;
    if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0)ajax_list_MSIE=true;
    
    function ajax_getTopPos(inputObj)
    {
        
      var returnValue = inputObj.offsetTop;
      while((inputObj = inputObj.offsetParent) != null){
          returnValue += inputObj.offsetTop;
      }
      return returnValue;
    }
    function ajax_list_cancelEvent()
    {
        return false;
    }
    
    function ajax_getLeftPos(inputObj)
    {
      var returnValue = inputObj.offsetLeft;
      while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
      
      return returnValue;
    }
    
    function ajax_option_setValue(e,inputObj)
    {
        if(!inputObj)inputObj=this;
        ajax_list_activeInput.value = inputObj.innerHTML;
        if(document.getElementById(ajax_list_activeInput.name + '_hidden'))document.getElementById(ajax_list_activeInput.name + '_hidden').value = inputObj.id;
        ajax_options_hide();
    }
    
    function ajax_options_hide()
    {
        ajax_optionDiv.style.display='none';    
        if(ajax_optionDiv_iframe)ajax_optionDiv_iframe.style.display='none';
    }

    function ajax_options_rollOverActiveItem(item,fromKeyBoard)
    {
        if(ajax_list_activeItem)ajax_list_activeItem.className='optionDiv';
        item.className='optionDivSelected';
        ajax_list_activeItem = item;
        
        if(fromKeyBoard){
            if(ajax_list_activeItem.offsetTop>ajax_optionDiv.offsetHeight){
                ajax_optionDiv.scrollTop = ajax_list_activeItem.offsetTop - ajax_optionDiv.offsetHeight + ajax_list_activeItem.offsetHeight + 2;
            }
            if(ajax_list_activeItem.offsetTop<ajax_optionDiv.scrollTop)
            {
                ajax_optionDiv.scrollTop = 0;    
            }
        }
    }
    
    function ajax_option_list_buildList(letters,paramToExternalFile)
    {
        
        ajax_optionDiv.innerHTML = '';
        ajax_list_activeItem = false;
        if(ajax_list_cachedLists[paramToExternalFile][letters].length<=1){
            ajax_options_hide();
            return;            
        }
        ajax_list_optionDivFirstItem = false;
        var optionsAdded = false;
        for(var no=0;no<ajax_list_cachedLists[paramToExternalFile][letters].length;no++){
            if(ajax_list_cachedLists[paramToExternalFile][letters][no].length==0)continue;
            optionsAdded = true;
            var div = document.createElement('DIV');
            var items = ajax_list_cachedLists[paramToExternalFile][letters][no].split(/###/gi);
            div.innerHTML = items[items.length-1];
            div.id = items[0];
            div.className='optionDiv';
            div.onmouseover = function(){ ajax_options_rollOverActiveItem(this,false) }
            div.onclick = ajax_option_setValue;
            if(!ajax_list_optionDivFirstItem)ajax_list_optionDivFirstItem = div;
            ajax_optionDiv.appendChild(div);
        }    
        if(optionsAdded){
            ajax_optionDiv.style.display='block';
            if(ajax_optionDiv_iframe)ajax_optionDiv_iframe.style.display='';
        }
                    
    }
    
    function ajax_option_list_showContent(ajaxIndex,inputObj,paramToExternalFile)
    {
        var letters = inputObj.value;
        var content = ajax_list_objects[ajaxIndex].response;
        var elements = content.split('|');
        ajax_list_cachedLists[paramToExternalFile][letters] = elements;
        ajax_option_list_buildList(letters,paramToExternalFile);
        
    }
    
    function ajax_option_resize(inputObj)
    {
        ajax_optionDiv.style.top = (ajax_getTopPos(inputObj) + inputObj.offsetHeight + ajaxBox_offsetY) + 'px';
        ajax_optionDiv.style.left = (ajax_getLeftPos(inputObj) + ajaxBox_offsetX) + 'px';
        if(ajax_optionDiv_iframe){
            ajax_optionDiv_iframe.style.left = ajax_optionDiv.style.left;
            ajax_optionDiv_iframe.style.top = ajax_optionDiv.style.top;            
        }        
        
    }
    
    function ajax_showOptions(inputObj,paramToExternalFile)
    {
        
        if(ajax_list_currentLetters[inputObj.name]==inputObj.value)return;
        if(!ajax_list_cachedLists[paramToExternalFile])ajax_list_cachedLists[paramToExternalFile] = new Array();
        ajax_list_currentLetters[inputObj.name] = inputObj.value;
        if(!ajax_optionDiv){
            ajax_optionDiv = document.createElement('DIV');
            ajax_optionDiv.id = 'ajax_listOfOptions';    
            document.body.appendChild(ajax_optionDiv);
            
            if(ajax_list_MSIE){
                ajax_optionDiv_iframe = document.createElement('IFRAME');
                ajax_optionDiv_iframe.border='0';
                ajax_optionDiv_iframe.style.width = ajax_optionDiv.clientWidth + 'px';
                ajax_optionDiv_iframe.style.height = ajax_optionDiv.clientHeight + 'px';
                ajax_optionDiv_iframe.id = 'ajax_listOfOptions_iframe';
                
                document.body.appendChild(ajax_optionDiv_iframe);
            }
            
            var allInputs = document.getElementsByTagName('INPUT');
            for(var no=0;no<allInputs.length;no++){
                if(!allInputs[no].onkeyup)allInputs[no].onfocus = ajax_options_hide;
            }            
            var allSelects = document.getElementsByTagName('SELECT');
            for(var no=0;no<allSelects.length;no++){
                allSelects[no].onfocus = ajax_options_hide;
            }

            var oldonkeydown=document.body.onkeydown;
            if(typeof oldonkeydown!='function'){
                document.body.onkeydown=ajax_option_keyNavigation;
            }else{
                document.body.onkeydown=function(){
                    oldonkeydown();
                ajax_option_keyNavigation();}
            }
            var oldonresize=document.body.onresize;
            if(typeof oldonresize!='function'){
                document.body.onresize=function() {ajax_option_resize(inputObj); };
            }else{
                document.body.onresize=function(){oldonresize();
                ajax_option_resize(inputObj);}
            }
                
        }
        
        if(inputObj.value.length<minimumLettersBeforeLookup){
            ajax_options_hide();
            return;
        }
                

        ajax_optionDiv.style.top = (ajax_getTopPos(inputObj) + inputObj.offsetHeight + ajaxBox_offsetY) + 'px';
        ajax_optionDiv.style.left = (ajax_getLeftPos(inputObj) + ajaxBox_offsetX) + 'px';
        if(ajax_optionDiv_iframe){
            ajax_optionDiv_iframe.style.left = ajax_optionDiv.style.left;
            ajax_optionDiv_iframe.style.top = ajax_optionDiv.style.top;            
        }
        
        ajax_list_activeInput = inputObj;
        ajax_optionDiv.onselectstart =  ajax_list_cancelEvent;
        
        if(ajax_list_cachedLists[paramToExternalFile][inputObj.value]){
            ajax_option_list_buildList(inputObj.value,paramToExternalFile);            
        }else{
            ajax_optionDiv.innerHTML = '';
            var ajaxIndex = ajax_list_objects.length;
            ajax_list_objects[ajaxIndex] = new sack();
            var url = ajax_list_externalFile + '?' + paramToExternalFile + '=1&letters=' + inputObj.value;
        
            ajax_list_objects[ajaxIndex].requestFile = url;    // Specifying which file to get
            ajax_list_objects[ajaxIndex].onCompletion = function(){ ajax_option_list_showContent(ajaxIndex,inputObj,paramToExternalFile); };    // Specify function that will be executed after file has been found
            ajax_list_objects[ajaxIndex].runAJAX();        // Execute AJAX function        
        }
        
            
    }
    
    function ajax_option_keyNavigation(e)
    {
        if(document.all)e = event;
        
        if(!ajax_optionDiv)return;
        if(ajax_optionDiv.style.display=='none')return;
        
        if(e.keyCode==38){    // Up arrow
            if(!ajax_list_activeItem)return;
            if(ajax_list_activeItem && !ajax_list_activeItem.previousSibling)return;
            ajax_options_rollOverActiveItem(ajax_list_activeItem.previousSibling,true);
        }
        
        if(e.keyCode==40){    // Down arrow
            if(!ajax_list_activeItem){
                ajax_options_rollOverActiveItem(ajax_list_optionDivFirstItem,true);
            }else{
                if(!ajax_list_activeItem.nextSibling)return;
                ajax_options_rollOverActiveItem(ajax_list_activeItem.nextSibling,true);
            }
        }
        
        if(e.keyCode==13 || e.keyCode==9){    // Enter key or tab key
            if(ajax_list_activeItem && ajax_list_activeItem.className=='optionDivSelected')ajax_option_setValue(false,ajax_list_activeItem);
            if(e.keyCode==13)return false; else return true;
        }
        if(e.keyCode==27){    // Escape key
            ajax_options_hide();            
        }
    }

Arquivado

URL Asp

Recommended Posts

rodrigo.gusmao 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Public2004 79

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

rodrigo.gusmao 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

rodrigo.gusmao 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

rodrigo.gusmao 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante