Paso de variables SESION

[isabelramirezmontoya]

rodrigo791, estuve probando varias cosas el dia de hoy de acuerdo a las sugerencias pero no logro que me funcione.

El script que coloco a continuacion es el script (simpificado) en el cual tengo el problema.

La idea es ejecutar la opcion 1 para crear la variable y luego correr la opcion 2 para mostrar la variable creada.

El porblema es que la opcion 2 no muestra la variable, solo lo hace si recargo el script y ejecuto nuevamente la opcion 2

Código HTML:

<?php
session_start();
?>
 
 
<script type="text/javascript">
 
function crear_variable()
{
    var ventana = document.getElementById('crearvariable');
    ventana.style.marginTop = "200px";
    ventana.style.marginLeft = ((document.body.clientWidth-300) / 2) +  "px";
    ventana.style.display = 'block';
}
 
function mostrar_variable()
{
    var ventana = document.getElementById('mostrarvariable'); 
    ventana.style.marginTop = "40px";
    ventana.style.marginLeft = ((document.body.clientWidth-540) / 2) +  "px";
    ventana.style.display = 'block'; 
}
 
</script>
 
 
<br>
<br>
<br>
 
<a href="javascript:crear_variable();">1-Crear variables de sesion</a>
 
<br>
<br>
<br>
 
<a href="javascript:mostrar_variable();">2-Visualizar variables de sesion</a>
 
<br>
<br>
<br>
 
 
 
<div id="crearvariable" style="width: 330px; height: 200px; display:none;">
 
<?php
 
 $_SESSION['nombre_usuario'] = "pedrito";
 echo "Variable definida";
 
?>
 
</div>
 
<div id="mostrarvariable" style="width: 330px; height: 200px; display:none;">
 
<?php
 
 $nombre_usuario = $_SESSION['nombre_usuario'];
 echo "Mostrar contenido variable:";
 echo $nombre_usuario;
 
?>
 
</div>
 

Gracias