Dracon Ajax Poll: Sistema de encuestas gratuito

0 COMENTARIOS -  Publicado hace 14 meses -  Clasificado en: , , ,

Dracon Ajax Poll es un script gratuito para generar encuestas. Entre sus características cabe destacar:

  • Ilimitado número de encuestas con un número ilimitado de opciones y votos para cada una de ellas.
  • Apariencia totalmente configurable mediante CSS.
  • Soporte para multilenguaje.
  • Puede utilizar tanto MySQL como XML como fuente de datos.

Free Ajax Poll

Dracon Ajax Poll » »

Vía Web Resources Depot » »

Algunas entradas relacionadas:

 

SilverStripe: CMS en PHP con Ajax

0 COMENTARIOS -  Publicado hace 21 meses -  Clasificado en: , ,

SilverStripe es un gestor de contenidos (CMS) opensource enfocado a sitios web corporativos que utiliza PHP5 y MySQL. El interfaz de administración tiene forma de explorador y utiliza las librerías Prototype y criptaculous y el editor TinyMCE.

Entre sus características, tenemos:

  • Simple. Intuitivo y user-friendly.
  • Flexible. MVC (‘Model - View - Controller’) framework.
  • Escalable.
  • Rápido. Responde tán rápido como una aplicación de escritorio gracias al Ajax.
  • Cumple los estándares.
  • Modular. Fácil de extender.
  • Total de libertad en su aspecto gracias a las plantillas.

SilverStripe CMS » »

Vía Ajaxian » »

 

AccDataGrid: Una librer铆a para paginar tablas

1 COMENTARIO -  Publicado hace 28 meses -  Clasificado en: ,

Albert Coronado me manda un correo para informarme de un proyecto que ha puesto a disposici贸n de todos.

Te mando este mail para presentarte un proyecto que he empezado ahora. Se trata de una libreria AJAX para crear listados paginados. La idea es tenerla como soluci贸n a la hora de sacar listados. Yo la utilizo ya en varios proyectos de aplicaciones Web y la vedad es que me va muy bien (En paginas web no tanto, pero cualquier intranet o aplicaci贸n web necesita sacar datos paginados).

A mi por lo menos me parece una buena idea porque es simple, funciona bien y no he encontrado otra soluci贸n mejor (Hay alguna por ah铆 pero consumen mas recursos y no son tan simples).

Una vez visto como funciona, me ha parecido muy interesante y seguro que lo utilizar茅 en alguna ocasi贸n.

AccDataGrid 禄 禄

 

Scripteka.com: El repositorio de extensiones de Prototype

0 COMENTARIOS -  Publicado hace 28 meses -  Clasificado en: ,

Scripteka.com nace con la intención de constituirse en un deposito y biblioteca de extensiones; un lugar donde centralizar y organizar los plugins creados para Prototype por la comunidad de desarrolladores. Con Scripteka se puede acceder a una amplia biblioteca de extensiones, valorarlas y suscribirse a las novedades. Un sitio que puede ser muy útil como aglutinador de scripts para Prototyope.

Scripteka » »

 

JQuery: expandir y colapsar un div

11 COMENTARIOS -  Publicado hace 28 meses -  Clasificado en: , ,

JQuery es una de las librerias más importantes surgidas en los últimos tiempos. Han surgido múltiples herramientas que la utilizan y su uso es cada vez más frecuente. En snipplr nos muestran como hacer un sencillo efecto para expandir y colapsar un div. He añadido un poco de CSS para que sea más visual y he cambiado alguna cosa más y el ejemplo queda de la siguiente forma: 

<html>
<head>
<title>JQuery Collapse
<script type="text/javascript" src="jquery.js">
<script type="text/javascript">
$(function(){
	$("#mostrar").click(function(event) {
	event.preventDefault();
	$("#caja").slideToggle();
});
$("#caja a").click(function(event) {
	event.preventDefault();
	$("#caja").slideUp();
});
});
</script>
<style type="text/css">
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666; 
}
a{color:#993300; text-decoration:none;}
#caja {
	width:70%;
	display: none;
	padding:5px;
	border:2px solid #FADDA9;
	background-color:#FDF4E1;
}
#mostrar{
	display:block;
	width:70%;
	padding:5px;
	border:2px solid #D0E8F4;
	background-color:#ECF8FD;
}
</style>
</head>
<body>
<a href="#" id="mostrar">MOSTRAR
<div id="caja">
<p>Lorem ipsum dolor sit amet,...
</div>
</body>
</html>

Demo » »

Descarga de archivos » »

Algunas entradas relacionadas:

 

Ajax Rain: lluvia de ejemplos Ajax

2 COMENTARIOS -  Publicado hace 30 meses -  Clasificado en: , ,

Ajax Rain es una web en donde se recopilan ejemplos y demos de scripts en Ajax, Javascript y DHTML para el desarrollo de aplicaciones web. Un recurso que, por el momento, ha listado más de 700 ejemplos.

ajaxrain.png

 

DOMTool: Crea c贸digo DOM a partir de HTML

0 COMENTARIOS -  Publicado hace 30 meses -  Clasificado en: , ,

DOOMTool es una interesante herramienta para aquellos que se est茅n iniciando en AJAX y el proceloso mundo de la arquitectura DOM. La herramienta sirve para convertir el c贸digo HTML a DOM. Las aplicaciones son m煤ltiples. Desde insertar texto de un modo similar al m茅todo innerHTML a crear nuevos bloques elementos dentro de una web. De este modo podremos ahorrarnos bastante tiempo escribiendo manualmente largas estructuras DOM.

Vamos a realizar un ejemplo bastante sencillo para ver su uso. Supongamos que deseamos que cuando se pulse un bot贸n deseamos que aparezca un nuevo bloque con una imagen y un texto. El c贸digo de lo que deseamos crear ser铆a algo como: 

<div style="width:300px;height:100px;font-size:11px;background-color:#CCC;">
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas1.jpg" style="float:left;margin-right:15px;" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

(Perd贸n por la utilizaci贸n de estilos en l铆nea pero es que el ejemplo queda un poco m谩s visual y no se complica en demas铆a)

A continuaci贸n accedemos a la herramienta y pegamos este c贸digo en el textarea dedicado al c贸digo HTML. Pulsamos el bot贸n "Create DOM Statements". Con ello obtendremos como salida el c贸digo DOM necesario: 

var div1=document.createElement('div');
div1.style.width="300px";
div1.style.height="100px";
div1.style.fontSize="11px";
div1.style.backgroundColor="rgb(204, 204, 204)";
var img1=document.createElement('img');
img1.style.cssFloat="left";
img1.style.marginRight="15px";
img1.setAttribute('src','franjas1.jpg');
div1.appendChild(img1);
var txt2=document.createTextNode('Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\n');
div1.appendChild(txt2);


As铆 como los nodos que deberemos anexar. En este caso 煤nicamente div1.

Ahora 煤nicamente nos quedar铆a crear una funci贸n, que al ser ejecutado, anexase el contenido creado mediante DOM donde deseemos. En mi caso he creado una funci贸n llamada pruebaDOM y anexo el contenido dentro de un div denominado ContDOM. El ejemplo completo quedar铆a:

<html>
<head>
<title>PRUEBA DOMTOOL</title>
<script language="javascript">
function pruebaDOM(){
   //CODIGO GENERADO POR DOMTOOL
   var div1=document.createElement('div');
   div1.style.width="300px";
   div1.style.height="100px";
   div1.style.fontSize="11px";
   div1.style.backgroundColor="rgb(204, 204, 204)";
   var img1=document.createElement('img');
   img1.style.cssFloat="left";
   img1.style.marginRight="15px";
   img1.setAttribute('src','franjas1.jpg');
   div1.appendChild(img1);
   var txt2=document.createTextNode('Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\n');
   div1.appendChild(txt2);
   //ANEXAMOS EL CONTENIDO
   var t = document.getElementById('ContDOM');
   t.appendChild(div1);
}
</script>
<div id="ContDOM">
<a href="javascript:pruebaDOM();">Ejecutar DOM</a>
</div>
</body>
</html>

Algunas entradas relacionadas:

 
Páginas: < Anterior 1 2 3 4 5 Siguiente >