Ventana modal con css fácil (Con ejemplo)

Ahora vamos a ver como se hace una ventana modal sencilla y fácil con CSS y un poco de Javascript.

No vamos a dar muchos rodeos.

Aquí el CSS:

<style type="text/css">
* {
margin: 0;
padding: 0;
}

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
background: #9fffff;
color: #0000ff;
}

a {
color: #F00;
}

/* base semi-transparente */
    .overlay{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index:1001;
opacity:.75;
        -moz-opacity: 0.75;
        filter: alpha(opacity=75);
    }

    /* estilo para la ventana modal */
    .modal {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        background: #fff;
color: #333;
        z-index:1002;
        overflow: auto;
    }
    </style>

Y aquí la parte de html junto con JavaScript:

 <div id="fade" class="overlay" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
</div>

<div id="light" class="modal">
    <p>Contenido de la ventana modal. Para
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">cerrar</a>
 basta un simple JavaScript.</p>
    </div>

    <p>Con un
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';">simple click</a>
 podrás desplegar la ventana modal.</p>

Ahora con este sencillo ejemplo, podemos modificarlo y hacerlo a nuestro gusto.

Espero que os haya servido.

Por: Unknown 22 jul 2013

Leer más

Crear aplicación .exe con Microsoft Access 2010

Si se te presenta el problema de querer hacer una aplicación ejecutable en Access 2010 y no sabes cómo, aquí te voy a explicar cómo hacerlo fácilmente, con la ventaja, de que hayá donde se instale dicha aplicación no requiere tener instalado el paquete office para poder ejecutarlo.

Lo primero que tenemos que hacer es descargarnos el Microsoft Access 2010 Runtime, en la página oficial de Microsoft.

Aquí el enlace:


http://www.microsoft.com/es-es/download/details.aspx?id=10910

Nos dará a elegir dos versiones, entre el de 32 bits y el de 64. No tiene porqué ir de la mano la arquitectura que tenga nuestro pc, con la versión del Office que tengamos instalados. Por ejemplo en mi caso, tengo Windows 8 64 bits, pero tengo el Office 2010 32 bits. Así que nos descargamos el que corresponda. Si te equivocas, no importa, no explotará tu pc. Te dará el aviso de que el complemento que estás intentando instalar no corresponde con la versión instalada actual. Si esto te pasa, te descargas el otro y solucionado el problema.

Bueno, suponemos que ya lo hemos descargado y lo hemos instalado con todo lo que venía por defecto. (No hay que hacer nada, solo darle a "Siguiente").

Abrimos el Access, por supuesto abrimos el archivo access de nuestra aplicación ya desarrollada y terminada. Aunque si no está terminada, también lo podemos hacer para probar que funciona.

Nos vamos a la pestaña Archivo -> Guardar y Publicar -> Paquete de soluciones

y ahora le damos a Crear un paquete de Windows Installer para instalar una solución de la base de datos.

Se abrirá un asistente que iremos rellenando con nuestras preferencias. Es muy fácil y flexible. Podemos darle nombre a nuestra aplicación, cambiar el icono de acceso directo, escribir el nombre de la carpeta que se creará en el equipo que se instale, etc...
Una vez terminado todo el asistente, buscamos la carpeta que se ha creado, que nosotros mismo abremos ubicado, y ahí nos encontraremos un archivo *.exe, y una carpeta con el Runtime y un *.msi.

Eso es lo que tenemos que guardar en nuestro pendrive o en un cd, y ya podemos distribuir nuestra aplicación.

Espero que os haya servido.

Por: Unknown

Leer más

Comparar dos fechas en php

Hola, hoy vamos a ver como comparar dos fechas en php.

El otro día me encontré con este problema programando un panel de control que te da el aviso de cuando es la siguiente fecha de renovación de un contrato, que se ha de renovar cada año.

El problema era el siguiente:

Si la fecha inicio del contrato es: 13/07/2012 y hoy es 12/07/2013, sin problemas me decía que la siguiente renovación era el 13/07/2013. El problema venía si hoy era 14/07/2013... la siguiente fecha de renovación seguía diciendo que era el 13/07/2013, cuando en realidad ya era el 13/07/2014.

Es que el asunto no es tan fácil como:

<?php
$fecha1="laquesea";
$fecha2="laquesea2";

if($fecha<=$fecha2){
       echo "esto está mal!!!";
}
?>

Así que rebusqué por ahí y os puedo ofrecer algunas soluciones.

<? 
//defino fecha 1 
$ano1 = 2006; 
$mes1 = 10; 
$dia1 = 2; 

//defino fecha 2 
$ano2 = 2006; 
$mes2 = 10; 
$dia2 = 27; 

//calculo timestam de las dos fechas 
$timestamp1 = mktime(0,0,0,$mes1,$dia1,$ano1); 
$timestamp2 = mktime(4,12,0,$mes2,$dia2,$ano2); 

//resto a una fecha la otra 
$segundos_diferencia = $timestamp1 - $timestamp2; 
//echo $segundos_diferencia; 

//convierto segundos en días 
$dias_diferencia = $segundos_diferencia / (60 * 60 * 24); 

//obtengo el valor absoulto de los días (quito el posible signo negativo) 
$dias_diferencia = abs($dias_diferencia); 

//quito los decimales a los días de diferencia 
$dias_diferencia = floor($dias_diferencia); 

echo $dias_diferencia; 
?>

Esta solución es de desarrolloweb.com.

Ahora veamos la siguiente, en la que podemos ver se usa en una función.

function compararFechas($primera, $segunda)
 {
  $valoresPrimera = explode ("/", $primera);   
  $valoresSegunda = explode ("/", $segunda); 

  $diaPrimera    = $valoresPrimera[0];  
  $mesPrimera  = $valoresPrimera[1];  
  $anyoPrimera   = $valoresPrimera[2]; 

  $diaSegunda   = $valoresSegunda[0];  
  $mesSegunda = $valoresSegunda[1];  
  $anyoSegunda  = $valoresSegunda[2];

  $diasPrimeraJuliano = gregoriantojd($mesPrimera, $diaPrimera, $anyoPrimera);  
  $diasSegundaJuliano = gregoriantojd($mesSegunda, $diaSegunda, $anyoSegunda);     

  if(!checkdate($mesPrimera, $diaPrimera, $anyoPrimera)){
    // "La fecha ".$primera." no es válida";
    return 0;
  }elseif(!checkdate($mesSegunda, $diaSegunda, $anyoSegunda)){
    // "La fecha ".$segunda." no es válida";
    return 0;
  }else{
    return  $diasPrimeraJuliano - $diasSegundaJuliano;
  } 

}

$primera = "29/02/2000";
$segunda = "31/01/2000";

echo compararFechas ($primera,$segunda);

Este código es copiado de webtutoriales.com

______

Con este segundo ejemplo es el que yo utilicé y adapté a mi problema.

Espero que os sirva. Un saludo.

Por: Unknown 12 jul 2013

Leer más