dragm | Frontend Framework library

The error you're getting is because Nuxt has a server-side context where it's trying to pre-fetch the data for you and pre-render it.

https://nuxtjs.org/docs/2.x/concepts/nuxt-lifecycle

What you need to do is ensure you're running that code only on the client-side. I know this sounds confusing, but remember Nuxt is a universal framework, and it tries to render your site on the backend to improve your SEO and yield the initial markup. That's why you're getting the error.

What you can do is wrap the code that's using the document in an if to make sure you're only running it client-side

You have given same id for all your span tag so your code is not able to find correctly from where to remove image .Instead of that you can use data-attribute and give some unique class to your td where these images are located. Then , you can simply use this class and data-id to detach any element whenever it is dropped.

Demo Code :

QDrag::target returns a pointer to QObject. Within a Qt widgets application this makes sense, because all possible drop targets are some kind of QWidgets, i.e. QObjects. When the drop action is outside the app, it does not make sense to return anything than a null pointer, because:

1. If not, a pointer to which QObject should target return instead?

2. If you somehow manage to get some kind of a pointer, to which type would you cast it to access the information you need, because QObject definitely does not contain any file URLs?

I admit the documentation of QDrag::target is not as explicit on this, as the documentation of QDropEvent::source:

Returns the target of the drag and drop operation. This is the widget where the drag object was dropped.

compared to

If the source of the drag operation is a widget in this application, this function returns that source; otherwise it returns nullptr.

However, the This is the widget part gives a hint about this fact, that the target should be a widget.

Instead of a drag functionality use QFileDialog::getSaveFileUrl to get the url of the file.

When I use drag functions I can drag the image but when I release it the link of the image fires up. I would need to drag around, release, and then click the image if I want to open the link. What can I do?

Then how can you recognize if element is being dragged or clicked? Time interval between onmousedown, onmouseup calls? Mouse movement?

One thing for sure you have to get rid of anchor tag or call in its click event handler preventDefault() as its getting in the way.

Ugly example of how that might work.

Just specify one of the attribute for the dragMe id because you have specified both the positions as absolute in the css above and relative in the inline css of the element.

And to get the position in px add the code as

You can use offset() for get the exact position.

It's better to use Screen Space - Overlay if the camera's viewport is unchanged. Then following code will work:

Unable to operate a nested compile the first compile is for external events box displaying. The second via $compile service doesn't work to have a compiled title that would be attached to event.title. so I made a workaround by accessing book.contents.name and parsed the html string manually to get only the title part.

I found the error, the variable in JS (folderid) had a letter 'D' in front of the real id. I did this during test to check if it was a file being moved or folder. So 'F' or 'D'.

So I changed this line