javascript - DOM scripting: create elements and position them on one line -


A small background information for my page:

I have a section that contains an input The field below has an "add" button that creates more input fields. Only one field is needed on the screen, the latter fields have a "delete" button that removes the relevant input field.

Here's a screen shot:

As you can see the "-" buttons located after each input box, I need them to just go right. Trying to: "" - "" / Delete buttons not inline on

Code: 

  addField function (count) {if (count & lt; = 4) {Count ++; Var id = "tag" + count; var newField = document.createElement ("Input"); newField.setAttribute ('type', 'text'); newField.setAttribute ('class', 'field'); NewField.setAttribute ('id', id); Var location = document.getElementById ("tag"); inputContainer.appendChild (Newfield); Var removeId = "remove" + count; Var remove = document.createElement ("input"); Remove.setAttribute ("type", "button"); Remove.setAttribute ("value", "-"); remove.setAttribute ('class', 'remove'); Remove.setAttribute ('id', removeId); Remove.onclick = function () {var targetInput = document.getElementById (ID); Var targetRemove = document.getElementById (extract ID); TargetInput.remove (); TargetRemove.remove (); }; inputContainer.appendChild (to remove); Calculation of return; }}    
 
 
 You have two options:  
     
  1.  
     place each line in your  & lt; Div & gt; :  
         
  2.  
     after each line  & lt; Br>  Keep  
      & lt; Input type = "text" & gt; & Lt; Button & gt; - & lt; / Button & gt; & Lt; Br>         Div & gt;  must be tagged within, within For the second, you can add all your elements as you make them, just  & lt; Br>  Add elements.  
     
      var div = document.createElement ('div'); var input = document.createElement ('input'); Var button = document.createElement ('button'); button. Winner Lesson = '-'; Div.appendChild (input); Div.appendChild (button); inputContainer.appendChild (div);   
     The demo is showing both examples:

Comments

Post a Comment

Popular posts from this blog

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon...
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -

I use Django 1.6.5 with settings in my program txsite: DEBUG = true I set the lie to debug, but when I get the runner , I get the following error: CommandError: You have to set the settings. OLOWOWHESTS If DEBUG is False I ALLOWED_HOSTS = ['127.0.0.1', 'localhost'] but I get the same error. Does anyone know this address? Try ALLOWED_HOSTS = ['*'] Less secure If you are not on a firewall or public LAN, but what I use and it works. Edit: Interestingly enough, I have to add some of my 1.8 projects, even if DEBUG = True . Why so very uncertain
Read more