Ir para conteúdo

POWERED BY:

Arquivado

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

Luiz da Matta

Noticia Dinamica em Javascript

Por , em Javascript

Recommended Posts

Luiz da Matta    0

Luiz da Matta
Postado

Olá a todos... Pois bem, estou com um probleminha e sei que voces irao me ajudar rapidinho tipo, eu quero montar uma area no meu site onde o titulo das noticias ficam alternando automaticamente procurei pra caramba na internet. Eu sempre acho soluções javascript aqui no site do Imasters mas essa não tem ai eu achei um codigo pronto em um blog pela internet mas o dono do blog não foi quem criou o codigo então ele nao pode me ajudar, efim meu problema é que o codigo funciona perfeitamente no IE7 mas no Firefox não roda... eu tambem se possivel gostaria de que esse titulos de noticias fossem buscados no Banco de dados dai eu nao entendo muita coisa de javascript, na verdade estou a alguns meses trabalhando com PHP pois comecei estudando ASP mas todos me falavam pra comecar pelo PHP enfim... Algumas coisas só mesmo javascript resolve mas se voces conhecem outra solução como AJAX por favor me informem desde já obrigado

 

 

 

<html>
<head>
<script language='javascript'><!--
var speed=4500
i=0
j=0
m=0
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function update(){
if (document.layers){
document.mensagem.document.submensagem.document.write(tnoticias[i])
document.mensagem.document.submensagem.document.close()
}
else
document.all.submensagem.innerHTML=tnoticias[i]

if (i<tnoticias.length-1)
i++
else
i=0
setTimeout("update()",speed)
}

function Inicio() {
   if (document.all||document.layers) {
	  regenerate2();
	  update();}}
var tnoticias = new Array();
// Aqui você atualiza as notícias do site
// Cuidado com as aspas duplas
tnoticias[0]="<p align='left'><font size='1' face='Verdana,Arial,Helvetica'>05/09/2003 - Com reforma, a carga tributária pode crescer 4,5%</font></p>";
tnoticias[1]="<p align='left'><font size='1' face='Verdana,Arial,Helvetica'>05/09/2003 - Corte de impostos pode entrar na agenda</font></p>";
tnoticias[2]="<p align='left'><font size='1' face='Verdana,Arial,Helvetica'>05/09/2003 - Reforma tributária ajuda a distribuição de renda</font></p>";
tnoticias[3]="<p align='left'><font size='1' face='Verdana,Arial,Helvetica'>03/09/2003 - Receita vai concentrar fiscalização em devedor que ficou fora do Refis</font></p>";
// Você pode retirar ou acrescentar noticias no vetor
--></script>
</head>

<body onload="Inicio()">
<table>
<tr><td width='100%' height='70' valign='top'><div id="mensagem">
<div id="submensagem">Aguarde...</div>
</div></td></tr></table>

<!-- resto da página - -->

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

não sei beim o que quer... se for so aquilo de pegar os titulos e eles irem aparecendo eu tenhu um codi que faz isso e ainda tem um efeito de fade se achar eu posto aqui

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

quanto as noticias serem puxadas do banco eu saberia fazer em php naum em javascript e realmente naum precisa ser em java você pode usar o php pra puxar e o scriptzinho em java que é o que você ja tem pronto so unir os dois se tiver difuldade posta ai que eu ti ajudo

 

abr[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

boum ja adiantando hahahaha

 

 

<style type="text/css">  
	#noticias {   
		list-style: none;   
		font: 12px Arial;   
		font-weight: bold;   
	}   
</style>  
  
<script language="javascript" src="jquery-1.2.6.js"></script>  
<script language="javascript" src="mask_news.js"></script>  
  
<script type="text/javascript">  
	$(document).ready(   
		function() {   
			$("#noticias").newsTicker();   
			parseSamples();   
		}   
	);   
</script>

<?php
$host="";//servidor, se local geralmente será localhost
$login="";//login do banco de dados, se local geralmente será root
$senha="";//senha do banco de dados
$banco_dados="";//nome do banco com os titulos
$tabela="";//a tabela que contem os titulos
$conecta_banco = mysql_connect("$host,$login,$senha");//faz a conexao
$seleciona_banco=mysql_select_db("$banco_dados");//seleciona o banco
$seleciona_infos=mysql_query("SELECT * FROM $tabela");//faz busca ...se quiser limitar um numero x de titulos coloque LIMIT e o numero de titulos que o banco vai retornar

//imprime os titulos
echo '<ul id="noticias" style=""> ';
while($dados=mysql_fetch_array($seleciona_infos)){
$titulo=$dados["titulo"];
echo '<li>$titulo</li>';//listara todos os titulos do seu banco 
}
echo '</ul>';
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel-DF    0

Daniel-DF
Postado

Caro amigo, já tinha um tempão que procurava uma forma de fazer isso. E passei o dia de ontem analizando um script de um site que fazia isso, e pra variar o script era em js puro e um puco grande para minha necessidade. Então graças a Deus consegui reduzir o código e converte-lo para jquery. Ele ainda tá simples, mas você pode modifica-lo.

Segue:

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

<style>
#retorno 
{
position:absolute;
top:60px;
left:100px;
font: 13px "Trebuchet MS", Tahoma, Verdana;	
text-align:center;	
color:#003E00;
border: 1px solid #003E00; 
width:100px;  
height:30px;	
display:block;
}
#crono
{
position:absolute;
top:60px;
left:20px;
font: 13px "Trebuchet MS", Tahoma, Verdana;	
text-align:center;	
color:#003E00;
border: 1px solid #003E00; 
width:60px;  
height:30px;	
display:block;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).load(contagem);
});
// Contador
tempoRegressivo = 10;
Sgd = tempoRegressivo;
function contagem(){
	if(Sgd!=0){
 			  $('#crono').html(Sgd--);
	}else{
			if (Sgd==0){
 					$('#crono').html(tempoRegressivo);
 					Sgd = tempoRegressivo;
				  $.post("retorno.php",
  function(data){
  var retorno=data;
	$('#retorno').html(retorno);
  });
  
					
			}
	}
 	setTimeout("contagem()",1000);
}
</script>
</head>
<body>
<div id=crono></div>
resultado a cada 10 seg:<div id=retorno></div>
</body>
</html>

retorno.php

 

<?
$filename = 'arquivo.php';
if (file_exists($filename)) {
	echo "$filename foi modificado em " . date ("j/m/Y H:i:s.", filemtime($filename));
}else{
echo'erro';
}
?>

No teste ele busca a data e hora da última atualização de um arquivo e exibe na div retorno, caso não encontre o arquivo ele exibe erro.

 

Abraço e Deus te abençoe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz da Matta    0

Luiz da Matta
Postado

Obrigadão cara, funcionou... porem se algum ainda se habilitar pra descobrir porque aquele codigo funciona no IE7 e não no Firefox... ele é bem mais simples esse que me passaram aqui é show de bola porem eu tenho que importar dois blocos de codigo pra ele funcionar algo que mesmo eu nao sabendo fazer parece simples... abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Bueno    23

Ronaldo Bueno
Postado

Pessoal Alguém saberia como faço isso com ASP? pegar a noticia do BD e ir colocando na DIV ?

 

Exemplo:

 

Quando entro aparece uma quantidade de noticias, passe se um tempo (a definir) e ele pega outra nova e coloca em cima das outras e abaixa as antigas. tem como?

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito