Wedmasterayuda - Foro

Inteligencia Multiple WMA


    Codigo intercambiar elementos de una tabla "arriva y abajo"

    Comparte
    avatar
    wedmasterayuda
    Administrador
    Administrador

    Cantidad de envíos : 47
    Puntos : 25
    Reputación : 0
    Fecha de inscripción : 31/08/2008

    Codigo intercambiar elementos de una tabla "arriva y abajo"

    Mensaje  wedmasterayuda el Sáb Mar 14, 2009 7:32 pm

    El siguiente codigo te permitira cambiar elementos de una tabla asi arriva y hacia abajo

    VER EJEMPLO

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Permutar elementos de una lista</title>
    <script type="text/javascript">
    <!--
    function arriba() {
       obj=document.getElementById('sel');
       indice=obj.selectedIndex;
       if (indice>0) cambiar(obj,indice,indice-1);
    }
    function abajo() {
       obj=document.getElementById('sel');
       indice=obj.selectedIndex;
       if (indice!=-1 && indice<obj.length-1)
          cambiar(obj,indice,indice+1);
    }
    function cambiar(obj,num1,num2) {
       proVal=obj.options[num1].value;
       proTex=obj.options[num1].text;
       obj.options[num1].value=obj.options[num2].value;   
       obj.options[num1].text=obj.options[num2].text;   
       obj.options[num2].value=proVal;
       obj.options[num2].text=proTex;
      obj.selectedIndex=num2;
    }
    -->
    </script>
    </head>

    <body>
    <p>
    <label for="sel">Opciones:</label><br />
    <select id="sel" size="5">
    <option value="1">Uno</option>
    <option value="2">Dos</option>
    <option value="3">Tres</option>
    <option value="4">Cuatro</option>
    <option value="5">Cinco</option>
    </select><br />
    <input type="button" value="Arriba" onclick="arriba()" />
    <input type="button" value="Abajo" onclick="abajo()" /></p>
    </body>
    </html>

      Fecha y hora actual: Lun Jun 25, 2018 7:03 pm