Asistente de HTML
El archivo Asistente de HTML contiene funciones que asisten en el trabajo con HTML.
Cargando estos Asistentes
Este Asistente se carga usando el siguiente código:
$this->load->helper('html');
Las siguientes funciones estan disponibles:
br()
Genera etiquetas de salto de línea (<br />) basado en el número que se le presente. Por ejemplo:
echo br(3);
Lo de arriba produce: <br /><br /><br />
heading()
Le permite crear etiquetas HTML <h1>. El primer parámetro contendrá el dato, el segundo el tamaño del encabezado. Por ejemplo:
echo heading('Welcome!', 3);
Lo de arriba produce: <h3>Welcome!</h3>
img()
Le permite crear etiquetas HTML <img />. El primer parámetro contiene la fuente de la imágen. No hay datos como segundo parámetro. Por ejemplo:
echo img('images/picture.jpg');
// Da <img src="http://site.com/images/picture.jpg" />
Existe un segundo parámetro opcional que es un valor TRUE / FALSE que especifica si el src debería haber especificado la página de $config[ 'index_page'] añadida a la dirección que crea. Presumiblemente, este sería si se utiliza un controlador como medio de comunicación.
echo img('images/picture.jpg', TRUE);
// Da <img src="http://site.com/index.php/images/picture.jpg" />
Además, un arreglo asociativo puede ser pasado a la función img () para un control completo de todos los atributos y valores.
$image_properties = array(
'src' => 'images/picture.jpg',
'alt' => 'Yo, demostrando como comer 4 de pizza de pizza a la vez',
'class' => 'post_images',
'width' => '200',
'height' => '200',
'title' => 'Esa fue una noche pesada',
'rel' => 'lightbox',
);
img($image_properties);
// <img src="http://site.com/index.php/images/picture.jpg" alt="Yo, demostrando como comer 4 de pizza de pizza a la vez" class="post_images" width="200" height="200" title="Esa fue una noche pesada" rel="lightbox" />
link_tag()
Le permite crear etiquetas HTML <link />. Esto es útil para los enlaces de hojas de estilo, así como para otros enlaces. Los parámetros son href, como opcional rel, type, title, media e index_page. index_page es un valor TRUE/FALSE que especifica si el href debería haber sido especificado por la página de $config['index_page'] agregado a la dirección que creo.
echo link_tag('css/mystyles.css');
// Da <link href="http://site.com/css/mystyles.css" rel="stylesheet" type="text/css" />
Otros ejemplos:
echo link_tag('favicon.ico', 'shortcut icon', 'image/ico');
// <link href="http://site.com/favicon.ico" rel="shortcut icon" type="image/ico" />
echo link('feed', 'alternate', 'application/rss+xml', 'My RSS Feed');
// <link href="http://site.com/feed" rel="alternate" type="application/rss+xml" title="My RSS Feed" />
Además, un arreglo asociativo puede ser pasado a la función img () para un control completo de todos los atributos y valores.
$link = array(
'href' => 'css/printer.css',
'rel' => 'stylesheet',
'type' => 'text/css',
'media' => 'print'
);
echo link_tag($link);
// <link href="http://site.com/css/printer.css" rel="stylesheet" type="text/css" media="print" />
nbs()
Genera los espacios no-rompibles ( ) basados en el número que presente. Por ejemplo:
echo nbs(3);
Lo de arriba produce:
ol() and ul()
Le permite generar listas HTML ordenadas o desordenadas de arreglos simplres o multi-dimensionales. Por ejemplo:
$this->load->helper('html');
$list = array(
'red',
'blue',
'green',
'yellow'
);
$attributes = array(
'class' => 'boldlist',
'id' => 'mylist'
);
echo ul($list, $attributes);
El código anterior produciría esto:
<ul class="boldlist" id="mylist">
<li>red</li>
<li>blue</li>
<li>green</li>
<li>yellow</li>
</ul>
Este es un ejemplo mas complejo, usando un arreglo multi-dimensional:
$this->load->helper('html');
$list = array(
'colors' => array(
'red',
'blue',
'green'
),
'shapes' => array(
'round',
'square',
'circles' => array(
'ellipse',
'oval',
'sphere'
)
),
'moods' => array(
'happy',
'upset' => array(
'defeated' => array(
'dejected',
'disheartened',
'depressed'
),
'annoyed',
'cross',
'angry'
)
)
);
echo ul($list);
El código anterior producirá esto:
<ul class="boldlist" id="mylist">
<li>colors
<ul>
<li>red</li>
<li>blue</li>
<li>green</li>
</ul>
</li>
<li>shapes
<ul>
<li>round</li>
<li>suare</li>
<li>circles
<ul>
<li>elipse</li>
<li>oval</li>
<li>sphere</li>
</ul>
</li>
</ul>
</li>
<li>moods
<ul>
<li>happy</li>
<li>upset
<ul>
<li>defeated
<ul>
<li>dejected</li>
<li>disheartened</li>
<li>depressed</li>
</ul>
</li>
<li>annoyed</li>
<li>cross</li>
<li>angry</li>
</ul>
</li>
</ul>
</li>
</ul>