Volver al Foro de Diseño de páginas Web

Oscommerce por favor, seleccione el tamaño

  • raz0rblade
  • Born
  • Born
  • No Avatar
  • Registrado: Ago 02, 2009
  • Mensajes: 2
  • Status: Offline

Nota Agosto 2nd, 2009, 1:12 pm

Hola yo estaría muy agradecido si alguien que sabe un poco de Javascript me podría ayudar con un problema que estoy teniendo.

Básicamente, estoy desarrollando una tienda de ropa y en la actualidad osCommerce es dejar que las cosas que añadir a la cesta de la tienda de la página de productos de información, incluso si un usuario no ha seleccionado un tamaño (S, M, L, etc), que es el único producto que se atribuyen utilizados.

Me gustaría plantear un error de JavaScript popup diciendo que un usuario selecciona la medida, si se olvidan de hacerlo cuando se añade un producto a la cesta de la página products_info.php.


Me encontré con este guión, pero no estoy seguro si funciona y se me puso así que espero que algunos de ustedes pueden prestar a esta niña dulce mano ;-) .


Código: [ Select ]
function dropDown(var)      {          if(var.id[2].options[var.id[2].selectedIndex].value == '')          {              alert("Please select a size");             return false;             }          else          {          return true;             }         }


Gracias por su ayuda de antemano. < br>
Con mucho amor y grandes besos

Megan
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 2nd, 2009, 1:12 pm

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Agosto 2nd, 2009, 1:59 pm

Tienes que poner algo para llevar a cabo esto en el presente. Echa un vistazo a este ejemplo simplificado:

Código: [ Select ]
<html>
    <head>
        <script language="JavaScript">
            function checkInput(sel)
            {
                if(document.getElementById(sel).selectedIndex == 0) {
                    alert("Please select a size.");
                    return false;
                } else {
                    return true;
                }
            }
        </script>
    </head>
    <body>
        <form id="myForm" method="Post" action="about&#058;blank" />
            <select id="size" name="size">
                <option value="" selected></option>
                <option value="S">Small</option>
                <option value="M">Medium</option>
                <option value="L">Large</option>
                <option value="XL">XL</option>
                <option value="XXL">XXL</option>
            </select>
            <input type="Submit" value="Submit" onClick="checkInput('size');return false;" />
        </form>
    </body>
</html>
  1. <html>
  2.     <head>
  3.         <script language="JavaScript">
  4.             function checkInput(sel)
  5.             {
  6.                 if(document.getElementById(sel).selectedIndex == 0) {
  7.                     alert("Please select a size.");
  8.                     return false;
  9.                 } else {
  10.                     return true;
  11.                 }
  12.             }
  13.         </script>
  14.     </head>
  15.     <body>
  16.         <form id="myForm" method="Post" action="about&#058;blank" />
  17.             <select id="size" name="size">
  18.                 <option value="" selected></option>
  19.                 <option value="S">Small</option>
  20.                 <option value="M">Medium</option>
  21.                 <option value="L">Large</option>
  22.                 <option value="XL">XL</option>
  23.                 <option value="XXL">XXL</option>
  24.             </select>
  25.             <input type="Submit" value="Submit" onClick="checkInput('size');return false;" />
  26.         </form>
  27.     </body>
  28. </html>


Sin embargo - Esto todavía permite a usuarios con discapacidad Javascript para presentar sin validación. Si usted necesita para evitar que, entonces cambiaría a lo siguiente:

Código: [ Select ]
<html>
    <head>
        <script language="JavaScript">
            function checkInput(sel)
            {
                if(document.getElementById(sel).selectedIndex == 0) {
                    alert("Please select a size.");
                    return false;
                } else {
                    document.getElementById('myForm').submit();
                    return true;
                }
            }
        </script>
    </head>
    <body>
        <form id="myForm" method="Post" action="about&#058;blank" />
            <select id="size" name="size">
                <option value="" selected></option>
                <option value="S">Small</option>
                <option value="M">Medium</option>
                <option value="L">Large</option>
                <option value="XL">XL</option>
                <option value="XXL">XXL</option>
            </select>
            <input type="button" value="Submit" onClick="checkInput('size');" />
        </form>
    </body>
</html>
  1. <html>
  2.     <head>
  3.         <script language="JavaScript">
  4.             function checkInput(sel)
  5.             {
  6.                 if(document.getElementById(sel).selectedIndex == 0) {
  7.                     alert("Please select a size.");
  8.                     return false;
  9.                 } else {
  10.                     document.getElementById('myForm').submit();
  11.                     return true;
  12.                 }
  13.             }
  14.         </script>
  15.     </head>
  16.     <body>
  17.         <form id="myForm" method="Post" action="about&#058;blank" />
  18.             <select id="size" name="size">
  19.                 <option value="" selected></option>
  20.                 <option value="S">Small</option>
  21.                 <option value="M">Medium</option>
  22.                 <option value="L">Large</option>
  23.                 <option value="XL">XL</option>
  24.                 <option value="XXL">XXL</option>
  25.             </select>
  26.             <input type="button" value="Submit" onClick="checkInput('size');" />
  27.         </form>
  28.     </body>
  29. </html>
I'd love to change the world, but they won't give me the source code.
  • analyzatechnologies
  • Born
  • Born
  • No Avatar
  • Registrado: Ago 24, 2009
  • Mensajes: 2
  • Status: Offline

Nota Agosto 24th, 2009, 10:17 am

puede validar durante el envío del formulario.

Código: [ Select ]
<form onsubmit="return checkSize(this)"></form>

function checkSize(obj) {
if(obj.selectedIndex==0) {
    alert("Please choose size.");
    return false;
} else
    return true;
}
  1. <form onsubmit="return checkSize(this)"></form>
  3. function checkSize(obj) {
  4. if(obj.selectedIndex==0) {
  5.     alert("Please choose size.");
  6.     return false;
  7. } else
  8.     return true;
  9. }

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 3 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 218 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC