[ Foro de Javascript ]

No puedo hacer que un script en javascript dentro de un documento html reconozca un atributo del documento

03-Feb-2021 23:47
Invitado (Espa?a)
0 Respuestas

Estoy modificando un documento html con un script de javascript dentro, es un formulario de contacto,  realice una tabla dinámica que pudiera agregar y quitar filas, esta ya esta funcionando pero necesito que sea enviada por correo junto con la demás información, me di cuenta que las etiquetas que tenían cierto atributo eran las que eran enviadas ("data-form-field"), pero no puedo asignarle este atributo a los elementos creados con javascript, alguien podría ayudarme?, soy nuevo en esto

<div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
   </div>
   <div class="container">
       <div class="row justify-content-center">
           <div class="form-1 col-md-10 col-lg-8">
               <h2 mbr-theme-style="display-2" class="mbr-fonts-style mbr-fonts-style mbr-section-title align-center"><br><br>Ponte en contacto con nosotros y podremos ayudarte</h2>
               <h3 mbr-theme-style="display-5" class="mbr-fonts-style mbr-fonts-style mbr-section-subtitle align-center">
                   Si necesitas algo mas específico usa este medio para enviarnos una solicitud de cotización o solo para pedir informes, trataremos de contestarte lo mas rápido posible, gracias por confiar en nosotros.</h3>
               <div class="form-wrap pt-4" mbr-form>
               
               <!---Script para tabla--->
                           
                    <SCRIPT language="javascript">
                       
                       function addRow(tableID) {

                           var table = document.getElementById(tableID);

                           var rowCount = table.rows.length;
                           var row = table.insertRow(rowCount);
                           
                           var cell1 = row.insertCell(0);
                           cell1.style = "text-align:center";
                           var element1 = document.createElement("input");
                           element1.type = "checkbox";
                           element1.name="chkbox[]";
                           cell1.appendChild(element1);

                           var cell2 = row.insertCell(1);
                           cell2.style = "text-align:center";
                           cell2.innerHTML = rowCount;

                           var cell3 = row.insertCell(2);
                           cell3.style = "text-align:center";
                           var element2 = document.createElement("input");
                           element2.type = "text";
                           element2.name = "txtbox[]";
                           element2.size = "10";
                           element2.style = "text-align:center";
                           cell3.appendChild(element2);
                           
                           var cell4 = row.insertCell(3);
                           cell4.style = "text-align:center";
                           var element3 = document.createElement("input");
                           element3.type = "text";
                           element3.name = "txtbox[]";
                           element3.size = "7";
                           element3.style = "text-align:center";
                           cell4.appendChild(element3);
                           
                           var cell5 = row.insertCell(4);
                           cell5.style = "text-align:center";
                           var element4 = document.createElement("input");
                           element4.type = "text";
                           element4.name = "txtbox[]";
                           element4.size = "35";
                           element4.style = "text-align:center";
                           cell5.appendChild(element4);

                       }

                       function deleteRow(tableID) {
                           
                           try {
                           var table = document.getElementById(tableID);
                           var rowCount = table.rows.length;

                           for(var i=0; i<rowCount; i++) {
                               var row = table.rows[i];
                               var chkbox = row.cells[0].childNodes[0];
                               if(null != chkbox && true == chkbox.checked) {
                                   table.deleteRow(i);
                                   rowCount--;
                                   i--;
                               }


                           }
                           }catch(e) {
                               alert(e);
                           }
                           
                       }

                   </SCRIPT>
                           
               <!---Script para tabla--->
                   
               <!---Formbuilder Form--->
                   <form action="santiago.espanna@gmail.com" name="My Mobirise Form" method="POST" class="mbr-form form-with-styler">
                       <div class="row">
                           <div hidden="hidden" data-form-alert class="alert alert-success col-12">¡Gracias por ponerte en contacto con nosotros!</div>
                           <div hidden="hidden" data-form-alert-danger class="alert alert-danger col-12"></div>
                       </div>
                       <div class="dragArea row">
                           
                           <div data-for="name" class="col-lg-6  mb-3 form-group">
                               <input type="text" name="name" placeholder="Nombre*" data-form-field="Nombre" mbr-theme-style="display-7" class="form-control input" required="required">
                           </div>
                           <div data-for="lastname" class="col-lg-6  mb-3 form-group">
                                   <input type="text" name="lastname" placeholder="Apellidos*" data-form-field="Apellido" mbr-theme-style="display-7" class="form-control input">
                           </div>
                           <div data-for="email" class="col-lg-6  mb-3 form-group">
                                   <input type="email" name="email" placeholder="Email*" data-form-field="Email" mbr-theme-style="display-7" class="form-control input" required="required">
                           </div>
                           <div data-for="phone" class="col-lg-6  mb-3 form-group">
                                   <input type="text" name="phone" placeholder="Teléfono" data-form-field="Telefono" mbr-theme-style="display-7" class="form-control input">
                           </div>
                                                                     
                           <div class="col-md-12  mb-2 form-group" data-for="message">
                                   <textarea name="message" placeholder="Mensaje" data-form-field="Mensaje" mbr-theme-style="display-7" class="form-control input"></textarea>
                           </div>
                           
                           <!---Tabla de cotizacion--->
                           
                           <div mbr-buttons="true" mbr-theme-style="display-4" data-toolbar="-mbrBtnMove,-mbrBtnLink,-mbrBtnAdd" class="col-md-12 input-group-btn  mt-2 align-left">
                               <INPUT type="button" class="btn btn-form btn-bgr btn-primary" value="Agregar" onclick="addRow('dataTable')" />

                               <INPUT type="button" class="btn btn-form btn-bgr btn-primary" value="Borrar" onclick="deleteRow('dataTable')" />
                               
                           </div>    
                           
                           <div class="col-md-12  mb-2 form-group" data-for="message"></div>
                               
                           <div class="table-wrapper">
                               
                               <div class="container scroll">
                                   
                                   <TABLE id="dataTable" class="table">
                                       <tr>
                                           <th style="text-align:center" ></th>
                                           <th style="text-align:center" >Part</th>
                                           <th style="text-align:center" >Marca</th>
                                           <th style="text-align:center" >Referencia</th>
                                           <th style="text-align:center" >Producto</th>
                                       </tr>

                                       <TR>
                                           <TD style="text-align:center"><INPUT type="checkbox" name="chk" style = "text-align:center"/></TD>
                                           <TD style="text-align:center"> 1 </TD>
                                           <TD style="text-align:center"> <INPUT type="text" size="10" style = "text-align:center" data-form-field="Marca"/>                                                 </TD>
                                           <TD style="text-align:center"> <INPUT type="text" size="7" style = "text-align:center" data-form-field="Ref"/>                                                   </TD>
                                           <TD style="text-align:center"> <INPUT type="text" size="35" style = "text-align:center" data-form-field="Prod"/>                                                 </TD>
                                       </TR>
                                   
                                   </TABLE>
                                   
                               </div>
                               
                           </div>
                           
                           <!---Tabla de cotizacion--->
                           
                           <div mbr-buttons="true" mbr-theme-style="display-4" data-toolbar="-mbrBtnMove,-mbrBtnLink,-mbrBtnAdd" class="col-md-12 input-group-btn  mt-2 align-left">
                               <a type="submit" class="btn btn-form btn-bgr btn-primary">Enviar Mensaje</a>
                           </div>
                           
                       </div></form>
                   
               </div>
           </div>
       </div>
  </div>




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)