Ir para conteúdo

POWERED BY:

Arquivado

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

cmachado

[Resolvido] Janela modal a partir de dados do banco

Por , em ASP Clássico

Recommended Posts

cmachado    0

cmachado
Postado

Olá galera!!

 

Estou com um probleminha.

 

Tenho um sistema de notícias que rolam na vertical, até ai tudo bem. Só que gostaria de saber se há como ao clicar em determinada notícia abrir uma nova janela modal?

 

Poderia ser usando o jQuery ou outro componente, mas não estou conseguindo implantar.

 

Segue o código

 

index.asp

 


<!--#include file="config.asp"-->

<html>
<head>
<title><%=TS%></title>
<link rel="stylesheet" type="text/css" href="noticias.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body,td,th {
font-size: 14px;
}
</style>


</head>

<body bgcolor="#FFFFFF" text="#000000">             

<table border="1" cellpadding="4" cellspacing="0" width="450" bordercolor="#000000" align="center">
<tr> 
     <td>
       <table width="25%" border="0" align="left" cellpadding="0" cellspacing="0">
         <tr> 
           <td align="center"><strong>Últimas Notícias</strong></td>
         </tr>
       </table>
       </td>
   </tr>
   <tr>
     <td>
       <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr> 
           <td><a name= "scrollingCode"></a> 
     <marquee behavior= "scroll" align= "center" direction= "up" height="320" scrollamount= "3" scrolldelay= "90" onMouseOver='this.stop()' onMouseOut='this.start()'> 
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">

<%      

sqlstmt = "SELECT * FROM noticias ORDER BY data, id_noticia DESC"
         Set rs = Server.CreateObject("ADODB.Recordset")
         rs.Open sqlstmt, Dados, 3, 3
TotalRecs = rs.recordcount
x = 0
For x = 1 to 9999
If rs.eof then
	Exit For
Else
	date1 = rs("data")
	id_noticia = rs("id_noticia")
	name1 = rs("titulo")
  	link = "<a href='view.asp?id_noticia=" & id_noticia & "'>" & date1 & "</a>"
	description = name1
%>

 <tr> 
   <td height="2" valign="top" bgcolor="#FFFFFF"><p><font face="Geneva, Arial, Helvetica, san-serif" size="2" class="home"> 
     <span class="home"> 
       <img src="imagens/<%=rs("foto")%>" alt="" width="110" height="95" hspace="8" vspace="2" border="0" align="left">
	<% =link %>
     </span></font></p>
     <p><font face="Geneva, Arial, Helvetica, san-serif" size="2" class="home"><span class="home">
       <% =description%>
     </span></font></p>
   </tr>
 <%
rs.MoveNext
End If
Next

%>
</table>
<tr> 
<td> 
   <table width="25%" border="0" align="left" cellpadding="0" cellspacing="0">
         <tr> 
           <td align="center"> </td>
         </tr>
       </table>
 </td>
</tr>
</body>
</html>

 

view.asp

 


<!--#include file="config.asp"-->

<html>
<head>
<title><%=TS%></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="estilos.css" type="text/css" media="screen" />

</head>

<body text="#000000">
<% id_noticia = request.querystring("id_noticia")
         sqlstmt = "SELECT * FROM noticias where id_noticia =" & id_noticia & " ORDER BY id_noticia DESC"
         Set rs = Server.CreateObject("ADODB.Recordset")
         rs.Open sqlstmt, Dados, 3, 3
         TotalRecs = rs.recordcount

	date1 = rs("data")
	id_noticia = rs("id_noticia")
	name1 = rs("titulo")
	p1= rs("materia")

  	description = p1 %>
<table border="1" cellpadding="4" cellspacing="0" width="430" bordercolor="#000000" align="left">
 <tr> 
     <td>
       <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr> 
           <td align="center"><strong><%=name1%></strong></td>
         </tr>
       </table>
   </td>
</tr>
   <tr>
     <td>
       <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr> 
           <td> 
             <% if rs("foto") = "N" then %>
             <img src="imagens/semfoto.gif" width="110" height="95" hspace="8" vspace="2" border="0" align="left"> 
             <% else %>
             <img src="imagens/<%=rs("foto")%>" border="0" align="left" hspace="8" vspace="2"> 
             <% end if %>
             <strong>Data:</strong> <%=date1%><br>
             <br>
             <%=description%> <br>
             <br>
             <br>
           </td>
         </tr>
       </table>
     </td>
   </tr>
   <tr> 
     <td> 
       <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr> 
           <td align="center"><form><input type="button" value=" Voltar "onclick="history.go(-1)"> </p></form></td>
         </tr>
       </table>
     </td>
 </tr>
</table>                        
</body>
</html>

 

Obrigado a todos que puderem ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

cmachado    0

cmachado
Postado

Até ai eu entendí, pois trabalhar com janela modal eu já conheço, obrigado por este link, realmente é muito simples.

 

Mas acho que não me expressei bem.

 

Nesta página "index.asp" existem vários registros que vêm do banco, o problema é que não estou conseguindo fazer com que ao clicar na data da notícia (que neste caso é o link), abra o registro exato ao qual foi clicado com a janela "view.asp".

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

saloeric    1

saloeric
Postado

pelo que entendi você quer que ao clicar numa noticia na página index.asp abra o modal com a noticia escolhida, onde este modal vai ter o conteudo da página view.asp, se for isso pelo link que passei isso funciona perfeitamente,

 


$(function() {	// if the function argument is given to overlay,	// it is assumed to be the onBeforeLoad event listener	$("a[rel]").overlay({		mask: 'darkred',		effect: 'apple',		onBeforeLoad: function() {			// grab wrapper element inside content			var wrap = this.getOverlay().find(".contentWrap");			// load the page specified in the trigger			wrap.load(this.getTrigger().attr("href"));		}	});});

tem que ter a div que vai receber os dados

<!-- overlayed element -->
<div class="apple_overlay" id="overlay">
<!-- the external content is loaded inside this tag -->
<div class="contentWrap"></div>
</div>

a função acima chama a página que tiver no href via ajax

no seu código basta adicionar o rel no link

link = "<a rel='#overlay' href='view.asp?id_noticia=" & id_noticia & "'>" & date1 & "</a>"

Compartilhar este post

Link para o post
Compartilhar em outros sites

cmachado    0

cmachado
Postado

Cara não entendí?

 

Realmente é o que você exlicou, utilizei o código com o link, mas acho que falta alguma coisa na linha:

 

link = "<a rel='#overlay' href='view.asp?id_noticia=" & id_noticia & "'>" & date1 & "</a>"

 

Pois quando coloco este código dá um erro.

 

Têm como você postar o código com as modificações?

 

Pois tentei arrumar e não consegui.

 

Obrigado pela força.

 

CONSEGUI!!!

 

Valeu mesmo Saloeric, apesar de não estar entendendo um pouco sua explicação, dei o meu jeito.

 

Peguei o código fonte da página do link que você me indicou e funcionou perfeitamente.

 

Valeu mesmo pela força parceiro.

 

Podem fechar o tópico, ficou show de bola.

 

Abraços e feliz ano novo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

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

  Aceito