Siguiendo el ejemplo del post anterior en el que listábamos los elementos de una base de datos, tendremos lo siguiente:

<?php 

/*Conexion a la DB*/

include("conexion.php");

/*Formulario*/

echo "<form name='nombre_form' action='nombre_archivo.php' method='post'>";

    //Consulta la tabla idioma
    $consulta=("SELECT * FROM idioma");

    $i=0;

    //Recorre la tabla idioma
    while($registro=mysql_fetch_array($consulta))

        {
        //Listado de Checkbox
        echo "<input type='checkbox' name='.$i.' value='.$registro['id_idioma'].'/>".$registro['nom_idioma'];

       $i++; 

        }

echo "<a href='javascript:seleccionar_todo()' >Marcar Todos</a> | <a href='javascript:deseleccionar_todo()' >Desmarcar Todos</a>";

echo "</form>";

?>

A continuación, lo más importante, “seleccionar y deseleccionar todos los checkbox”:

function seleccionar_todo()
{//Funcion que permite seleccionar todos los checkbox

form = document.forms["nombre_form"]
for (i=0;i<form.elements.length;i++)
    {
    if(form.elements[i].type == "checkbox")form.elements[i].checked=1;
    }
} 

function deseleccionar_todo()
{//Funcion que permite deseleccionar todos los checkbox

form = document.forms["nombre_form"]
for (i=0;i<form.elements.length;i++)
    {
    if(form.elements[i].type == "checkbox")form.elements[i].checked=0;
    }
}

Y eso es todo. Espero que les sea útil.

Apple anunció lanzó Safari 3.1, el navegador web más rápido del mundo para computadoras Mac y PC/Windows.

Safari carga páginas de Internet 1.9 veces más rápido que IE 7 y 1.7 veces más rápido que Firefox 2. Ejecuta además JavaScript hasta seis veces más rápido que otros navegadores y es el primer navegador que soporta los últimos e innovadores estándares web necesarios para ofrecer la próxima generación de experiencias Web 2.0* de gran interactividad.

Safari 3.1 está disponible de inmediato para descarga gratuita en www.apple.com/safari .

“Safari 3.1 para Mac y Windows es tremendamente rápido, fácil de usar y con una elegante interfaz de usuario”, dijo Philip Schiller, vicepresidente senior de mercadeo de producto mundial de Apple. “Y lo mejor de todo, Safari soporta los últimos estándares de audio, vídeo y animación para proporcionar la mejor experiencia Web 2.0″.

El increíble rendimiento de Safari, combinado con su elegante interfaz de usuario, permite a los usuarios dedicar más tiempo a explorar la web y menos a esperar que las páginas se carguen. Safari se caracteriza por una exploración intuitiva con favoritos o bookmarks sin más que arrastrar y soltar, pestañas fáciles de organizar, búsqueda integrada que muestra el número de coincidencias en la página, y un lector de RSS integrado para explorar rápidamente las últimas noticias e informaciones.

Safari 3.1 es el primer navegador que soporta los nuevos tags de audio y vídeo en HTML 5 y el primero que soporta CSS Animations. Safari soporta también CSS Web Fonts, lo que ofrece a los desarrolladores una ilimitada capacidad de elección de fuentes para crear espectaculares sitios web.

Fuente: www.inforo.com.ar

Esta información la encontré en uno de los posts de los chicos de GENTI:

VS.Php es un IDE para desarrollar en PHP dentro de Visual Studio. Con VS.Php puede diseñar, desarrollar, depurar y utilizar aplicaciones Php dentro del IDE de Visual Studio.

Características principales:

Editor and File Management

* Soporte de PHP4 y PHP5
* Coloreo de sintaxis para PHP, Smarty, HTML, JavaScript, CSS, XML y XSLT
* Templates para PHP, Smarty, HTML, JavaScript, CSS, XML y XSLT
* Intellisense para PHP, Smarty, HTML, JavaScript, CSS, XML y XSLT

Debugging

* Soporte para XDebug y DBG
* Depuracion de Php, JavaScript y .Net en una unica sesion
* Servidor Apache incluido para facilitar la depuracion. Preconfigurado con Php4, Php5, XDebug y DBG.

Team collaboration

* Soporta cualquier SCC-plugin para Visual Studio tales como CVS, Svn, Perforce, Sourcesafe, etc.

Deployment and remote servers

* Soporta Ftp, SFtp (SSH), Ftp/S (SSL) y Smb
* Importa proyectos de servidores remotos
* Trabaja sobre los archivos de los servidores remotos de manera directa

Fuente: http://gentisde.com.ar//index.php?option=com_wrapper&Itemid=8

Algunas veces necesitamos listar elementos que ya se encuentran en la base de datos y los queremos dar de alta en otra tabla mediante checkbox; por ejemplo, necesitamos dar de alta un alumno y los idiomas que conoce.

Previamente tendriamos que tener cargada una tabla en la DB:

- nombre tabla: tabla_idiomas

- formada por los campos: id_idioma, nom_idioma

y una tabla creada para cargar los datos nuevos:

- nombre tabla: alumno_idiomas

- formada por los campos: id_alu, nom_alu, id_idioma

Ahora veamos como mostrar ese listado de idiomas y dar de alta uno o varios de ellos, para un alumno en particular. Recuerden de realizar antes la conexion a la DB (demostrado en post anterior).

Archivo: alta_checkbox.php

//Conexion a la DB
include(conexion.php);

//Formulario donde ingresa el alumno y los idiomas que conoce
echo "<form name='form_alta' action='' method='post'><table>";

echo "<input type='text' name='alumno'/>";

//Consulta tabla_idiomas
$consulta = mysql_query('SELECT * FROM `tabla_idiomas` ');

//Guardo los idiomas en un arreglo para mostrarlos de forma ordenada
$arreglo = array();
$items_por_linea    = 2;

while( $row = mysql_fetch_row( $consulta ) ) {
	array_push( $arreglo, $row );
	}

//Imprime
$i=0;

for( $j= 0; $j < count($arreglo); $j++ )
{
$ididioma     = $arreglo[$j][0];

$nomidioma = $arreglo[$j][1];

if( $j % $items_por_linea == 0 ) print '<tr>';

echo "<td align='left'><input name='.$i.' type='checkbox' value='.$ididioma     ;  if($_POST[$i]) {echo "checked";} />".$nomidioma."</td>";

$i++;

if( ($j + 1) % $items_por_linea == 0 ) print '</tr>';
}

//En campo oculto guardo la cantidad de registros que fueron tildados
echo "<input type='hidden' name='numerototal' value='.$i.' id='numerototal'/>";

echo "</table><input type="button" onclick="return verificar()" value="Enviar" name="btenviar" /></form>";

Antes de que se envien los datos al archivo guardar_datos.php, controlaremos en JavaScript, como en el alta realizada el post anterior, que todos los datos solicitados sean ingresados.

function verificar()
{
//Verifica si marco algun checkbox
contador=0;
form = document.forms["form_alta"]
for(i = 0; i < form.elements.length; i++)
    {
    if(form.elements[i].type == "checkbox")
         if(form.elements[i].checked) contador++
    }
if(contador==0) alert('Marque una opción en Idiomas.');
    else{
	document.form_alta.action="guardar_datos.php";
	document.form_alta.submit();
	}
}

Luego de completar el formulario y presionar el boton Enviar, sucede lo siguiente:Archivo: guardar_datos.php

//Conexion a la Base de Datos
    include ("conexion.php");

$alumno=$_POST['alumno'];

//Verifica los idiomas seleccionados
$numerototal = $_POST['numerototal'];

for ($i = 0; $i <= $numerototal; $i++)
   {
   $nombre_check = $_POST[$i];

   if ($nombre_check != "")
      {
      //Carga la tabla alumno_idiomas, en donde se muestra cada alumno con sus respectivos idiomas

      $resultado = mysql_query("insert into alumno_idiomas (`id_alu`,`nom_alu`,`id_idioma`) VALUES('".$idinf."','".$alumno."','".$nombre_check.value."')");
      }
   }

Esepro que les sirva. Hasta el proximo post.

Esto es lo que realmente quieren los usuarios:

El sitio debe ser Funcional: el sitio debe responder siempre a lo que el usuario espera, nunca debería defraudarlo. El usuario entra con una idea fija en la cabeza, lograr o encontrar algo, si no lo logra se verá engañado calificando el sitio como poco útil o poco preciso. La garantía es que nunca más vendrá. En cambio si el sitio cumple nos aseguramos un lugar en sus favoritos.

El diseño debe ser usable: muchos siempre han pensado que un sitio usable es uno que tiene tipografías grandes y colores llamativos. Nada más lejos, un sitio usable tiene solamente lo que necesita el usuario, nada más. No sobra ningún vínculo y se destaca de manera visual lo que más necesita. Todo está a su alcance con el menor esfuerzo visual.

El diseño debe ser Sencillo: creo que esto es lo más importante y al mismo tiempo lo más difícil de lograr. Como diseñadores tenemos una tendencia de cargar las cosas para estilizarlas, pero a veces cometemos el error de entorpecer o saturar el aspecto de un sitio.
El ojo del usuario se concentra en pocas cosas, mientras más ornamentos u objetos tenga más demorará en encontrar cada cosa.

El diseño debe “hablar”: El usuario debe poder identificar y generar un esquema en un pantallazo de como se compone el sitio y como deberá moverse en el mismo. Esto se logra aplicando los principios de la usabilidad y utilizando recursos visuales de una manera muy sutil. Por ejemplo, se debe determinar claramente lo que es contenido dinámico de lo que es estático. Esto es parte sensible en la navegación general.

Debe estar bien programado: la buena programación ayuda a la sencillez y a la velocidad de carga, creo que el contar con una buena programación es importantísimo. Mientras en menos cosas intervenga el usuario más adicto se hará a la aplicación o al sitio que navega. Mientras más fácil hagamos la vida del usuario más cariño le tomará a tu sitio.
Un sitio bien programado también es muy rápido. No precisas tampoco meter AJAX por todos lados, debe existir equilibrio.

El diseño no precisamente debe ser llamativo: Flickr, Youtube, Facebook, realmente no poseen un gran diseño, más bien son austeros y apuntan al uso del texto medianamente estilizados para lograr un buen diseño, pero no impresionan a nadie. La verdad es que ganan por la utilidad del mismo. El diseño debe ser utilizable, no debe despistar al usuario ni mucho menos distraer la atención principal.

Simple pero no desagradable: Muchos en el afán de lograr la máxima simpleza rayan la austeridad absoluta o el mal gusto, descuidando combinaciones de colores, tamaños de tipografías y espacios de blancos. Se debe buscar el equilibrio, esa es la clave.

Alguien dijo que el buen diseño pasa totalmente desapercibido, no nubla ni distrae al usuario.

Vamos a comenzar con datos muy sencillos por ejemplo, supongamos que queremos ingresar un texto con su respectivo título en la base de datos, y comprobaremos en JavaScript si dichos datos fueron ingresados correctamente.

Primero, debemos tener creada una tabla dentro de la base de datos donde quisiéramos guardar los textos y sus títulos, vamos a llamarla nom_tabla, con 3 campos, en el 1er campo guardaremos el identificador (id, el cual se lo define en la DB como autoincrement, es decir que no hay que ingresar nada), en el 2do campo el título del texto (titulo) y en el 3er campo el texto (text). A continuación, crearemos un formulario en HTML donde ingresaremos los datos requeridos:

Archivo: conexion.php



$hostname = “localhost”;
$database = “nom_base_de_datos”;
$username = “nombre_usuario”;
$password = “contraseña”;
$conectar = mysql_pconnect($hostname, $username, $password) or trigger_error(mysql_error(),E_USER_ERROR);
mysql_select_db($database, $conectar);

/*Conexion a la Base de Datos*/

include("conexion.php");

<!--En el action del formulario no colocamos nada, debido a que hay un control en JavaScript-->

<form action="" name="formaltas" method="post">

<table>

<tr>

<td>Titulo</td>

<td><input type="text" name="titulo" maxlength="60" size="50"/></td>

</tr>

<tr>

<td>Texto</td>

<td><textarea name="texto" cols="80" rows="7"></textarea></td>

</tr>

</table>

</form

<!--

function verificar()

{

//Verifica la existencia de los elementos

//Verifica el titulo

if (document.formaltas.titulo.value.length==0)

{

alert(”Tiene que escribir el Título.”);

document.formaltas.titulo.focus();

}

else v1=0;

//Verifica el cuerpo

if(document.formaltas.texto.value.length==0)

{

alert(”Tiene que escribir el texto.”);

document.taltasinf.informacion.focus();

}

else v2=0;

//Luego de la verificacion hacemos el envio del formulario

if(v1==0 && v2==0)

{

//Luego de verificar los datos, se llama al archivo insertar.php para cargar dichos datos en la DB

document.formaltas.action=”insertar.php”;

document.formaltas.submit();

}

}

//-->

 <?php

//Pedimos los datos ingresados en altas.php mediante POST

$titulo = $_POST[”titulo”];

$informacion = $_POST[”texto”];

//Inserta en la tabla

$resultado = mysql_query(”INSERT INTO nom_tabla (`titulo`,`text`) VALUES (’$titulo’,'$informacion’)”);

//Verificamos si los datos fueron insertados en la tabla

if($resultado)

{

//Si se insertó, mostramos un mensaje en JavaScript confirmando

echo “<script language=’javascript’>alert(’El registro fue guardado correctamente.’)</script>”;

exit;

}

else

{

//Si no se insertó, mostramos un mensaje avisando tal error

echo “<script language=’javascript’>alert(’Los Datos no fueron cargados.’)</script>”;

}

?>

“El progreso no consiste en aniquilar hoy el ayer,

sino, al revés,en conservar aquella esencia

del ayer que tuvo la virtud de crear ese hoy mejor.”