Libro de direcciones que utiliza Cookies.

En categoría: Cookies

Crea un libro de direcciones (agenda) muy completo y utiliza Cookies para guardar la información de los contactos. Es posible editar y borrar los contactos ya guardados.

| Descripción del ejemplo JavaScript

Información relativa al Script

Compatible con: Internet Explorer

Tamaño del Script: 6KB

Probar el Script

Temas relacionados a este Script

Creación de un Libro de Direcciones que utiliza Cookies para guardar y leer los datos.

Código fuente del script:

var arrRecords = new Array();
var arrCookie = new Array();
var recCount = 0;
var strRecord="";

expireDate = new Date;
expireDate.setDate(expireDate.getDate()+365);

function loadCookie() {
	if(document.cookie != "") {
		if(cookieVal("Records")	!= ""){
			arrRecords = cookieVal("Records").split(",");
		}
	currentRecord();
   	}
}

function setRec() {
	strRecord = "";
	for(i = 0; i < document.frm1.elements.length; i++) {
		strRecord = strRecord + document.frm1.elements[i].value + ":";
	}
	arrRecords[recCount] = strRecord;
	document.frm2.agregar.value = "  Nuevo  ";
	document.cookie = "Contacto="+arrRecords+";Expira=" + expireDate.toGMTString();
}

function countRecords() {
	document.frm2.actual.value = "Contacto " +
	 (recCount+1)+";  "+arrRecords.length+" contactos guardados";
}

function delRec() {
	arrRecords.splice(recCount,1);
	navigate("anterior");
	setRec();
}

function cargarPagina(){

if (!Array.prototype.splice) {
	function array_splice(ind,cnt) {
	if (arguments.length == 0) return ind;
	if (typeof ind != "number") ind = 0;
	if (ind < 0) ind = Math.max(0,this.length + ind);
	if (ind > this.length) {
	if (arguments.length > 2) ind = this.length;
	else return [];
	}
	if (arguments.length < 2) cnt = this.length-ind;
	cnt = (typeof cnt == "number") ? Math.max(0,cnt) : 0;
	removeArray = this.slice(ind,ind+cnt);
	endArray = this.slice(ind+cnt);
	this.length = ind;
	for (var i = 2; i < arguments.length; i++) {
	this[this.length] = arguments[i];
}
for(var i = 0; i < endArray.length; i++) {
	this[this.length] = endArray[i];
}
return removeArray;
}
Array.prototype.splice = array_splice;
}
	recCount = 0;
	loadCookie();
	countRecords();
}

</SCRIPT>

</HEAD>

<DIV align="center">
<TABLE align="center" resize="none" border="0">
	<FORM name="frm1">
	<TR>
		<TD align="right">Nombre:</TD>
		<TD colspan="5">
		<INPUT type="box" name="name" size="49">
		</TD>
	</TR>
	<TR>
		<TD align="right">Dirección:</TD>
		<TD colspan="5">
		<INPUT type="box" name="address" size="49">
	</TD>
	</TR>
		<TD align="right">Dirección 2:</TD>
		<TD colspan="5" align="left">
		<INPUT type="box" name="address2" size="49">
		</TD>
	</TR>
	<TR>
		<TD align="right">Ciudad:</TD>
		<TD>
		<INPUT type="box" name="city" size="15">
		</TD>
		<TD>Estado:</TD>
		<TD>
		<INPUT type="box" name="state" size="15">
		</TD>
		<TD>Código Postal:</TD>
		<TD>
		<INPUT type="box" size="6" name="zip">
		</TD>
	</TR>
	<TR>
		<TD align="right">Teléfono:</TD>
		<TD align="left">
		<INPUT type="box" name="phone" size="15">
		</TD>
		<TD align="right">Fax:</TD><TD align="left">
		<INPUT type="box" name="fax" size="15">
		</TD>
	</TR>
	<TR>
		<TD align="right">Página Web:</TD>
		<TD colspan="5" align="left">
		<INPUT type="box" name="address" size="49">
		</TD>
	</TR>
	<TR>
		<TD align="right">E-Mail:</TD>
		<TD colspan="5" align="left">
		<INPUT type="box" name="email" size="49">
		</TD>
	</TR>
	<TR>	
		<TD align="right" valign="top">Notas:</TD>
		<TD colspan="5" align="left">
		<INPUT type="box" name="comment1" size="49"><BR>
		<INPUT type="box" name="comment2" size="49"><BR>
		<INPUT type="box" name="comment3" size="49"><BR>
		<INPUT type="box" name="comment4" size="49"><BR>
		<INPUT type="box" name="comment5" size="49">
		</TD>
	</TR>
	</FORM>
</TABLE>

<TABLE align="center" border="0" resize="none">
	<FORM name="frm2">
	<TR>
	<TD align="center">
<INPUT type="button" name="primero" value="|<<  " onClick="navigate('primero');countRecords()">
<INPUT type="button" name="anterior" value="  <  " onClick="navigate('anterior');countRecords()">
<INPUT type="button" name="siguiente" value="  >  " onClick="navigate('siguiente');countRecords()">
<INPUT type="button" name="ultimo" value="  >>|" onClick="navigate('ultimo');countRecords()">
<INPUT type="box" name="actual" size=35>
	</TD>
	</TR>
	<TR>
		<TD align="center">
<INPUT type="button" name="agregar" value="  Nuevo  " onClick="newRec();countRecords()">
<INPUT type="button" name="set" value="Guardar Contacto" onClick="setRec();countRecords()">
<INPUT type="button" name="borrar" value="Borrar" onClick="delRec();countRecords()">
		</TD>
	</TR>
	</FORM>
</TABLE>
</DIV>

</BODY>
</HTML>

	Temas relacionados a este Script:
	Cookie para abrir una ventana Popup Libro de Direcciones que utiliza Cookies Redireccionar página mediante cookie Comprobar si están habilitadas las Cookies en el navegador

Comentarios Recibidos sobre: Libro de Direcciones que utiliza Cookies

Todavía nadie comentó este artículo.
Para insertar un comentario hacé clic en "Comentar artículo"

Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio.
Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata.