[SOLUCIONADO] Eliminar desde una lista

marianomartelli · #1 (**permalink**) 15/05/2014, 00:20

Buenos días,

Quisiera saber si es posible eliminar directamente desde una lista desplegada en pantalla, o es mejor enviar los datos hacia otro programa que lo elimine.
A mi me gustaria que en el mismo programa, el que me despliega en pantalla los registros, me lo elimine.

Aquí el programa:

Código PHP:

Ver original<?php
 
include("conexion.php");
 
 
 
 
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
 
 
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=8859-1" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="../text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="../text/javascript" src="js/jquery.slidertron-1.3.js"></script>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" rel="stylesheet" />
<link href="../css/boton.css" rel="stylesheet" type="text/css" />
<link href="../css/admin.css" rel="stylesheet" type="text/css" media="all" />
<link href="../css/fonts.css"   rel="stylesheet" type="text/css" media="all" />
 
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
 
</head>
<body>
<div id="header-wrapper">
    <div id="header" class="container">
        <div id="logo">
            <h1><a href="#"></a></h1><br>
            <h1><a href="#"></a></h1>
            <h2 style="text-align:center;">Lista Publicidades </h2>
        </div><br>
        
    </div>
</div>
 
<!-- ****************************************************************************************************************** -->
 
<div class="rounded">
  <div id="menu" class="container">
    
       
           <p style="margin: 0px 70px;">Imagen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;
           Orden&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           Estado&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Acciones
           </p>
         
         
           
  
       
  </div>
</div>
 
 <?php 
 $consulta=("SELECT * FROM tblslider ORDER BY intorden");
 $datos=mysql_query($consulta,$conexion);
 
 
  
  while($row = mysql_fetch_assoc($datos))
{
?>
  <div class="rounded">
     <div id="menu" class="container">
     
        <div id="pos_imagen">
            <img src="<?php  echo $row['imagengrande'];?>"width="70" height="70" >
        </div>
        
        <div id="pos_orden">
            <?php echo $row['intorden']; ?>
        </div>
        
        <div id="pos_estado">
            <?php echo $row['intestado']; ?>
        </div>
        
        <div id="pos_editar">
            <img src='images/editar.png'  height=34> 
        </div>
        
        <div id="pos_eliminar">
            <img src='images/eliminar.png'  height=34>
        </div>
   <br>
 
  </div>
  
</div>
<?php
}
?>      
<div id="copyright" class="container">
    <p>Carnicerias 2014</p>
</div>
 
</body>
</html>

Bueno, tengo una imagen que es la de eliminar y lo que quisiera hacer es que al clicar sobre la imagen me borre ese registro sin necesidad de enviarlo a otra pagina.
No se si es posible hacer eso.

Ojalá alguien me pueda ayudar.

Gracias y saludos

Triby · #2 (**permalink**) 15/05/2014, 02:32

Primero que nada, no puedes eliminar directamente desde esa lista, debes recurrir a "otro programa" que, en este caso, puedes usar Javascript + AJAX para lograrlo:

1- Al hacer click en la imagen sería conveniente pedir una confirmación con confirm() (Javascript)
2- Realizar una petición asíncrona (AJAX) que ejecutará el script PHP donde se borrará el elemento de la base de datos y retornará un valor de éxito/error
3- En caso de éxito, ejecutar una sentencia Javascript para eliminar el elemento en la página
4- En caso de error, mostrarlo con un alert() (Javascript)

Como ves, tienes mucho por investigar y puedes usar el buscador, hay muchos temas sobre AJAX en FDW.

Por otra parte, tienes muchos problemas con tu HTML/CSS y te los menciono en orden de importancia:

1- Cada elemento debe tener un ID único y tú estás asignando los mismos en cada iteración del while: id="pos_imagen", id="pos_orden", etc.; considera mejor usar clases

2- La estructura que tienes en la página es "tabular", por lo que sería más conveniente usar tablas en vez de divs; te ahorarrías mucho trabajo de maquetado y el contenido quedará mejor presentado

3- No estás cerrando la etiqueta de imagen, debería ser: <img src="imagen.ext" />

4- Los atributos width y height son obsoletos, deben asignarse por medio de css

5- Puedes evitar el uso de   para posicionar textos, no veo porqué los títulos tienen una "estructura" tan diferente del contenido

marianomartelli · #3 (**permalink**) 16/05/2014, 22:16

Ante todo agraddeceerte todos los consejos, y decirte que ya los he mejorado y también solucionado.

Gracias de nuevo y saludos