Ir al contenido principal

Tooltip, Validaciones

Bueno ultimamente he estado algo alejado por cuestiones de trabajo en exceso xD (o como diria Ban soy un workaholic! xD) pero pues en esos ratos libres que tengo me distraigo un poco con un juego que se llama bitefight Lengua en el vi un menu genial que se despliega cuando posicionas el mouse sobre un y en el se pone informacion, me llamo la atencion y lo queria integrar a un sistema que ando haciendo Lengua.

aqui una imagen de como se despliega:



entonces despues que vi que utilizaba tooltip (un javascript) solo restaba integrarlo, y adaptarlo a mis necesitades jejej Lengua adelante les pondre el archivo, que lo tomaran como referencia nada mas puesto que no pongo la db ni nada asi, pero podran ver el code Lengua

despues de integrar el tooltip, necesitaba que el sistemilla hiciera unas validaciones, si 4 campos estaban llenos solamente que me mostrara un boton rojo, si eran entre 5y 8 naranja, 9 a 15 verde y 16 amarillo, lo que hice es que al momento de jalar los valores en la base de datos, declare variables, llamemosles:

$suma1 = 0;
$suma2 = 0;
$suma3 = 0;
$suma4 = 0;

y al tomar el valor de la base de datos hago esta validacion con un if:

$paternopres=strtoupper($row["paternopres"]); if ($paternopres == NULL) { $paternopres="Sin Paterno, "; $sp = $sp + 1;}else {$suma1 = $suma1 + 1;};

lo que nos indica ahi es que selecciona paternopres, si el valor de paternopres es nulo entonces nos regresara en paternopres el valor de Sin Paterno, y la variable $sp tendra el valor de $sp + 1 por lo que al principio seria solamente uno ya que la inicializamos en 0 Lengua

los 4 campos "clave" para eso, fueron paterno, materno, nombre y clave de elector, por lo que si eran nulos repetia lo de arriba mencionado, al final para que el sistema sepa que imagen tenia que poner hice lo siguiente:

$sumatotal = 0;
$sumatotal = $suma1 + $suma2 + $suma3 + $suma4;
if (
$sumatotal <= 4) { $color = "";}else{
if (
$sumatotal <= 8) { $color = "";}else{
if (
$sumatotal <= 15) { $color = "";}else
if (
$sumatotal == 16) { $color = "";}}

con las validaciones de la suma agregue tambien este code:

if ($suma3 == 4) { echo "";}else {echo "";}
el cual hace que se despliegue un tache si no esta completo y una palomita si esta completo el registro :-D

y con esa parte ya tenia validado y el sistema sabia que color asignar en cada parte, en el mismo sistema queria saber cuanto presidentes, secretarios, suplentes 1 y suplentes 2 faltaban, por lo que agregue las variables:

$sp = 0;
$ss = 0;
$ss1 = 0;
$sss2 = 0;

entonces en la parte que si el valor era nulo y solo en la parte de paterno (pues ahi no necesitaba que me sumara mas de una vez) agregue que sumara el valor + 1 para hacer esa comprobacion Lengua

no se si me explique muy bien o no, pero pues aqui les dejo el codigo que hice, una imagen de como se ve final y un video tambien para que vean como funciona ese modulo del sistema.



aqui les dejo el code:

Código:

y aqui les dejo un link del video de como funciona todo esto en total:

http://evilscript.org/validaciones.rar

se me olvidaba, aqui esta el archivo tooltip.js or si lo quieren tambien Lengua

http://evilscript.org/tooltips.js

cualquier duda por aqui andamos ^^

Komtec1

Comentarios

exquimer ha dicho que…
Hola amigo
Valla comentario que te ha hecho este anónimo, debe de estar cifrado,jajajajajajaja
Saludarte y espero que todo este bien por casa, pues con todo lo que se oye de Mejico no te afecte a ti

Un saludo y un abrazo
Exquimer


PD: supongo que sera por tiempo, pero como desde Marzo no hay nada nuevo

Entradas populares de este blog

Como un simple cambio de nombre en una fanpage me llevó con un bypass en el sistema linkshim de Facebook

Como un simple cambio de nombre en una fanpage me llevó con un bypass en el sistema linkshim de Facebook  Todo inició con el rediseño de marca de un noticiero digital, en el cuál se cambió el nombre, se cambió el logotipo, se cambiaron los nombres de twitter, el usuario de twitter, el instagram, pero OH! al llegar a facebook y hacer el cambio de url de dominio no hubo problema, pero el querer cambiar el nombre inició la pesadilla... "No podemos cambiar tu nombre de dominio debido a que puede ser engañoso para tus usuarios, etc... etc... etc...". Eso es lo primero que me llegó al intentar cambiar el nombre de dominio, pero para mi suerte, vi un botón de "apelación". ¡Que bien! Puedo apelar y dar mis razones de por qué estoy cambiando el nombre.  Y así empiezo:  " Querido FB, Recientemente la empresa xxxx está en un rediseño de marca e imagen, por lo que agradecería puedan ayudarme con el cambio de nom...

Solución [fix] a hamachi Logging in .. failed, busy

Hola! Aquí con una pequeña entrada, pero que a más de uno le será útil. Tengo hamachi instalado en varias máquinas, pero en una precisamente al reiniciar, algunas veces me da este problema: usuarioserver@server:~$ sudo hamachi login [sudo] password for usuarioserver: Logging in .. failed, busy Lo busqué en internet y la "solución" que dan, es reinstalar hamachi, y para los que han instalado hamachi en ubuntu, saben que no es una opción, pues se tendrían que hacer estos pasos:  sudo apt-get remove logmein-hamachi sudo dpkg -i logmein-hamachixxx.deb sudo apt-get install -f Para lo cual (siempre) es molesto hacer esos pasos, y algunas veces la configuración se llega a perder.  Para solucionar ese problema, basta con hacer un:  sudo /etc/init.d/logmein-hamachi force-reload Esto forzará el reinicio de hamachi, y así después hacen:  sudo hamachi login Y listo, el problema de failed busy desaparece y los deja loguear bien en la re...

Integrar API de Google Maps, archivos kml, kmz y otras fumarolas :D

Ya que andamos en eso de la posteada ahora les voy a dejar un pequeño manual sobre como integrar la API de maps (google) dentro de nuestro código, hay varia documentación en la página developers de google, pero realmente lo que uno busca cuando pone en google: "integrar api de maps" es ver un ejemplo claro y directo para que se pueda entender de mejor forma. Así que pues ya comentada la información de arriba les paso a dejar un ejemplo. Lo primero que tenemos que poner en nuestro código es la llamada a la API de maps: < script type = " text/javascript " src = " http://maps.googleapis.com/maps/api/js?sensor=false&language=es " > < / script > En este caso la variable sensor está en false, esto nos indica que no hay un dispositivo gps que pueda tomar la ubicación (se pone generalmente en true cuando es para aplicación movil, llámese celular o tableta) El lenguaje declaramos español, esto es para los menús que se van a most...