I have a page that loads and then that page's JavaScript opens a popup window that will become a gallery. The user will upload images, using JavaScript and PHP that is part of the popup gallery window, and these uploaded images will be displayed in the gallery window that we popped up
Once several images have been uploaded and displayed in the gallery window I would like to drag and drop them into the primary window. Actually I'd like to leave the image in the gallery and just drag a ghost image across and drop it in the main window, so we end with the image in both windows.
This seems a bit tricky since the main widow and the popup gallery window are different JavaScript execution contexts. How can I implement a jQuery (or YUI) Drag and Drop that works from the popup window to the main window?
Thanks for any ideas.
Maybe this plugin can help you:
http://dragsort.codeplex.com/
Related
I'm a writer.
I'm creating an enhanced Epub novel with Sigil.
Within the novel, I display small size pictures. For each picture, I want the reader to click on the legend below the picture that will direct them directly to the picture in a lightbox (or modal or featherlight) on my future website with a code like this :
<p>
Picture of Redwoods
</p>
When the reader closes the lightbox (or modal or featherlight), the page of my website, where a smaller sized image (along with other smaller pictures)is displayed, appears.
My future website will be with Joomla 3 with Astroid Framework/template.
I read about BS modal, BS lightbox, Featherlight but I'm lost. I want to do my own clean code with the least plugins/modules possible.
Is it possible to make a link (from an Epub or even an other webpage) to an opened "lightbox (modal ?) image" on a website ? And when you close the lightbox/modal image, the page containing the lightboxe/modal code appears ?
Thanks a lot.
Lise
When I open a multipage pdf file, gimp lets me select the pages I want to import. After opening the file, the first page selected appears in a file window. How do I access the other pages?
thanks
Each page is loaded as a layer. To see a page you have to make the layers above it invisible, this is done by clicking the eye icon on the left of the layer thumbnails in the Layers list.
Shift-click on the icon of a Layer toggles the visibility of all other layers, so this is a very quick way to make it visible.
If you need to put all the pages side by side, there are scripts for this, for instance ofn-layer-tiles that you will find here.
I've used Vuejs and Framework7 in my PWA. I want to open a remote PDF file in my PWA and also it's important to me that users be able to back to my PWA after opening PDF. I did this using :
window.open(pdf_url, "_blank");
And it works fine for iOS > 12 and after opening pdf file there is an "OK" button for closing pdf.
But for example in iOS 11.3 there is no button and user has to use home button to close PWA.
I tried to solve problem using iframe but I can show only first page of the pdf.
Is there any way to fix this issue?
You can resolve this issue by doing some tricks (for any device without back button):
if you use iframe, you can set height manualy with overflow scroll, and I think this will resolve issue (dependence of style or lib dependency, so that may be not work).
you can add back button to your navbar, or Toolbar to let user click on it to back to previous page. (I prefer this solution).
you can render pdf in popup nested of normal html page, and then you can customize popup component by handling back button, or handling close by dropback overlay.
I use second and third point in real project and its work fine...
This is sample close button code used in popup:
'<p>'+ i18nextHelper.i18next.t('Exit From PDF') +'</p>'
Note: You can also customize height page for pdf page only, and add normal button bellow it, or by add absolute positioning button above PDF, but I think if you use second or third point will be best.
Good luck.
I'm using Windows Ribbon for Delphi (from http://www.bilsen.com/windowsribbon/commands.shtml) and I have a split-button gallery, to give a drop-list of items that I can populate at runtime.
The part that isn't working is when I select an item from the gallery, its image isn't automatically transferred to the split button and I can't find a way to make it happen manually.
I've tried looking through the MS documentation but I can't see anything there that helps change the image of the button.
For the avoidance of doubt: I've checked in MSPaint and the brush selection works exactly as I want my button to work.
I am using Jquery Window plugin v5.03 for my web application. I have to open the multiple windows on screen. But when I call the function to create a window they all open up in the center of the screen and overlap on one another such that previously opened screens are not visible.
I want the windows to open in such a way that at least the title bar and the cross icon is visible on top of the previously opened window. So that the user can know that another window is opened and previous windows are cascaded at the back and are slightly visible.
Please help.