Div Não Esta Ficando dentro da Div #Conteudo

Gilberto Jr · Novembro 8, 2014

Bom dia Pessoal;

se esse topico estiver no forum errado me desculpe, mas vamos ao problema.

Eu tenho um script javascript que cria uma div dentro do meu html. Esse script esta dentro da minha div #conteudo e dentro da uma fieldset.

Porem essa div não ficando dentro da minha div #conteudo -> fieldset. Segue o meu script javascript

<script>
var arvore = new Array(<%=razao_social%>"");

//document.write('<style type="text/css">'+
//'#listHolder{border:1px solid #f00;height:auto;width:300px;}'+
//'.list{font-family:Calibri;font-size:12;color:#000;background:#fff;height:auto;border:none;margin:auto;width:300px;}'+
//'<\/style>')

function checkList(obj,nStr, e) {

var k = (window.Event) ? e.which : e.keyCode;
var T = findPosY(obj); //top
var L = findPosX(obj); //left
var list = document.getElementById('listHolder');

if(!list) {
var list = document.createElement('DIV');
list.id = 'listHolder';
document.body.appendChild(list);
}

list.style.top=(T+obj.offsetHeight);
list.style.left=L;
list.style.display='none';

var txt=obj.value;

if (txt) {
var str='<select class="list"'+
'onclick="setOption(\''+obj.id+'\',this.options[this.selectedIndex].value)"'+
'onkeyup="if(event.keyCode==13){setOption(\''+obj.id+'\','+
'this.options[this.selectedIndex].value)};if(event.keyCode==27){'+
'document.getElementById(\'listHolder\').style.display=\'none\';'+
'document.getElementById(\''+obj.id+'\').focus()};" id="selector" size="6">'
var match=false
for(a=0;a<nStr.length;a++){

if(txt.toLowerCase()==nStr[a].toLowerCase().substring(0,txt.length)){
match=true
str+=('<option value="'+nStr[a].replace(/\'/gi,'’')+'">'+nStr[a]+'</option>')
}
}

str+='</select>'
if(match){
list.innerHTML=str
list.style.display='block'
var sel=document.getElementById('selector')
if(k=='40') {
sel.focus()
}

if(k=='13'){
document.getElementById('listHolder').style.display='none'
}
}
}
}

function setOption(obj,val){

var obj=document.getElementById(obj)

obj.value=val;
obj.focus()
document.getElementById('listHolder').style.display='none'
}

function findPosX(obj){
var curleft=0;
if(obj.offsetParent) {

while(obj.offsetParent){
curleft+=obj.offsetLeft
obj=obj.offsetParent;
}
} else if(obj.x)
curleft+=obj.x;
return curleft;
}

function findPosY(obj){
var curtop=0;
if(obj.offsetParent){
while(obj.offsetParent){
curtop+=obj.offsetTop
obj=obj.offsetParent;
}
} else if(obj.y)
curtop+=obj.y;
return curtop;
}
</SCRIPT>

Agora segue o meu código CSS.

<style type="text/css">
#listHolder{
	border:1px solid #f00;
	height:auto;
	width:300px;
	margin:auto;
	}
.list{
	font-family:Calibri;
	font-size:12;
	color:#000;
	background:#fff;
	height:auto;
	border:none;
	margin:auto;
	width:300px;
}
</style>

Segue a imagem de como esta ficando

Alguém sabe por de não esta ficando dentro da div #conteudo e da fieldset?

Att;

WSP8521 · Novembro 10, 2014

manda o html tmb

Gilberto Jr · Novembro 10, 2014

Segue o html

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
dim conn
'Criamos o objeto de conexão
Set conn = Server.CreateObject("ADODB.Connection") 
 
'Abrimos uma conexão com o banco de dados - [IMPORTANTE] altere os dados abaixo com as informações de sua base de dados
conn.Open("DRIVER={MySQL ODBC 5.1 Driver};SERVER=localhost;PORT=3306;DATABASE=cplogistica;USER=cplogistica;PASSWORD=123456;OPTION=3;")
	'arquivo que checa se existe o login e a senha do usuario que esta tentando logar
	
dim rs, rsNoticia, acesso, total
set rs = conn.execute("SELECT * FROM usuarios WHERE  login='"&session("user")&"'")

%>
<%
dim rodape
set rodape = conn.execute("select * from rodape")
%>		

<!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>CP Logística - Vitória/ES</title>
<link href="css/estilo_adm.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="tooltip/css/estilo.css" media="screen" />

<!--INICIO GOOGLE ANALITYCS-->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-42576347-1', 'auto');
  ga('send', 'pageview');

</script>
<!--FIM GOOGLE ANALITYCS-->

<script type="text/javascript" language="javascript" src="tooltip/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="tooltip/js/tooltip.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" language="javascript"></script>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/maskedinput-1.1.2.pack.js" language="javascript"></script>
<script type="text/javascript" src="js/ajax2.js" language="javascript"></script>
<script language="javascript" type="text/javascript" src="js/jquery.maskedinput.js"></script>
<link type="text/css" rel="stylesheet" href="tooltip/css/estilo.css" media="screen" />

<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
</script>    

<style type="text/css">
#anti_menu
{
width:898px;
height:30px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-family:"Segoe UI";
font-size:12px;
font-weight:bold;
}
#anti_menu a
{
text-decoration:none;
color:#000000;
}
#anti_menu a:hover
{
text-decoration:underline;
color:#0000CC;
}
.link_menu_adm{
font-family:"Segoe UI";
font-weight:bold;
font-size:14px;
color:#333333;
}
.link_menu_adm a
{
font-family:"Segoe UI";
font-size:14px;
font-weight:bold;
color:#000099;
text-decoration:none;
}
.link_menu_adm a:hover
{
font-family:"Segoe UI";
font-size:14px;
font-weight:bold;
color:#0066FF;
text-decoration:underline;
}
</style>
<style type="text/css">
#idedicao,#idcategoria{
	width:150px;
	height:auto;
	padding:2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:1px solid #ccc;
}
</style>        
<style type="text/css">
.chamadacomentario a{
	font-size:12px;
	float:right;
}
.chamadacomentario{
	font-size:12px;
	text-align:right;
}
</style>
<script type="text/javascript" language="javascript" src="tooltip/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="tooltip/js/tooltip.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" language="javascript"></script>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/maskedinput-1.1.2.pack.js" language="javascript"></script>
<script language="javascript" type="text/javascript" src="js/jquery.maskedinput.js"></script>
<script language="javascript" type="text/javascript">
jQuery(function($){
$("#cep").mask("99999-999");
$("#cnpj").mask("99.999.999/9999-99");
$("#cpf").mask("999.999.999.-99");
$("#dadospesquisatabelatelefone").mask("(99)9999-9999");
//$("#datavenc").mask("99/99/9999");
//$("#datareceb").mask("99/99/9999");
//$("#campoSenha").mask("***-****");
});
//- See more at: http://vinteum.com/jquery-mask-mascaras-para-campos-html-utilizando-jquery/#sthash.2xCVCx7A.dpuf
</script>  
<script type="application/javascript" language="javascript">
window.setTimeout(function(){
	document.getElementById("ok").style.display='none'
	//document.location.href = 'http://google.com.br'
	//$("#banner").css("display","none");
}, 10000);
</script>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<script type="text/javascript" language="javascript">
function foco()
	{
		document.form1.fantasiarazao.focus();	
	}
</script>
<body onload="foco();">

<div id="conteudo_index_adm">
		<div id="index">
		<img src="img/topopainelcontrole.png" />
		</div>
		<div id="anti_menu">
<table class="menu_saida" border="0" align="left">
<tr>
<td style="border-left:none;"><img src="img/menu.gif" width="18" height="18" /><a href="default.asp"> Menu Principal</a></td><td><img src="img/clientes.png" width="18" height="18" /> Clientes</td>
</tr>
</table>        
		        <table border="0" align="right">
                  <tr>
                    <td style="border-right:1px solid gray;">Usuário: <img src="img/onlinenow.gif" /> <%=session("nome")%></td>
                    <td><img src="img/sair.gif" /> <a href="sair.asp">Desconectar</a></td>
                  </tr>
                </table>
		</div>
		<div id="conteudo">
<script type="application/javascript" language="javascript">
window.setTimeout(function(){
	document.getElementById("envioarquivo").style.display='none';
	document.getElementsByClassName("").style.display='none'
	//document.location.href = 'http://google.com.br'
	//$("#banner").css("display","none");
}, 10000);
</script>
<style type="text/css">
.envioarquivo
{
	text-align:center;
}
</style>
        <div class="envioarquivo">
        <%
			if request.QueryString("semman")="ok" then
		%>
       <div id="envioarquivo" style="background:#F00;">
             <img src="img/deletar.png" width="20" height="20" style="float:left;" /><span>Selecione um manual!!!</span>
       </div>
        <%
			elseif request.QueryString("cadastrado")="ok" then
		%>
       <div id="envioarquivo" style="background:#060;">
            Cliente Cadastrado Com Sucesso!!!
       </div>
        <%
			elseif request.QueryString("notpdf")="ok" then
		%>
       <div id="envioarquivo" style="background:#FF0; color:#000;">
             <img src="img/pdf.png" width="20" height="20" style="float:left;" /><span>Esse manual não esta em PDF!!!</span>
       </div>
        <%
			elseif request.QueryString("atualizado")="ok" then
		%>
       <div id="envioarquivo" style="background:#060;">
       Cliente Atualizado Com Sucesso!!!
       </div>
               <%
			elseif request.QueryString("modinc")="ok" then
		%>
       <div id="envioarquivo" style="background:#060; color:#fff;">
             <img src="img/usuario.png" width="20" height="20" style="float:left;" /><span>Módulo incluso com sucesso!</span>
       </div>
 		<%
			end if
		%>
        </div>

<style type="text/css">
.chamadafuncionarios
{
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	color:#060;
	font-weight:bold;
}
.dadosfucionarios{
	text-align:center;
	font-family:Calibri;
	color:#03F;
	font-size:12px;
	font-weight:bold;
}
#ok
{
	text-align:center;
	width:888px;
	font-family:Calibri;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
#dadosincluso
{
	text-align:center;
	width:888px;
	height:20px;
	margin:auto;
	margin-right:10px;
}
</style>

<div id="dadoscadasatro">
<style type="text/css">
.cadastrocliforn{
	width:auto;
	height:auto;
	margin-top:5px;
}
.cadastrocliforn td{
	border:NONE;
}
fieldset{
	width:600px;
	height:auto;
	margin:auto;
	border:2px solid #000;
}
fieldset #sel----o{
	width:300px;
	height:30PX;
	padding:3px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	border-left:4px solid #F00;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}
fieldset #cnpj, #cpf{
	width:300px;
	height:20PX;
	padding:3px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	border-left:4px solid #F00;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}
fieldset #cnpj, #cpf{
	width:300px;
	height:20PX;
	padding:3px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	border-left:4px solid #F00;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}
fieldset #cep{
	width:100px;
	height:20PX;
	padding:3px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	border-left:4px solid #F00;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}
fieldset span{
	font-family:Calibri;
	font-size:16px;
	font-weight:bold;
	color:#060;
}
fieldset #dadospesquisa{
	width:400px;
	height:20PX;
	padding:3px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	border-left:4px solid #F00;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
fieldset #cadastrar{
	width:200px;
	height:40PX;
	padding:5px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	background-color:#CC3;
}
fieldset #cadastrar:hover{
	width:200px;
	height:40PX;
	padding:5px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	background-color:#009;
	color:#fff;
}
.tabelapesquisa td{
	border:none;
}
</style>


<img src="img/clientes1.png"  />

    <script type="text/javascript">  
    function id( el ){  
            return document.getElementById( el );  
    }  
    function mostra( el ){  
            id( el ).style.display = 'block';  
    }  
    function esconde_todos( el, tagName ){  
            var tags = el.getElementsByTagName( tagName );  
            for( var i=0; i<tags.length; i++ )  
            {  
                    tags[i].style.display = 'none';  
            }  
    }  
    window.onload = function()  
    {  
            id('fisica').style.display = 'none';  
            id('juridica').style.display = 'none';  
             
            id('sel----o').onchange = function()  
            {  
                    esconde_todos( id('palco'), 'div' );  
                    mostra( this.value );  
            }  
            var radios = document.getElementsByTagName('input');  
            for( var i=0; i<radios.length; i++ ){  
                    if( radios[i].type=='radio' )  
                    {  
                            radios[i].onclick = function(){  
                                    esconde_todos( id('palco'), 'div' );  
                                    mostra( this.value );  
                            }  
                    }  
            }  
    }  
    </script>
<br />
<br />
<script language="javascript" type="text/javascript">
function validar() {
var tipo = form1.sel----o.value;
//var sobrenome = form1.sobrenome.value;
//var email = form1.email.value;
//var senha = form1.senha.value;
//var rep_senha = form1.rep_senha.value;
//var dia = form1.dia.value;
//var mes = form1.mes.value;
//var ano = form1.ano.value;

if (tipo == "#") {
alert('SELECIONE O TIPO DO CLIENTE');
form1.tipo.focus();
return false;
}

}
</script>


<style type="text/css">
#listHolder{
	border:1px solid #f00;
	height:auto;
	width:300px;
	margin:auto;
	}
.list{
	font-family:Calibri;
	font-size:12;
	color:#000;
	background:#fff;
	height:auto;
	border:none;
	margin:auto;
	width:300px;
}
</style>        

<fieldset style="float:left; margin-left:3px;">
<legend>PESQUISA DE CLIENTE</legend>
<form action="searchcliente.asp?pesquisa=ok" method="post" name="form1">
            <table class="tabelapesquisa" border="0">
              <tr>
                <td><span>FANTASIA/NOME:</span>
<script>
window.onload = function() {
  document.getElementById("dadospesquisa").focus();
};
</script>
                <input type="text" name="fantasiarazao" id="dadospesquisa" onBlur="remFinal(this.value,this)" onKeyUp="checkList(this, arvore, event);Muda(this);" value="" />
<% 
set filtro = conn.execute("SELECT razao_nome FROM clientes ORDER BY razao_nome ASC")
While Not filtro.EOF
%>
<%
razao_social = razao_social & "'" & filtro ("razao_nome") & "'" & ", "

filtro.MoveNext
Wend
'filtro.close
%>
<script>
var arvore = new Array(<%=razao_social%>"");

//document.write('<style type="text/css">'+
//'#listHolder{border:1px solid #f00;height:auto;width:300px;}'+
//'.list{font-family:Calibri;font-size:12;color:#000;background:#fff;height:auto;border:none;margin:auto;width:300px;}'+
//'<\/style>')

function checkList(obj,nStr, e) {

var k = (window.Event) ? e.which : e.keyCode;
var T = findPosY(obj); //top
var L = findPosX(obj); //left
var list = document.getElementById('listHolder');

if(!list) {
var list = document.createElement('DIV');
list.id = 'listHolder';
document.body.appendChild(list);
}

list.style.top=(T+obj.offsetHeight);
list.style.left=L;
list.style.display='none';

var txt=obj.value;

if (txt) {
var str='<select class="list"'+
'onclick="setOption(\''+obj.id+'\',this.options[this.selectedIndex].value)"'+
'onkeyup="if(event.keyCode==13){setOption(\''+obj.id+'\','+
'this.options[this.selectedIndex].value)};if(event.keyCode==27){'+
'document.getElementById(\'listHolder\').style.display=\'none\';'+
'document.getElementById(\''+obj.id+'\').focus()};" id="selector" size="6">'
var match=false
for(a=0;a<nStr.length;a++){

if(txt.toLowerCase()==nStr[a].toLowerCase().substring(0,txt.length)){
match=true
str+=('<option value="'+nStr[a].replace(/\'/gi,'’')+'">'+nStr[a]+'</option>')
}
}

str+='</select>'
if(match){
list.innerHTML=str
list.style.display='block'
var sel=document.getElementById('selector')
if(k=='40') {
sel.focus()
}

if(k=='13'){
document.getElementById('listHolder').style.display='none'
}
}
}
}

function setOption(obj,val){

var obj=document.getElementById(obj)

obj.value=val;
obj.focus()
document.getElementById('listHolder').style.display='none'
}

function findPosX(obj){
var curleft=0;
if(obj.offsetParent) {

while(obj.offsetParent){
curleft+=obj.offsetLeft
obj=obj.offsetParent;
}
} else if(obj.x)
curleft+=obj.x;
return curleft;
}

function findPosY(obj){
var curtop=0;
if(obj.offsetParent){
while(obj.offsetParent){
curtop+=obj.offsetTop
obj=obj.offsetParent;
}
} else if(obj.y)
curtop+=obj.y;
return curtop;
}
</SCRIPT>

                </td>
              </tr>
              <tr>
                <td align="right">
                <input type="submit" name="cadastrar" id="cadastrar" value="PESQUISAR" />
                </td>
              </tr>
          </table>
</form>
</fieldset>
      <table style="float:left; margin-left:10px; margin-top:30px; width:auto;" class="cadastrocliforn" border="0">
              <tr>
              <tr>
                <td align="right">
                <a href="clientes.asp"><img src="img/newpedido.png" border="0" rel="tooltip" alt="<strong>Novo Cliente</strong>" /></a></td>
                </td>
              </tr>
            </table>
<br />
<br />
<%
if request.QueryString("pesquisa") = "" then
response.Write("")
else

set rsab = conn.execute("select * from clientes where razao_nome like '%"&request.Form("fantasiarazao")&"%'")

set rsbc = conn.execute("select count(*) as tt from clientes where razao_nome like '%"&request.Form("fantasiarazao")&"%'")

%>
<style type="text/css">
.listapesquisa{
	width:800px;
	border:none;
}
.listapesquisa td{
	border:none;
}
.chamadacliforn{
	font-family:Calibri;
	font-size:16px;
	color:#060;
	font-weight:bold;
	text-align:center;
	background:#f4f4f4;
}
.dadospesquisatabela{
	font-family:Calibri;
	font-size:14px;
<%
if rsab("situacao") = 2 then
%>	
	color:#fff;
<%
elseif rsab("situacao") = 1 then
%>
    color:#009;
<%
end if
%>
	font-weight:bold;
	text-align:left;
<%
if rsab("situacao") = 2 then
%>	
	background:#F00;
<%
elseif rsab("situacao") = 1 then
%>
	background:#ccc;
<%
end if
%>	
}
.dadospesquisatabelatelefone{
	font-family:Calibri;
	font-size:14px;
	color:#009;
	font-weight:normal;
	text-align:center;
	background:#CCC;
}
#dadospesquisatabelatelefone{
	background:#CCC;
	color:#009;
	
}
</style>
<table style="width:634px; float:left;" border="0" class="listapesquisa">
  <tr>
    <td class="chamadacliforn">NOME/RAZÃO SOCIAL</td>
    <td class="chamadacliforn">FANTASIA/APELIDO</td>
    <td class="chamadacliforn">TELEFONE</td>
    </tr>
<%
while rsab.eof = false
%>  
  <tr>
    <td align="left" class="dadospesquisatabela">
    <%
	if rsab("situacao") = 2 then
	%>
    <img src="img/atu-1.png" border="0" width="15" height="15" />
    <%
	elseif rsab("situacao") = 1 then
	%>
	<img src="img/atu-2.png" border="0" width="15" height="15" />
	<%
	end if
	%>  
	<%=rsab("razao_nome")%>
    </td>
    <td class="dadospesquisatabela"><a href="updateclientes.asp?idcli=<%=rsab("id")%>"><%=rsab("fantasia_apelido")%></a></td>
    <td align="center" class="dadospesquisatabelatelefone">
      <input type="text" id="dadospesquisatabelatelefone" style="border:none; width:100px; margin:auto;" value="(<%=left(rsab("fone1"),2)%>)<%=left(mid(rsab("fone1"),3),4)%>-<%=left(mid(rsab("fone1"),7),4)%>" />
    </td>
    </tr>
<%
rsab.movenext
wend
%>  
</table>
<%
end if
%>
<br />
<br />
        </div><!--fim dadoscadastro-->
			
        <div id="divcadastros"><!--\\inicio divcadastro-->
        
        </div><!--//fim divcadastro-->
          
  		</div><!--fim conteudo-->
</div><!--fim conteudo_index_adm-->


<div id="textorodape">        
        	<div id="texto">
            	<%=rodape("texto")%>
            </div>
</div><!--fim textorodape-->
<iframe style="display:none;" src="atualiza.asp">
</iframe>
</body>
</html>
<%
conn.Close()
'Destruímos o objeto
Set conn = Nothing
%>

Att;

wilnet · Novembro 10, 2014

E ae Gilberto Jr, blza?

Posso dar uma sugestão Gilberto?

Não deixe os dados de sua conexão exposta a todos.

Assim você acaba divulgando seu Host, Porta, Senha, etc.

Abraços.

Gilberto Jr · Novembro 10, 2014

Verdade, eu acabei de ver e fiz a alteração agora.

Obrigado, postei o código sem pensar que deveria alterar

Att;

Gilberto Jr · Novembro 20, 2014

Bom dia;

Alguém pode me ajudar nesse problema?

Att;

William Bruno · Novembro 20, 2014

Seu código está muito bagunçado.

Posta um link online, assim pelo menos podemos inspecionar.

Gilberto Jr · Novembro 20, 2014

Segue o link....

http://cplogistica.com.br/sistema/buscacliente.asp

Att;

Gilberto Jr · Novembro 21, 2014

Postei o link online

William Bruno

Isso ajudaria?

Att;

William Bruno · Novembro 21, 2014

Sim, ajuda sim.

Está ficando fora, pq o elemento da caixa de resultados está fora do container.

Simples assim.

Gilberto Jr · Novembro 21, 2014

Estranho

William Bruno

Dei uma enxugada no código e deixei somente o necesseario pra ve se consegue me ajudar.

Eu tenho uma div com o id="conteudo" e dentro da div conteudo tem um fieldset.

O meu script esta dentro da fieldset dai a caixa de resultado num deveria aparecer dentro da minha fieldset?

Segue o novo link http://cplogistica.com.br/sistema/viewbuscacliente.asp para analise e também segue o meu código.

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
dim conn
'Criamos o objeto de conexão
Set conn = Server.CreateObject("ADODB.Connection") 
 
'Abrimos uma conexão com o banco de dados - [IMPORTANTE] altere os dados abaixo com as informações de sua base de dados
conn.Open("DRIVER={MySQL ODBC 5.1 Driver};SERVER=localhost;PORT=3306;DATABASE=cplogistica2;USER=cplogistica2;PASSWORD=123456;OPTION=3;")
	'arquivo que checa se existe o login e a senha do usuario que esta tentando logar
	
dim rs, rsNoticia, acesso, total
set rs = conn.execute("SELECT * FROM usuarios WHERE  login='"&session("user")&"'")
%>
<%
dim rodape
set rodape = conn.execute("select * from rodape")
%>		

<!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>CP Logística - Vitória/ES</title>
</head>
<body>
	
<div id="conteudo" style="border:1px solid #000; display:table; margin:auto;">

<fieldset style="float:left; margin-left:3px;">
<legend>PESQUISA DE CLIENTE</legend>
<form action="searchcliente.asp?pesquisa=ok" method="post" name="form1">
            <table class="tabelapesquisa" border="0">
              <tr>
                <td><span>FANTASIA/NOME:</span>
<script>
window.onload = function() {
  document.getElementById("dadospesquisa").focus();
};
</script>
                <input type="text" name="fantasiarazao" id="dadospesquisa" onBlur="remFinal(this.value,this)" onKeyUp="checkList(this, arvore, event);Muda(this);" value="" />

                </td>
              </tr>
              <tr>
                <td align="right">
                <input type="submit" name="cadastrar" id="cadastrar" value="PESQUISAR" />
                </td>
              </tr>
          </table>
</form>
<% 
set filtro = conn.execute("SELECT razao_nome FROM clientes ORDER BY razao_nome ASC")
While Not filtro.EOF
%>
<%
razao_social = razao_social & "'" & filtro ("razao_nome") & "'" & ", "

filtro.MoveNext
Wend
'filtro.close
%>
<script>
var arvore = new Array(<%=razao_social%>"");

//document.write('<style type="text/css">'+
//'#listHolder{border:1px solid #f00;height:auto;width:300px;}'+
//'.list{font-family:Calibri;font-size:12;color:#000;background:#fff;height:auto;border:none;margin:auto;width:300px;}'+
//'<\/style>')

function checkList(obj,nStr, e) {

var k = (window.Event) ? e.which : e.keyCode;
var T = findPosY(obj); //top
var L = findPosX(obj); //left
var list = document.getElementById('listHolder');

if(!list) {
var list = document.createElement('DIV');
list.id = 'listHolder';
document.body.appendChild(list);
}

list.style.top=(T+obj.offsetHeight);
list.style.left=L;
list.style.display='none';

var txt=obj.value;

if (txt) {
var str='<select class="list"'+
'onclick="setOption(\''+obj.id+'\',this.options[this.selectedIndex].value)"'+
'onkeyup="if(event.keyCode==13){setOption(\''+obj.id+'\','+
'this.options[this.selectedIndex].value)};if(event.keyCode==27){'+
'document.getElementById(\'listHolder\').style.display=\'none\';'+
'document.getElementById(\''+obj.id+'\').focus()};" id="selector" size="6">'
var match=false
for(a=0;a<nStr.length;a++){

if(txt.toLowerCase()==nStr[a].toLowerCase().substring(0,txt.length)){
match=true
str+=('<option value="'+nStr[a].replace(/\'/gi,'’')+'">'+nStr[a]+'</option>')
}
}

str+='</select>'
if(match){
list.innerHTML=str
list.style.display='block'
var sel=document.getElementById('selector')
if(k=='40') {
sel.focus()
}

if(k=='13'){
document.getElementById('listHolder').style.display='none'
}
}
}
}

function setOption(obj,val){

var obj=document.getElementById(obj)

obj.value=val;
obj.focus()
document.getElementById('listHolder').style.display='none'
}

function findPosX(obj){
var curleft=0;
if(obj.offsetParent) {

while(obj.offsetParent){
curleft+=obj.offsetLeft
obj=obj.offsetParent;
}
} else if(obj.x)
curleft+=obj.x;
return curleft;
}

function findPosY(obj){
var curtop=0;
if(obj.offsetParent){
while(obj.offsetParent){
curtop+=obj.offsetTop
obj=obj.offsetParent;
}
} else if(obj.y)
curtop+=obj.y;
return curtop;
}
</SCRIPT>

</fieldset>
 
</div><!--fim conteudo-->
</body>
</html>
<%
conn.Close()
'Destruímos o objeto
Set conn = Nothing
%>

Att;

William Bruno · Novembro 21, 2014

Continua fora.

Está assim:

<div id="conteudo"></div>
<div id="listHolder></div>

E deveria ser:

<div id="conteudo">
    <div id="listHolder></div>
</div>

O motivo de estar fora é esse aqui:

document.body.appendChild(list);

o append está no body.

Deveria ser:

document.getElementById('conteudo').appendChild(list);

Gilberto Jr · Novembro 21, 2014

Realmente era isso.

Fechou o tópico.

Obrigado pela ajuda.

Arquivado

Div Não Esta Ficando dentro da Div #Conteudo

Recommended Posts

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

WSP8521 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

wilnet 92

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

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

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

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

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

William Bruno 1501

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

Consulta SQL dentro de outra consulta

problema em usar json para realizar engenharia de dados

Soma dos dias utilizados

Fóruns

Tempo Real

Informação importante