Ir para conteúdo
Fórum Script Brasil
  • 0

Sistema de notícia em ASP


WEBIER

Pergunta

estou desenvolvendo um site de noticias e estou com um problema nessa parte.

é para aparecer a primeira noticia (foto, titulo e resumo), depois de um tempo ela some e aparece a segunda noticia, depois a terça, quarta e quinta noticia... depois retorna para a primeira.

Para fazer a rotatividade fiz em Java Script assim:

<style type="text/css">
#noticia2, #noticia3, #noticia4, #noticia5 { display: none; }
</style>

&lt;script type="text/javascript">
noticias = function() {                
this.quantidade = 5; // int        
this.intervalo = 2000; // seconds                
this.num = 1;        
this.start = false;        

function noticia() {                
if (this.num == 1) {                        
if (document.getElementById('noticia'+this.quantidade).style.display == "block") {                                 
hideNoticia(this.quantidade);                        
}                
} else {                        
hideNoticia(this.num-1);                
}                
showNoticia(this.num);        
}                

function showNoticia(noticia) { 
document.getElementById('noticia'+noticia).style.display = "block";
}                
function hideNoticia(noticia) { 
document.getElementById('noticia'+noticia).style.display = "none";
}                
function rodaNoticia() {                
if (this.start && this.num < this.quantidade) {                        
this.num = this.num + 1;                
} else {                        
this.num = 1                
} 
                               
noticia();

this.start = true;        
}                

window.setInterval(rodaNoticia, this.intervalo);
}
window.onload = noticias;
</script>
e a parte de trazer os dados em ASP fiz assim:
<%
Set nt1 = Server.CreateObject("ADODB.Recordset")
nt1.Open "SELECT * from noticias order by id desc", DB
            
Contar = 0
numNoticia = 1
            
Do while not nt1.Eof
tópico = nt1("tópico")
Resumo = nt1("Resumo")
Classe1 = nt1("Classe1")
Classe = nt1("Classe")
Foto = nt1("Foto")
Horas = nt1("Horas")
id = nt1("id")
                
textoRes = Mid(Resumo, 1, 90)
                
if Foto <> "fotos/" then %>
                
<p align="left" style="margin-top: 0; margin-bottom: 0" id="noticia<%Response.Write numNoticia%>">
<a target="conteudo" href='Mostra.asp?Noticias=<%=nt1("id")%>&Classe=<%=nt1("classe")%>'>
<img src="<%=nt1("foto")%>" width="189" height="158" border="1">
<font face="Arial" color="red" style="font-size:8pt;"><strong><%Response.Write tópico%></strong></font><br>
<font face="Arial" color="black" style="font-size:6pt;"><strong><%Response.Write textoRes&"..."%></strong></font></a></p> 
          
<%
numNoticia = numNoticia + 1
end if
nt1.Movenext
Loop
%>

Realmente aparece a 1a, 2a, 3a, 4a, 5a noticia e depois volta para a 1a... funcionando perfeitamente...

Meu problema é a aparece abaixo da 1a noticia a 2a, 3a, 4a, 5a

Exemplo:

[NOTICIA 1] fazendo rotação com 2a, 3a, 4a, 5a

[NOTICIA 2] parada

[NOTICIA 3] parada

[NOTICIA 4] parada

[NOTICIA 5] parada

e não era para aparecer essas noticias abaixo não... era somente 1 noticia em rotatividade de 5 noticias

Editado por Jonathan Queiroz
Remover caixa alta do título (Jonathan)
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Bem eu dei uma olhada 'por auto' pois seu código está todo 'embananado' mas pelo que entendi a dúvida o problema é de CSS ... pois você deve começar com as noticias todas invisíveis e o JS que irá ativar e mostrar-lás então nessa parte do código esconda as nóticias.

// Mude:
<p align="left" style="margin-top: 0; margin-bottom: 0" id="noticia<%Response.Write numNoticia%>">

// Para
<p align="left" style="margin-top: 0; margin-bottom: 0; display: none" id="noticia<%Response.Write numNoticia%>">

Link para o comentário
Compartilhar em outros sites

  • 0
Bem eu dei uma olhada 'por auto' pois seu código está todo 'embananado' mas pelo que entendi a dúvida o problema é de CSS ... pois você deve começar com as noticias todas invisíveis e o JS que irá ativar e mostrar-lás então nessa parte do código esconda as nóticias.

// Mude:
<p align="left" style="margin-top: 0; margin-bottom: 0" id="noticia<%Response.Write numNoticia%>">

// Para
<p align="left" style="margin-top: 0; margin-bottom: 0; display: none" id="noticia<%Response.Write numNoticia%>">

Deu Certo, Obrigado SK15

como eu marco como resolvido?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...