Cultura Web: Diseño, ajax, php, asp, actionscript, motiongraphic, etc.. » Open Source http://www.web-web.org Recursos y cultura web Mon, 14 Jun 2010 10:38:00 +0000 http://wordpress.org/?v=2.8.1 en hourly 1 Subir multiples archivos Multi File Upload – Jquery http://www.web-web.org/index.php/subir-multiples-archivos-multi-file-upload-jquery/ http://www.web-web.org/index.php/subir-multiples-archivos-multi-file-upload-jquery/#comments Tue, 20 May 2008 14:34:14 +0000 Daniel http://www.web-web.org/?p=11 Os traigo una utilidad que a buen seguro habreis estado buscando como el que busca oro en el Missisipi, es un plugin de Jquery para subir de una vez multiples archivos, la caracteristica mas importante que aporta es que puedes desde seleccionar que tipos de archivos puedes subir hasta que tamaño pueden tener, tambien filtra si el archivo está ya seleccionado y otras muchas cosas que os voy a mostrar, MANOS A LA OBRA.

Como siempre necesitaremos una serie de archivos que aquí os enseño.

La magestuosa
- Jquery.js
- MultiFile.js
- Metafile <– Lo necesitaremos para ahorrar un poco de trabajo ( en otro Post comentare su funcionamiento).

Y ahora el código para empezar y algunos ejemplos.

METODO 1.

<input type=”file” class=”multi
{accept:’gif|jpg’, max:3, STRING:{
remove:’Remover’,
selected:’Selecionado: $file’,
denied:’Invalido arquivo de tipo $ext!’,
duplicate:’Arquivo ja selecionado:\n$file!’
}}” />

Aquí os voy a explicar un poco los argumento que se han usado y para lo que valen, este ejemplo utiliza el plugin METADATA ¿Por que? por que pasamos los argumento directamente dentro de la class del objeto tipo FILE.

En primer lugar podeis observar que dentro de la class metemos varias cosas directamente.
Accept:’Tipo de extension | Tipo de extension, etc..’ Soporta todas las extensiones graficas, tambien podriamos poner las extensiones tipo word o txt, etc…
remove:’Texto’, es el texto que saldra junto al fichero seleccionado en caso de que no queramos subirlo.
Selected:’texto: $file’ <– Igual que el anterior la variable $file contiene el nombre del archivo seleccionado.
denied:’texto $ext’<– el texto que sale cuando el archivo tiene una extensión no válida, la variable $ext contiene la extension del archivo que ha intentado subir.
duplicate:’texto:\n$file!’ <– texto bla bla, y el nombre del archivo.

METODO 2 ( sin el plugin METADATA ):

HTML

<input type=”file” id=”<span style=”color: #090000;”>PortugueseFileUpload</span>” />

JAVASCRIPT

$(function(){
$(’<span style=”color: #090000;”>#PortugueseFileUpload</span>’).MultiFile({
accept:’gif|jpg’, max:3, STRING: {
remove:’Remover’,
selected:’Selecionado: $file’,
denied:’Invalido arquivo de tipo $ext!’,
duplicate:’Arquivo ja selecionado:\n$file!’
}
});
});

Evidentemente en este tutorial no voy a explicar el funcionamiento del framework Jquery, para los que aun no sepan como funciona pueden buscar en google manuales o esperar que en breve hare un pequeño tutorial para explicar el funcionamiento, nomenclaturas, usos y demas para programadores novatos.

En este ejemplo la funcion Jquery cuando se ejecuta al comienzo de la carga coge los elementos que contengan “<span style=”color: #900;”>#PortugueseFileUpload</span>” y le da la propiedad multifile del plugin, lo único que comentare aquí es la nueva opción
Max: ‘Numero’, <– el numero es la cantidad de archivos que dejara subir de una vez.

METODO 3
HTML

<input type=”file” class=”multi-pt” />
<input type=”file” class=”multi-pt” />
<input type=”file” class=”multi-pt” />

JAVASCRIPT

$(function(){
$(’.multi-pt‘).MultiFile({ <– Selecciona todos los objetos con class multi-pt
accept:’gif|jpg’, max:3, STRING: { <– le agrega las propiedades que ya hemos aprendido.
remove:’Remover’,
selected:’Selecionado: $file’,
denied:’Invalido arquivo de tipo $ext!’,
duplicate:’Arquivo ja selecionado:\n$file!’
}
});
});

En este ejemplo es un claro uso de Jquery en multi seleccion de objetos y agregarles a estos la opcion de multifile.

La demo de todo esto lo podeis ver en la pagina donde he traducido todo esto.
- Fyneworks

Aquí termina el tutorial.

ATENCIOOONN, por supesto javascript no está preparado para subir archivos a un servidor, este ejemplo sólo funciona con la siguiente rutina PHP, ASP; ETC.. que son los encargados de hacer estos menesteres, en el siguiente tutorial explico cómo subir archivos al modo FLICKR o GMAIL un saludo…..

DANIEL

]]> http://www.web-web.org/index.php/subir-multiples-archivos-multi-file-upload-jquery/feed/ 0 Marcadores sociales http://www.web-web.org/index.php/marcadores-sociales/ http://www.web-web.org/index.php/marcadores-sociales/#comments Tue, 20 May 2008 10:06:15 +0000 Daniel http://www.web-web.org/?p=10 Los marcadores sociales son una forma sencilla y popular de almacenar, clasificar y compartir enlaces en Internet o en una Intranet.

Además de los marcadores de enlaces generales, existen servicios especializados en diferentes áreas como libros, vídeos, música, compras, mapas, etc. Los marcadores sociales también forman parte de los marcadores sociales de noticias como Digg.com.

En un sistema de marcadores sociales los usuarios guardan una lista de recursos de Internet que consideran útiles. Las listas pueden ser accesibles públicamente o de forma privada. Otras personas con intereses similares pueden ver los enlaces por categorías, etiquetas o al azar.

También categorizan los recursos con ‘tags’ o ‘etiquetas’ que son palabras asignadas por los usuarios relacionadas con el recurso. La mayoría de los servicios de marcadores sociales permiten que los usuarios busquen marcadores asociados a determinadas ‘tags’ y clasifiquen en un ranking los recursos según el número de usuarios que los han marcado.

Su popularidad va creciendo y la competición ha hecho que los servicios ofrezcan algo más que compartir marcadores y permitan votos, comentarios, importar o exportar, añadir notas, enviar enlaces por correo, notificaciones automáticias, rss, crear grupos y redes sociales, etc.

Ventajas:

Este sistema tiene varias ventajas sobre otras herramientas tradicionales como los motores de búsqueda. Toda la inclusión y clasificación de recursos está realizada por seres humanos en lugar de máquinas que procesan la información de forma automática según un programa.

Además de esto, los usuarios marcan los recursos que encuentran más útiles, por lo tanto, los recursos más útiles son marcados por más usuarios. De esta forma se crea un ranking de recursos basado en el criterio de los usuarios. Es una forma de medir la utilidad de los recursos mejor que la que proporcionan otros sistemas automatizados como los que se basan en el número de enlaces externos, etc. (Fuente: wikipedia)

Aqui teneis los más populares:

]]> http://www.web-web.org/index.php/marcadores-sociales/feed/ 0 Cheasheet para wordpress en español. http://www.web-web.org/index.php/prueba/ http://www.web-web.org/index.php/prueba/#comments Sat, 17 May 2008 11:25:30 +0000 admin http://www.web-web.org/?p=7 Para entender mejor todas las etiquetas que conforman el wordpress podeis utilizar una versión traducida del Cheasheet de Wordpress, es decir todas las etiquetas juntas (o Template Tags).

Traducido al castellano por lordmax.org

]]> http://www.web-web.org/index.php/prueba/feed/ 1 Joomla http://www.web-web.org/index.php/joomla/ http://www.web-web.org/index.php/joomla/#comments Fri, 16 May 2008 10:31:15 +0000 admin http://www.web-web.org/?p=4 Para todos aquellos que se incian en Joomla y desean customizar un template propio, os dejamos este interesante link del blog de Leandono donde podreis crear una template paso a paso y de una forma muy sencilla.

Crear una plantilla para joomla

 

]]> http://www.web-web.org/index.php/joomla/feed/ 0