Buscador
.

30 octubre 2011

Como poner un botón con diferentes enlaces

Con este truco podrás poner un botón dentro de tu página o blog que cambie automáticamente mostrando diferentes enlaces






Para aplicarlo a tu página tienes que usar este código



<center><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><script language="JavaScript" type="text/javascript">
//<![CDATA[
<!-- scrip presentado por truco95.jimdo.com -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Texto número 1"
urlArr[1] = "Enlace número 1"
lineArr[2] = "Texto número 2"
urlArr[2] = "Enlace número 2"
lineArr[3] = "Texto número 3"
urlArr[3] = "Enlace número 3"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("<\/form>");
StartShow();
//]]>
</script></span></center>
Lo que está en rojo lo cambias por los textos que quieras que salgan en el botón y lo que está en azul por los enlaces

9 comentarios:

  1. Hola! esta muy bueno! pero como lo hago para hacer que el enlace se abra en una nueva ventana?

    ResponderEliminar
    Respuestas
    1. Puedes usar este truco http://www.truco95.com/2011/10/como-abrir-un-enlace-en-otra-pestana.html

      Eliminar
  2. hola que tal, gracias por estos trucos me han servido mucho me gustaria saber como le cambio el color a este boton

    ResponderEliminar
    Respuestas
    1. No le puedes cambiar colores a ese botón, sólo lo puedes modificar con CSS.

      Eliminar
  3. hola disculpa una pregunta donde hiciste este host??

    ResponderEliminar
    Respuestas
    1. Yo no lo hice, sólo consigo los códigos de diferentes fuentes y los publico aquí.

      Eliminar
  4. Oye una consulta me podrías ayudar.
    Es que necesito una barra de navegación para subpaginas. me ayudarias?

    ResponderEliminar
  5. este es mi sitio actual http://radiodiagonalcl.jimdo.com/

    ResponderEliminar
  6. Son muy interesantes y de gran ayuda para los programadores de web. Cargue este enlace en mi web y al darle clic para enlazar mi url no fue posible, inclusive con su ejemplo

    ResponderEliminar