Variables Globales

stock · #1 (**permalink**) 06/02/2005, 20:40

Hola a todos, estoy tratando de modificar una variable global, pero nunca se modifica el valor por defecto, como pues se puede modificar una variable global dentro de una funcion??

este es el script, quiero modificar la variable imagen, dentro de la funcion ShowOrHide aparentemento la modifico.

Código PHP:

  <script language='javascript' type="text/javascript">

    var imagen="05.jpg";

    

    function GetImagen(){

        return imagen;

    }

    function ShowOrHide(d1, d2) {

      imagen = d2;

      if (d1 != '') DoDiv(d1);

    }

    function DoDiv(id) {

      var item = null;

      if (document.getElementById) {

        item = document.getElementById(id);

      } else if (document.all){

        item = document.all[id];

      } else if (document.layers){

        item = document.layers[id];

      }

      if (!item) {

      }

      else if (item.style) {

        if (item.style.display == "none"){ item.style.display = ""; }

        else {item.style.display = "none"; }

      }else{ item.visibility = "show"; }

     }

</script>

luego ejecuto la funcion asi:

<a href="javascript:ShowOrHide('foto','01.jpg')"><img src="tns/01.jpg"></a>
<a href="javascript:ShowOrHide('foto','02.jpg')"><img src="tns/02.jpg"></a>
<a href="javascript:ShowOrHide('foto','03.jpg')"><img src="tns/03.jpg"></a>

con esto mando a llamar a una capa donde quiero me mustre la imagen 01.jpg, la capa la despliega bien, pero no actualiza la variable donde esta la nueva imagen a mostrar, es decir, simpre me muetra la misma, donde imprimo la imagen es asi:

Código PHP:

  <script language='javascript' type="text/javascript">

    document.write("<a href=\"javascript:ShowOrHide('foto','')\"><img src=\"" + imagen + "\" border=0></a>");

</script>

la variable imagen siempre muestra el valor inicial, como le hago para que se actualice, deacuerdo a los parametros que le e pasado??

thanks!!

stock · #2 (**permalink**) 06/02/2005, 20:43

bueno, este es el codigo completo:

Código PHP:

   
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Perfiles</title>

<script language='javascript' type="text/javascript">

    var imagen="05.jpg";

    function GetImagen(){

        return imagen;

    }

    function ShowOrHide(d1, d2) {

      imagen = d2;

      if (d1 != '') DoDiv(d1);

    }

    function DoDiv(id) {

      var item = null;

      if (document.getElementById) {

        item = document.getElementById(id);

      } else if (document.all){

        item = document.all[id];

      } else if (document.layers){

        item = document.layers[id];

      }

      if (!item) {

      }

      else if (item.style) {

        if (item.style.display == "none"){ item.style.display = ""; }

        else {item.style.display = "none"; }

      }else{ item.visibility = "show"; }

     }

</script>

</head>

<body>

<div id="tns" style="position:absolute; width:450px; height:255px; z-index:2; left: 0px; top: 0px;">

<table width="200" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td><a href="javascript:ShowOrHide('foto','01.jpg')"><img src="tns/01.jpg" border="0"></a></td>

    <td><img src="tns/02.jpg" border="0"></td>

    <td><img src="tns/03.jpg" border="0"></td>

    <td><img src="tns/04.jpg" border="0"></td>

    <td><img src="tns/05.jpg" border="0"></td>

  </tr>

  <tr>

    <td><img src="tns/06.jpg" border="0"></td>

    <td><img src="tns/07.jpg" border="0"></td>

    <td><img src="tns/01.jpg" border="0"></td>

    <td><img src="tns/02.jpg" border="0"></td>

    <td><img src="tns/03.jpg" border="0"></td>

  </tr>

  <tr>

    <td><img src="tns/04.jpg" border="0"></td>

    <td><img src="tns/05.jpg" border="0"></td>

    <td><img src="tns/06.jpg" border="0"></td>

    <td><img src="tns/07.jpg" border="0"></td>

    <td><img src="tns/01.jpg" border="0"></td>

  </tr>

  <tr>

    <td><img src="tns/02.jpg" border="0"></td>

    <td><img src="tns/03.jpg" border="0"></td>

    <td><img src="tns/04.jpg" border="0"></td>

    <td><img src="tns/05.jpg" border="0"></td>

    <td><img src="tns/06.jpg" border="0"></td>

  </tr>

  <tr>

    <td><img src="tns/07.jpg" border="0"></td>

    <td><img src="tns/01.jpg" border="0"></td>

    <td><img src="tns/02.jpg" border="0"></td>

    <td><img src="tns/03.jpg" border="0"></td>

    <td><img src="tns/04.jpg" border="0"></td>

  </tr>

</table>

</div>

<div id="foto" style="position:absolute; width:450px; height:255px; z-index:2; left: 0px; top: 0px;display: none;">

<script language='javascript' type="text/javascript">

    document.write("<a href=\"javascript:ShowOrHide('foto','')\"><img src=\"" + imagen + "\" border=0></a>");

</script>

</div>

</body>

</html>

si alguien sabe que esta pasando??