Foros del Web » Programando para Internet » Javascript »

como añadir esto a un archivo .JS y luego llamarlo?

Estas en el tema de como añadir esto a un archivo .JS y luego llamarlo? en el foro de Javascript en Foros del Web. Hola tengo el siguiente scroll: Código: <script language="JavaScript1.2"> /* Pausing updown message scroller- © Dynamic Drive ( www.dynamicdrive.com ) For full source code, installation instructions, ...
  #1 (permalink)  
Antiguo 10/09/2003, 17:09
 
Fecha de Ingreso: febrero-2002
Ubicación: Valencia - España
Mensajes: 488
Antigüedad: 22 años, 3 meses
Puntos: 0
Pregunta como añadir esto a un archivo .JS y luego llamarlo?

Hola tengo el siguiente scroll:

Código:
                 <script language="JavaScript1.2">

/*
Pausing updown message scroller- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
Terms Of Use, visit http://www.dynamicdrive.com
*/

//configure the below five variables to change the style of the scroller
var scrollerwidth=500	
var scrollerheight=12
var scrollerbgcolor='354463'
//set below to '' if you don't wish to use a background image
var scrollerbackground='scrollerback.gif'

//configure the below variable to change the contents of the scroller
var messages=new Array()
messages[0]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>PRÓXIMAS CONCENTRACIONES</a></font>"
messages[1]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent' >1era Concentración Fiesta de Peñíscola 13 y 14 Septiembre</a></font>"
messages[2]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>5º MAXI TUNING SHOW Circuit Montmeló 20 y 21 Septiembre</a></font>"
messages[3]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>III GTI Tuning Du Sud en Cap d'Adge</a></font>"
messages[4]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>VI MacroConcentración RCN Tuning Salamanca 18 y 19 Octubre</a></font>"

///////Do not edit pass this line///////////////////////

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (messages.length>2)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",3000)
setTimeout("move2(document.main.document.second)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",50)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",3000)
setTimeout("move1(document.main.document.first)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",50)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0
setTimeout("move3(tdiv)",3000)
setTimeout("move4(second2_obj)",3000)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5
setTimeout("move3(tdiv)",50)
}
else{
tdiv.style.top=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0
setTimeout("move4(tdiv2)",3000)
setTimeout("move3(first2_obj)",3000)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5
setTimeout("move4(second2_obj)",50)
}
else{
tdiv2.style.top=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (ie||dom){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move3(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

</script>
              </div>
              <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide> 
              <layer id="first" left=0 top=1 width=&{scrollerwidth};> 
              <script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
              </layer>
              <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide> 
              <script language="JavaScript1.2">
if (document.layers)
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
</script>
              </layer>
              </ilayer>
              <div align="center"> 
                <script language="JavaScript1.2">
if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script>
y quiero incluirlo en varias páginas, por lo qu me interesaria hacerlo en un archivo independiente JS
y hacer las llamadas luego desde la páginas que quiera.

mis preguntas, como quedará el código en el archvio js?? porque sé que hay que quitar las etiquetas, pero como se las quito a este? se las quito todas???

y las llamadas como?

se que hay que incluir en el head el codigo:

<script language="JavaScript" src="nombrearchivo.js"></script>

pero luego como hago para que aparezca en el sitio que yo quiera de la página??????

un saludo y gracias
__________________
webmaster de xematuning el mejor tuning español con más de 25000 fotos sobre el mundo del tuning, videos, salvapantallas, fondos y mucho más no lo dudes más y visítala!!!
  #2 (permalink)  
Antiguo 11/09/2003, 08:41
Avatar de Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 22 años, 4 meses
Puntos: 38
Re: como añadir esto a un archivo .JS y luego llamarlo?

Hola xema.

Yo pondría en el js lo siguiente:

Código:
                 <script language="JavaScript1.2">

/*
Pausing updown message scroller- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
Terms Of Use, visit http://www.dynamicdrive.com
*/

//configure the below five variables to change the style of the scroller
var scrollerwidth=500	
var scrollerheight=12
var scrollerbgcolor='354463'
//set below to '' if you don't wish to use a background image
var scrollerbackground='scrollerback.gif'

//configure the below variable to change the contents of the scroller
var messages=new Array()
messages[0]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>PRÓXIMAS CONCENTRACIONES</a></font>"
messages[1]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent' >1era Concentración Fiesta de Peñíscola 13 y 14 Septiembre</a></font>"
messages[2]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>5º MAXI TUNING SHOW Circuit Montmeló 20 y 21 Septiembre</a></font>"
messages[3]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>III GTI Tuning Du Sud en Cap d'Adge</a></font>"
messages[4]="<font face='verdana' size='1'><a href='http://www.stilcars-tuning.com/calendario.htm' target='_parent'>VI MacroConcentración RCN Tuning Salamanca 18 y 19 Octubre</a></font>"

///////Do not edit pass this line///////////////////////

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (messages.length>2)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",3000)
setTimeout("move2(document.main.document.second)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",50)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",3000)
setTimeout("move1(document.main.document.first)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",50)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0
setTimeout("move3(tdiv)",3000)
setTimeout("move4(second2_obj)",3000)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5
setTimeout("move3(tdiv)",50)
}
else{
tdiv.style.top=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0
setTimeout("move4(tdiv2)",3000)
setTimeout("move3(first2_obj)",3000)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5
setTimeout("move4(second2_obj)",50)
}
else{
tdiv2.style.top=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (ie||dom){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move3(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll
Lo demás debes dejarlo en el código original, debería funcionar.

Para mas datos de como armar tu js puedes revisar el FAQ-24.

Saludos.
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 14:15.