Inicio > JavaScript > Botón que enlaza a otra página

Botón que enlaza a otra página

11 febrero 2011

No siempre se necesita crear un enlace, ya que por cuestiones estéticas de la página se requiere crear botones enlazables, pues bien aquí dejo en consideración el código embebido en PHP, tiene un ejemplo adicional de un enlace tradicional con imagenes..El siguiente código esta divido por:

  • Etiqueta php (apertura y cierre)
  • La etiqueta de botón de enviar
  • nombre de la etiqueta que puede usarse para identificación
  • El valor del botón (para este caso ‘Guardar’), usado como variable
  • La función Jscript onclick que consta de:
  1. Identificador de función para abrir ventanas window.location y la dirección de la pagina (para mi ejemplo este envía variables) y detalles adicionales de la ventana consultar la función window.open
<?php 
  echo "
         <input type='submit' 
                name='Enviar' 
                value='Guardar' 
                onclick='window.open('Pagina.php?Variable1=$Variable2&Valor=si',
                '','toolbar=no,
                directories=no,
                menubar=no,
                status=no,
                scrollbars=yes')'
        > "; 

 function Anterior($Referencia)
 {
   echo "
          <input type=\"button\" 
          onclick=\"window.location='$Referencia?&Pagina=$Referencia'\" 
          value=\"Retornar\" 
          name=\"Retornar\">
       ";
 }
 Anterior("OtraPagina.php");
 ?> 

Otra opción a probar:
 <?php
      echo "
            <input type='submit'
                   name='Enviar'
                   value='Guardar'
                   onclick='window.open('PaginaRef.php?Variable=$Variable&Valor=si',
            '','toolbar=no,directories=no,menubar=no,status=no,scrollbars=yes')'>
            <a href='Pagina.php' target='principal'
               style='position:absolute;
               width:48px;
               height:14px;
               title='Cancelar eliminado'>
            <a href='Pagina.php'
               target='principal'
               style='position:absolute;
               width:48px;
               height:14px;
               title='Cancelar borrado'
           >
           <img src='../Imagenes/Cancelar.png'
                border='0'
                alt='Cancelar'
                title='Cancelar borrado'
                target='principal'
                longdesc='OtraPgina.php' />
           </a>
          ";
?>
About these ads
Categorías:JavaScript
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 33 seguidores

%d personas les gusta esto: