Como saber si una celda en mysql esta vacia con PHP
Este codigo ofrece la misma accion que usa facebook en nuestro perfil indicandonos que datos hemos ingresado si ya tenemos el dato nos lo muestra sino nos genera un enlace que al precionar nos genera una ventana al estilo de la misma ventana de facebook que tiene la opcion de cerrar sesion, solo que ahora en el 2014 le cambiaron el diseñado y en vez de crear una sola ventana para editar varias datos por seccion ya se genera una ventanita independiente para editar un correspondiente dato.
Noten un ejemplo en fotos.
Ahora veran las fotos de mi ejercicio que genera la misma accion solo que el diseño es algo diferente pero vale huevo porque ya tienen lo importante.
Aqui pueden ver como creo la ventana que tiene facebook donde esta la opcion de cerrar sesion solo que no se desaparece cuando se da click por fuera porque asi tambien la tenia facebook, ahora en el 2014 le cambiaron el diseño como en las primeras fotos de este post, si quieren tenera esta misma ventana que hice yo pero que se desaparezca cuando den click por fuera de ella miren mis otros post que ahi tengo dos post interesantes una de un login usando esa ventana y otra donde esta solo la preparacion de esa ventana.
1. creen una base de datos con el nombre que quierea y luego creen esta tabla pegando en la consola mysql el siguiente codigo.
Miembros
CREATE TABLE `Miembros` (
`id_miembro` int (10) NO AUTO_INCREMENT NULL,
`Nombre` varchar (255) NOT NULL,
PRIMARY KEY (`id_miembro`)
) ENGINE = InnoDB AUTO_INCREMENT = 3 DEFAULT CHARSET = latin1
2. crearan el siguiente archivo llamado consultavacia.php y pegan este codigo.
<?php
mysql_connect("localhost","root","";
mysql_select_db("consultavacia";
$query=mysql_query("SELECT * FROM miembros ";
$row = mysql_fetch_object($query);
@$nom = $_POST['nom'];
if(!empty($nom ))
{
$query=mysql_query("INSERT INTO miembros(nombre) VALUE('".$nom."') ";
}
if(empty($row->nombre ))
{
?>
<!DOCTYPE HTML>
<html lang='en-US'>
<head>
<meta charset='UTF-8'>
<title></title>
<link rel='stylesheet' href='estilo.css'/>
<script type='text/javascript' src='codigoventana.js'></script>
</head>
<body>
<a href='javascript:void(0);' onclick='mostrar(globalventana)' >Añade un nombre</a>
<div id='globalventana'>
<div class='flecha'></div>
<div id="contform">
<form method="post" action="<?php $_SERVER['PHP_SELF'] ?>">
<br />
<label for="nombre">Ingresa un nombre</label>
<input type="text" name="nom" id="nombre"/>
<br />
<input type="submit" value="Enviar" />
</form>
</div>
</div>
<a href="consultavacia.php">Ver usuarios</a>
</body>
</html>
<?php
}
else
{
echo $row->nombre. "<a href='?delete=".$row->id_miembro."'>Borrar</a>";
@$delete = $_GET['delete'];
if($delete)
{
$query=mysql_query("DELETE FROM miembros WHERE id_miembro = ".$delete." ";
}
}
?>
3. como ya sabran todo desarrollador web usa un servidor local para practicar yo uso wampserver instalen el programa y en la carpeta www que esta dentro de la carpeta del programa donde se instalo.
Pegan ahi los archivos, ahora lo que tienen que hacer es crear una carpeta llamada imagenes y luego descargan esta imagen y la pegan ahi.
4. crearan un archivo llamado codigoventana.js y pegaran el siguiente codigo
function mostrar (laventana)
{
//document.getElementById('laventana').style.display = 'block';
var elElemento=document.getElementById('globalventana');
if(elElemento.style.display == 'block') {
elElemento.style.display = 'none';
} else {
elElemento.style.display = 'block';
}
}
5. Crearan un archivo llamado estilo.css y pegaran el siguiente codigo.
body
{
background-color:beige;
}
#globalventana
{
width:202px;
height:194px;
background-color:green;
position:absolute;
left:90px;
margin-top:10px;
/**ESTILO*/
background-color: #fff;
background: rgba(255,255,255,0.98);
border: 1px solid #c5c5c5;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-background-clip: padding-box;
display:none;
}
.flecha
{
top:-11px;
left:10px;
background-image:url("./imagenes/sprite2.png";
background-position:-82px -80px;
width:20px;
height:11px;
background-color:;
position:absolute;
}
Este codigo ofrece la misma accion que usa facebook en nuestro perfil indicandonos que datos hemos ingresado si ya tenemos el dato nos lo muestra sino nos genera un enlace que al precionar nos genera una ventana al estilo de la misma ventana de facebook que tiene la opcion de cerrar sesion, solo que ahora en el 2014 le cambiaron el diseñado y en vez de crear una sola ventana para editar varias datos por seccion ya se genera una ventanita independiente para editar un correspondiente dato.
Noten un ejemplo en fotos.
Ahora veran las fotos de mi ejercicio que genera la misma accion solo que el diseño es algo diferente pero vale huevo porque ya tienen lo importante.
Aqui pueden ver como creo la ventana que tiene facebook donde esta la opcion de cerrar sesion solo que no se desaparece cuando se da click por fuera porque asi tambien la tenia facebook, ahora en el 2014 le cambiaron el diseño como en las primeras fotos de este post, si quieren tenera esta misma ventana que hice yo pero que se desaparezca cuando den click por fuera de ella miren mis otros post que ahi tengo dos post interesantes una de un login usando esa ventana y otra donde esta solo la preparacion de esa ventana.
1. creen una base de datos con el nombre que quierea y luego creen esta tabla pegando en la consola mysql el siguiente codigo.
Miembros
CREATE TABLE `Miembros` (
`id_miembro` int (10) NO AUTO_INCREMENT NULL,
`Nombre` varchar (255) NOT NULL,
PRIMARY KEY (`id_miembro`)
) ENGINE = InnoDB AUTO_INCREMENT = 3 DEFAULT CHARSET = latin1
2. crearan el siguiente archivo llamado consultavacia.php y pegan este codigo.
<?php
mysql_connect("localhost","root","";
mysql_select_db("consultavacia";
$query=mysql_query("SELECT * FROM miembros ";
$row = mysql_fetch_object($query);
@$nom = $_POST['nom'];
if(!empty($nom ))
{
$query=mysql_query("INSERT INTO miembros(nombre) VALUE('".$nom."') ";
}
if(empty($row->nombre ))
{
?>
<!DOCTYPE HTML>
<html lang='en-US'>
<head>
<meta charset='UTF-8'>
<title></title>
<link rel='stylesheet' href='estilo.css'/>
<script type='text/javascript' src='codigoventana.js'></script>
</head>
<body>
<a href='javascript:void(0);' onclick='mostrar(globalventana)' >Añade un nombre</a>
<div id='globalventana'>
<div class='flecha'></div>
<div id="contform">
<form method="post" action="<?php $_SERVER['PHP_SELF'] ?>">
<br />
<label for="nombre">Ingresa un nombre</label>
<input type="text" name="nom" id="nombre"/>
<br />
<input type="submit" value="Enviar" />
</form>
</div>
</div>
<a href="consultavacia.php">Ver usuarios</a>
</body>
</html>
<?php
}
else
{
echo $row->nombre. "<a href='?delete=".$row->id_miembro."'>Borrar</a>";
@$delete = $_GET['delete'];
if($delete)
{
$query=mysql_query("DELETE FROM miembros WHERE id_miembro = ".$delete." ";
}
}
?>
3. como ya sabran todo desarrollador web usa un servidor local para practicar yo uso wampserver instalen el programa y en la carpeta www que esta dentro de la carpeta del programa donde se instalo.
Pegan ahi los archivos, ahora lo que tienen que hacer es crear una carpeta llamada imagenes y luego descargan esta imagen y la pegan ahi.
4. crearan un archivo llamado codigoventana.js y pegaran el siguiente codigo
function mostrar (laventana)
{
//document.getElementById('laventana').style.display = 'block';
var elElemento=document.getElementById('globalventana');
if(elElemento.style.display == 'block') {
elElemento.style.display = 'none';
} else {
elElemento.style.display = 'block';
}
}
5. Crearan un archivo llamado estilo.css y pegaran el siguiente codigo.
body
{
background-color:beige;
}
#globalventana
{
width:202px;
height:194px;
background-color:green;
position:absolute;
left:90px;
margin-top:10px;
/**ESTILO*/
background-color: #fff;
background: rgba(255,255,255,0.98);
border: 1px solid #c5c5c5;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-background-clip: padding-box;
display:none;
}
.flecha
{
top:-11px;
left:10px;
background-image:url("./imagenes/sprite2.png";
background-position:-82px -80px;
width:20px;
height:11px;
background-color:;
position:absolute;
}