Comunidad de diseño web y desarrollo en internet online

galeria de fotos mas checkbox enviar datos por correo como?

Citar            
MensajeEscrito el 07 Jun 2010 05:08 am
Hola.... la pregunta es la siguiente..
me encargaron una web con una galeria de fotos, esta galeria debe tener casillas de clic para q el visitante seleccione los productos que le gustaron.
Una vez terminada la seleccion de los productos, el visitante llenara un formulario basico con sus datos y estos se enviaran por correo al dueño de la pagina con la seleccion de los productos...
Mi pregunta es como diablos hacerlo, nunca me habian solicitado eso,.. y la verdad q me confunden los procesos.. no se si en flash o en html es mas sencillo hacerlo...
alguna sugerencia? por favor ya q no encuentro nada en internet q me ayude a solucionar esto...

gracias

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 07 Jun 2010 09:29 pm
puedes hacerlo con php... io tube un proyecto similar pero el mio no era mandarlo a correo... si no a base de datos...
despues de la imagen le asignas un checkbox a cada imagen mediante un form vas a mandar la informacion de esos checkbox de esta manera:

Código HTML :

<html>
<body>
            <table border="2" align="center">
            <tr>
            <td>
            <form method="post" action="checapar.php">
          <img src="../c-men/1.jpg"><input type="checkbox" name="apartado[]" value="101">
          <img src="../c-men/2.jpg"><input type="checkbox" name="apartado[]" value="102">
          <img src="../c-men/3.jpg"><input type="checkbox" name="apartado[]" value="103">
          <img src="../c-men/4.jpg"><input type="checkbox" name="apartado[]" value="104">
          <img src="../c-men/5.jpg"><input type="checkbox" name="apartado[]" value="105">
          <img src="../c-men/6.jpg"><input type="checkbox" name="apartado[]" value="106">
          <img src="../c-men/7.jpg"><input type="checkbox" name="apartado[]" value="107">
          <img src="../c-men/8.jpg"><input type="checkbox" name="apartado[]" value="108">
          <img src="../c-men/9.jpg"><input type="checkbox" name="apartado[]" value="109">
          <img src="../c-men/10.jpg"><input type="checkbox" name="apartado[]" value="110">
          <img src="../c-men/11.jpg"><input type="checkbox" name="apartado[]" value="111">
          <img src="../c-men/12.jpg"><input type="checkbox" name="apartado[]" value="112">
          <img src="../c-men/13.jpg"><input type="checkbox" name="apartado[]" value="113">
          <img src="../c-men/14.jpg"><input type="checkbox" name="apartado[]" value="114">
          <img src="../c-men/15.jpg"><input type="checkbox" name="apartado[]" value="115">
          <img src="../c-men/16.jpg"><input type="checkbox" name="apartado[]" value="116">
          <img src="../c-men/17.jpg"><input type="checkbox" name="apartado[]" value="117">
          <img src="../c-men/18.jpg"><input type="checkbox" name="apartado[]" value="118">
          <img src="../c-men/19.jpg"><input type="checkbox" name="apartado[]" value="119">
          <img src="../c-men/20.jpg"><input type="checkbox" name="apartado[]" value="120">
          <img src="../c-men/21.jpg"><input type="checkbox" name="apartado[]" value="121">
          <img src="../c-men/22.jpg"><input type="checkbox" name="apartado[]" value="122">
          <img src="../c-men/23.jpg"><input type="checkbox" name="apartado[]" value="123">
          <img src="../c-men/24.jpg"><input type="checkbox" name="apartado[]" value="124">
          <img src="../c-men/25.jpg"><input type="checkbox" name="apartado[]" value="125">
          <img src="../c-men/26.jpg"><input type="checkbox" name="apartado[]" value="126">
          
          <br/><input type="image" src="../imagenes/add.png">
        </table>

</body>
</html>
io tengo ingresadas todas esas imagenes con su respectivo checkbox lo cual le doy un value al checkbox... para que este guarde elñ valor y mediante el valorio saber ke prenda elijio lo envio mediante un form a checapar.php que es el siguiente:

[php:1:60d93f4f6b]
<?php
include_once("./bdmysql.class.php");
$bd=new BDMySQL();       
$elementos=$_POST["apartado"];
foreach($elementos as $elemento)
{
  
  echo $elemento ."<br/>";
  if($bd->error == FALSE)
  {
  //conexion
  $sql="INSERT INTO apartados (id_prenda) VALUES ($elemento);";
  $bd->execute($sql);
  }else
  {
  echo "NO ERROR DE CONEXION";
  }
}
echo "PEDIDO GUARDADO";
?>
que en este resivo los valores del checkbox lo guardo en la base de datos...


en tu caso podrias poner la referencia o lo que tu quieras en el value de cada checkbox... pero el asunto de mandarlo por correo no lo se... cuando consigas respuesta dime me encantaria aprender como mandarlo por correo...
pero ahy tienes una idea de como hacerlo si ocupas ayuda con gusto puedo hacerlo... saludos
[/php:1:60d93f4f6b]

Por marioparra

43 de clabLevel



 

msie8
Citar            
MensajeEscrito el 07 Jun 2010 11:27 pm
hola gracias por tu reespuesta... podrias postiar tu original? ya q d php se bastante poco.... te agradceria mucho... de todas maneras vere q puedo hacer con lo me postiaste.....gracias

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 08 Jun 2010 02:59 pm
disculpa no entendi esto:

Código :

podrias postiar tu original?


mi original? jajaja no entendi bien lo que me pides jajaja disc ulpa mi ignorancia... pero si me dices a que te refieres con todo el gusto lo ago jajaja :oops: :zzz:

Por marioparra

43 de clabLevel



 

msie8
Citar            
MensajeEscrito el 08 Jun 2010 06:02 pm
ok,... me refiero a que si puedes subir tu archivo fla y php o html...en el formato que lo hayas hecho...... claro si puedes :oops:


saludosi

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 08 Jun 2010 06:24 pm
claro que si... solo dame chansa por que ahorita estoy en el trabajo... deja lo busco y te paso el codigo y explikado para que me entiendas... :D ya mas explikado a detalle ok?

Por marioparra

43 de clabLevel



 

msie8
Citar            
MensajeEscrito el 08 Jun 2010 06:30 pm
ok gracias espero entonces tu archivo gracias... ojala puedas salvarme...jajajja

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 08 Jun 2010 06:57 pm
mira este es mi codigo html:

Código HTML :

<html>
<body>
            <table border="2" align="center">
            <tr>
            <td>
            <form method="post" action="checapar.php">
          <img src="../c-men/1.jpg"><input type="checkbox" name="apartado[]" value="101">
          <img src="../c-men/2.jpg"><input type="checkbox" name="apartado[]" value="102">
          <img src="../c-men/3.jpg"><input type="checkbox" name="apartado[]" value="103">
          <img src="../c-men/4.jpg"><input type="checkbox" name="apartado[]" value="104">
          <img src="../c-men/5.jpg"><input type="checkbox" name="apartado[]" value="105">
          <img src="../c-men/6.jpg"><input type="checkbox" name="apartado[]" value="106">
          <img src="../c-men/7.jpg"><input type="checkbox" name="apartado[]" value="107">
          <img src="../c-men/8.jpg"><input type="checkbox" name="apartado[]" value="108">
          <img src="../c-men/9.jpg"><input type="checkbox" name="apartado[]" value="109">
          <img src="../c-men/10.jpg"><input type="checkbox" name="apartado[]" value="110">
          <img src="../c-men/11.jpg"><input type="checkbox" name="apartado[]" value="111">
          <img src="../c-men/12.jpg"><input type="checkbox" name="apartado[]" value="112">
          <img src="../c-men/13.jpg"><input type="checkbox" name="apartado[]" value="113">
          <img src="../c-men/14.jpg"><input type="checkbox" name="apartado[]" value="114">
          <img src="../c-men/15.jpg"><input type="checkbox" name="apartado[]" value="115">
          <img src="../c-men/16.jpg"><input type="checkbox" name="apartado[]" value="116">
          <img src="../c-men/17.jpg"><input type="checkbox" name="apartado[]" value="117">
          <img src="../c-men/18.jpg"><input type="checkbox" name="apartado[]" value="118">
          <img src="../c-men/19.jpg"><input type="checkbox" name="apartado[]" value="119">
          <img src="../c-men/20.jpg"><input type="checkbox" name="apartado[]" value="120">
          <img src="../c-men/21.jpg"><input type="checkbox" name="apartado[]" value="121">
          <img src="../c-men/22.jpg"><input type="checkbox" name="apartado[]" value="122">
          <img src="../c-men/23.jpg"><input type="checkbox" name="apartado[]" value="123">
          <img src="../c-men/24.jpg"><input type="checkbox" name="apartado[]" value="124">
          <img src="../c-men/25.jpg"><input type="checkbox" name="apartado[]" value="125">
          <img src="../c-men/26.jpg"><input type="checkbox" name="apartado[]" value="126">
          
          <br/><input type="image" src="../imagenes/add.png">
        </table>

</body>
</html>

en ese codigo html que te puse estoy insertando imagenes de ropa... las cuales tienen un checkbox el checkbox tienen un value que va a representar ese checkbox en mi caso son solo numeros... en tu caso podrias ponerle lo que gustes... creo ke tmb se puede el url de la imagen pero no lo e comprobado...
bueno el punto es que en el form que tengo insertado en mi codigo html enviuo mediante post toda la informacion de esa pagina para que valla y se ejecute en checapar.php osea este pedasito de codigo mira:

Código HTML :

<form method="post" action="checapar.php">


ya que la informacion se envia se recive en el siguiente codigo en php:

Código PHP :

<?php
include_once("./bdmysql.class.php");
$bd=new BDMySQL();       
$elementos=$_POST["apartado"];
foreach($elementos as $elemento)
{
  
  echo $elemento ."<br/>";
  if($bd->error == FALSE)
  {
  //conexion
  $sql="INSERT INTO apartados (id_prenda) VALUES ($elemento);";
  $bd->execute($sql);
  }else
  {
  echo "NO ERROR DE CONEXION";
  }
}
echo "PEDIDO GUARDADO";
?>

este codigo te lo explikare paso por paso:

Código PHP :

//en este codigo mandamos llamar la clase "./bdmysql.class.php" y se la asignamos a la variable $bd
include_once("./bdmysql.class.php");
$bd=new BDMySQL(); 


Código PHP :

//en este recivimos los elementos de los checkbox "apartado" no se si te fijaste que todos los checkbox se llaman apartado y entre corchetes alojara el value... pero aki solo recivimos los valores de los checkbox y lo guardamos en $elementos

$elementos=$_POST["apartado"];


Código PHP :

// y en este foreach lo que hacemos es checar cada uno de los valores de los checkbox que porsupuesto estan 
//guardados en la variable $elementos y ya cada elementose ira guardando en la base de datos
//Nota... el if y el else es para validar errores y funcionan con la clase que agregue al principio... el codigo de la clase estara al final...


foreach($elementos as $elemento)
{
  
  echo $elemento ."<br/>";
  if($bd->error == FALSE)
  {
  //conexion
  $sql="INSERT INTO apartados (id_prenda) VALUES ($elemento);";
  $bd->execute($sql);
  }else
  {
  echo "NO ERROR DE CONEXION";
  }
}
echo "PEDIDO GUARDADO";






esta es la clase que agregue y es la que se encarga de hacer las conexiones con la base de datos etc etc

codigo de la clase:

Código PHP :

<?
class BDMySQL
{
var $config;
var $msgerror;
var $error;
function BDMySQL()
  {
   //constructor-->
   $this->config=array();
   $this->config["host"]="127.0.0.1";
   $this->config["user"]="root";
   $this->config["pass"]="123";
   $this->config["name"]="inercia";
  }
    function clearError() 
    {
       $this->error=false;
       $this->msgerror="";
    }
      function setError($text)
      {
       $this->error=true;
       $this->msgerror=$text;
      }
          function execute($sql)
          {
          $this->clearError();
          if ($cn= mysql_connect($this->config["host"],$this->config["user"],$this->config["pass"])  )
          {   
          if ($db=mysql_select_db($this->config["name"],$cn) )
          {
          //inicio querry
            if($rs=mysql_query($sql,$cn))
            {
            //todo bien
            }else{
               $this->setError("error sql: ".mysql_error($cn));
            }
            //fin querry
            }else{
            $this->setError("no existe base de datos");
            }
            mysql_close($cn);        
          }else{
          $this->setError("NO SE PUEDE CONTESTAR");
          }
          
          }
          //read
          function read($sql,$fun)
          {
          $this->clearError();
          if ($cn= mysql_connect($this->config["host"],$this->config["user"],$this->config["pass"])  )
          {   
          if ($db=mysql_select_db($this->config["name"],$cn) )
          {
          //inicio querry
            if($rs=mysql_query($sql,$cn))
            {
            //todo bien
            while($arr=mysql_fetch_array($rs))
            {
            $fun($arr);
            }
            mysql_free_result($rs);
            }else{
               $this->setError("error sql: ".mysql_error($cn));
            }
            //fin querry
            }else{
            $this->setError("no existe base de datos");
            }
            mysql_close($cn);        
          }else{
          $this->setError("NO SE PUEDE CONTESTAR");
          }
          
          }
          
          

 }
?>


ese es el procedimiento :D no se si me explike... en caso de que no avisame y veremos que hacemos... estoy con toda la disposicion de ayudar...

Por marioparra

43 de clabLevel



 

msie8
Citar            
MensajeEscrito el 08 Jun 2010 07:00 pm
dale ..mil gracias lo probare mas tarde y te comento...mil gracias

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 08 Jun 2010 11:45 pm
mmm... estoy complicada.. coloco todo el codigo en un html? incluso los q explicas por separado? ... jjajaja disculpa mi torpesa pero soy nueva en esto...
gracias :lol:

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 09 Jun 2010 03:34 pm
disculpame...
ya te explike el codigo ahora te dire como va distribuido:

este codigo html metelo en un archivo (oviamente con extencion html:

Código HTML :

<html>
<body>
<table border="2" align="center">
<tr>
<td>
<form method="post" action="checapar.php">
          <img src="../c-men/1.jpg"><input type="checkbox" name="apartado[]" value="101">
          <img src="../c-men/2.jpg"><input type="checkbox" name="apartado[]" value="102">
          <img src="../c-men/3.jpg"><input type="checkbox" name="apartado[]" value="103">
          <img src="../c-men/4.jpg"><input type="checkbox" name="apartado[]" value="104">
          <img src="../c-men/5.jpg"><input type="checkbox" name="apartado[]" value="105">
          <img src="../c-men/6.jpg"><input type="checkbox" name="apartado[]" value="106">
          <img src="../c-men/7.jpg"><input type="checkbox" name="apartado[]" value="107">
          <img src="../c-men/8.jpg"><input type="checkbox" name="apartado[]" value="108">
          <img src="../c-men/9.jpg"><input type="checkbox" name="apartado[]" value="109">
          <img src="../c-men/10.jpg"><input type="checkbox" name="apartado[]" value="110">
          <img src="../c-men/11.jpg"><input type="checkbox" name="apartado[]" value="111">
          <img src="../c-men/12.jpg"><input type="checkbox" name="apartado[]" value="112">
          <img src="../c-men/13.jpg"><input type="checkbox" name="apartado[]" value="113">
          <img src="../c-men/14.jpg"><input type="checkbox" name="apartado[]" value="114">
          <img src="../c-men/15.jpg"><input type="checkbox" name="apartado[]" value="115">
          <img src="../c-men/16.jpg"><input type="checkbox" name="apartado[]" value="116">
          <img src="../c-men/17.jpg"><input type="checkbox" name="apartado[]" value="117">
          <img src="../c-men/18.jpg"><input type="checkbox" name="apartado[]" value="118">
          <img src="../c-men/19.jpg"><input type="checkbox" name="apartado[]" value="119">
          <img src="../c-men/20.jpg"><input type="checkbox" name="apartado[]" value="120">
          <img src="../c-men/21.jpg"><input type="checkbox" name="apartado[]" value="121">
          <img src="../c-men/22.jpg"><input type="checkbox" name="apartado[]" value="122">
          <img src="../c-men/23.jpg"><input type="checkbox" name="apartado[]" value="123">
          <img src="../c-men/24.jpg"><input type="checkbox" name="apartado[]" value="124">
          <img src="../c-men/25.jpg"><input type="checkbox" name="apartado[]" value="125">
          <img src="../c-men/26.jpg"><input type="checkbox" name="apartado[]" value="126">
          
          <br/><input type="image" src="../imagenes/add.png">
        </table>

</body>
</html>


despues este codigo metelo en un documento php(extencion php):

Código PHP :

<?php
include_once("./bdmysql.class.php");
$bd=new BDMySQL();       
$elementos=$_POST["apartado"];
foreach($elementos as $elemento)
{
  
  echo $elemento ."<br/>";
  if($bd->error == FALSE)
  {
  //conexion
  $sql="INSERT INTO apartados (id_prenda) VALUES ($elemento);";
  $bd->execute($sql);
  }else
  {
  echo "NO ERROR DE CONEXION";
  }
}
echo "PEDIDO GUARDADO";
?>


NOTA: pienso que debes saber que para que corra debes tener el servidor apache instalado... yo tengo este:
descarga appserv 2.5.10


y este otro codigo va en un archivo de nombre BDMySQL.class.php(<-es extencion php):

Código PHP :

<?
class BDMySQL
{
var $config;
var $msgerror;
var $error;
function BDMySQL()
  {
   //constructor-->
   $this->config=array();
   $this->config["host"]="127.0.0.1";
   $this->config["user"]="root";
   $this->config["pass"]="123";
   $this->config["name"]="inercia";
  }
    function clearError() 
    {
       $this->error=false;
       $this->msgerror="";
    }
      function setError($text)
      {
       $this->error=true;
       $this->msgerror=$text;
      }
          function execute($sql)
          {
          $this->clearError();
          if ($cn= mysql_connect($this->config["host"],$this->config["user"],$this->config["pass"])  )
          {   
          if ($db=mysql_select_db($this->config["name"],$cn) )
          {
          //inicio querry
            if($rs=mysql_query($sql,$cn))
            {
            //todo bien
            }else{
               $this->setError("error sql: ".mysql_error($cn));
            }
            //fin querry
            }else{
            $this->setError("no existe base de datos");
            }
            mysql_close($cn);        
          }else{
          $this->setError("NO SE PUEDE CONTESTAR");
          }
          
          }
          //read
          function read($sql,$fun)
          {
          $this->clearError();
          if ($cn= mysql_connect($this->config["host"],$this->config["user"],$this->config["pass"])  )
          {   
          if ($db=mysql_select_db($this->config["name"],$cn) )
          {
          //inicio querry
            if($rs=mysql_query($sql,$cn))
            {
            //todo bien
            while($arr=mysql_fetch_array($rs))
            {
            $fun($arr);
            }
            mysql_free_result($rs);
            }else{
               $this->setError("error sql: ".mysql_error($cn));
            }
            //fin querry
            }else{
            $this->setError("no existe base de datos");
            }
            mysql_close($cn);        
          }else{
          $this->setError("NO SE PUEDE CONTESTAR");
          }
          
          }
          
          

 }
?>

fijate que al principio de eeste codigo indicas la ip de tu host el nombre de usuario el password y la base de datos que utilizaras... adaptale a los tuyos...


oie si ocupas mas detalles solo dimerlo... me gusta saber que te soy util o almenos eso creo

Por marioparra

43 de clabLevel



 

msie8
Citar            
MensajeEscrito el 14 Jun 2010 12:02 am
hola...sabes quisiera saber si tu codigo me dejara la galeria parecida a esta... porque quieren algo como esto:

www.tienda.ecarty.com


gracias por tu paciencia ^^

Por (O.O)

31 de clabLevel



 

safari
Citar            
MensajeEscrito el 14 Jun 2010 12:47 am
hola...sabes quisiera saber si tu codigo me dejara la galeria parecida a esta... porque quieren algo como esto:

www.tienda.ecarty.com


gracias por tu paciencia ^^

Por (O.O)

31 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.