variables de php a javascript

claudinho · #1 (**permalink**) 29/04/2013, 20:31

Hola amigos del foro estoy un poco enredado con el paso de variables entre un lenguaje y otro he aqui el problema.

creo una tabla dinamicamente con los valore de la base de datos

Código PHP:

   
print '<table width="100%"  border="1" cellpadding="1" cellspacing="1" bordercolor="#999999" style="cursor:pointer" >';

//echo $f_agenda;

//echo $id;

$query1 = mysql_query("SELECT * FROM citas WHERE  id_user='$id' AND fecha='$f_agenda' ORDER BY hora_inicio") or die("Error en query");    

$datos1 = mysql_fetch_array($query1);

 
 
 
$horacitaini = $datos1['hora_inicio'];    

$horacitafinal = $datos1['hora_final'];    

$contador =1; 

 
    while($clock<=$horaf)

    

    {

    $id_p = $datos1['id_paciente'];

    $id_proc = $datos1['id_proced'];

 
 
$desc = $paciente.'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'.$procedimiento.'&nbsp;&nbsp;&nbsp;'.'Bs '.$valor.'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'.$status;

 
$contador = $contador%2;

 
if ($cont ==0){

if ($contador==1){

    print ' <tr bgcolor="white" onmouseover=\'this.style.background="#666666"\' onmouseout=\'this.style.background="white"\' style="cursor:pointer">

    <td bgcolor="" >&nbsp;</td>

    <td bgcolor=""\ ><div align= "center">$desc</div></td>

    <td bgcolor="" onclick="javascript:show(); return false;" onfocus="this.blur()">&nbsp;</td>

  </tr>';

  }

  if($contador==0){

  print '<tr bgcolor="#f8f8f8" onmouseover=\'this.style.background="#666666"\' onmouseout=\'this.style.background="#F8F8F8"\' style="cursor:pointer">

    <td width="3%" bgcolor="" >&nbsp;</td>

    <td width="6%" bgcolor="" ><div align= "center">$desc</div></td>

    <td width="91%" bgcolor="" onclick="javascript:show(); return false;" onfocus="this.blur()">&nbsp;</td>

  </tr>';

}

en una de las filas de la tabla llamo a una funcion onclick="javascript:show();"

la funcion javascript hace que sea visible un div en donde deberia aparecer la imagen del paciente desde donde se hizo clic.

como hacer esto? Gracias de antemano

Nemutagk · #2 (**permalink**) 29/04/2013, 23:58

Esto no tiene nada que ver con PHP, pregunta en el foro indicado que para eso existen...

Retomando el tema, es muy sencillo, pero para eso deberías a ver puesto el código de la función "show()" (por eso el reclamo de publicarlo en el foro correcto), en fin, así como esta, solo indica como parametro el ID del div a mostrar...

Código HTML:

Ver original<html>
<head>
<title>prueba</title>
<style>
#divA { display: none; }
#divB { display: none; }
</style>
<script type="text/javascript">
function show(id) {
     if (document.getElementById(id).style.display == 'none') {
          document.getElementById(id).style.display = 'block';
     }else {
          document.getElementById(id).style.display = 'none';
     }
}
</script>
</head>
<body>
<div id="divA"><p>Hello</p></div>
<div id="divB"><p>World!</p></div>
<p><input type="button" value="Ver div A" onclick="javascript:show('divA')" /> <input type="button" value="ver div B" onclick="javascript:show('divB')" /></p>
</body>
</html>

claudinho · #3 (**permalink**) 30/04/2013, 09:15

Cita:

Iniciado por Nemutagk

Esto no tiene nada que ver con PHP, pregunta en el foro indicado que para eso existen...

Retomando el tema, es muy sencillo, pero para eso deberías a ver puesto el código de la función "show()" (por eso el reclamo de publicarlo en el foro correcto), en fin, así como esta, solo indica como parametro el ID del div a mostrar...

Código HTML:

Ver original<html>
<head>
<title>prueba</title>
<style>
#divA { display: none; }
#divB { display: none; }
</style>
<script type="text/javascript">
function show(id) {
     if (document.getElementById(id).style.display == 'none') {
          document.getElementById(id).style.display = 'block';
     }else {
          document.getElementById(id).style.display = 'none';
     }
}
</script>
</head>
<body>
<div id="divA"><p>Hello</p></div>
<div id="divB"><p>World!</p></div>
<p><input type="button" value="Ver div A" onclick="javascript:show('divA')" /> <input type="button" value="ver div B" onclick="javascript:show('divB')" /></p>
</body>
</html>

Gracias por responder lo publique aqui por que tengo dudas con la parte php. siguiendo tu ejemplo.

supon que los botones fueron creados en php con valores del query que hice a la base de datos y que el valor del boton es una variable que viene de un query. algo asi

Código PHP:

  $valor = "valor";///variable que recojo de un query y va cambiando dentro del ciclo while 

echo '<p><input type="button" value='.$valor.' onclick="javascript:show(\'divA\')" /> <input type="button" value="ver div B" onclick="javascript:show(\'divB\')" ></p>';

la pregunta es como haria para trabajar con la variable $valor en el divA.

Gracias de antemano

alex1084 · #4 (**permalink**) 30/04/2013, 09:30

Mira debes de tener claro que php se ejecuta de lado de servidor, por lo tanto una vez envias salidas al navegador ahi ya es javascript lo que necesitas para acceder al valor del value...
Como y que es lo que debes hacer... depende de tus necesidades y tu creatividad para hacer las cosas... pero como te dijeron anteriormente ese es problema de javascript no php..