Foros del Web » Creando para Internet » HTML »

Enlazar javascript con html

Estas en el tema de Enlazar javascript con html en el foro de HTML en Foros del Web. Buenas tardes: Quisiera saber como poner un enlace al codigo siguiente, ya que primero con javascript creo un efecto al texto, pero quiero que ese ...
  #1 (permalink)  
Antiguo 20/10/2007, 12:31
 
Fecha de Ingreso: abril-2006
Mensajes: 128
Antigüedad: 18 años, 7 meses
Puntos: 1
Enlazar javascript con html

Buenas tardes:

Quisiera saber como poner un enlace al codigo siguiente, ya que primero con javascript creo un efecto al texto, pero quiero que ese texto que tiene efecto pueda pinchar en el y me vaya a otra pagina.

El codigo que tengo en javascript es el siguiente:

<script language="JavaScript1.2">
var message="¡ NOTICIAS DE ULTIMA HORA !"
var neonbasecolor="blue"
var neontextcolor="red"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
document.write('<font size="6">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>


Como se puede ver el texto de NOTICIAS DE ULTIMA HORA tiene un efecto.

Y ahora lo que quiero es que si pinchas en ese texto vaya a otra pagina html. Este codigo le tengo puesto en entre <body>. Como pongo ahora para que aparezca como un href

Muchas gracias

Mari
  #2 (permalink)  
Antiguo 20/10/2007, 12:43
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 20 años, 10 meses
Puntos: 13
Re: Enlazar javascript con html

Cita:
var message="<a href='destino.html'>¡ NOTICIAS DE ULTIMA HORA !</a>"
__________________
El conocimiento es libre: Movimiento por la Devolución
  #3 (permalink)  
Antiguo 20/10/2007, 22:05
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 2 meses
Puntos: 59
Re: Enlazar javascript con html

Cita:
<script language="JavaScript1.2">
var message="<a href='destino.html'>¡ NOTICIAS DE ULTIMA HORA !</a>"
var neonbasecolor="blue"
var neontextcolor="red"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
document.write('<font size="6">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
Hola frijolerou, el efecto no va como quiere maribajar (¡y también yo!), en la página web sale así:

<a href='destino.html'>¡ NOTICIAS DE ULTIMA HORA !</a>

Hace el efecto, pero tal como lo pongo aquí arriba, o sea, completo y sin dar opción a enlazar.

Saludos
  #4 (permalink)  
Antiguo 21/10/2007, 18:07
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 20 años, 10 meses
Puntos: 13
Re: Enlazar javascript con html

Tienes razón, aquí va la corrección con el código completo:

Código:
<script language="JavaScript1.2">
var message="¡ NOTICIAS DE ULTIMA HORA !"
var neonbasecolor="blue"
var neontextcolor="red"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
document.write('<font size="6">')
document.write('<a href="destino.html">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</a>');
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
__________________
El conocimiento es libre: Movimiento por la Devolución
  #5 (permalink)  
Antiguo 21/10/2007, 22:26
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 2 meses
Puntos: 59
Re: Enlazar javascript con html

Muchisimas gracias frijolerou.

FUNCIONA en I.E., pero NO en Firefox.

Saludos

Última edición por seoista; 21/10/2007 a las 22:40 Razón: Veo que no funciona en Firefox
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 23:16.