Foros del Web » Programando para Internet » Javascript »

Scroll de enlaces, ayuda porfavor!!!!!!!!!!!!

Estas en el tema de Scroll de enlaces, ayuda porfavor!!!!!!!!!!!! en el foro de Javascript en Foros del Web. -buenas he encontrado lo que queria: http://javascript.tunait.com/javascr...=scrollenlaces -Pero el problema es que no me puedo bajar el codigo fuente y al no controlar muy bien ...
  #1 (permalink)  
Antiguo 19/04/2004, 08:32
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
Scroll de enlaces, ayuda porfavor!!!!!!!!!!!!

-buenas he encontrado lo que queria: http://javascript.tunait.com/javascr...=scrollenlaces
-Pero el problema es que no me puedo bajar el codigo fuente y al no controlar muy bien el tema de los codigos, necesito el codigo completo. Alguien me lo puede pasar.
  #2 (permalink)  
Antiguo 19/04/2004, 08:55
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 4 meses
Puntos: 381
Qué tal,

hay un link directo para ver el código fuente, si lo pinchas te lo abre directamente en el block de notas (si usas explorer)

De todas formas ahí te dejo el código

esto va en head
Código:
<script language="JavaScript" type="text/JavaScript">
/**************************************************************
Scroll de enlaces. Script creado por Tunait! (6/1/2004)
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
[email protected] 
****************************************************************/
var ancho = 250 //anchura del cuadro
var alto = 50 //altura del cuadro
var marco = 1 //0 para que notenga marco (borde)
var fondo = '#FFFFFF' //color de fondo del cuadro
var pausilla = 2000 //tiempo de la pausa en milisegundos (2000 = 2 segundos)
var destino = "_blank" //target en donde se quiera que se carguen los enlaces, en caso de usarlos.
var cursor = "default;"  //cursor que se quiera sobre el cuadro
var colEnlace = '#006699' //color del texto del enlace
var fuente = "arial" //fuente para los textos 
var tamEnlace = '14' // tamaño de la fuente del enlace 
var negrita = true //si se quiere o no negrita en el texto del enlace

function Enlace(texto,enlace,destino){
	this.texto = texto
	this.enlace = enlace
	this.destino = destino
	}
var Enlaces = new Array()

Enlaces[0]= new Enlace("Aquí el primer texto","http://www.yahoo.es/","_self")
Enlaces[1]= new Enlace(" Bartolo nunca tuvo una flauta. En realidad era una tuba. ","#","_blank")
Enlaces[2]= new Enlace("El caballo blanco de Santiago era blanco.","17/5/03","http://www.altavista.com/","_blank")
Enlaces[3]= new Enlace("Quien a buen arbol se arrima se arriesga a que le caiga un rayo.","http://www.forosdelweb.com/","_blank")
Enlaces[4]= new Enlace ("Descubierto que 'andando' además de gerundio provoca cansancio.","http://www.maestrosdelweb.com/","_blank")
Enlaces[5]= new Enlace ("Ultima hora: Kojak debe su calvicie a la ausencia de pelo.","#","_blank")
Enlaces[6]= new Enlace("El perro de Perico se come la flauta del Bartolo y éste le reclama un palote.","#","_blank")
Enlaces[7]= new Enlace("Ahora se cree que los Reyes Magos en realidad eran tres.","#","_blank")


var det = false

function escribe(){
document.write ('<div id="mami" style="width:' + ancho + '; height:' + alto + 'px; position:relative;  overflow:hidden ">')
document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '" height="100%"><tr><td valign="top">')
document.write ('<div id="uno" style="top:' + alto +'; width:' + ancho + ' height:' + alto + 'px;  ">')

	document.write ('<a class="enlace" href="')
	document.write (Enlaces[0].enlace)
	document.write ('" target="' + Enlaces[0].destino + '">' + Enlaces[0].texto + '</a>')

document.write ('</div>')
document.write ('<div id="dos" style="top:' + (alto*2) +'; width:' + ancho + ' height:' + alto + 'px; ">')


	document.write ('<a class="enlace" href="')
	document.write (Enlaces[1].enlace)
	document.write ('" target = "' + Enlaces[1].destino + '">' + Enlaces[1].texto + '</a>')

document.write ('</div>')
document.write('</td></tr></table>')
document.write ('</div>')
if(navigator.appName == "Netscape")
{altoUno = document.getElementById('uno').offsetHeight}
else
{altoUno = document.getElementById('uno').clientHeight}
document.getElementById('uno').onmouseover =function(){
	det = true
	clearTimeout(tiempo)
	}
document.getElementById('uno').onmouseout =function(){
	det = false;
	clearTimeout(tiempo)
	escrolea()
	}

document.getElementById('dos').onmouseover =function(){
	det = true
	clearTimeout(tiempo)
	}
document.getElementById('dos').onmouseout =function(){
	det = false;
	clearTimeout(tiempo)
	 escrolea()
	 
	}
}
desp = 1
var cont = 1
var pos,pos2
function escrolea(){
pos = document.getElementById('uno').style.top
pos = pos.replace(/px/,"");
pos = pos.replace(/pt/,"");
pos = new Number(pos);
pos2 = document.getElementById('dos').style.top
pos2 = pos2.replace(/px/,"");
pos2 = pos2.replace(/pt/,"");
pos2 = new Number(pos2);
pos -= desp
pos2 -= desp

if (pos == desp){
	var contenidos = ""
	document.getElementById('dos').style.top = alto
	document.getElementById('dos').childNodes[0].firstChild.nodeValue  = Enlaces[cont].texto
	document.getElementById('dos').childNodes[0].href = Enlaces[cont].enlace 
	document.getElementById('dos').childNodes[0].target = Enlaces[cont].destino 
	document.getElementById('uno').style.top = 0
	if(cont == Enlaces.length-1)
		{cont=0}
	else{
		cont++
		}
	pausa()
	return false
	}
else{
	if (pos2 == desp){
		var contenidos = ""
		document.getElementById('uno').style.top = alto

		document.getElementById('uno').childNodes[0].firstChild.nodeValue  = Enlaces[cont].texto
		document.getElementById('uno').childNodes[0].href  = Enlaces[cont].enlace
		document.getElementById('uno').childNodes[0].target  = Enlaces[cont].destino
		document.getElementById('dos').style.top = 0
		if(cont == Enlaces.length-1)
		{cont=0}
	else{
		cont++
		}
		pausa()
		return false
		}
	else{
		document.getElementById('uno').style.top = pos
		document.getElementById('dos').style.top = pos2
		}
	}
tiempo = window.setTimeout('escrolea()',50)
}
var tiempo
function pausa()
{
clearTimeout(tiempo)
if (det == false){
	tiempo = setTimeout ('continuar()',2000)
	}
}
function continuar()
{
if(det == false)
	{escrolea()}
}

document.write('<style type="text/css">')
document.write ('#uno {')
document.write ('color: #006699;')
if(cursor == "pointer" || cursor == "hand"){
cursor = (navigator.appName == "Netscape")?'pointer;':'hand;';
}
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('#dos {')
document.write ('color: #006699;')
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('.enlace{')
if(negrita){
document.write('font-weight: bold;')
}
document.write ('color:' + colEnlace + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamEnlace + ';}')
document.write ('</style>')
</script>
y esto en body

<body onload="escrolea()">
<div align="center">
<p>
<script>escribe()</script>
</p>

</div>
</body>

Las instrucciones de configuración están en el link que dejaste

un saludo
  #3 (permalink)  
Antiguo 19/04/2004, 08:59
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
-UN millon de gracias, es que no me deja abrirlo y no se porque, utilizo el explorer
-Lo dicho muchas gracias. Un saludo.
  #4 (permalink)  
Antiguo 19/04/2004, 09:08
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
-Tunait no me funciona , no se que estoy haciendo mal, he copiado el codigo que tu has escrito exactamente el mismo, y cuando lo pongo en la pagina y lo visualizo no aparece nada. Ayudame porfi.
  #5 (permalink)  
Antiguo 19/04/2004, 09:24
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 4 meses
Puntos: 381
Déjame un link donde poder verlo
  #6 (permalink)  
Antiguo 19/04/2004, 09:33
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
-Gracias por el ineterés.
http://jpiornos.webcindario.com/scroll.htm
  #7 (permalink)  
Antiguo 19/04/2004, 09:50
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
-Tunait una pregunta que me ha surgido, puedo poner de fondo de la celda donde está el scroll una imagen en lugar de un color de fondo??, si es sí como deveria de hacerlo?. Un saludo espero tus respuestas.
  #8 (permalink)  
Antiguo 19/04/2004, 09:53
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 4 meses
Puntos: 381
no hay de qué

mira, es la cosa más tonta que te puedas imaginar. Al pegar el código aquí en el foro ha quedado un espacio al inicio de los créditos.

fíjate en donde dice....

<script language="JavaScript" type="text/JavaScript">
/ **************************************************
Scroll de enlaces. Script creado por Tunait! (6/1/2004)

ves, debajo de script language blablá que hay una barra seguida de muchos asteriscos?? pues no debe de haber ningún espacio entre esa barra y el primer asterisco

<script language="JavaScript" type="text/JavaScript">
/**************************************************
Scroll de enlaces. Script creado por Tunait! (6/1/2004)


Era simplemente eso

ah.... otra cosa, tienes dos bodys, deja sólo uno

lo tienes así

<body bgcolor="#000000">
<body onload="escrolea()">

y eso es incorrecto. usa un sólo tag de body con tantos atributos como sean necesarios

<body bgcolor="#000000" onload="escrolea()">
  #9 (permalink)  
Antiguo 19/04/2004, 10:03
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 4 meses
Puntos: 381
Cita:
Mensaje Original por jpiornos
-Tunait una pregunta que me ha surgido, puedo poner de fondo de la celda donde está el scroll una imagen en lugar de un color de fondo??, si es sí como deveria de hacerlo?. Un saludo espero tus respuestas.
Recién leí esto.

Prueba a agregarlo a mano dentro del script, busca estas líneas

Código:
function escribe(){
document.write ('<div id="mami" style="width:' + ancho + '; height:' + alto + 'px; position:relative;  overflow:hidden ">')
document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '" height="100%"><tr><td valign="top">')
y agrégale........


function escribe(){
document.write ('<div id="mami" style="width:' + ancho + '; height:' + alto + 'px; position:relative; overflow:hidden ">')
document.write('<table background="tuarchivo.jpg" bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '" height="100%"><tr><td valign="top">')

Yo creo que con eso debería mostrar el archivo de fondo sin problemas, no lo he probado
  #10 (permalink)  
Antiguo 19/04/2004, 10:09
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
-Gracias Tunait, muchisimas gracias voy a probarlo. Un saludo.
  #11 (permalink)  
Antiguo 19/04/2004, 10:28
 
Fecha de Ingreso: febrero-2004
Mensajes: 225
Antigüedad: 20 años, 11 meses
Puntos: 1
-Funciona de muerte, muchisimas gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:35.