Listar dados ASP+Ajax

romulorasec · Fevereiro 9, 2008

Pessoal por favor me ajudem ai!

E o seguite tenho um menu, e quero listar os dados do bd referente aquele menu"link" clicado usando ASP+Ajax.

Exe:

---------------------------------------------------------------------------------------------------------------------------------

Coluna 1 | Coluna 2 | Coluna3 -> esse é o menu |

---------------------------------------------------------------------------------------------------------------------------------

|Aqui apareci os dados listados com asp e ajax. '

|Tipo clicando na Coluna 1 só listara dados desse coluna e consequentemente nas outras. '

| '

|

-----------------------------------------------------------------------------------------------------------------------------------

DSerma · Fevereiro 9, 2008

Procure no Laboratorio de Scripts ASP, tem alguns exemplos de ASP com AJAX lá..

Abraços...

romulorasec · Fevereiro 9, 2008

Procure no Laboratorio de Scripts ASP, tem alguns exemplos de ASP com AJAX lá..

Abraços...

Obrigado amigo dardemo, olhei la no laboratorio mas naum tem algo parecido, tipo com os MENUS, somente com listbox, campo de formulario, e quero e com menu mesmo link comum, pois esse menu eu criarei em css entendi se puder me der uma força!

DSerma · Fevereiro 9, 2008

Caro Romulorasec;

Qual o tipo de menu utilizado não importa.... oq você deve pesquisar e aprender é COMO fazer a chamada da Função AJAX, para que a mesma faça o seu trabalho...

Não importa se você qr utilizar um menu com "Links", ou com uma ComboBox, oq realmente conta é a função ajax...

Vou passar um exemplo de como chamar uma função que carrega uma página:

Ajax.js

var url;
var xmlHttp=null;
function showPag(str)
{ 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
url=str;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
if (xmlHttp.readyState == 1) { 
document.getElementById("conteudo").innerHTML="<img src='loader.gif'> <br> <font face = 'verdana' color = 'CC0000' size = '2'> <b>Carregando...</b></font>";
}
return url;
}


function stateChanged() 
{ 
if (xmlHttp.readyState==4 && xmlHttp.status == 200)
{ 
var resultado = document.getElementById("conteudo").innerHTML=xmlHttp.responseText;
}
}


function GetXmlHttpObject()
{
 if (window.XMLHttpRequest) {   
		   a=new XMLHttpRequest(); } 
	   else {  
		 try {   
			a=new ActiveXObject("Msxml2.XMLHTTP");  
		 }	 
		 catch(e) {  
		   try {   
			  a=new ActiveXObject("Microsoft.XMLHTTP"); 
		   }	 
		   catch(e) { 
			  a=false;   
		   }  
		 }  
	   }   
	   return a;  
	 }

Na página que conterá o menu:

<div id="menu_top" style="position:absolute">
		<a href = "#"  onClick = "showPag('Home.asp')"> Home  </a> - 
		<a href = "#" onClick = "showPag('Orcamento.asp')"> Solicite Seu Orçamento </a> - 
		<a href = "#" onClick = "showPag('Contato.asp')"> Fale Conosco </a>
		
</div>

E é assim que é feita a chamada do AJAX em "Menu com links"

Abraços..

romulorasec · Fevereiro 10, 2008

Amigo Darkdemo, obrigado mas uma vez, com sou iniciante em Ajax, tenho dificuldades certo, expliquei ai como eu desejo que seje, vou tentar fazer algo, mas se puder esta mim auxiliando te agradeço.

dataset · Fevereiro 10, 2008

Posso dar minha opinião ? Não use AJAX no menu... faz um relacionamento usando as tabelas com as opções que ele pode ver e ao digitar login e senha você monta o menu com esse select no javascript.

Isso evita que toda vez que ele clicar na opção, o menu seja recarregado, consumindo servidor. Vai se bom pro seu cliente final e pro servidor. Imagina se da uma queda de conexao... ele fica esperando o menu sendo recarregado... traz desconforto.

No Javascript vai estar tudo fixo no browser.

Entende ?

romulorasec · Fevereiro 10, 2008

Posso dar minha opinião ? Não use AJAX no menu... faz um relacionamento usando as tabelas com as opções que ele pode ver e ao digitar login e senha você monta o menu com esse select no javascript.

Isso evita que toda vez que ele clicar na opção, o menu seja recarregado, consumindo servidor. Vai se bom pro seu cliente final e pro servidor. Imagina se da uma queda de conexao... ele fica esperando o menu sendo recarregado... traz desconforto.

No Javascript vai estar tudo fixo no browser.

Entende ?

~

Amigo, minha intenção na verdade,é o menu vou fazer em css com abas, agora pra listar os dados referentes a cada menu, tipo coluna 1, dai lista o titulo e o resumo da ultima nota postada da coluna 1 entende ai que entra o AJax, somente ai, pra listar os dados. muito obrigado por esta me ajudando e peço que continue me dando uma solução como sempre so consigo aqui no imasters.

DSerma · Fevereiro 10, 2008

Só um adendo:

A solução eu já te passei lá em cima.... te postei um EXEMPLO COMPLETO de como fazer para carregar a página com AJAX....

Qual é a sua dúvida agora ?

romulorasec · Fevereiro 12, 2008

Só um adendo:

A solução eu já te passei lá em cima.... te postei um EXEMPLO COMPLETO de como fazer para carregar a página com AJAX....

Qual é a sua dúvida agora ?

Amigo infelizmente naum conseguir fazer nada, AJAX sou totalmente leigo, esse menu ta me dando uma dor de cabeça enorme, me ajuda a terminar ele, acho que falta função em ajax que vai buscar a página que preenche ao conteudo do menu num sei so estou certo...me ajude!

romulorasec · Fevereiro 12, 2008

Só um adendo:

A solução eu já te passei lá em cima.... te postei um EXEMPLO COMPLETO de como fazer para carregar a página com AJAX....

Qual é a sua dúvida agora ?

ou DrakDemo, mua ajuda a terminar isso ae, amigo ja vi aqui que tenho que estudar muito Ajax pra conseguir tal coisa, mas não dar tempo, preciso que alguem me ajude a criar isso acho q vai ser meu ponta pé inicial pra meter a kara e estudar AJAx de verdade, um amigo me emprestou até um curso de AJAX do imasters, pra começar você me indica esse curso.

DSerma · Fevereiro 12, 2008

Cara.. eu já te passei lá em cima a função AJAX q puxa a página e o menu com os links.. fazendo com que a página seja carregada com o AJAX...

Basta você pegar o exemplo que eu te passei lá em cima e fazer na sua página....

Vou passar o exemplo MASTIGADO pra você... mas não se acostume com isso..... só vou fazer isso pq este tópico já está grande e eu ESPERO que depois disso você aprenda AJAX....

<script>
var url;
var xmlHttp=null;
function showPag(str)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
url=str;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
if (xmlHttp.readyState == 1) {
document.getElementById("conteudo").innerHTML="<img src='loader.gif'> <br> <font face = 'verdana' color = 'CC0000' size = '2'> <b>Carregando...</b></font>";
}
return url;
}


function stateChanged()
{
if (xmlHttp.readyState==4 && xmlHttp.status == 200)
{
var resultado = document.getElementById("conteudo").innerHTML=xmlHttp.responseText;
}
}


function GetXmlHttpObject()
{
if (window.XMLHttpRequest) {  
		   a=new XMLHttpRequest(); }
	   else {  
		 try {  
			a=new ActiveXObject("Msxml2.XMLHTTP");  
		 }	
		 catch(e) {  
		   try {  
			  a=new ActiveXObject("Microsoft.XMLHTTP");
		   }	
		   catch(e) {
			  a=false;  
		   }  
		 }  
	   }  
	   return a;  
	 }
</script>

#tabela table thead tr
{
font: 80% Arial, Helvetica, sans-serif;
color:#990000;
text-align:center;
background: #F2F2F2;
font-weight:bold;
}
#tabela table tbody tr:hover
{
background:#F2F2F2;
color:#000;
}
#tabela table tbody tr
{
font:70% Arial, Helvetica, sans-serif;
color:#0050A4;
text-align:left;
font-weight:bold;
background:#FFF;
padding:5px;
}
fieldset
{
border:2px dotted #C3C3C3;
background:#FFFFEE;
}

legend
{
color: #000;
}

.buttons
{
font:100% Arial, Helvetica, sans-serif;
color:#0050A4;
text-align:left;
font-weight:bold;
background:#FFF;
padding:5px;
background:transparent;
border:0;
display:none;
}

.edita
{
display: block;
}

#tabela table 
{
background: #3399FF;
width:100%;
}
#titulo
{
font: 70% Arial, Helvetica, sans-serif;
color: #CC0000;
font-weight:bold;
}
#tabela
{
margin-top:20px;
cursor: text;
}
.exc
{
text-align:center;
}

#menu a:link
{
font:80% Arial, Helvetica, sans-serif;
font-weight: bold;
text-align:center;
text-decoration:none;
color: #0050A4;
}
#menu 
{
font: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align:center;
text-decoration:none;
color: #0050A4;
}
#menu a:visited
{
font:80% Arial, Helvetica, sans-serif;
font-weight: bold;
text-align:center;
text-decoration:none;
color: #0050A4;
}
#menu a:hover
{
font:80% Arial, Helvetica, sans-serif;
font-weight: bold;
text-align:center;
text-decoration: underline;
color: #0050A4;
}
#cadastro
{
font:80% Verdana;
font-weight:bold;
text-align:center;
color:#990000;

}
#cadastro input,select
{
font:90% Arial, Helvetica, sans-serif;
font-weight:bold;
background: #F2F2F2;
margin-right:10px;
color:#0050A4;
}

</style>


<div id="menu_top" style="position:absolute">
		<a href = "#"  onClick = "showPag('Home.asp')"> Home  </a> -
		<a href = "#" onClick = "showPag('Orcamento.asp')"> Solicite Seu Orçamento </a> -
		<a href = "#" onClick = "showPag('Contato.asp')"> Fale Conosco </a>
</div>

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

Mais facil q isso.. impossivel...

Abraços...

Arquivado

Listar dados ASP+Ajax

Recommended Posts

romulorasec 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

romulorasec 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

romulorasec 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

dataset 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

romulorasec 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

romulorasec 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

romulorasec 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Fóruns

Tempo Real

Informação importante