Tema: Cambiar div sin recargar pag
Ver Mensaje Individual
  #28 (permalink)  
Antiguo 13/06/2014, 12:28
Avatar de warywin
warywin
 
Fecha de Ingreso: octubre-2013
Mensajes: 155
Antigüedad: 11 años
Puntos: 1
Respuesta: Cambiar div sin recargar pag
video.php:
Código HTML: 
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>mee</title>
  5. <link href="estyle.css" media="screen" rel="stylesheet" type="text/css" />
  6. <script type='text/javascript' src="jquery1.3.pack.js"></script>
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  8.  
  9. </head>
  10. <body>
  11.        <Por aqui parte de pagina></pag>
  12.     
  13.     <div class="votacion">
  14.             <div class="votobtn">
  15.               
  16.                 <button data-estado="like" data-ide="<?php echo $id ?>" id="ejemplo1" >Like</button>
  17.                 <button data-estado="dislike" data-ide="<?php echo $id ?>" id="ejemplo2"/>Dislike</button>
  18.                 
  19.                 </div>           
  20.         </div>
  21.  
  22.         <!--form votar sin recargar-->
  23. <script type = "text/javascript">
  24.     var boton1 = document.getElementById("ejemplo1"),
  25.     var boton2 = document.getElementById("ejemplo2"),
  26.     
  27. boton1.addEventListener("click", function(){
  28.     var estado = this.getAttribute("data-estado");
  29.     var idVi = this.getAttribute("data-ide");
  30.     
  31.     $.ajax({
  32.         url: "votosbtn.php",
  33.         type: "POST",
  34.         data: {
  35.             id: idVi,
  36.             valor: estado
  37.         }
  38.         success: function(data) {
  39.                 $('.votobtn').html(data);
  40.             }
  41.     });
  42. }, false);
  43. boton2.addEventListener("click", function(){
  44.     var estado = this.getAttribute("data-estado");
  45.     var idVi = this.getAttribute("data-ide");
  46.     
  47.     $.ajax({
  48.         url: "votosbtn.php",
  49.         type: "POST",
  50.         data: {
  51.             id: idVi,
  52.             valor: estado
  53.         }
  54.         success: function(data) {
  55.                 $('.votobtn').html(data);
  56.             }
  57.     });
  58. }, false);
  59. </script>
  60. <!-- fin ajax form-->
  61.  
  62. <mas pagina></pags>
  63. </body>
  64. </html>
votosbtn.php:

Código PHP: 
Ver original
  1. $id = mysql_real_escape_string(strip_tags($_POST['id']));
  2.  $valor = mysql_real_escape_string(strip_tags($_POST['valor']));
  3.  
  4.  if(!strcmp($valor, "like"){
  5.  $sql_votos=('UPDATE videos SET nvotos=nvotos+1, likes=likes+1 WHERE id="'.$id.'"');
  6.  $votos = mysql_query($sql_votos, $conexionbd) or die(mysql_error());
  7.  }
  8.  if(!strcmp($valor, "dislike"){
  9.  $sql_votos=('UPDATE videos SET nvotos=nvotos+1, dislikes=dislikes+1 WHERE id="'.$id.'"');
  10.  $votos = mysql_query($sql_votos, $conexionbd) or die(mysql_error());
  11.  }
  12.  
  13. echo "¡Gracias por votar! id='$id'";