.CODE: Javascript

Mostrando entradas con la etiqueta Javascript. Mostrar todas las entradas

Seleccionar el contenido de un area de texto

Este script nos sirve para seleccionar todo lo que tenemos en un area de texto.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Russ (NewXS3@aol.com) -->
<!-- Web Site: http://dblast.cjb.net -->
<!-- Begin
function copyit(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
therange=tempval.createTextRange()
therange.execCommand("Copy")
}
// End -->
</script>

</head>

<body>

<form name="it">
<div align="center">
 <input onclick="copyit('it.select1')" type="button" value="Seleccionar el texto" 
name="cpy">
</div>
<p align="center"><textarea name="select1" rows="3" cols="25">
Texto del formulario, que sera Seleccionado con JavaScript</textarea></p>
</form>

</body>
</html>

Contar la cantidad de caracteres ingresados con Javascript

Este script ques esta hecho en JavaScript, nos ayuda a poner un limite en un area de texto. Este script nos puede de ser de mucha ayuda cuando queremos limitar la cantidad de caracteres ingresados por nuestros usuarios.

Codigo Completo:

<HTML>
<HEAD>
<TITLE>Informar cantidad de caracateres</TITLE>
</HEAD>
<BODY>
<div align="center"><strong>
<font face="Geneva, Arial, Helvetica, sans-serif">Cantidad de caracteres Ingresados
</font></strong>
<table>
<tr><td>
<font size="2" face="Geneva, Arial, Helvetica, sans-serif">
<textarea onKeyUp="max(this)" onKeyPress="max(this)" rows="4" cols="35" 
name="Area"></textarea>
<br>
<font id="Digitado" color="red">0</font> Caracteres digitados / Restan 
<font id="Restante" color="red">600</font></font>
</td></tr>
</table>
</div>
<div align="center"></div>
<SCRIPT LANGUAGE=javascript>
function max(txarea)
{
total = 600;
tam = txarea.value.length;
str="";
str=str+tam;
Digitado.innerHTML = str;
Restante.innerHTML = total - str;

if (tam > total){
aux = txarea.value;
txarea.value = aux.substring(0,total);
Digitado.innerHTML = total
Restante.innerHTML = 0
}
}
</SCRIPT>

</BODY>
</HTML>

Para configurar el script debemos tomar estas dos partes:

<font id="Digitado" color="red">0</font> Caracteres digitados / Restan 
<font id="Restante" color="red">600</font></font>

Donde el 600 lo cambiaremos por la cantidad de caracteres que queramos que acepte(esto es solo para mostrar al usuario)

function max(txarea)
{
  total = 600;
  tam = txarea.value.length;
  str="";
  str=str+tam;
  Digitado.innerHTML = str;
  Restante.innerHTML = total - str;

Aqui es donde nuestro script aceptara "X" cantidad de caracteres que queramos, solo cambia el 600 por la cantidad que tu quieras

Ver Código Fuente de una Web usando Javascrtipt

Para ver el código fuente de un sitio, por ejemplo usando Firefox solo tenemos que dar Ctrl+U, pero que pasa cuando en alguna aplicación web o cualquiera sitio queremos meter un visualizador de códigos fuentes?, es decir que cualquier usuario pueda ver el código de cualquier sitio con solo poner su URL, bueno para hacer esto utilizamos Javascript.

Código Javascript(que colocaremos entre las etiquetas head y /head:

<SCRIPT LANGUAGE="JavaScript">
<!--
function viewSource() {
document.getSource.view.value="Por favor, espere...!";
setTimeout("document.getSource.view.value='Ver origen!'",6000);
window.location.href= "view-source:" + document.getSource.url.value;
return false;
}
//-->
</script>

Código HTML:

Escribe la direccion completa <br />
de la web que deseas ver su coadigo </span><br />
<form name=getSource onSubmit="return viewSource();">
<input name=url type=text class="Estilo4" value="http://">
<br><br>
<input name=view type=submit value="Ver codigo">
</form>

Evitando el doble envio de un form con Javascript

En ocaciones cuando un form se esta enviando vemos como que el navegador no hace nada y ahi vamos nosotros a darle click de nuevo, lo que ocaciona el doble envio de un form y talvez la dupicacion de datos en una base de datoas. Para evitar esto utilizaremos el siguiente script en JavaScript para evitar el doble envio.

El siguiente script entre las etiquetas head y /head:

<script language="JavaScript"> 
<!-- var cuenta=0; function nodoble() { if (cuenta == 0) { cuenta++;
return true; }
else { alert("El formulario ya está siendo enviado, por favor aguarde un instante."); 
return false; } } // -->
</script>

HTML:

<form method="post" action="proceso.php"><strong>onSubmit="return nodoble()"</strong>>
<!--Aqui los campos de nuestro Form--> <input value="Enviar" type="submit" /> </form>