Con la última actualización de PHP (5.3), se han añadido muchos cambios en las funciones y se han marcado como DEPRECATED algunas de ellas. Una de las funciones modificadas es eregi_replace, que -entre otras cosas- estábamos utilizando en una función que recorría un texto, buscando cadenas con URLs para sustituirlas por el html para hacer clicables dichas URLs.
La función era esta:
/**
* transforma un texto para añadirle los links
* @param string $txt texto a tratar
* @return string $result texto tratado
*/
public function setLinks($txt) {
$text = eregi_replace('(((f|ht){1}tp://)[-a-zA-Z0-9@:%_\+.~#?&//=]+)', '<a rel="external" href="\\1">\\1</a>', $txt);
$text = eregi_replace('([[:space:]()[{}])(www.[-a-zA-Z0-9@:%_\+.~#?&//=]+)', '\\1<a rel="external" href="http://\\2">\\2</a>', $text);
$text = eregi_replace('([_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,3})', '<a rel="external" href="mailto:\\1">\\1</a>', $text);
return $text;
}En la documentación de PHP nos comunican que la versión que sustituye esta es preg_replace, que tiene una sintaxis parecida pero no idéntica. Para hacerla equivalente, tenemos que anidar entre ` (acentos) la expresión regular y usar los modificadores de mayúsculas/minúsculas al final, quedando así:
/**
* transforma un texto para añadirle los links
* @param string $txt texto a tratar
* @return string $result texto tratado
*/
public function setLinks($txt) {
$text = preg_replace('`(((f|ht){1}tp://)[-a-zA-Z0-9@:%_\+.~#?&//=]+)`i', '<a rel="external" href="\\1">\\1</a>', $txt);
$text = preg_replace('`([[:space:]()[{}])(www.[-a-zA-Z0-9@:%_\+.~#?&//=]+)`i', '\\1<a rel="external" href="http://\\2">\\2</a>', $text);
$text = preg_replace('`([_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,3})`i', '<a rel="external" href="mailto:\\1">\\1</a>', $text);
return $text;
}
En ocasiones, nos podemos encontrar que un determinado diseño nos obliga a limitar el número de líneas que puede tener un texto. Esto es imposible de realizar del lado del servidor, con lo que hemos hecho un pequeño javascript que recorta el texto del elemento deseado en las líneas que queramos. El javascript es el siguiente:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| $$(".maxlines").each(function(element) {
var numLines = element.getProperty("rel").substring(element.getProperty("rel").indexOf('[')+1,element.getProperty("rel").indexOf(']'));
var htmlCode = $(element).get('html');
// determinamos altura una linea
$(element).set('html', '-');
var oneLineHeight = element.getStyle('height').toInt();
element.set('html', htmlCode);
// Si tenemos más lineas que las permitidas
if (element.getStyle('height').toInt() / oneLineHeight > numLines) {
point1 = 0;
point2 = Math.round(htmlCode.length/2);
point3 = htmlCode.length;
var i = 0;
// Recortamos texto hasta que coja
do{
var newHtml = htmlCode.substring(0, point2) + '...';
element.set('html', newHtml);
if((element.getStyle('height').toInt())/oneLineHeight > numLines){
point3 = point2;
}else{
point1 = point2;
}
point2 = Math.round((point3-point1)/2)+point1;
}while ((point3-point1)>1);
if((element.getStyle('height').toInt())/oneLineHeight > numLines){
element.set('html', htmlCode.substring(0, point3-1) + '...');
}
}
}); |
y en el html lo debemos usar así:
1
2
3
4
5
| <div class="maxlines">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</div> |
la capa del texto debe incluir el class=”maxlines” y la propiedad rel=”maxLines[]” donde la cifra entre corchetes es el número de líneas que se tienen que mostrar.
El funcionamiento básico del script es el siguiente:
- Coloca en la capa un sólo carácter.
- Calcula la altura de esta capa.
- Usando el algoritmo de divide y vencerás vamos reduciendo a mitades la cadena para encontrar rápidamente por donde partir el texto.
y listos… se acaba de maquetar añadiendo puntos suspensivos y listos.
Todo esto funciona conjuntamente con la versión 1.2.2 de Mootools
Para los que estamos acostumbrados a mootools, nos es habitual comprobar si un elemento (tag html con id) existe antes de lanzar los scripts, siempre lo hacemos de la misma manera:
1
| if ($("elemento")) { alert("adelaaaaaaaanteee"); } |
Pero si pasamos a jQuery, vemos que si lo hacemos así, la expresión siempre devolverá cierto. Ya que la función $(“”) en jQuery siempre devuelve un array de elementos. Sabiendo esto, lo que tenemos que comprobar para saber si un elemento existe, es comprobar la longitud del array que nos devuelve:
1
| if ($("elemento").length > 0) { alert("adelaaaaaanteee"); } |
Ya puestos, en dojo tendríamos que hacer esto:
1
| if (dojo.byId('elemento')) { alert("adelaaaaaanteee"); } |
BeArquitectes – Naulover
Justo con el estreno de nuestra web corporativa (www.iuttu.com). Estrenamos los dos últimos proyectos hechos para el tandem Paraphernalia-PuigdemontRoca: la web de la empresa de ropa Naulover y la web del equipo de arquitectos Be Arquitectos.
Ambas están realizadas con ayuda del framework de PHP de Zend y la mayor parte del contenido es administrable mediante un gestor de contenidos hecho a medida.
http://www.naulover.com
http://www.be-arquitectos.com
EZ Publish es un CMS muy potente que permite la creación de todo tipos de sites. Después de un par de intentos de jugar con él, de leer cientos de páginas de documentación, hemos conseguido comenzar a trabajar con los templates, creando uno propio para sobreescribir el que viene por defecto. Para conseguirlo hay que seguir los siguientes pasos:
- Crear una carpeta con el nombre del template que quieras dentro de la carpeta /design, en nuestro caso la hemos llamado iuttu (je je), dentro de esta carpeta hay que crear una carpeta templates y dentro poner la plantilla que queramos sobreescribir (lo ideal es empezar con pagelayout.tpl). La estructura de carpetas nos ha quedado así:
- design
- admin
- base
- iuttu
- templates
- pagelayout.tpl
- plain_site
- Ahora sólo nos queda decirle al sistema que al buscar los archivos de templates busque primero en los que haya en la carpeta iuttu, y luego mire en el sistema (EZ trabaja así). Para lo que tendremos que editar el archivo /settings/siteaccess/plain_site/site.ini.append.php, y donde define los “diseños” del site:
1
2
3
| [DesignSettings]
SiteDesign=plain_site
AdditionalSiteDesignList[]=base |
añadimos el nuestro:
1
2
3
4
| [DesignSettings]
SiteDesign=iuttu
AdditionalSiteDesignList[]=plain_site
AdditionalSiteDesignList[]=base |
Y ya tendremos todo preparado para empezar a trabajarnos la parte de diseño de EZpublish.