javascript - Drop elements into text box using jQuery -

-

When I leave one elements in the text box, it arranges in the middle ... initially this element How to organize? I use the Foundation

Can there be a problem?

My jQuery: 

  & lt; Script type = "text / javascript" & gt; Function ($ ("(# dragdiv")) {$ ("(# dragdiv li)") {{accessory: "clone", cursor: "move", back: "invalid"}); InitDroppable ($ ("# dropdiv")); Function initDroppable {$ elements} {$ elements.droppable ({activeClass: "ui-state-default", hoverClass: "ui-drop-hover", accept: "no (.ui-sortable-helper)", over : Function ($ this.val () == '') {$ This.val (ui.draggable.text ());} and {$ this.val ($ this.val () + "," + ui. Draggable.text ());}}});}}}; & Lt; / Script & gt; & Lt; Style type = "text / css" & gt; #dropdiv ul {Display: Inline-Block! Important; Swim left; } #dragdiv ul {margin-top: 20px; } & Lt; / Style & gt;

HTML: 

  & lt; P & gt; & Lt; B & gt; Tags: & lt; / B & gt; & Lt; / P & gt; & Lt; Input id = "dropdiv" type = "text" style = "overflow: scroll; width: 605" /> & Lt; Div id = "dragdiv" & gt; & Lt ;? Php if ($ tag):? & Gt; & Lt; Ul id = "all items" & gt; & Lt ;? Php foreach ($ tag as $ t):? & Gt; & Lt; Li id = "node" runat = "server" & gt; & Lt ;? Php echo $ t ['name']? & Gt; & Lt; / Li & gt; & Lt ;? Php endforeach; ? & Gt; & Lt; / Ul & gt; & Lt ;? Php endif; ? & Gt; & Lt; / Div & gt;

How to do this? Please help me ..... please 

  & lt; P & gt; & Lt; B & gt; Tagore: & lt; / B & gt; & Lt; / P & gt; & Lt; Input id = "dropdiv" type = "text" style = "width: 605" /> & Lt; Div id = "dragdiv" & gt; & Lt; Ul id = "all items" & gt; & Lt; Li id = "node" runat = "server" & gt; The first tag & lt; / Li & gt; & Lt; Li id = "node" runat = "server" & gt; The second tag & lt; / Li & gt; & Lt; Li id = "node" runat = "server" & gt; The third tag & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;    
 
 
 You get each  li  elements, around text, and they Also being copied. 
 
 Change the PHP so that there are no tabs ... 
 
  & lt; Li id = "node" runat = "server" & gt; & Lt ;? Php echo $ t ['name']? & Gt; & Lt; / Li & gt; Alternatively, change the  drop  function to 
 
  drop: function (event, UI) { Var $ this = $ (this); If ($ this.val () == '') {$ this.val (ui.draggable.text () .tim ()); } And ($ this.val ($ this.val () + "," + ui.draggable.text (). Trim ());}}  
 
 Notice I have been prominent and backward  trim ()  has been added to get rid of white space.

Comments

Post a Comment

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

-
Image
I have a requirement whenever I run my own kettle, dynamically took database connection parameters from an excel source Every run should go. I have an Excel column names: hostname, username, database, password. I want to pass these connection parameters to my table input stage dynamically whenever it runs the job. This is what I was trying to do. You can get it Connection parameters from the DB reading source (for example Excel or a CSV file in my example) < / Li> Store the parameters in the variable Using the variable in your connection's settings. Setting Variables Create another conversion for (you can not do it in the same conversion Uses): set variables element variable: The element that reads / writes your data creates a new connection and sets the connection parameter using $ {variable name_} Note that you will need to type in the field field in the field $ {password} Also keep in mind that this can be a security problem as the
Read more

multithreading - PhantomJS-Node in a for Loop -

-
I am trying to implement a screen-scraps application that opens a URL in which a parameter changes as it is for a loop: var data = [ '100', '101', '102', '103', '104']; (Var indexA = 0; indexA & lt; data.length; indexA ++) for {Phantom Generation ({'port': freeport}, function (pH) {ph.create page (function (page) {page.open ("http: //...++ data [index B] +" ... " , Status {console.log ("open site:" + data [index B], position); / * OLD * / indexB ++; page evaluation (function () {// page scrape and an object Return}, function {console.log (result.dataRequest); // here is the problem}); / * new and fixed * / indexB ++} first console Logs it: Open Site: 100 Success Opens Site: 101 Success B Ola Site: 102 Success Opening Site: 103 Success Opened Site: 104 Success Which is good. Data is verified in scrap HTML and from index to array Matches. So in page 101 I scrap '101 and retrieve' and pu
Read more

c++ - MATLAB .m file to .mex file using Matlab Compiler -

-
I know that it can speak as a very famous topic, but something that helps me with it Not found This scenario is: I have my functions function, no matter what's inside, it's a generic function that may depend on other toolboxes. Does. Has input and output; I want to generate the same myFun.mex function; : Lib myFun This way I get some new files: libmyfun.c libmyfun.dll Libmyfun.exp libmyfun.exports libmyfun .h libmyfun.lib Reading around and I think that Creating a myfun.cpp that is very famous is included: / * gateway function * / zero max function (ent NLHS, MXARRA * PLS [], int NRHS, CONST M Xeray * PHS []) Here is the Variable Deals * / / * code here * /} I have tried to do this and are called Regular of Max Generation: Max ('- v', 'myfun.cpp') But I get many errors, and I should say that my myfun.cpp copy / Paste Function is where I have a lot of doubts ... especially on input / output management. My q
Read more