Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

67
Vistas
Mi elemento html recién creado para mostrar el tamaño del artículo en cada fila de detalles del pedido solo se muestra en la fila superior

Editado con mi progreso:

Noob aquí. Sé suficiente javascript para meterme en problemas. Caso práctico: mi tienda web tiene una plantilla existente para una lista de empaque y estoy tratando de agregarle el tamaño del artículo.

Para cada artículo pedido, la lista de empaque tiene un elemento [nombre del artículo] que contiene el Artículo + Tamaño. Escribí una función que pasa [nombre del elemento], rompe solo el tamaño y lo devuelve. Me gustaría mostrar ese tamaño en la línea de pedido junto a la cantidad, o en cualquier lugar de la línea de detalle.

La etiqueta itemSize solo se muestra en la línea de detalle superior. No está insertando donde debería.

Dediqué demasiado tiempo a este tema. ¿Alguien puede ayudar?

 <!--START: items--> <div class="row"> <div class="invoice-id">[id]</div> <div class="invoice-items"> [itemname]<!--START: warehouse_location--><br /> [warehouse_location] [warehouse_aisle] [warehouse_bin] [warehouse_custom]<!--END: warehouse_location--> </div> <div id="itemSize"></div> <div class="invoice-qty">[numitems]<br /> </div> <div class="clear"></div> </div> <hr> <script language="JavaScript" type="text/javascript" > function myFunction(txt){ var str = txt.substr( txt.indexOf(";")+1, txt.length - txt.indexOf(";")); console.log(str); var newDiv= document.createElement("div"); var newContent = document.createTextNode(str); newDiv.appendChild(newContent); var currentDiv = document.getElementById("itemSize"); var nextDiv = document.getElementById("invoice-qty"); currentDiv .insertBefore(newDiv, nextDiv ); } myFunction("[itemname]"); </script> <!--END: items-->

Esta es la salida de la lista de empaque. La "bolsa de 6 tartas" o "7 oz med" debe estar en cada línea al lado del artículo respectivo.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

El id de atributo debe ser único. Puede generar una id dinámica, algo así como: id-[index] y luego, en su función JS, apunte a la id que coincide con cada elemento.

 function myFunction(txt, index) { var str = txt.substr( txt.indexOf(";")+1, txt.length txt.indexOf(";")); var newDiv= document.createElement("div"); var newContent = document.createTextNode(str); newDiv.appendChild(newContent); var currentDiv = document.getElementById(`itemSize-${index}`); var nextDiv = document.getElementById("invoice-qty"); currentDiv .insertBefore(newDiv, nextDiv ); }
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda