Definir js en un archivo externo

hoberwilly · #1 (**permalink**) 02/04/2009, 14:26

Muy buenas amigos,
Les comento que estuve leyendo un manual de js, dentro de esto salio la siguiente interrogante que espero me puedan orientar.

1. Tengo mi codigo catalogo.php el cual incluye js en el mismo documento html, de la sgte manera:

Código php:

Ver original<!-- <html>
<head>
<title>CATALOGO ELLAS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">   
function vacio(valor){
    if(valor.value==""){
        alert("Tiene que ingresar una cantidad!");
        valor.focus();
        return false;
    }
    return true;
}
function acceptNumNumero(campo){
    var key=window.event.keyCode;
    var esNumero=(key<48||key>57);
    var EsPrimeroYesCero=(key==48 && campo.value.length==0);
    if(esNumero||EsPrimeroYesCero){
            window.event.keyCode=0;
    }
}
</script>
</head>
<body>
<table>     
<tr>
    <td>
    <table>
    <form name="form" method="post" action="agregacarElla.php?<?php echo SID ?>" onSubmit="return vacio(this.cantidad);">
    <tr>
    <td>
      <input type="text" name="cantidad" value="<?php echo $cantidad ?>" onKeypress="return acceptNumNumero(this)">par(es)
                </td>
    <td>&nbsp;<input name="imageField" type="image" src="img/icono-compras.gif" alt="Agregar al Carrito"></td>
    </tr>
    </form>
    </table>
    </td>
</tr>
</table>
</body>
</html>-->

2. Por desarrollo deseo contar un par de paginas mas, las cuales usan las mismas funciones js (function vacio y function acceptNumNumero). Entonces aqui esta el detalle como implementarla para que todas usen las mismas funciones.

3. Lei en definir el js en un archivo externo (esto esta bien???)

Muchas gracias por sus respuestas,

David · #2 (**permalink**) 02/04/2009, 14:34

Sí, es mejor colocar el código Javascript en un archivo externo.

Es simple, copia tu código, lo guardas en un archivo *.js y para usarlo en cualquier página:

Código html:

Ver original<script type="text/javascript" src="nombre_archivo.js"></script>