pasar in id en php a javascript

maitep · #1 (**permalink**) 06/08/2012, 22:22

hola, a todos quiero hacer algo muy sencillo y tengo problemas para pasar las variables

este es mi html

Código HTML:

<?php $var=1;?>

<!--Al hace llamado a la función solo tienes que idicar el nombre del DIV entre parentesis -->
<p><a href="#" id= "$var" onclick="prueba(this.id)" title="">Mostrar / Ocultar</a></p>

<div id="<?php echo $var;?>">
<p>Este contenido tiene que mostrarse con el link</p>
</div>

y esta mi funcion en javascript

Código PHP:

  function muestra_oculta(id){ 
if (document.getElementById){ //se obtiene el id 
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div 
} 
} 
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/ 
muestra_oculta('el');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */ 
}

quiero que al tocar el link se me oculte o se me muestre el div

Código HTML:

<div id="<?php echo $var;?>">
<p>Este contenido tiene que mostrarse con el link</p>
</div>

el id lo obtengo de php pero no se como pasarselo ni como obtenerlo en java script

he mirado por internet pero no me vale nada de lo que he probado.

alguna idea???

gracias

KsrZ · #2 (**permalink**) 06/08/2012, 22:32

ve si esto te da una idea...

<html>
<head>
<script type='text/javascript'>

</script>
</head>
<body>
</body>
</html>

rodrigo791 · #3 (**permalink**) 06/08/2012, 22:35

Cita:

Iniciado por KsrZ

ve si esto te da una idea...

<html>
<head>
<script type='text/javascript'>

</script>
</head>
<body>
</body>
</html>

bueno no se bien que es esto, abris un script js, luego pones comentarios HTML y abris etiquetas php dentro de un script js.

No se puede hacer eso, estas mezclando 2 lenguajes totalmente diferentes.

KsrZ · #4 (**permalink**) 06/08/2012, 22:38

Cita:

Iniciado por rodrigo791

bueno no se bien que es esto, abris un script js, luego pones comentarios HTML y abris etiquetas php dentro de un script js.

No se puede hacer eso, estas mezclando 2 lenguajes totalmente diferentes.

eso es asi..

en tu index.php si es que lo usas, adjuntas tu archivo Javascript .js... verdad?
declara una zona para javascript.. y pasale a la funcion el id con un simple echo.. dentro de tu php index..

MAS ORDENADO.. dejame hacerle un edit a esto en 2 minutos..

rodrigo791 · #5 (**permalink**) 06/08/2012, 22:40

Cita:

Iniciado por maitep

el id lo obtengo de php pero no se como pasarselo ni como obtenerlo en javascript

he mirado por internet pero no me vale nada de lo que he probado.

alguna idea???

gracias

no entiendo que id queres obtener, este?

Código PHP:

Ver original<div id="<?php echo $var;?>">
<p>Este contenido tiene que mostrarse con el link</p>
</div>

se supone que php te va a generar una página con un id X que te sera devuelto en un html, el id lo capturas con js.

No entiendo mucho que queres hacer.

rodrigo791 · #6 (**permalink**) 06/08/2012, 22:42

Cita:

Iniciado por KsrZ

eso es asi..

en tu index.php si es que lo usas, adjuntas tu archivo Javascript .js... verdad?
declara una zona para javascript.. y pasale a la funcion el id con un simple echo.. dentro de tu php index..

MAS ORDENADO.. dejame hacerle un edit a esto en 2 minutos..

Lo que te dije es que estas mezclando 2 lenguajes totalmente diferentes, sin cerrar la apertura de uno cuando ya empezas a meter código del otro, y eso en este caso con js y php no se puede. En caso de html y php si.

<script type='text/javascript'>

</script>

estas abriendo script js y poniendo un codigo php dentro sin cerrarlo el js antes, no es valido.

KsrZ · #7 (**permalink**) 06/08/2012, 22:45

sin duda lo malinterprete. pido disculpas por mi falta de atencion al leer

rodrigo791 · #8 (**permalink**) 06/08/2012, 22:52

KsrZ jaja todo bien, suele pasar.

Código Javascript:

Ver originalvar el = document.getElementById(id); //se define la variable "el" igual a nuestro div

maite que es eso? el id "id" no existe, el unico id que existe es "1" que se lo das con la variable $var desde php.
A demas de que el id que el pasas a getElementById tiene que ser string por lo tanto va entre comillas ' '

KsrZ · #9 (**permalink**) 06/08/2012, 22:53

Cita:

Iniciado por rodrigo791

Lo que te dije es que estas mezclando 2 lenguajes totalmente diferentes, sin cerrar la apertura de uno cuando ya empezas a meter código del otro, y eso en este caso con js y php no se puede. En caso de html y php si.

<script type='text/javascript'>

</script>

estas abriendo script js y poniendo un codigo php dentro sin cerrarlo el js antes, no es valido.

no entiendo, porque dices que algo asi no es valido?
testealo...

Código PHP:

 
<html> 
    <head> 
        <script type='text/javascript'> 
        <!-- 
            function alertar(){ 
                alert(<?php echo "'hola'"; ?>); 
            } 
        //--> 
        </script> 
    </head> 
    <body onload='alertar()'> 
     
    </body> 
</html>

rodrigo791 · #10 (**permalink**) 06/08/2012, 23:02

fa la verdad me mataste, se supone que son 2 lenguajes totalmente diferentes y uno no entiende del otro, todavia no termino de entender, uno se ejecuta en el cliente y otro en el servidor.

KsrZ · #11 (**permalink**) 06/08/2012, 23:04

quiza lo que busca es esto creo..

Código:


	Cita:
		
			
				(mucho antes... ) : 
	Código PHP:
	
		
			
$id = "mi_id_aca"; 



		
	

			
		


	Código PHP:
	
		
			
var el = document.getElementById(<?php echo $id; ?>);

es posible.. con php puede crear código dinámico de varias formas...

rodrigo791 · #12 (**permalink**) 06/08/2012, 23:08

Voy a abrir un post acerca de esto. No estoy de acuerdo en lo que tu dices.
PHP es ejecutado en el servidor y devuelto al cliente en html, y javascript solo es ejecutado en el cliente, por eso no entiende de php.

Código PHP:

Ver original<html> 
    <head> 
        <script type='text/javascript'> 
        
        function asgg(){
            <?php echo "golaaa"; ?> 
                     }
        </script> 
    </head> 
    <body onload="asgg()"> 
     
    </body> 
</html>

proba eso

KsrZ · #13 (**permalink**) 06/08/2012, 23:09

Cita:

Iniciado por rodrigo791

fa la verdad me mataste, se supone que son 2 lenguajes totalmente diferentes y uno no entiende del otro, todavia no termino de entender, uno se ejecuta en el cliente y otro en el servidor.

así es.. las etiquetas php(marcas de comienzo y fin [<?php y ?>]) solo están del lado del servidor y se ejecutan en el mismo, el resto en el cliente luego de haber sido ejecutadas por el servidor y generado todo el codigo

KsrZ · #14 (**permalink**) 06/08/2012, 23:12

Cita:

Iniciado por rodrigo791

Voy a abrir un post acerca de esto. No estoy de acuerdo en lo que tu dices.
PHP es ejecutado en el servidor y devuelto al cliente en html, y javascript solo es ejecutado en el cliente, por eso no entiende de php.

Código PHP:

Ver original<html> 
    <head> 
        <script type='text/javascript'> 
        
        function asgg(){
            <?php echo "golaaa"; ?> 
                     }
        </script> 
    </head> 
    <body onload="asgg()"> 
     
    </body> 
</html>

proba eso

sin probarlo te puedo decir que esta mal...
en javascript quedaria solo esto al ser prosesado por elservidor y enviado al cliente:

function asgg(){
golaaa
}

no entenderia que es golaaa
en cambio si haces asi si..
var gola = "<?php echo "golaaa"; ?>";
y luego lo usas con un alert por ejemplo..
alert (gola);

rodrigo791 · #15 (**permalink**) 06/08/2012, 23:21

El mensaje hola que esta en el alert, se muestra porque esta en la función alert, y entre comillas, entonces se muestra por eso, pero de php, como dije antes, no se entienden entre los 2 lenguajes. Solo por eso se muestra el mensaje en el alert, porque hay un mensaje entre comillas.

Código PHP:

Ver original<!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" xml:lang="en" lang="en">
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="ads" />
 
<script type="text/javascript">
 
function hola(){
    
    <?php mysql_connect("localhosssst","root","") or die(mysql_error()); ?>
}
 
</script>
 
    <title>Sin título 2</title>
</head>
 
<body onload="hola()">
 
</body>
</html>

proba esto, no deberia de funcionar, porque localhosssst no existe, y mysql_error no esta dando error en pantalla por lo tanto, no se puede mezclar codigo javascript con php, porque javascript no entiende NADA sobre php, entonces te reitero para que entiendas, ese mensaje que se muestra con la función alert de javascript, se muestra porque dentro hay esto : <?php echo "'hola'"; ?>);

javascript entiende solo "'hola'" eso, es como que pusieras esto:

alert("hola"); lo de <?php echo ... ?> no lo entiende.

rodrigo791 · #16 (**permalink**) 06/08/2012, 23:29

Cita:

Iniciado por KsrZ

sin probarlo te puedo decir que esta mal...
en javascript quedaria solo esto al ser prosesado por elservidor y enviado al cliente:

function asgg(){
golaaa
}

no entenderia que es golaaa
en cambio si haces asi si..
var gola = "<?php echo "golaaa"; ?>";
y luego lo usas con un alert por ejemplo..
alert (gola);

Es lo que te digo, javascript no entiende absolutamente nada de php, nada de nada, entonces el interprete javascript entiende esto: var gola = "golaaa";

esto: <?php echo " y esto ; ?> no lo entiende, entonces es como que no estuviera ahí. Se entiende? si javascript fuera una persona que entiende español y vos le vas escribiendo en español asi: var gola=" HASTA ACÁ SI ENTIENDE, pero cuando empieza esto <?php eso es ingles para javascript, no lo entiende.

En resumen es como que pusieras esto

var gola = "golaaa";

porque el php no lo entiende, yo ya lo comprendí ahora. Es así amigo, me hiciste dudar mucho

maitep · #17 (**permalink**) 07/08/2012, 02:04

HOla chicos gracias por contestar, pero la pregunta es mas simple... yo me he explicado fatal.

Lo que quiero coger el id del div que no es un string es una variable Por eso no me valen cosas como <div id=1 ... o < div id="casa" el div id= $variable

el id es una variable que yo obtengo en php y la quiero pasar a javascript.... como la paso, no me lo pilla!!!

:(

gracias

ProduccionesWebs · #18 (**permalink**) 07/08/2012, 03:42

No se si sera algo asi lo que quieres....

Código PHP:

  <?php  $variable=5; /*o lo que sea, por get, post o lo que sea*/  ?> 
 
<div id="<?php echo $variable;?>"></div> 
<?php /*capa con la id $variable*/ ?> 
<script type="text/javascript"> 
  
  var id=<?php echo $variable;?> 
     
 alert (id); 
 
  
</script>

Eleazan · #19 (**permalink**) 07/08/2012, 03:50

Cita:

Iniciado por rodrigo791

Es lo que te digo, javascript no entiende absolutamente nada de php, nada de nada, entonces el interprete javascript entiende esto: var gola = "golaaa";

esto: <?php echo " y esto ; ?> no lo entiende, entonces es como que no estuviera ahí. Se entiende? si javascript fuera una persona que entiende español y vos le vas escribiendo en español asi: var gola=" HASTA ACÁ SI ENTIENDE, pero cuando empieza esto <?php eso es ingles para javascript, no lo entiende.

En resumen es como que pusieras esto

var gola = "golaaa";

porque el php no lo entiende, yo ya lo comprendí ahora. Es así amigo, me hiciste dudar mucho

Voy a sacarte del error.

Eso es completamente falso.

Sólo tienes q pensar cómo se genera la página, veamos

· Cliente pide al servidor la pagina 123.php
· Servidor GENERA la página
· Interpreta el código php
· Cliente recibe la página interpretada

Asi pues, en el lado de servidor, como aún "No ha recibido" la página el cliente, y no la tiene guardada en LOCAL, aún puedes modificar js y html, que se "EJECUTAN" en el lado del cliente, pero se "GENERAN" en el servidor.

Si pones esto

Código PHP:

  <?php 

echo '<script>alert("hola");</script>';
?>

Te genera ese "código" html, que al recibirlo tu navegador lo interpreta como html (& js) y lo ejecuta en local... pero lo ha generado PHP.

No es JS haciendo magia, y saltandose las cosas que no entiende! (De hecho, un error en JS implica que falle todo el resto del js... )

otro ejemplo:

si escribes esto:

Código PHP:

  <?php 
$hola = "mundo";
echo '<script>alert("'.$hola.'")</script>';
?>

PHP generará esa página, y devolverá al cliente esto:

Código HTML:

Ver original<script>alert("mundo")</script>

Primero se ejecuta PHP, y luego va HTML/JS. Asiq desde php puedes generar salida de HTML/JS, pero desde JS no puedes hacer nada en el servidor (excepto por Ajax, pero eso ya es otra cosa!)

@Maitep

Creo que lo que buscas es esto:

Código PHP:

Ver original<?php $var=1;?>
 
<!--Al hace llamado a la función solo tienes que idicar el nombre del DIV entre parentesis -->
<p><a href="#" onclick="muestra_oculta(<?php echo $var; ?>)" title="">Mostrar / Ocultar</a></p>
 
<div id="<?php echo $var;?>">
<p>Este contenido tiene que mostrarse con el link</p>
</div>

Con esto, le dices a la funcion de js (muestra_oculta) el id que deseas mostrar/ocultar, que te lo da php :)

KsrZ · #20 (**permalink**) 07/08/2012, 09:22

@Eleazan
Gracias por ayudar a explicar el tema >.<
ya no sabia como...

en cuanto a la respuesta del tema.. si lo quieres pasar a html
@ProduccionesWebs esta en lo correcto..
si es JavaScript..
tan solo has tu función, en tu archivo.php entre las etiquetas script
y pasa tu variable php ahí dentro
php 5.4 <?="tu id" ?>
php < 5.4 <?php echo "tu id" ?>...

KsrZ · #21 (**permalink**) 07/08/2012, 09:25

----------------------------------------
no iva aca ....
--->
le di editar al de arriba y pego uno nuevo =/

en fin... las respuestas están @Maitep
de no ser así, quizá no entendimos bien lo que buscabas.. ya nos diras

rodrigo791 · #22 (**permalink**) 07/08/2012, 09:39

Eleazan

claro, ahora vos decime, desde que punto de vista te puede servir poner esto

Código PHP:

Ver original<?php 
$hola = "mundo";
echo '<script>alert("'.$hola.'")</script>';
?>

si es lo mismo que poner

Código Javascript:

Ver originalalert("mundo");

O sea el valor de la variable se muestra porque hay un echo, sino ni ahí que se va a mostrar, y eso es porque lo genero php hacia el cliente en html, entonces a mi forma de pensar, no se para que te va a servir esto.
Si estas intercambiando información entre el servidor y el cliente ahi si se puede usar ajax y es otro tema como dijiste vos, pero esto me parece una chanchada, de mezclar el código js y php sabiendo que se ejecutan en lados diferentes, que es posible? SI lo es, lo comprobamos, pero no es una buena forma de hacer las cosas, si en definitiva, es lo mismo que hacerlo solo con js, porque de todas maneras lo que haces en php te lo va a devolver en texto al navegador cliente, por lo tanto como puse mas arriba en el código es lo mismo que uses solo esto:

Código Javascript:

Ver originalalert("mundo");

o esto

Código Javascript:

Ver originalvar hola="mundo";
alert("hola");

ya abrí otro post diferente con este tema, en esta sección de php, comenten ahí porque acá solo estamos desvirtuando, gracias por comentar :D

Eleazan · #23 (**permalink**) 07/08/2012, 09:41

Es muy simple...

Sirve para generar código JS dinámico. Simplemente