Foros del Web » Programando para Internet » Javascript »

Necesito recrear el código de esta página

Estas en el tema de Necesito recrear el código de esta página en el foro de Javascript en Foros del Web. Hola buenas, ando algunos días buscando por GOOGLE 20.000 soluciones posibles y distintas, he intentado solucionarlo de varias maneras mi problema, que es el siguiente: ...
  #1 (permalink)  
Antiguo 02/08/2014, 13:37
 
Fecha de Ingreso: abril-2011
Mensajes: 9
Antigüedad: 13 años
Puntos: 3
Exclamación Necesito recrear el código de esta página

Hola buenas, ando algunos días buscando por GOOGLE 20.000 soluciones posibles y distintas, he intentado solucionarlo de varias maneras mi problema, que es el siguiente:

Tengo una lista desplegable con Artículos y Categoría y otra lista con Artículos y Categorías de la siguiente manera:

Primera lista:

[Artículo 5] [Categoría 5]
[Artículo 4] [Categoría 4]
[Artículo 3] [Categoría 3]
[Artículo 2] [Categoría 2]
[Artículo 1] [Categoría 1]

Segunda lista:

[Artículo 5] [Categoría 5]
[Artículo 4] [Categoría 4]
[Artículo 3] [Categoría 3]
[Artículo 2] [Categoría 2]
[Artículo 1] [Categoría 1]

Entonces el problema es el siguiente, que necesito que el usuario, seleccione de la primera lista por ejemplo [Artículo 3][Categoría 2] y posteriormente seleccione un artículo de la segunda lista MAYOR que el de la primera lista, (sabiendo que el 5 es menor y el 1 mayor) por ejemplo [Artículo 2][Categoría 4].

Entonces una vez seleccionado, se mostrará un TOTAL que consiste en la siguiente tabla:

[Categoría 5] --> 7 €
[Categoría 4] --> 11 €
[Categoría 3] --> 13 €
[Categoría 2] --> 20 €
[Categoría 1] --> 25 €



La cosa sería precio del Articulo = 0 , pero hay que ir sumando el precio por las categorías que pasa, en este caso , desde articulo3,categoría2 hasta artículo2,categoría4, el precio sería de:

articulo3,categoría2 --> 13€ + articulo3,categoría1 --> 13€ + articulo2,categoría5 --> 20 €

Lo que hacen un total de: 46 €

Y dando una vuelta por alguna web, encontré por casualidad esto que es lo que busco:

https://elo-boost.net/boosting/purchase

Pero no consigo EXTRAER el código y que funcione, si pueden ayudarme lo agradezco
  #2 (permalink)  
Antiguo 05/08/2014, 04:51
Avatar de manuparquegiralda  
Fecha de Ingreso: junio-2012
Ubicación: Barcelona
Mensajes: 241
Antigüedad: 11 años, 10 meses
Puntos: 39
Respuesta: Necesito recrear el código de esta página

A ver lo único que tienes que hacer es una función javascript bastante sencillita, te va a resultar más facil hacerla tu mismo que extraerlo de la página que dices.
__________________
Diseño Web - Arisman Web
  #3 (permalink)  
Antiguo 05/08/2014, 11:47
 
Fecha de Ingreso: abril-2011
Mensajes: 9
Antigüedad: 13 años
Puntos: 3
Respuesta: Necesito recrear el código de esta página

Cita:
Iniciado por manuparquegiralda Ver Mensaje
A ver lo único que tienes que hacer es una función javascript bastante sencillita, te va a resultar más facil hacerla tu mismo que extraerlo de la página que dices.
Con recrear me refiero a que lo que describo es lo que necesito.

La verdad que me han intentado dar una solución simple pero... no consigo sacarlo, si me puedes ayudar te lo agradezco es para terminar un apartado de una web, pero no tengo por donde pillarlo.
  #4 (permalink)  
Antiguo 06/08/2014, 07:48
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 36
Antigüedad: 13 años, 4 meses
Puntos: 5
Respuesta: Necesito recrear el código de esta página

Hola cakew,

He creado un array con los precios, supongo que tu debes tener algo similar pero con otros precios.

Y la función de abajo le has de pasar, el articulo y descripcion de inicio y los de fin y te debuelve la suma o un false si no se cumple la condición.

Código Javascript:
Ver original
  1. <script>
  2.     var precios=new Array();
  3.     precios['Articulo5']=new Array();
  4.     precios['Articulo5']['Categoria5']=1;
  5.     precios['Articulo5']['Categoria4']=2;
  6.     precios['Articulo5']['Categoria3']=3;
  7.     precios['Articulo5']['Categoria2']=4;
  8.     precios['Articulo5']['Categoria1']=5;
  9.     precios['Articulo4']=new Array();
  10.     precios['Articulo4']['Categoria5']=10;
  11.     precios['Articulo4']['Categoria4']=20;
  12.     precios['Articulo4']['Categoria3']=30;
  13.     precios['Articulo4']['Categoria2']=40;
  14.     precios['Articulo4']['Categoria1']=50;
  15.     precios['Articulo3']=new Array();
  16.     precios['Articulo3']['Categoria5']=100;
  17.     precios['Articulo3']['Categoria4']=200;
  18.     precios['Articulo3']['Categoria3']=300;
  19.     precios['Articulo3']['Categoria2']=400;
  20.     precios['Articulo3']['Categoria1']=500;
  21.     precios['Articulo2']=new Array();
  22.     precios['Articulo2']['Categoria5']=1000;
  23.     precios['Articulo2']['Categoria4']=2000;
  24.     precios['Articulo2']['Categoria3']=3000;
  25.     precios['Articulo2']['Categoria2']=4000;
  26.     precios['Articulo2']['Categoria1']=5000;
  27.     precios['Articulo1']=new Array();
  28.     precios['Articulo1']['Categoria5']=10000;
  29.     precios['Articulo1']['Categoria4']=20000;
  30.     precios['Articulo1']['Categoria3']=30000;
  31.     precios['Articulo1']['Categoria2']=40000;
  32.     precios['Articulo1']['Categoria1']=50000;
  33. function getPrecioArt(desdeArticulo, desdeCat, hastaArticulo, hastaCat){
  34.     //Validacion
  35.     if(desdeArticulo>=hastaArticulo){
  36.         if(desdeArticulo==hastaArticulo && desdeCat<hastaCat){
  37.             return false;
  38.         }
  39.         //suma
  40.         var total=0;
  41.         for(var i=desdeArticulo; i>=hastaArticulo; i--){
  42.             var desde=(i==desdeArticulo)?desdeCat:5;
  43.             var hasta=(i==hastaArticulo)?hastaCat:1;           
  44.             for(var j=desde; j>=hasta; j--){
  45.                 total+=precios['Articulo'+i]['Categoria'+j];
  46.             }
  47.         }
  48.         return total;
  49.     }else{
  50.         return false;
  51.     }
  52. }
  53. alert(getPrecioArt(2,4,2,4)); //2000
  54. alert(getPrecioArt(3,3,2,4)); //4200
  55. alert(getPrecioArt(3,3,3,4)); //false
  56.  
  57. </script>
  #5 (permalink)  
Antiguo 11/08/2014, 04:45
 
Fecha de Ingreso: abril-2011
Mensajes: 9
Antigüedad: 13 años
Puntos: 3
Respuesta: Necesito recrear el código de esta página

Cita:
Iniciado por alx1417 Ver Mensaje
Hola cakew,

He creado un array con los precios, supongo que tu debes tener algo similar pero con otros precios.

Y la función de abajo le has de pasar, el articulo y descripcion de inicio y los de fin y te debuelve la suma o un false si no se cumple la condición.

Código Javascript:
Ver original
  1. <script>
  2.     var precios=new Array();
  3.     precios['Articulo5']=new Array();
  4.     precios['Articulo5']['Categoria5']=1;
  5.     precios['Articulo5']['Categoria4']=2;
  6.     precios['Articulo5']['Categoria3']=3;
  7.     precios['Articulo5']['Categoria2']=4;
  8.     precios['Articulo5']['Categoria1']=5;
  9.     precios['Articulo4']=new Array();
  10.     precios['Articulo4']['Categoria5']=10;
  11.     precios['Articulo4']['Categoria4']=20;
  12.     precios['Articulo4']['Categoria3']=30;
  13.     precios['Articulo4']['Categoria2']=40;
  14.     precios['Articulo4']['Categoria1']=50;
  15.     precios['Articulo3']=new Array();
  16.     precios['Articulo3']['Categoria5']=100;
  17.     precios['Articulo3']['Categoria4']=200;
  18.     precios['Articulo3']['Categoria3']=300;
  19.     precios['Articulo3']['Categoria2']=400;
  20.     precios['Articulo3']['Categoria1']=500;
  21.     precios['Articulo2']=new Array();
  22.     precios['Articulo2']['Categoria5']=1000;
  23.     precios['Articulo2']['Categoria4']=2000;
  24.     precios['Articulo2']['Categoria3']=3000;
  25.     precios['Articulo2']['Categoria2']=4000;
  26.     precios['Articulo2']['Categoria1']=5000;
  27.     precios['Articulo1']=new Array();
  28.     precios['Articulo1']['Categoria5']=10000;
  29.     precios['Articulo1']['Categoria4']=20000;
  30.     precios['Articulo1']['Categoria3']=30000;
  31.     precios['Articulo1']['Categoria2']=40000;
  32.     precios['Articulo1']['Categoria1']=50000;
  33. function getPrecioArt(desdeArticulo, desdeCat, hastaArticulo, hastaCat){
  34.     //Validacion
  35.     if(desdeArticulo>=hastaArticulo){
  36.         if(desdeArticulo==hastaArticulo && desdeCat<hastaCat){
  37.             return false;
  38.         }
  39.         //suma
  40.         var total=0;
  41.         for(var i=desdeArticulo; i>=hastaArticulo; i--){
  42.             var desde=(i==desdeArticulo)?desdeCat:5;
  43.             var hasta=(i==hastaArticulo)?hastaCat:1;           
  44.             for(var j=desde; j>=hasta; j--){
  45.                 total+=precios['Articulo'+i]['Categoria'+j];
  46.             }
  47.         }
  48.         return total;
  49.     }else{
  50.         return false;
  51.     }
  52. }
  53. alert(getPrecioArt(2,4,2,4)); //2000
  54. alert(getPrecioArt(3,3,2,4)); //4200
  55. alert(getPrecioArt(3,3,3,4)); //false
  56.  
  57. </script>

Gracias voy a intentar integrarlo como en la web de ejemplo, seleccionando el DESDE y el HASTA a través de los IDs de la lista desplegable

Etiquetas: html, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:16.