Banner Rotativo

miraci · Junho 13, 2007

Olá pessoal,

sou nova na área, estou tento um probleminha no scritp de um BANNER ROTATIVO TIPO DA UOL.

Só posso usar ele como frame em uma página, só que quando clico no link ele abre na mesma página dentro do frame.

COMO POSSO ALTERAR O CÓDIGO PARA O LINK ABRIR EM OUTRA PÁGINA?

Por favor me ajudem.

Segue o código completo abaixo.

<html><head><title></title><style type="text/css"> #painel {width:512px;height:150px;background-color:#E9E9E9;float:left;}div>#painel {} /*hack*/#painel-conteudo {	display:none;}#painel h2 {	font-size:12px;	padding:0 1em;	margin:0;}#painel h2 a {	font-size:12px;	color:#575757;}#painel h2 a:visited {	color:#575757;}#painel #imgslide {width:512px;height:150px;margin:0 0 0.6em 0;}#painel #proximo, #painel #anterior, #painel #pause {cursor:pointer;cursor:hand;position:absolute;}#painel #prox-ant {position:absolute;top:165px;width:13.8em;height:10px;left:10;}#painel #anterior {left:315px;}#painel #proximo {left:420px;}#painel #pause {left:393px;}#painel #to-blend {opacity:0.99;zoom:1;}</style><script type="text/javascript">var d=document;$ = function(id) {	if(!arguments[1]) return document.getElementById(id);	else document.getElementById(id).style[arguments[1]]=arguments[2];}function delItem(arr,item){for(;item<arr.length;item++) arr[item]=arr[item + 1];arr.length=arr.length-1;} function goURL(){(Item[atual][3].indexOf('_top')!=-1) ? window.open(Item[atual][3].substring(0,Item[atual][3].indexOf(' '))) : location.href=Item[atual][3];} function startSlide(){ loadImages();if(!paused) timeoutId=setTimeout('changeImg(1)',6000);} function initialize(){timeoutId=0;textareaContent=d.form_cr.select_cr.value.split(/[\r\n]/i);Item = new Array();for(x=0,y=0;x<textareaContent.length;x++){ 	if(textareaContent[x].length>30) Item[y++]=textareaContent[x].split('|');	}for(i=Item.length-1;i>=0;i--){	Item[i][0]=Item[i][0].replace(/([ \n\t\r])+/, " ");	Item[i][4]=(Item[i][4].length<3) ? '' : '<img src="'+Item[i][4]+'" border="0" style="margin-left:4px;" />';	if(Item[i][1].length<3||Item[i][3].length<3||Item[i][2].length<3||Item[i][0].length<2) delItem(Item,i);	}if(Item.length==1) d.write('<style>#anterior,#proximo,#pause{visibility:hidden;}</style>');atual = Math.random().toString().substring(2,6) % Item.length;} function startPanel(){usaCredito = '';initialize();if(arguments.length>0){	if(!isNaN(arguments[0])) atual = arguments[0];	}if(paused) {imgpause='on'; altpause='alt="Ligar" title="Ligar"';}else {imgpause='off'; altpause='alt="Parar" title="Parar"';}d.write('<div id="to-blend">'+usaCredito+'<a href="javascript:goURL()"><img src="'+Item[atual][1]+'" id="imgslide" name="img1" border="0" title="'+Item[atual][0]+'" alt="'+Item[atual][0]+'"></a>');d.write('<h2><a href="javascript:goURL()" id="p-link"><span id="txt1">'+Item[atual][2]+'</span><span id="icon-area">'+Item[atual][4]+'</span></a></h2></div>');d.write('<div id="prox-ant"><a href="javascript:void(0)" id="anterior" onclick="if(okToGo)changeImg(-1)"><img src="imagens/anterior.gif" border="0" /></a><img src="imagens/pause.gif" onclick="pauseSlide()" id="pause" '+altpause+' />');d.write('<a href="javascript:void(0)" id="proximo" onclick="if(okToGo)changeImg(1)"><img src="imagens/proximo.gif" border="0" /></a></div>');} function pauseSlide(){if(paused){	$('pause').src='imagens/pause.gif';	$('pause').title='Parar'; $('pause').alt = 'Parar';	d.cookie="homeUOLpause=0;domain=.uol.com.br;expires=Thu, 2 Aug 1970 20:47:11 UTC;"; 			paused=false;	startSlide();}else{	clearTimeout(timeoutId);	d.cookie="homeUOLpause=1;domain=.uol.com.br;expires=Thu, 2 Aug 2222 20:47:11 UTC;"; 		$('pause').src='imagens/pause1.gif';	$('pause').title='Ligar'; $('pause').alt = 'Ligar';	paused = true;} }var okToGo=false;var paused=(d.cookie.indexOf('homeUOLpause=1')!=-1) ? true : false;onload=startSlide;</script><link href="../CSS/links_fat.css" rel="stylesheet" type="text/css"></head><body bgcolor="#c5c5c5"><span class="inside-box"><form name="form_cr" action="" id="painel-conteudo">    <textarea name="select_cr" cols="0" rows="0">Figura 1|imagens/Figura1.gif|<br> banner 1| banner 1.html|Figura 2|imagens/Figura2.gif|<br> banner 2| banner 2.html|Figura 3|imagens/Figura3.gif|<br> banner 3| banner 3.html|Figura 4|imagens/Figura4.gif|<br> banner 4| banner 4.html|Figura 5|imagens/Figura5.gif|<br> banner 5| banner 5.html||||||  </textarea></form>		<div id="painel">										<script type="text/javascript">startPanel(0);</script></div><script type="text/javascript">// painel rotativo //function changeOpac(opacity){var obj = $('to-blend').style;obj.opacity=(opacity/101);obj.MozOpacity=(opacity/101);obj.KhtmlOpacity=(opacity/101);} function blend(imagefile){var speed=7;var timer=0;for(i=100;i>0;i-=2) setTimeout('changeOpac('+i+')', timer++ * speed);setTimeout('changeContent()', timer * speed);for(i=0;i<=100;i+=2) setTimeout('changeOpac('+i+')', timer++ * speed);} function changeImg(id){clearTimeout(timeoutId);atual+=parseInt(id);if(atual>Item.length-1) atual=0;if(atual<0) atual=Item.length-1;if(imgDsp[atual].complete==false){	atual--;	timeoutId = setTimeout('changeImg('+id+')',500);	return;	} if(d.all && navigator.userAgent.indexOf('Opera')==-1){	try {	oDiv = $('to-blend');	oDiv.style.filter="blendTrans(duration=0.7)";   	oDiv.filters.blendTrans.apply();	oDiv.filters.blendTrans.play();	changeContent();	} catch(e) { changeContent(); }} else { blend(); }if(!paused) timeoutId=setTimeout('changeImg(1)',6000);} function loadImages(){imgDsp = new Array();for(n=0;n<Item.length;n++){	imgDsp[n]=new Image();	imgDsp[n].src=Item[n][1];	}okToGo = true;} function changeContent(){d.img1.src=imgDsp[atual].src;d.img1.alt=d.img1.title=Item[atual][0];$('txt1').innerHTML=Item[atual][2];if(usaCredito!='') $('credito').innerHTML=Item[atual][0];$('icon-area').innerHTML=Item[atual][4];}</script></html><!-- -->

Anderson Mello · Junho 14, 2007

Miraci, primeiramente, bem-vindo ao fórum http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

O código do banner rotativo é em Javascript, então estou movendo seu tópico para que o pessoal possa te ajudar.

Movido: PHP (Artigos, Dicas...) http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript

[]s

Anderson Mello

Henrique Wirz · Junho 26, 2007

Oi brother,

Acredito que você possa solucionar seu problema da seguinte maneira:

no código javascript existe a seguinte função:

function goURL()

{

(Item[atual][3].indexOf('_blank')!=-1) ? window.open(Item[atual][3].substring(0,Item[atual][3].indexOf(' '))) : location.href=Item[atual][3];

}

Tente mudar de _blank para o target que você definiu em sua janela que irá receber o link...

Espero que funcione! Também estou utilizando este painel mas ainda não testei,

Até a próxima...

Entrar

Arquivado

Banner Rotativo

Recommended Posts

miraci 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Anderson Mello 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Wirz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante