Webcidentes

La idea es actualizar nuestra base de datos con un Excel con el que estemos trabajando. El proceso es copiar las celdas (CTRL+C) que deseemos actualizar, y pegar el resultado en un archivo de texto (.txt), de modo que aparecerán en él los datos separados por tabulaciones (TAB).

La primera página tendrá un código parecido a ésto, y servirá para permitir al usuario subir ese archivo .txt:

<script language="JavaScript">
function validarDatos() {
var frm = document.formulario;
var err = "";
if (!(frm.fileMuestrario.value)) {
err= err + "Por favor, indique un archivo para subir.";
}
if (err=="") {
return true;
}
else {
alert(err);
return false;
}
}
function enviar() {
var frm = document.formulario;
if (validarDatos()) {
var mensaje = "";
mensaje = "Se va a actualizar la valoración de las empresas conforme a los datos del fichero especificado. ¿Confirma la operación?";
if (confirm(mensaje)) {
frm.submit();
}
}
}
</script>
<form  name="formulario" method="post" action="paso2.php" enctype="multipart/form-data">
 
Especifique la ruta donde se encuentra el fichero con los valores a actualizar
<input type="file" name="fileMuestrario" size="55" class="campotexto">
<a href="#" onClick="enviar(); return false;">ENVIAR</a>
</form>
 

La segunda página "desmenuza" este archivo y actualiza los valores en nuestra base de datos. Por supuesto, las columnas del archivo de texto deben corresponderse con las columnas de nuestra tabla, para no hacer un desbarajuste con los datos. La primera sería la [0], la segunda es [1], etc.
NOTA: El código utiliza db_query para las consultas a la base de datos porque este código lo hice para Drupal. Sin embargo, puede ser usado en cualquier parte, sólo con sustituir db_query con mysql_connect() y mysql_query.

<?php
 
$registroResultados = "";
 
$subidaFichero = true;
$archivo_temp  = $_FILES['fileMuestrario']['tmp_name'];
$archivo       = $_FILES['fileMuestrario']['name'];
if ($archivo != '') {
if (!copy($_FILES['fileMuestrario']['tmp_name'], ficheroBackupRUTA)) {
$subidaFichero = false;
}
else {
$subidaFichero = false;
}
}
 
$row = 1;
$ficheroMuestras  = ficheroBackupRUTA;
$fSalida = fopen ($ficheroMuestras, "r");
 
$table = 'nombre_tabla';
// Se puede truncar (borrar) la tabla previo a actualizar, o no:
db_query("TRUNCATE TABLE {%s}", $table); //OPCIONAL
 
print "
 
<strong>Actualización exitosa. Estos son los valores actualizados.</strong>
<table>
<tr>
<td>sector1_id</td>
<td>sector2_id</td>
<td>parametro1</td>
<td>parametro2</td>
<td>parametro3</td>
<td>parametro4</td>
</tr>
 
";
 
while ($data = fgetcsv ($fSalida, 2000, "	")) {
$parametro1 = str_replace(',', '.', $data[0]);
$parametro2 = str_replace(',', '.', $data[1]);
$parametro3 = str_replace(',', '.', $data[2]);
$parametro4 = str_replace(',', '.', $data[3]);
 
$sql = "INSERT INTO nombre_tabla (campo1, campo2, campo3, campo4) VALUES (".$parametro1.", ".$parametro2.", ".$parametro3.", ".$parametro4.")";
db_query($sql);
 
print "
<tr>
<td>".$parametro1."</td>
<td>".$parametro2."</td>
<td>".$parametro3."</td>
<td>".$parametro4."</td>
</tr>
 
";
 
}
print "</table>
 
";
fclose ($fSalida);
?>

Con este pequeño snippet de jQuery tipo "show/hide" podréis añadir efectos a las descripciones de los inputs de formularios creados en Drupal. Al entrar (focus) en el campo de texto, la descripción del mismo se despliega. Al salir (blur), vuelve a esconderse o replegarse.

Es interesante para no "manchar" los formularios con mucho texto explicativo entre los campos, ya que sólo aparece aquél donde el usuario se encuentra. Se debe usar con cuidado para no afectar la usabilidad, de modo que quizá requiera que juguéis un poco con él o lo hagáis más específico (por ejemplo, según el id del formulario, etc).

// Toggle description of forms when focus on input
$(document).ready(function(){
$padre = $('input.form-text').parent();
$padre.find('div.description').hide(200);
$('input.form-text').focus(function() {
$padre = $(this).parent();
$padre.find('div.description').show(200);
});
$('input.form-text').blur(function() {
$padre = $(this).parent();
$padre.find('div.description').hide(200);
});
});

Cuando diseñamos una página con CSS, tenemos la libertad de situar cualquier elemento en cualquier parte, con toda la libertad. Esto está muy bien pero, cuando trabajamos con formularios, el orden en el que están escritos en HTML no tiene por qué ser el mismo que en el resultado visual.

El usuario suele moverse por los formularios usando la tecla TAB, y puede ocurrir que intente pasar del campo Nombre al campo Apellidos... y termine en Código Postal, lo cual desestructura bastante su forma de dar los datos y puede ser confuso (por ejemplo, si tenemos un formulario en 2 columnas en el cual el campo Nombre está en la columna izquierda y el campo Apellidos justo a la derecha, pero en la otra columna — y por tanto, unos cuantos campos detrás).

Para ello usaremos en cada uno de los input, select, etc. (cualquier elemento de formulario) el tabindex, lo cual define el orden en el que el usuario "viaja" por los campos del formulario. El orden es de menor a mayor, y no tiene por qué ser consecutivo (así, el formulario es escalable). Un valor de 0 (cero) significa que el campo queda fuera del "recorrido" que se hace pulsando TAB.

Ejemplo:

<form action="">
Campo 1:
<input type="text" name="field1" tabindex=1><br />
Campo 2:
<input type="text" name="field2" tabindex=3><br />
Campo 3:
<input type="text" name="field3" tabindex=2><br />
Campo 4:
<input type="text" name="field4" tabindex=0><br />
</form>

En este ejemplo, el TAB saltará del campo 1 al 3, y terminará en el 2. El 0 (cero) será accesible sólo con el ratón. Obsérvalo aquí: