Adaptación de los formularios a iOS (iPhone / iPod)

git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_FormulariosCalidad/trunk@12 e2c41b2c-0c6f-0149-8b81-50b1a9191bb3

edit_form.php

@@ -691,7 +691,7 @@ Instrucciones para los usuarios
 <div class="left">
 <input id="form_success_message_option" name="confirmation" class="radio" value="" checked="checked" tabindex="8" onclick="update_form('', 'redirect'); Element.removeClassName('form_success_message', 'hide');Element.addClassName('form_redirect_url', 'hide')" type="radio">
 <label class="choice" for="form_success_message_option">Mostrar mensaje</label>
-<a class="tooltip" title="Success Message" rel="Se mostrará el mensaje que se indique después de que los usuarios hayan enviado sus respuestas.">(?)</a>
+<a class="tooltip" title="Mensaje a mostrar después del envio" rel="Se mostrará el mensaje que se indique después de que los usuarios hayan enviado sus respuestas.">(?)</a>
 </div>
 
 <div class="right">

includes/language.php

@@ -1,96 +1,97 @@
 <?php
 /******************************************************************************
  MachForm
-  
+
  Copyright 2007 Appnitro Software. This code cannot be redistributed without
  permission from http://www.appnitro.com/
- 
+
  More info at: http://www.appnitro.com/
  ******************************************************************************/
 	global $lang;
-	
+
 	//simple name and extended name
 	$lang['name_first']			=	'Primero';
-	$lang['name_last']			=	'Último';
-	$lang['name_title']			=	'Título';
+	$lang['name_last']			=	'Último';
+	$lang['name_title']			=	'Título';
 	$lang['name_suffix']		=	'Sufijo';
-	
+
 	//address
-	$lang['address_street']		=	'Dirección';
-	$lang['address_street2']	=	'Dirección (cont)';
-	$lang['address_city']		=	'Población';
+	$lang['address_street']		=	'Dirección';
+	$lang['address_street2']	=	'Dirección (cont)';
+	$lang['address_city']		=	'Población';
 	$lang['address_state']		=	'Provincia';
-	$lang['address_zip']		=	'Código postal';
-	$lang['address_country']	=	'País';
+	$lang['address_zip']		=	'Código postal';
+	$lang['address_country']	=	'País';
 
 	//captcha
 	$lang['captcha_required']	=	'Este campo es obligatorio. Por favor, introduzca las letras que aparecen en la imagen.';
-	$lang['captcha_mismatch']	=	'No coinciden las letras introducidas con las que aparecen en la imagen. Por favor, inténtelo otra vez.';
-	$lang['captcha_error']		=	'Se ha producido un error en el proceso. Por favor, inténtelo otra vez.';
+	$lang['captcha_mismatch']	=	'No coinciden las letras introducidas con las que aparecen en la imagen. Por favor, inténtelo otra vez.';
+	$lang['captcha_error']		=	'Se ha producido un error en el proceso. Por favor, inténtelo otra vez.';
 	$lang['captcha_title']		=	'Introduzca las letras que aparecen en la imagen de abajo.';
-	
+
 	//date
 	$lang['date_dd']			=	'DD';
 	$lang['date_mm']			=	'MM';
 	$lang['date_yyyy']			=	'YYYY';
-	
+
 	//price
-	$lang['price_dollar_main']	=	'Dólares';
+	$lang['price_dollar_main']	=	'Dólares';
 	$lang['price_dollar_sub']	=	'Centavos';
 	$lang['price_euro_main']	=	'Euros';
-	$lang['price_euro_sub']		=	'Céntimos';
+	$lang['price_euro_sub']		=	'Céntimos';
 	$lang['price_pound_main']	=	'Libras';
 	$lang['price_pound_sub']	=	'Peniques';
 	$lang['price_yen']			=	'Yenes';
-	
+
 	//time
 	$lang['time_hh']			=	'HH';
 	$lang['time_mm']			=	'MM';
 	$lang['time_ss']			=	'SS';
-	
+
 	//error message
 	$lang['error_title']		=	'Se ha producido un error en su envio.';
-	$lang['error_desc']			=	'Los errores están <strong>resaltados</strong> abajo.';
-	
+	$lang['error_desc']			=	'Los errores están <strong>resaltados</strong> abajo.';
+
 	//form buttons
 	$lang['submit_button']		=	'Enviar';
 	$lang['continue_button']	=	'Continuar';
-	$lang['back_button']		=	'Atrás';
-	
+	$lang['back_button']		=	'Atrás';
+
 	//form status
-	$lang['form_inactive']		=	'Este formulario está actualmente desactivado.';
-	
+	$lang['form_inactive']		=	'Este formulario está actualmente desactivado.';
+
 	//form password
-	$lang['form_pass_title']	=	'El acceso a este formulario está protegido por contraseña.';
-	$lang['form_pass_desc']		=	'Por favor, introduzca la contraseña.';
-	$lang['form_pass_invalid']	=	'¡La contraseña no es correcta!';
-	
+	$lang['form_pass_title']	=	'El acceso a este formulario está protegido por contraseña.';
+	$lang['form_pass_desc']		=	'Por favor, introduzca la contraseña.';
+	$lang['form_pass_invalid']	=	'¡La contraseña no es correcta!';
+	$lang['form_pass_word']		=	'Contraseña';
+
 	//form review
 	$lang['review_title']		=	'Revise sus datos';
-	$lang['review_message']		=	'Por favor, revise los datos que ha introducido. Cuando esté conforme, pulse el botón Enviar para terminar.';
-	
-	//validation message 
+	$lang['review_message']		=	'Por favor, revise los datos que ha introducido. Cuando esté conforme, pulse el botón Enviar para terminar.';
+
+	//validation message
 	$lang['val_required'] 		=	'Este campo es obligatorio. Por favor, introduzca un valor.';
 	$lang['val_required_file'] 	=	'Este campo es obligatorio. Por favor, indique un fichero.';
-	$lang['val_unique'] 		=	'Este campo requiere un valor único y este valor ya ha sido usado.';
+	$lang['val_unique'] 		=	'Este campo requiere un valor único y este valor ya ha sido usado.';
 	$lang['val_integer'] 		=	'El valor introducido tiene que ser un valor entero.';
 	$lang['val_float'] 			=	'El valor introducido tiene que ser un valor flotante.';
-	$lang['val_numeric'] 		=	'El valor introducido tiene que ser un número.';
+	$lang['val_numeric'] 		=	'El valor introducido tiene que ser un número.';
 	$lang['val_min'] 			=	'El valor de este campo no puede ser menor de %s caracteres.';
 	$lang['val_max'] 			=	'El valor de este campo no puede ser mayor de %s caracteres.';
-	$lang['val_range'] 			=	'El valor de este campo no está dentro del rango de %s a %s caracteres.';
-	$lang['val_email'] 			=	'Este campo no tiene una dirección de correo electrónico válida.';
-	$lang['val_website'] 		=	'Este campo no tiene una dirección web válida.';
-	$lang['val_username'] 		=	'Los caracteres de este campo sólo pueden contener letras (a-z), números (0-9) y guiones bajos.';
+	$lang['val_range'] 			=	'El valor de este campo no está dentro del rango de %s a %s caracteres.';
+	$lang['val_email'] 			=	'Este campo no tiene una dirección de correo electrónico válida.';
+	$lang['val_website'] 		=	'Este campo no tiene una dirección web válida.';
+	$lang['val_username'] 		=	'Los caracteres de este campo sólo pueden contener letras (a-z), números (0-9) y guiones bajos.';
 	$lang['val_equal'] 			=	'%s debe coincidir.';
 	$lang['val_date'] 			=	'Este campo no tiene una fecha correcta.';
 	$lang['val_time'] 			=	'Este campo no tiene una hora correcta.';
-	$lang['val_phone'] 			=	'Por favor, introduzca un número de teléfono válido.';
+	$lang['val_phone'] 			=	'Por favor, introduzca un número de teléfono válido.';
 	$lang['val_filetype']		=	'The filetype you are attempting to upload is not allowed.';
-	
+
 	//fields on excel/csv
 	$lang['export_num']			=	'Num.';
-	$lang['date_created']		=	'Fecha de creación';
-	$lang['date_updated']		=	'Fecha de actualización';
-	$lang['ip_address']			=	'Dirección IP';			
+	$lang['date_created']		=	'Fecha de creación';
+	$lang['date_updated']		=	'Fecha de actualización';
+	$lang['ip_address']			=	'Dirección IP';
 ?>

mobile/apple/css/forms.css

@@ -0,0 +1,72 @@
+.required {
+	color:  #CC0000;
+}
+
+.guidelines {
+	position:relative;
+	font-weight:normal;
+	font-size:14px;
+	right:20px;
+	left:9px;
+	color:#4C4C4C;
+	padding:1px 0 3px 8px;
+	margin: 0;
+	width:90%;
+}
+
+.error
+{
+	position:relative;
+	font-weight:normal;
+	font-size:14px;
+	left:9px;
+	padding:1px 8px 3px 8px;
+	color:#CC0000 !important;
+	margin: 0;
+	width:90%;
+}
+
+ul.error_message
+{
+	background-color:#FFDFDF !important;
+	border-color:#c7a9aa;
+}
+
+ul.success_message
+{
+	background-color:#ccffcc !important;
+	border-color:#89ba8a;
+}
+
+input.small
+{
+	width:25%;
+}
+
+input.medium
+{
+	width:50%;
+}
+
+input.large
+{
+	width:99%;
+}
+
+textarea.small
+{
+	width:98%;
+	height:2.5em;
+}
+
+textarea.medium
+{
+	width:98%;
+	height:5em;
+}
+
+textarea.large
+{
+	width:98%;
+	height:7.5em;
+}

mobile/apple/javascript/developer-functions.js

@@ -0,0 +1,29 @@
+var iWebkit;
+
+if (!iWebkit) {
+	
+	iWebkit = window.onload = function () {
+			function fullscreen() {
+				var a = document.getElementsByTagName("a");
+				for (var i = 0; i < a.length;i++) {
+					if (a[i].className.match("noeffect")) {
+					}
+				else {
+						a[i].onclick = function () {
+							window.location = this.getAttribute("href");
+							return false;
+						};
+					}
+				}
+			}
+
+			function hideURLbar() {
+				window.scrollTo(0, 0.9);
+			}
+			iWebkit.init = function () {
+				fullscreen();
+				hideURLbar();
+			};
+			iWebkit.init();
+		};
+}

mobile/apple/javascript/functions.js

@@ -0,0 +1 @@
+var iWebkit;if(!iWebkit){iWebkit=window.onload=function(){function fullscreen(){var a=document.getElementsByTagName("a");for(var i=0;i<a.length;i++){if(a[i].className.match("noeffect")){}else{a[i].onclick=function(){window.location=this.getAttribute("href");return false}}}}function hideURLbar(){window.scrollTo(0,0.9)}iWebkit.init=function(){fullscreen();hideURLbar()};iWebkit.init()}}

mobile/apple/php/rss.php

@@ -0,0 +1,82 @@
+
+<?php
+   
+   
+   
+   // define the namespaces that we are interested in
+$ns = array
+(
+        "content" => "http://purl.org/rss/1.0/modules/content/",
+        "wfw" => "http://wellformedweb.org/CommentAPI/",
+        "dc" => "http://purl.org/dc/elements/1.1/"
+);
+// obtain the articles in the feeds, and construct an array of articles
+
+$articles = array();
+
+// step 1: get the feed
+$blog_url = "HTTP://YOURSITE.COM/FEED.XML";
+
+$rawFeed = file_get_contents($blog_url);
+$xml = new SimpleXmlElement($rawFeed);
+
+// step 2: extract the channel metadata
+
+$channel = array();
+$channel["title"]       = $xml->channel->title;
+$channel["link"]        = $xml->channel->link;
+$channel["description"] = $xml->channel->description;
+$channel["pubDate"]     = $xml->pubDate;
+$channel["timestamp"]   = strtotime($xml->pubDate);
+$channel["generator"]   = $xml->generator;
+$channel["language"]    = $xml->language;
+
+// step 3: extract the articles
+
+foreach ($xml->channel->item as $item)
+{
+        $article = array();
+        $article["channel"] = $blog_url;
+      ?>
+      <?php
+        $article["comments"] = $item->comments;
+        $article["timestamp"] = strtotime($item->pubDate);
+      ?>
+        <ul class="pageitem">
+<li class="textbox"><span class="header"> <?php echo $article["title"] = $item->title;?></span>
+        <?php echo $article["description"] = (string) trim($item->description);?>
+        </li>
+<li class="menu">
+<a href="<?php echo $article["link"] = $item->link;?>">
+<img alt="Description" src="thumbs/safari.png" />
+<span class="name">View</span>
+<span class="comment"><?php echo $article["pubDate"] = $item->pubDate;?></span>
+<span class="arrow"></span>
+</a>
+             </li>
+</ul>
+<?php
+        $article["isPermaLink"] = $item->guid["isPermaLink"];
+
+        // get data held in namespaces
+        $content = $item->children($ns["content"]);
+        $dc      = $item->children($ns["dc"]);
+        $wfw     = $item->children($ns["wfw"]);
+
+        
+        foreach ($dc->subject as $subject)
+                $article["subject"][] = (string)$subject;
+
+        $article["content"] = (string)trim($content->encoded);
+        $article["commentRss"] = $wfw->commentRss;
+
+        // add this article to the list
+        $articles[$article["timestamp"]] = $article;
+}
+
+// at this point, $channel contains all the metadata about the RSS feed,
+// and $articles contains an array of articles for us to repurpose
+   
+   
+   
+   ?>

save.php

@@ -407,8 +407,8 @@
 	/******** End processing review table **********************************************************/
 	
 		
-	$_SESSION['AP_SUCCESS']['title'] = 'Success';
-	$_SESSION['AP_SUCCESS']['desc']  = 'Your form has been saved.';
+	$_SESSION['AP_SUCCESS']['title'] = 'Completado';
+	$_SESSION['AP_SUCCESS']['desc']  = 'Se ha guardado el formulario.';
 	
 	echo '{ "status" : "ok", "message" : "'.$form_id.'" }';