Con esta libreria lo que se agiliza el proceso del desarrollo de páginas web destinadas a dispositivos móviles

Overview

CodeIgniter jQuery Mobile Library

Libreria para el desarrollo de versiones móviles de páginas con el framework jQuery Mobile.

public function index()
{
	if($this->agent->is_mobile())
	{
		$this->mobile->header('Welcome to CodeIgniter!', 'e')->button('welcome/help', 'Help', 'info');

		$this->mobile->navbar(array(
			'welcome/index' 	=> array('text' => 'Home', 		'icon' => 'home'),
			'welcome/settings'	=> array('text' => 'Settings', 	'icon' => 'gear')
		), 'a');

		$this->mobile->footer('Footer', 'a');

		$this->mobile->view('welcome_message');
	}
}

Métodos

$this->mobile->header($title, $theme)

Crea una barra horizontal con el título como primer primer argumento y, como segundo argumento (opcional) uno de los temas disponibles desde jQuery Mobile. Será una letra desde a-e. Para definir un tema global, lo podemos hacer dentro del archivo de configuración. Además, si queremos que la barra mantenga una posición estática y se desplace con la página, podemos definirlo dentro del archivo de configuración con $config['mobile']['fixed_toolbars'] = TRUE;

$this->mobile->header( … )->back_to($url, $text)

Éste método debe ir encadenado al de header() para que funcione. Crea un botón en la zona izquierda de la barra horizontal con un enlace a la página que indiquemos, realizando un deslizamiento hacia atrás. Por defecto, jQuery Mobile crea botones hacia atrás de forma automática. Si queremos establecer los nuestros, debemos hacerlo de esta forma y desactivar la opción de $config['mobile']['backbtn_auto'] = FALSE; dentro del archivo de configuración.

$this->mobile->header( … )->button($url, $text, $icon)

Nuevamente, este método debe ir encadenado al de header(). Tambien se puede hacer un encadenamiento doble entre $this->mobile->header( … )->back_to( … )->button( … ). Este último, crea un botón en la zona derecha de la barra de navegación. Como tercer argumento (opcional) podemos definir uno de los iconos preestablecidos dentro de jQuery Mobile.

$this->mobile->navbar($links = array( ), $theme)

Justo por debajo de la barra superior de navegación, podemos crear otra auxiliar con diversos botones. Para ello, debemos crear una array con la url como key y el texto del enlace como value. Es decir $links['welcome/index'] = ‘Home’, por ejemplo. jQuery Mobile ya se encarga de dividir automáticamente este barra en tantas partes como valores tenga la barra de navegación. Si queremos que el texto lleve un icono, podemos crear una array compuesta especificando el texto y el icono que queremos. Es decir, el ejemplo anterior con icono seria: $links['welcome/index'] = array('text' => 'Home', 'icon' => 'home');. Como segundo argumento del método navbar(), podemos establecer un tema individual para ésta.

$this->mobile->footer($title, $theme)

Funciona exactamente igual que la barra de header, pero creando una barra de navegación en la parte inferior de la página. De la misma forma que la barra de header, tambien podemos establecer la posición estática de la barra footer dentro del archivo de configuración.

$this->mobile->view($view, $data = array())

Para su funcionamiento, esta libreria dispone de un archivo de plantilla con la base de la estructura de la página. Esto significa que no tenemos que crear de forma individual la cabecera de cada página y solo existe una versión de ésta. Por lo tanto, lo único que tenemos que cargar en la vista es el contenido de la página que queremos ver. El funcionamiento de este método es exactamente igual que el de CodeIgniter $this->load->view( … ) y acepta los mismos parámetros.

Funciones

A parte de los métodos básicos de la libreria, se han definido algunas funciones auxiliares que ayudan en el desarrollo de las páginas gracias a jQuery Mobile.

link_to($url, $title, $attr = array(), $transition)

Funciona exactamente igual que la función anchor() de CodeIgniter pero, acepta como último parametro la transición que queremos hacer para la siguiente página (‘slide’, ‘slideup’, ‘slidedown’, ‘pop’, ‘fade’, ‘flip’). Dentro del archivo de configuración, podemos definir una transición general para todas las que se hagan (tambien se aplicará en los métodos de back_to() y button(). Además, las transiciones se realizarán unicamente si tenemos la opción de cargar por AJAX activada.

mail_to($email, $text)

Crea un enlace para enviar un email a la dirección que especifiquemos como primer argumento. Como resultado, aparecerá un enlace con la dirección de email. Si lo queremos, podemos definir un texto alternativo para no mostrar la dirección de email directamente como segundo argumento.

text_field($name, $text, $placeholder)

Esta función se tiene que utilizar dentro de los formularios. Simplemente crea un contenedor de formulario tal como establece jQuery Mobile. Los argumentos a utilizar son el nombre name que se utilizará dentro del campo input, el texto que queremos que acompañe a nuestro campo como label (opcional) y, por último, el texto placeholder que queremos que aparezca dentro del campo (opcional).

pass_field($name, $text, $placeholder)

Funciona exactamente igual que la función anterior text_field(), pero en lugar de crear un campo de texto para los formularios, crea un campo para contraseñas.

You might also like...
Realice un programa en cualquier lenguaje de programación en el cual implemente un sistema de registro de asistencias para los ayudantes y becarios del LTIC.

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Página Web de la empresa InterClean desarrollada en Wordprees con Astra/Elementor

!DOCTYPE html html lang="en" head meta name="viewport" content="width=device-width" / meta http-equiv="Content-Type" content="text/html; ch

Sistema web para empresa de diseño "Disema", con operaciones básicas CRUD y uso de html, JQ, JS, php y css

Disema System Sistema web para empresa de diseño "Disema", con operaciones básicas CRUD y uso de html, JQ, JS, php y css Para su correcto uso, deberá

Proyecto numero 3 de DAW 2, pagina web en Laravel con AJAX incluido
Proyecto numero 3 de DAW 2, pagina web en Laravel con AJAX incluido

BlazkAdvisor Projecte 03: Guia restaurants Creació d'un lloc web que sigui una guia de restaurants de la nostra ciutat. Hecho por Pol, Juan Carlos y G

O manager Box é um projeto da disciplina de Projeto e prática 2 do IFPE - Igarassu, que consiste em uma aplicação web com funções de gerenciamento de estoque para pequenos empreendimentos.

ManagerBox O Manager Box é um projeto da disciplina de Projeto e prática 2 do IFPE - Igarassu, que consiste em uma aplicação web com funções de gerenc

Proyecto de la materia de Programacion Web que abarca html, css, php y js.

ProyectoPW Proyecto de la materia de Programacion Web que abarca html, css, php y js. DENTRO DE ESTA CARPETA DE PROYECTO DE PROGRAMACION WEB SE ENCUEN

Esto es un lector de RSS creado con PHP

Lector RSS con PHP Esto es un lector de RSS creado con PHP y un poco de CSS3 Por defecto este lector carga el FEED de https://entreunosyceros.net, per

Este es el proyecto con el cual trabajaremos como grupo Mariany, Francisca y Matias

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Owner
Chr1s #
Knock'em Dead with Incredible Coding Skills beyond Your Imagination
Chr1s #
Trabajo final de la materia Bases de Datos 1. Creación de una base de datos con MySQL y desarrollo de una página web con PHP para manipularla. UNAL sede Medellín, semestre 2022-1.

Trabajo final BD: i-Lunch Materia: Bases de Datos I Profesor: Francisco Javier Moreno Arboleda Institución: Universidad Nacional de Colombia sede Mede

Emmanuel López Rodríguez 2 Jul 9, 2022
aqui tienen una plantilla que pueden usar para crear paginas web, contiene html, css, javascript y php

Plantilla-html aqui tienen una plantilla que pueden usar para crear paginas web, contiene html, css, javascript y php. esta plantilla obviamente neces

PEKKA102 3 Sep 19, 2022
Plataforma GPS Tracker para dispositivos Sinotrack ST-90x creada con Laravel 9 + PHP 8.1 y MySQL 8.

GPS Tracker (Laravel 9 + PHP 8.1 + MySQL 8) Plataforma de gestión de dispositivos Sinotrack ST-90x creada con Laravel 9 + PHP 8.1 y MySQL 8. Instalaci

Lito 17 Dec 28, 2022
Modello base con tutto il docker configurato per php7.4, mariadb, vue3, apache...con esempi di component e chiamate rest interne

Applicazione base per utilizzare laravel con docker, php7.4, apache, mariadb10, vue3 Semplice installazione corredate di rotte web e api di base, 3 co

null 0 Jul 14, 2022
TIA es una Tía de Inteligencia Artificial que genera memes con Piolines y frases bonitas

TIA TIA es una Tía de Inteligencia Artificial que genera memes con Piolines y frases bonitas Requerimientos PHP 7.0 or higher GD Library Instructions

John Parker 2 Aug 20, 2022
Libreria de utilidad para programar en PHP aprovechando la variedades de funciones.

Utilidad J-Doxx ?? Libreria de utilidad para programar en PHP aprovechando la variedades de funciones. Requerimientos ?? Para poder ejecutar esta libr

Jose De la Hoz 1 Feb 6, 2022
Ele é voltado para gerar infinitas CC de 23 países A ferramenta ainda esta em BETA então terá muitas Novas atualizações incríveis acompanhem melhor No meu canal do telegram: https://t.me/MS40_canal

BlackBIN ?? ??‍?? Olá pessoal sou eu o maycon ou como vcs me chamam, MS40 ou BLACK_HYDRA. Então esse script foi o um projeto muito antigo Que só esta

BLACK_HYDRA 2 Oct 26, 2022
Repositorio del código fuente utilizado en la página web Lifo.es durante los años 2017 a 2022

Lifo.es Código fuente del juego de rol online Lifo modificado por mi (Sora) durante los años 2017 a 2022. Este código es una modificación del código b

null 5 Dec 28, 2022
Archivos del Proyecto creado por Raymer Antonio Encarnación Villar 17-MISN-4-003 Alexis Joaquin Peña Cruz 15-SISN-1-127 Larry Leynel Beltre Payano 16-MISN-1-158

<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="Content-Type" content="text/html; ch

Raymer Antonio Encarción Villar 17-MISN-4-003 3 Aug 22, 2021
Repositorio del TP final de la materia de Introduccion a la programacion

tateti Repositorio del TP final de la materia de Introduccion a la programacion Materia TECNICATURA UNIVERSITARIA EN DESARROLLO WEB INTRODUCCION A LA

Jeremias 1 Apr 12, 2022