insertar datos sin refrescar

edie8 · #1 (**permalink**) 18/06/2013, 08:26

Buenas.
Tengo un pequeño problema/duda, tengo un link que al clickarle me inserta datos, el problema es que quiero poner datos de variables en ese link es decir aora esta asi:

Código PHP:

Ver original<script src="jquery.js" type="text/javascript"></script>
<script>
function insertar()
{
    $("#alert").css("display", "inline");
    $("#contenidoOculto").load("insert.php", function(){
    $("#alert").slideUp("slow");
    });
}
</script>
<style>
#alert {
    position: fixed;
    left: 40%;
    background-color: #333;
    color: #CCC;
    width: 140px;
    z-index: 3;
    visibility: visible;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #F2F2F2;
    right: 40%;
    top: 10%;
    padding-top: 18px;
    padding-bottom: 18px;
    text-align: center;
    display: inline;
}
</style>
<a href="#" onclick='javascript: insertar()'>foto aki</a> 
 
<div id="alert" style="display:none">..Insertando..<div id="contenidoOculto"></div></div>

insert.php

Código PHP:

Ver original<?php
$conexion=mysql_connect("localhost","root","pass") or die ("No se puedo conectar");
mysql_select_db("8",$conexion) or die ("imposible base");
?>

Quiero que ese link al yamar a la funcion le pase unas variables que y que los mande al archivo insert.php para que este los registre es decir asi:
<a href="#" onclick='javascript: insertar($id_logueado,$id_amigo)'>foto aki</a>
Ya que lo que quiero hacer es una pagina de amigos. y cada link tiene un id diferente, espero me puedan ayudar gracias un saludo.

maycolalvarez · #2 (**permalink**) 18/06/2013, 14:03

use $.ajax y con el método POST envíe los parámetros.

consulte un manual de Forms HTML con PHP
consulte un manual de AJAX
consulte un manual de ortografía, es "llamar" no "yamar"

zking · #3 (**permalink**) 19/06/2013, 00:55

<a href="#" onclick='javascript: insertar($id_logueado,$id_amigo)'>foto aki</a>

si lo que quieres es que ese enlace sea diferente según el resultado de la db

seria con echo

echo "<a href='#' onclick='javascript: insertar(".$id_logueado.",".$id_amigo.")>foto aki</a>
si no te resulta ya que soy principiante en el tema, bueno buscas otra forma. y eso si aprende a escribir bien, se valora ello!

edie8 · #4 (**permalink**) 24/06/2013, 08:20

No era exactamente lo que quería pero más o menos me vale con css lo mejorare y me funciona lo que conseguí, me gustaría saber si se puede cambiar al hacer click y que este registre en la base de datos los datos que el botón se inhabilite y cambie el enviar por ejemplo por un pendiente de confirmación se puede hacer tal cosa?? mi codigo actual es este:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Enviar un formulario con jQuery sin recargar la pagina</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="funcion.js"></script>
    
  </head>
  <body>
    <form name="form1" id="form1" method="post">
        <input type="hidden" name="id" id="name" value="14">
        <input type="hidden" name="id_lo" id="lastname" value="45">
          <button type="submit" name="enviar" >Enviar</button>
    </form>
  </body>
</html>

send.php

Código PHP:

Ver original<?php
include('config.php');
echo  $id=$_POST['id'];
$id_o=$_POST['id_lo'];
$sql = mysql_query("INSERT INTO `amigos` (id,id_lo,id_yo)  VALUES ('null',$id,$id_o)",$conexion); 
?>

funcion.js

Código Javascript:

Ver original$(function(){
        $("#form1").submit(function(){
          $.ajax({
            type:"POST",
            url:"send.php",
            dataType:"html",
            data:$(this).serialize(),
        })
          return false;
        })
 
      })

Espero me puedan ayudar, perdón por mi ortografía acostumbrado a los chat y móvil al escribir rápido se me va lo siento. un saludo.