javascript - Drag and Drop Angular File Upload with Relatively Positioned Elements -

-

I have a problem with the filename upload, my drop target is being used with relative position elements 100% Width and height, is located exactly if you drag the file to any non-relatively located element, the overlay looks ok and everything works even though if you drag it to a relatively position then this drag event is not registered. Does. The reason for this is that the relative elements are visible at the top of the dropieria.

I have tried to put a drop-target to the z-index, and drag and drop works great, but then I can not click anything

HTML 

  & lt; Html & gt; & Lt; Top & gt; ... & lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "dropArea" & gt; ... & lt; / Div & gt; & Lt; Div id = "sitecontent" & gt; & Lt; Div class = "row" & gt; & Lt ;! - This element fails by dragging, because it is relatively condition - & gt; & Lt; Div class = "col-md-12" & gt; ... & lt; / Div & gt; & Lt; Div & gt; ... & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
 css  
  #dropArea {status: absolute; Width: 100%; Height: 100%; Top: 0; Left: 0; }   
 Is there any way to implement z-index in the drop-area but still have permission to pass the click?   
 
 
 I resolved it by wrapping the contents of the entire page in the drop area.    & lt; Html & gt; & Lt; Top & gt; ... & lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "dropArea" class = "dropArea" ng-file-drop = "select onfile ($ files)" ng-file-drag-over-class = "file added" & gt; & Lt; Div id = "drop-content-container" & gt; & Lt; Div id = "drop-content" & gt; & Lt; Img src = "img / app / files-upload -dd.png" & gt; & Lt; H1 & gt; Drop files here! & Lt; / H1> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "page-content" & gt; ... & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;

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