[Resolvido] Marquee sempre passar as noticias

[Jow Xavier 0]

Bom dia;

Baixei um script de um marquee em JavaScript e adptei para as minhas necessidades, mas começei a perceber q sempre q passam as noticias duas vezes e depois disso ele passa a noticia junto com o layout, como eu faço para sempre passar as noticias, ou seja sempre ficar repetindo, tipo: noticia1 | noticia2 | noticia1 | noticia2 | noticia1 | noticia2. E assim sempre, o q pode estar havendo ??

[Alaerte Gabriel 662]

Porque não usas o marquee do próprio HTML ?

[Jow Xavier 0]

Então eu tbm gostaria de usar, mas segundo me disseram ele ñ funciona em alguns navegadores, eu ñ sei se isso é verdade ? mas me mandaram fazer de outro jeito e essa foi uma sol~ução q eu encontrei ...

[Alaerte Gabriel 662]

Sempre usei ele e funcionou perfeitamente tanto no IE como no FF:

 

<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onMouseOver='this.stop()' onMouseOut='this.start()'>

teste

</marquee>

[webflex 0]

Olá,

 

Apenas não é recomendado o uso do marquee, é uma tag deprecated. Veja que ele já nem aparece na lista de referência da W3Schools..

Ajudar-te-ia mas ainda estou aprendendo JavaScript, apesar de saber que é possível faze-lo ;).

 

Cumps \o/

[Alaerte Gabriel 662]

ainda estou aprendendo JavaScript

somos 2 :D

[Mário Monteiro 179]

O marquee está em desuso, nao é recomendado que aplique

[Jow Xavier 0]

O marquee está em desuso, nao é recomendado que aplique

Ok estou usando JavaScript mas acontece q ñ estou conseguindo fazer exibir os dados na linha ... olha o site q estou fazendo www.cinalp.com.br/novo,note q as noticias q aparecem abaixo no site estão aparecendo metade da noticia, o resto da noticia está abaixo da faixa, preciso fazer ebir a noticia completa na mesma linha ....

[GuttoSP 2]

Ôpa,

 

Como você não postou seu código pra gente tentar encontrar uma solução, seguem dois links que podem ser úteis:

 

http://javascript.about.com/library/bltick1.htm

 

http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm

 

Os dois são cross browser.

[Jow Xavier 0]

Cara dei uma olhada nesse dois links e achei muito bom vou testá-los, omeu código é este

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style rel="stylesheet" type="text/css">
/*<![CDATA[*/
a:link {text-decoration: none;}
a:visited {text-decoration: none; color:#663300;}
a:hover {text-decoration: none;color: #e2e2e2}
a:active {text-decoration: none;}

#caixa{
background:#e2e2e2; /* cor de fundo */
width:796px; /* tamanho da faixa */
height:30px;
overflow:hidden;
}
#marquee{
width:400px;
background; /* cor da primeira noticia */ 
}
/*]]>*/
</style>
<script type="text/javascript">

/* INICIO POUPUP */

/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

/* FIM DO POUPUP */



//<![CDATA[
var Rollar = "sim";/*Não Altere faz parte do EFEITO*/
var tipo = "left";/*Altere para usar as opções LEFT, RIGHT, TOP e DOWN*/
var roll = 0;/*Não Altere faz parte do EFEITO*/
var tmp = 20;/*Defina a velocidade aqui*/

function Duplicar(){
	var Marquee = document.getElementById("Marquee");
	Cont = Marquee.innerHTML;
	if (tipo=="left" || tipo=="right"){
		IDA = "<div style=\"float:left; position:relative;margin-left:-"+Marquee.clientWidth+";width:"+Marquee.clientWidth+"; height:"+Marquee.clientHeight+";\">"+Cont+"</div>";
		IDB = "<div style=\"float:right; position:relative;margin-right:-"+Marquee.clientWidth+";width:"+Marquee.clientWidth+"; height:"+Marquee.clientHeight+";\">"+Cont+"</div>";
		IDC = IDA + IDB + Cont;
	}
	if(tipo=="top" || tipo=="down"){
		IDA = "<div style=\"float:left; position:relative;margin-top:-"+Marquee.clientHeight+";width:"+Marquee.clientWidth+"; height:"+Marquee.clientHeight+";\">"+Cont+"</div>";
		IDB = "<div style=\"float:left; position:relative;margin-bottom:-"+Marquee.clientHeight+";width:"+Marquee.clientWidth+"; height:"+Marquee.clientHeight+";\">"+Cont+"</div>";
		IDC = IDA + Cont + IDB;
	}
	Marquee.innerHTML = IDC;
}
function Fmarquee(){
	var Marquee = document.getElementById("Marquee");
	var Caixa = document.getElementById("caixa");

if(tipo=="left" || tipo=="right"){
	var Altura = Caixa.clientWidth;
}else if(tipo=="down" || tipo=="top"){
	var Altura = Caixa.clientHeight;
}

	roll++;

	if(Altura==roll){
		roll = (roll*-1);
	}

	if(tipo == "top"){
		Marquee.style.marginTop = (roll*-1)+"px";
	} else if (tipo == "down"){
		Marquee.style.marginTop = roll+"px";
	} else if (tipo == "left"){
		Marquee.style.marginLeft = (roll*-1)+"px";
	} else if (tipo == "right"){
		Marquee.style.marginLeft = roll+"px";
	}

	if(Rollar == "sim"){
	   setTimeout("Fmarquee()",tmp);
	}
}
function playM(){
	Rollar = "sim";
	Fmarquee();
}

function stopM(){
	Rollar = "não";
}

window.onload = function(){
	Rollar = "sim";
	Fmarquee();
	Duplicar();
}
//]]>
</script>
<link href="estilos.css" rel="stylesheet" type="text/css">
<div id="caixa" onMouseOut="playM();" onMouseOver="stopM();">
	<div id="Marquee">
	<!-- #include file="admin/config/conexao.asp"-->
		<%
	call abre_conectar

nome=request.Form("nome")
titulo=request.Form("titulo")
noticia=request.Form("noticia")
autor=request.Form("autor")
autonum = Request.QueryString("autonum")

sql = "Select * from contato "  

set tab = cnn.execute(sql) %>
	<table>
	<tr>
	<td></td>
	</tr>
	<tr>
<td align="center">
<% if not tab.eof then
	 while not tab.eof%>
		  <a href="detalhe_noticia.asp?noticia=<%=tab("autonum")%>" class="link2" onClick="NewWindow(this.href,'name','350','300','yes');return false"><%=tab("titulo")%><span class="titulo1"> | </span></a> 
		  <%
tab.movenext
	wend
else  
end if%></td>
</tr>
</table>


<% call fecha_conectar 
set tab = nothing %>
	  </div>
  </div>

[Jow Xavier 0]

Então ñ consegui adaptar nenhum desses códiggos com a minha necessidade, preciso usar o ASP para trazer os dados do banco de dados e tbm usar um sistema de poupup ... o código q eu tenho só preciso fazer q exiba em uma linha ...

[Jow Xavier 0]

Já consegui resolver valeuuuu !!!!