jQPie: interfaz PHP para jQuery

ByLuis April 20, 2007

jQPie es una interfaz ligera en PHP para jQuery, permitiendo muchos modos de interactuaciÃ³n.
A parte de ser ligero, maneja XML, HTML y JSON y tiene una API sencilla. Incluye un plugin para autocompletado, y estÃ¡ pensado para ofrecer otros plugins usar o como ejemplos.
Con jQPie podemos obtener y procesar datos de forma sencilla desde PHP, incluir cÃ³digo HTML generado mediante PHP en elementos de la pÃ¡gina, llamar a funciones PHP directamente desde las pÃ¡ginas y mÃ¡s funcionalidades interesantes.
jQPie
VÃa / PHPDeveloper.org

PHP

reduxauth: librería de login para CodeIgniter

ByLuis July 7, 2008

Redux Authedtication es una librería creada para CodeIgniter que nos permite realizar autenticación en nuestro sistema de forma ligera, sencilla y completa en funcionalidades. Una gran elección para nuestros proyectos debido a las posibilidades que ofrece al desarrollador.

Entre las características nos encontramos con:

Registro
Login y logout
Recordar contraseña
Centrado en seguridad
Grupos de usuarios
Sistema de baneo

The Redux Authentication System

PHP

Qcodo: otro framework de PHP

ByLuis September 4, 2006

Ya hemos hablado en otras ocasiones sobre frameworks para PHP. La lista va aumentando e intentaremos comentaros los nuevos frameworks que vayan apareciendo.
En este caso se trata de Qcodo, cuya mÃ¡s importante caracterÃstica es que ahorrarÃ¡ tiempo al desarrollador mediante el uso de la tecnologÃa ActiveRecord, la cual generarÃ¡ cÃ³digo para la utilizaciÃ³n de la BD automÃ¡ticamente. Para ello se conectarÃ¡ a la BD y mediante ingenierÃa inversa generarÃ¡ el cÃ³digo necesario para usar la BD.
La verdad es que en las presentaciÃ³nes y demostraciones podemos ver cosas que hacen que este framework sea muy llamativo y nos haga cÃ³modo el desarrollo.
Qcodo
VÃa / Download Squad

Javascript

Laboratorio: reordenar lista mediante mootools

ByLuis September 18, 2007

Estoy empezando a curiosear Mootools, y aunque me estÃ¡ gustando bastante, si que echo en falta una documentaciÃ³n mÃ¡s detallada, no solo explicar como va el API, ya que a veces son necesarios ejemplos mÃ¡s bÃ¡sicos para no tener que estar buscando en el API.

En este caso voy a reorganizar mediante drag&drop una lista de elementos, la cual puede tener subelementos tambiÃ©n, un tÃpico ejemplo de categorÃas y subcategorÃas. Para ello me crearÃ© una lista cuyos elementos tendrÃ¡n el estilo categoria y cuyos subelementos tendrÃ¡n el estilo subcategorias, necesario para diferenciar estilos y comportamiento.

<ul id="lista_categorias">
<li class="categoria">Elemento 1</li>
<li class="categoria">Elemento 2
<ul>
<li class="subcategoria">Elemento 2.1</li>
<li class="subcategoria">Elemento 2.2</li>
<li class="subcategoria">Elemento 2.3</li>
<li class="subcategoria">Elemento 2.4</li>
<li class="subcategoria">Elemento 2.5</li>
<li class="subcategoria">Elemento 2.6</li>
</ul>
</li>
<li class="categoria">Elemento 3</li>
<li class="categoria">Elemento 4
<ul>
<li class="subcategoria">Elemento 4.1</li>
<li class="subcategoria">Elemento 4.2</li>
<li class="subcategoria">Elemento 4.3</li>
<li class="subcategoria">Elemento 4.4</li>
</ul>
</li>
<li class="categoria">Elemento 5</li>
<li class="categoria">Elemento 6</li>
<li class="categoria">Elemento 7</li>
<li class="categoria">Elemento 8</li>
<li class="categoria">Elemento 9</li>
</ul>

Para ser lo menos intrusivo que se pueda, anadirÃ© al evento load del objeto window la carga de las funciones necesarias para ello, siempre que exista el objeto lista_categorias (el primer ul de todos).

window.addEventListener('load', function() {
_lista();
}
, false);
function _lista() {
if ($('lista_categorias')) {
...
}

HabrÃ¡ tres operaciones distintas: crear efecto drag, aÃ±adir evento drop a las categorÃas y aÃ±adir evento drop a las subcategorÃas. Digo crear efecto drag porque realmente lo que se hace es que cuando se ejecuta el evento mousedown, se crea una copia del elemento, y es este el que se mueve por la pantalla, guardando una referencia al elemento original. Hay distinciÃ³n entre el evento drop de las categorÃas y las subcategorÃas porque si se trata de una categorÃa se aÃ±ade sin mÃ¡s, y si es una subcategorÃa se aÃ±ade en la categorÃa. A parte, si se intenta mover una categorÃa que contiene subcategorÃas, solo se aÃ±adirÃ¡n las subcategorÃas, no la categorÃa.

// Drag & Drop de listado
function _lista() {
if ($('lista_categorias')) {
// Drag de cada categoria/subcategoria
// Para cada elemento li aÃ±ado el evento mousedown, para que cuando se ejecute se cree una copia de ese elemento, se le de estilo semi transparente y se permita hacer drag
$$('#lista_categorias li').each(function(elemento){
elemento.addEvent('mousedown', function(e) {
e = new Event(e).stop();
window.item = elemento;
window.categoria_clone = this.clone()
.setStyles(this.getCoordinates())
.setStyles({'opacity': 0.7, 'position': 'absolute'})
.addEvent('drop', function() {console.log('DROP')})
.addEvent('emptydrop', function() {
this.remove();
}).inject(document.body);
categoria_clone.makeDraggable({
droppables: $$('#lista_categorias li')
}).start(e);
});
});
// Drop en las categorias
// Para cada categoria, le aÃ±adimos el evento drop, que permite recibir elementos "drag". Si el elemento que se recibe tiene subcategorias, entonces se cogen estas y se aÃ±aden al elemento ul que contiene, si no lo contiene, lo creamos. Si no contiene subcategorÃas, se aÃ±ade sin mÃ¡s.
$$('#lista_categorias li.categoria').each(function(drop){
drop.addEvents({
'drop': function() {
window.categoria_clone.remove();
var ul = window.item.getElement('ul');
if (!drop.getElement('ul')) {
(new Element('ul')).inject(drop);
}
dropul = drop.getElement('ul');
if (ul) {
ul.getElements('li').each(function(li) {
li.inject(dropul);
});
ul.remove();
} else {
window.item.inject(dropul);
}
drop.setStyle('background', '#FFFFFF');
//dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));
},
'over': function() {
drop.setStyle('background', '#DDDDFF');
//dropFx.start('98B5C1');
},
'leave': function() {
drop.setStyle('background', '#FFFFFF');
//  				window.categoria_clone.remove();
//dropFx.start('ffffff');
}
})
});
// Si cae el drop en una subcategoria lo inserto en el padre
$$('#lista_categorias li.subcategoria').each(function(drop){
drop.addEvents({
'drop': function() {
window.categoria_clone.remove();
var ul = window.item.getElement('ul');
dropul = drop.parentNode;
if (ul) {
ul.getElements('li').each(function(li) {
li.inject(dropul);
});
ul.remove();
} else {
window.item.inject(dropul);
}
}
})
});
}
}

Ejemplo

Descargar Ã³digo

PHP

Curiosa creación de objetos en PHP

ByLuis September 27, 2010

Recuerda mucho a Javascript y frameworks tipo jQuery, para ello utiliza métodos encadenados y un objeto genérico:


// Define a new class
$animal = $class->new()
  ->def('init', function($t, $name) {
    $t->name = $name;
  })
  ->def('speak', function($t) {
    echo "My name is $t->name\n";
  });

// Extend a class
$dog = $animal->extend()
  ->def('speak', function($t) {
    echo "My name is $t->name, I have just met you and I love you, SQUIRREL!\n";
  })
  ->def('bark', function($t) {
    echo "Woof!\n";
  });

Para poder realizar esto se necesita crear la clase Obj:

class Obj {
  public function __construct($methods=array()) {
    $this->methods = $methods;
  }

  public function method($name) {
    if (!isset($this->methods[$name]))
      throw new BadMethodCallException();
    return $this->methods[$name];
  }

  public function fn($name, $fn) {
    $this->methods[$name] = $fn;
    return $this;
  }

  public function __call($name, $args) {
    return call_user_func_array(
      $this->method($name),
      array_merge(array($this), $args)
    );
  }
}

// Allow chaining method calls off the constructor..
function Obj($methods=array())
{
return new Obj($methods);
}

PHP Object Oriented Programming Reinvented

Vía / PHPDeveloper.org

AJAX | PHP

Minishowcase: galería PHP y Ajax

ByLuis October 23, 2007

Minishowcase es una aplicaciÃ³n sencilla basada en PHP y Ajax que nos permite crear galerÃas de fotos facilmente, sin necesidad de configurar bases de datos o cambiar cÃ³digo.

Tan solo es necesario situar las fotografÃas en un directorio y ya dispondremos de un album, sin necesidad de crear thumbnails ya que Minishowcase se encarga de ello.
Disponible en varios idiomas, nos muestra las imÃ¡genes mediante lightbox y nos permite visualizarlas mediante un slideshow. A parte podemos compartir las galerÃas mediante enlaces permanentes.
Minishowcase
VÃa / WebAppers

PHP

Subir un fichero por FTP en PHP

ByLuis October 16, 2007

El cÃ³digo que nos muestran es sencillo, se trata de subir un fichero mediante un formulario a un servidor FTP, para lo cual serÃ¡ necesario CURL.

Inicialmente necesitaremos el formulario html:

<form action="ftpupload.php" method="post" enctype="multipart/form-data">

<div>

<label for="upload">Selecciona un fichero</label>

<input name="upload" type="file" />

<input type="submit" name="submit" value="Enviar" />

</div>

</form>

Recordad que es importante que el enctype sea multipart/form-data para que se pueda enviar el fichero al servidor.

Una vez tenemos este formulario, deberemos tener el fichero ftpupload.php el cual deberÃ¡ ejecutar lo siguiente:

if (isset($_POST['submit'])) {
if (!empty($_FILES['upload']['name'])) {
$ch = curl_init();
$localfile = $_FILES['upload']['tmp_name'];
$fp = fopen($localfile, 'r');
curl_setopt($ch, CURLOPT_URL, 'ftp://usuario:password@ftp.servidor.com/'.$_FILES['upload']['name']);
curl_setopt($ch, CURLOPT_UPLOAD, 1);
curl_setopt($ch, CURLOPT_INFILE, $fp);
curl_setopt($ch, CURLOPT_INFILESIZE, filesize($localfile));
curl_exec ($ch);
$error_no = curl_errno($ch);
curl_close ($ch);
if ($error_no == 0) {
$error = 'Fichero subido correctamente.';
} else {
$error = 'Error al subir el fichero.';
}
} else {
$error = 'Seleccione un fichero.';
}
}

Tutorial: FTP Upload via cURL

Similar Posts