Menú

Mostrar Mensajes

Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.

Mostrar Mensajes Menú

Mensajes - madri09

#1
PHP / Php para llamada de ajax
21 Octubre 2012, 13:53 PM
Hola, necesito que el archivo valida1.php reconozca la llamada del archivo ajax y haga el  alert('el teléfono ya existe');.

valida1.php

Código (php) [Seleccionar]

<?php
require_once('Connections/conexion.php');

$telefono $_GET['telefono'];

$query="SELECT telefono FROM usuarios WHERE telefono='$telefono'";

$result mysql_query($query);

?>



js

Código (javascript) [Seleccionar]

function TelefonoExiste(telefono, _callback) {

   var ajax=nuevoAjax();

   ajax.open("GET", "valida1.php?telefono=" + encodeURIComponent(telefono), true);

   ajax.onreadystatechange=function() {

       if ((ajax.readyState==4) && (ajax.status==200)){

           //ejecutamos _callback como si fuese una función, pasandole el parámetro

           _callback(ajax.responseText);

       }

   }

   ajax.send(null);

}



function GuardaFormulario() {

   //usemos mejor las CoLECCIONES, y variables, así ahorramos codigo y lo hace fácil de mantener

   var _telefono = document.forms['form1'].elements['telefono'];



   if (_telefono.value.length == 0){

       alert("Insertar el Teléfono");

       _telefono.focus();

       return 0;

   }

   

   //lamamos a AJAX:

   TelefonoExiste(_telefono.value, function(resp) {


       //evaluamos la respuesta del server, tengase en cuenta que responseText devuelve un string, por lo tanto hay que parsear a entero si se evalúa un numero:

       if (parseInt(resp) >= 1) {

           //aqui seria bueno un mensaje

           alert('el teléfono ya existe');

           _telefono.focus();

       } else {

           //evaluar si se envía el form desde aquí, o se usa ajax para enviarlo.

           alert("El formulario se envio con exito!");

           document.forms['form1'].submit();

       }

   });

   //como ajax es asincrono, JS NO se detendrá en la llamada anterior, por lo tando hay que retornar false o 0 como lo tienes:

   return 0;

}




Gracias
#2
Java / Re: Poner imagen Cargando.......
4 Octubre 2012, 22:45 PM
He encontrado este ejemplo pero no se como integrarlo en mi cod:

Código (javascript) [Seleccionar]

<?php
// Incluye la librería de clases xajax
require ('xajax/xajax_core/xajax.inc.php');

// Se crea una nueva instancia de un objeto xajax
$xajax = new xajax();

// Define la ruta para las llamadas a xajax
$xajax->configure('javascript URI','xajax/');

// Registramos el nombre de la función que queremos llamar mediante xajax
$xajax->register(XAJAX_FUNCTION'llamada_servidor');

// Procedimiento por el que xajax maneja las peticiones realizadas antes de enviar salida alguna
$xajax->processRequest();

// Función en la que se realiza una llamada al servidor
function llamada_servidor()
{
// Función que se realiza: pausa de 2 segundos
sleep(2);

// Se crea una nueva instancia de un objeto xajaxResponse
$objResponse = new xajaxResponse();
// Envía al navegador el comando como respuesta a la petición xajax
$objResponse->Assign("capa_actualiza","innerHTML","Finalizado");

return 
$objResponse;
}
?>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Mostrar imagen de carga de datos</title>

<?php
// Permite a xajax generar el código javascript necesario
$xajax->printJavascript();
?>


   <script type="text/javascript">
   <!--
// Función que muestra la imagen de "cargando..." mientras se realizan las acciones con el servidor
   function muestra_cargando(){
   
      xajax.dom.create("capa_actualiza","div", "cargando");
      xajax.$('cargando').innerHTML='<img src="imagenes_menu/ajax-loader.gif" alt="cargando..." border="0">';
   }

   // Función que se lleva a cabo cuando se ha devuelto la respuesta del servidor
   function oculta_cargando(){
      // lo que sea
   }
   
   // Determina qué función se llama mientras se espera respuesta del servidor
   xajax.callback.global.onResponseDelay = muestra_cargando;
   // Determina qué función se llama cuando se ha devuelto la respuesta del servidor
   xajax.callback.global.onComplete = oculta_cargando;
   // --></script>
</head>

<body>

<div id="capa_actualiza">
<a href="javascript:void(xajax_llamada_servidor())">Llamada al servidor</a>
</div>

</body>
</html>
#3
Java / Poner imagen Cargando.......
4 Octubre 2012, 19:58 PM
Hola, quisiera poner a mi cod una imagen de Cargando..... para cuando tenga que buscar muchos registros.
Donde la puedo poner y cúal es la funcion.
Gracias


js.js

Código (javascript) [Seleccionar]

/ javascript Document
var ordenar = '';
$(document).ready(function(){

// Llamando a la funcion de busqueda al
// cargar la pagina
filtrar()

var dates = $( "#del, #al" ).datepicker({
yearRange: "-50",
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
onSelect: function( selectedDate ) {
var option = this.id == "del" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});

// filtrar al darle click al boton
$("#btnfiltrar").click(function(){ filtrar() });

// boton cancelar
$("#btncancel").click(function(){
$(".filtro input").val('')
$(".filtro select").find("option[value='0']").attr("selected",true)
filtrar()
});

// ordenar por
$("#data th span").click(function(){
var orden = '';
if($(this).hasClass("desc"))
{
$("#data th span").removeClass("desc").removeClass("asc")
$(this).addClass("asc");
ordenar = "&orderby="+$(this).attr("title")+" asc"
}else
{
$("#data th span").removeClass("desc").removeClass("asc")
$(this).addClass("desc");
ordenar = "&orderby="+$(this).attr("title")+" desc"
}
filtrar()
});
});

var fila= null;
function pulsar(obj, num_usuario) {
 obj.style.background = 'orange';
 if (fila != null && fila != obj)
   fila.style.background = 'white';
 fila = obj;
window.location ="menu1.php?id="+num_usuario;
}
function filtrar()
{
$.ajax({
data: $("#frm_filtro").serialize()+ordenar,
type: "POST",
dataType: "json",
url: "ajax.php?action=listar",
success: function(data){
   var html_user ='' ;
   if(data.length > 0){
       $.each(data, function(i,item){



html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
html_user += '<td ><input name="demo" type="radio" value=""/></td>';
html_user += '<td >'+item.num_usuario+'</td>';
html_user += '<td>'+item.telefono+'</td>';
html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
html_user += '<td>'+item.poblacion+'</td>';
html_user += '</tr>';


       });                    
   }
   if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
   $("#data tbody").html(html_user);
}


 });
}

function createAjax(){
  if (window.XMLHttpRequest)
  {
     xmlhttp=new XMLHttpRequest();
  }
  else
  {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
}

function buscarAparatos()
{
   var num_usuario = 0;
   var elements = document.getElementsByName('demo');

   for(var x=0;elements[x];x++){
       if(elements[x].checked){
           num_usuario = elements[x].value;
           break;
       }
   }

   createAjax();
   xmlhttp.onreadystatechange=function()
   {
       if (xmlhttp.readyState==4 && xmlhttp.status==200)
       {
           document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
       }
   }
  xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);
  xmlhttp.send(null);
}

#4
Buenos dias, necesito saber como puedo pasar una variable de un archivo js a un php.
La variable es num_usuario, y la tengo en un formulario llamado index.php en el cual puedo buscar por nº de teléfono, localidad etc. El caso es que en este index.php tengo dos solapas, una llamada Usuarios y otra Aparatos.En la primera solapa Usuarios me salen en un div un listado de los usuarios buscados, y luego con un input radio html_user += '<td ><input name="demo" type="radio" value=""/></td>';, selecciono el usuario que yo quiera y paso la variable num_usuario a la pestaña Aparatos para que me liste en otro div llamado pestaña1 los aparatos que tiene el usuario que anteriormente habia seleccionado con el input radio.El problema está en que cuando selecciono el input y pincho en la pestaña Aparatos, solo me sale el php llamado listado_aparatos.php sin nigún dato.
Agradecería algún comentario.

index.php


Código (php) [Seleccionar]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="assets/js/js.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo1.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script>
function mostrar(){
$('#cover').html('<img src="cargando.gif">');
var define ="nada"
var pos_url = 'datos.php';
var req = new XMLHttpRequest();
if (req) {
req.onreadystatechange = function() {
if (req.readyState == 4 && (req.status == 200 || req.status == 304)) {

document.getElementById('cover').innerHTML = req.responseText;}}

req.open('GET', pos_url +'?define='+define,true);
req.send(null);}}
</script>
</head>
<body >
<div id="contenedor">
<div id="cabecera">Consulta de intervenciones</div>
<div id="tabla">
    <div id="formulario">
    <form id="frm_filtro" method="post" action="" name="form1">
            <table width="685">
  <tr>
    <td width="9%" class="campo_apellidos2">Teléfonos</td>
    <td width="9%"><input name="telefono" type="text" size="9" /></td>
    <td width="9%"><input name="telefono2" type="text" id="telefono2" size="9" /></td>
    <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
    <td width="32%">&nbsp;</td>
    <td width="18%" class="campo_apellidos2">NIF</td>
    <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Nombre</td>
    <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Localidad</td>
    <td colspan="4"><input name="poblacion" type="text" size="30" />
      <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
    <td class="campo_apellidos2">Provincia</td>
    <td><input name="provincia" type="text" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Calle</td>
    <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
      <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td>
    <td class="campo_apellidos2">Edificio</td>
    <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Puerta</td>
    <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
      <span class="campo_apellidos2">      Piso</span>
      <input name="piso" type="text" id="piso" size="5" />
      <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
    <td>&nbsp;</td>
    <td><span class="campo_apellidos2">Nº Mante.</span></td>
    <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  </tr>
  </table>
  <table width="100%">
  <tr>
    <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  <img src="imagenes_menu/boton_buscar.png"/>
</button>
</th>
  </tr>
</table>               
          </form>         
 
    </div>
    <div id="paneles">
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
          <li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>
          <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
</ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
           <div id="usuario">
            <table width="100%" id="data" class="table-dg-grid" >
             <thead>
              <tr>
       <tr bgcolor=#DFEBFF id=t70 ondblclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                    <th><span title="nu_usuario">Nº Usuario</span></th>
                    <th><span title="telefono">Teléfono</span></th>
                    <th><span title="nombre">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th> 
                     </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
                </div>
          </div>
          <div class="TabbedPanelsContent" id="pestaña1" >
 
          </div>
          <div class="TabbedPanelsContent">
           
          <table cellpadding="0" cellspacing="0" id="data2">
                <thead>
                  <tr>
                    <th><span title="num_aviso"></span></th>
                    <th><span title="num_usuario"></span></th>
                    <th><span title="aparato"></span></th>
                    <th><span title="calle"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="sintoma"></span></th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>           
          </div>
</div>
      </div>
      <table width="100%">
        <tr>
<th scope="col"><a class="" href="javascript:enviar_formulario()"><span></span><img src="imagenes_menu/generar_aviso1.png" width="150" height="40" border="0"/></a>
</th>
          <th scope="col">&nbsp;</th>
          <th scope="col"></th>
          <th scope="col"><a class="" href="javascript:enviar_formulario1()"><span></span><img src="imagenes_menu/boton_salir.png" width="150" height="40" border="0"/></a>
</th>
        </tr>
      </table>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>



js.js
Código (javascript) [Seleccionar]

// javascript Document
var ordenar = '';
$(document).ready(function(){

// Llamando a la funcion de busqueda al
// cargar la pagina
filtrar()

var dates = $( "#del, #al" ).datepicker({
yearRange: "-50",
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
onSelect: function( selectedDate ) {
var option = this.id == "del" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});

// filtrar al darle click al boton
$("#btnfiltrar").click(function(){ filtrar() });

// boton cancelar
$("#btncancel").click(function(){
$(".filtro input").val('')
$(".filtro select").find("option[value='0']").attr("selected",true)
filtrar()
});

// ordenar por
$("#data th span").click(function(){
var orden = '';
if($(this).hasClass("desc"))
{
$("#data th span").removeClass("desc").removeClass("asc")
$(this).addClass("asc");
ordenar = "&orderby="+$(this).attr("title")+" asc"
}else
{
$("#data th span").removeClass("desc").removeClass("asc")
$(this).addClass("desc");
ordenar = "&orderby="+$(this).attr("title")+" desc"
}
filtrar()
});
});

var fila= null;
function pulsar(obj, num_usuario) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
window.location ="menu1.php?id="+num_usuario;
}
function filtrar()
{
$.ajax({
data: $("#frm_filtro").serialize()+ordenar,
type: "POST",
dataType: "json",
url: "ajax.php?action=listar",
success: function(data){
    var html_user ='' ;
    if(data.length > 0){
        $.each(data, function(i,item){


         
html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
html_user += '<td ><input name="demo" type="radio" value=""/></td>';
html_user += '<td >'+item.num_usuario+'</td>';
html_user += '<td>'+item.telefono+'</td>';
html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
html_user += '<td>'+item.poblacion+'</td>';
html_user += '</tr>';

             
        });                     
    }
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user);
}


  });
}

function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}

function buscarAparatos()
{
    var num_usuario = 0;
    var elements = document.getElementsByName('demo');
   
    for(var x=0;elements[x];x++){
        if(elements[x].checked){
            num_usuario = elements[x].value;
            break;
        }
    }
   
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);
   xmlhttp.send(null);
}