javascript para ocultar divs

[angel_xx_1990]

Hola buenas a todos, deseo ocultar una div según el contenido de una variable sea igual a cero o diferente de 0, he probado el siguiente código pero debe de haber algún error ya que no me funciona...

Código PHP:

  <script type="text/javascript">
function mostrar(){
var var1=document.getElementById('$variable'').value;
var var2=document.getElementById('div1); 
 
if (var1==0) {
var2.style.display="inline";
} else {
var2.style.display="none";
}
}
</script> 
  

¿que es lo que falla?

sorry estoy aprendiendo de programación

[PHPeros]

¿Has pensado que pueda ser por las comillas? Pregunto

Ah, ¿y qué se supone que es $variable? En JS, el uso del dólar antes de una variable no es necesario

[Alexis88]

Los errores están en las dos líneas en las que declaras variables.

Para empezar, si deseas usar una variable de PHP en el código JavaScript en un archivo PHP (una práctica bastante desagradable y que puede ser reemplazada por Ajax para interactuar con ambos lenguajes a la vez), debes de imprimir la variable utilizando tanto las etiquetas PHP como el constructor echo, además, el valor a mostrar debe de ir entre dos comillas, no entre tres.

Código Javascript:

var var1=document.getElementById('<?php echo $variable; ?>').value;
 

Y en la segunda declaración, el error está también en las comillas. Colocaste una en lugar de dos.

Código Javascript:

var var2=document.getElementById('div1');
 

Saludos

[angel_xx_1990]

Tal cual:

Código PHP:

<script type="text/javascript"> 
function mostrar(){ 
var var var1=document.getElementById('<?php echo $variable; ?>').value;
var var2=document.getElementById('div1');  
 
if (var1==0) { 
var2.style.display="inline"; 
} else { 
var2.style.display="none"; 
} 
} 
</script>
 

...no funciona..

El php, va antes y si hace su labor...

[Alexis88]

¿Y en qué momento ejecutas la función? ¿Al cargar la página? ¿Por qué pones dos veces la palabra reservada var para declarar a la primeras de las variables?

Por si no lo sabías, también puedes declarar varias variables a la vez utilizando una sola vez la palabra reservada var:

Código Javascript:

var a, b, c, d, e;
 

Y es la mejor forma.

[angel_xx_1990]

Iniciado por Alexis88

¿Y en qué momento ejecutas la función? ¿Al cargar la página? ¿Por qué pones dos veces la palabra reservada var para declarar a la primeras de las variables?

Por si no lo sabías, también puedes declarar varias variables a la vez utilizando una sola vez la palabra reservada var:

Código Javascript:

var a, b, c, d, e;
 

Y es la mejor forma.

Se ativa al envíar un formulario que hace una consulta a mi base de datos:

Código PHP:

  <? if (isset($_REQUEST['submit'])){
 
$result=mysql_query("SELECT * FROM $seccion WHERE email='$email'");
 
$datosobt=mysql_fetch_array($result);
 
if ($datosobt==0) { 
 
echo "No existe publicacion con los datos indicados";
 
}else if($datosobt!=0){
 
echo "Si existe publicación";
 
}   

Cuando se envíe el formulario la variable $datosobt tendra un valor 0 si no hay resultados o 1,2,3,4,5, etc si hay resultados.

De esta manera cuando no hay resultados muestra un mensaje y cuando los hay debe ocultar una div...y para ello utilizo el javascript


¿esta bien?

[Alexis88]

Por como lo explicas, puedo suponer que estás haciendo esto con Ajax, ¿verdad?

Si es así, el mostrar/ocultar al elemento lo debes de hacer cuando recibas la respuesta de la petición. Sería de mucha ayuda si pudieras explicarnos un poco más sobre cómo estás haciendo esto.

[angel_xx_1990]

Iniciado por Alexis88

Por como lo explicas, puedo suponer que estás haciendo esto con Ajax, ¿verdad?

Si es así, el mostrar/ocultar al elemento lo debes de hacer cuando recibas la respuesta de la petición. Sería de mucha ayuda si pudieras explicarnos un poco más sobre cómo estás haciendo esto.

Sin Ajax..

[Alexis88]

El tema está en que en PHP no existen los eventos como los de JavaScript, por lo que el envío del formulario no basta pues aún no hay una respuesta.

Se me ocurre que lo hagas con Ajax, de tal manera que envías los datos de manera asíncrona a otro archivo que hace la búsqueda en la BD y devuelve una respuesta mediante la cual decidirás si ocultarás o mostrarás al <div> o cualquiera otra acción que creas pertinente.

Saludos

[angel_xx_1990]

Iniciado por Alexis88

El tema está en que en PHP no existen los eventos como los de JavaScript, por lo que el envío del formulario no basta pues aún no hay una respuesta.

Se me ocurre que lo hagas con Ajax, de tal manera que envías los datos de manera asíncrona a otro archivo que hace la búsqueda en la BD y devuelve una respuesta mediante la cual decidirás si ocultarás o mostrarás al <div> o cualquiera otra acción que creas pertinente.

Saludos

Eso sería perfecto, pero ahora bien...¿como se haria con Ajax?

Si me lo explicas te lo agradecería mucho

Un saludo!!

[Alexis88]

Ahora estoy de salida, pero te dejo esto en donde podrás encontrar la información necesaria para aprender a hacer peticiones asíncronas (Ajax). Tiene ejemplos.

Saludos

[angel_xx_1990]

Iniciado por Alexis88

Ahora estoy de salida, pero te dejo esto en donde podrás encontrar la información necesaria para aprender a hacer peticiones asíncronas (Ajax). Tiene ejemplos.

Saludos

No soy capaz de hacer funcionar nada coherente...

¿enserio es tan dificil?, podría hacerse con PHP solo?

Muchas gracias de nuevo!

[Alexis88]

Si nos mostraras lo que has intentado, te podríamos ayudar.

[angel_xx_1990]

Iniciado por Alexis88

Si nos mostraras lo que has intentado, te podríamos ayudar.

Me he quedado por aquí:

Código PHP:

  <script>
    var peticionHTTP;
        
    function inicializar_XHR()
    {
        if(window.XMLHttpRequest)
        peticionHTTP = new XMLHttpRequest();
        
        else peticionHTTP = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    function realizarPeticion (url, metodo, funcion) {
        
        //Recibir una funcion de como actuar
        peticionHTTP.onReadyStateChange = funcion;
        // Realizar la peticion
        peticionHTTP.open(metodo, url, true);
        peticionHTTP.send(null);
    }
    
</script> 
  

Ahora es cuando deberia ejecutar la funcion pero no se como...

[Alexis88]

Dentro de la segunda función debes de llamar a la primera para que crees el objeto XHR.

Saludos

[angel_xx_1990]

Iniciado por Alexis88

Dentro de la segunda función debes de llamar a la primera para que crees el objeto XHR.

Saludos

He ampliado lo siguiente, lo que me ocurre es que estoy cogiendo de un ejemplo y no se como seguir...

Código PHP:

  <script>
    var peticionHTTP;
        
    function inicializar_XHR()
    {
        if(window.XMLHttpRequest)
        peticionHTTP = new XMLHttpRequest();
        
        else peticionHTTP = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    function realizarPeticion (url, metodo, funcion) {
        
        //Recibir una funcion de como actuar
        peticionHTTP.onReadyStateChange = funcion;
        // Realizar la peticion
        peticionHTTP.open(metodo, url, true);
        peticionHTTP.send(null);
    }
    
    function peticion ()
    {
    realizarPeticion('ckeckBD.php','GET','funcActuadora');
    }
     
     
     function funcActuadora ()
    {
        if(peticion.HTTP.readyState == 4)
        if(peticion.HTTP.status == 200)
        
            hacerAlgo();
        
    }
         
</script> 
  

Voy bien?

[Alexis88]

Casi. Te falta ejecutar la función "inicializar_XHR" al comenzar con "realizarPeticion", además, en la función "funcActuadora", la variable peticion.HTTP no existe pues la declaraste sin el punto, aunque en esa función puedes utilizar la palabra reservada this en su lugar ya que la función se ejecuta en el contexto de peticionHTTP. Por cierto, se recomienda que los nombres de los eventos, como onreadystatechange, vayan en minúsculas.

Corrige eso.

[angel_xx_1990]

Iniciado por Alexis88

Casi. Te falta ejecutar la función "inicializar_XHR" al comenzar con "realizarPeticion", además, en la función "funcActuadora", la variable peticion.HTTP no existe pues la declaraste sin el punto, aunque en esa función puedes utilizar la palabra reservada this en su lugar ya que la función se ejecuta en el contexto de peticionHTTP. Por cierto, se recomienda que los nombres de los eventos, como onreadystatechange, vayan en minúsculas.

Corrige eso.

Corregido:

Código PHP:

  <script>
    var peticionHTTP;
        
    function inicializar_XHR()
    {
        if(window.XMLHttpRequest)
        peticionHTTP = new XMLHttpRequest();
        
        else peticionHTTP = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    function realizarPeticion (url, metodo, funcion) {
        
        //Recibir una funcion de como actuar
        peticionHTTP.onreadystatechange = funcion;
        // Realizar la peticion
        peticionHTTP.open(metodo, url, true);
        peticionHTTP.send(null);
    }
    
    function peticion ()
    {
    realizarPeticion('ckeckBD.php','GET','funcActuadora');
    }
     
     
     function funcActuadora ()
    {
        if(peticionHTTP.readyState == 4)
        if(peticionHTTP.status == 200)
        
            hacerAlgo();
        
    }
         
</script> 
  

Pero no se como inicializarlo ni como seguir

[Alexis88]

La función "peticion" ejecuta a "realizarPeticion" que es la que desencadena el resto. Lo que necesitas hacer es ejecutar la función "peticion" de acuerdo a la acción que desees, por ejemplo, al enviar los datos de un formulario, al darle clic a algún botón, etc.

[angel_xx_1990]

Iniciado por Alexis88

La función "peticion" ejecuta a "realizarPeticion" que es la que desencadena el resto. Lo que necesitas hacer es ejecutar la función "peticion" de acuerdo a la acción que desees, por ejemplo, al enviar los datos de un formulario, al darle clic a algún botón, etc.

Bien, pero como lo hago, es decir yo lo que quiero es que al pulsar el boton envíar, ejecute el php que contiene la consulta a la base de datos, y segun el valor obtenido muestre u oculte la div....


¿pero como lo hago?

[Alexis88]

Ya. En ese caso y para hacerlo bien sencillo, usa esta forma:

Código HTML:

<button onclick = "peticion()">El botón</button>
 

Cuando le des un clic al botón ejecutará la función "peticion".

[angel_xx_1990]

Iniciado por Alexis88

Ya. En ese caso y para hacerlo bien sencillo, usa esta forma:

Código HTML:

<button onclick = "peticion()">El botón</button>
 

Cuando le des un clic al botón ejecutará la función "peticion".

Así estaría bien??

Código PHP:

  <input type="submit" name="submit2" id="submit2" value="Enviar" onclick = "peticion()"> 
   

[Alexis88]

Si se trata de un formulario, entonces, quedaría mejor en la etiqueta de apertura del formulario:

Código HTML:

<form onsubmit = "peticion(event)">
 

La función se ejecutará cuando se envíen los datos del formulario a procesar. Le envío el objeto del evento como argumento para que puedas cancelarlo en la función y así se logre enviar los datos mediante Ajax.

La función "peticion" quedaría así:

Código Javascript:

function peticion(evento){
    event.preventDefault();
    realizarPeticion('ckeckBD.php','GET','funcActuadora');
}
 

Con el método .preventDefault() cancelo la ejecución del evento para evitar que recargue la ventana y se pueda realizar la petición asíncrona (Ajax).

Prueba y nos dices cómo te fue.

Saludos