overlay

Jquery UI modal dialogs

北慕城南 提交于 2019-12-03 16:30:06
I have a problem with Jquery UI modal dialogs. I have modal dialog (dialogA), which can create another modal dialog (dialogB). After the second creation and closure of the dialogB the overlay of dialogA disappear. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head><link type="text/css" rel="Stylesheet" href="ui-lightness/jquery-ui-1.8.custom.css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery

jQuery - How Do I Place a DIV On Overlay?

坚强是说给别人听的谎言 提交于 2019-12-03 15:35:38
问题 I'm trying to make a modal dialog in the least amount of jQuery code as possible because my project already has a bit too much jQuery loaded into it. So, I first needed an overlay, which is achieved with: $('body').wrapInner('<div />') .css('opacity','0.5') .css('z-index','2') .attr('id','dim1'); Disregard for now that I have another routine to kill the click events on #dim1 while this modal is present. So, now I need to draw my modal dialog on top: $('body').append('<div id="test">My Test<

Adding subview to MKMapView that's above the map but below the annotation views?

南楼画角 提交于 2019-12-03 15:33:26
问题 For an app I'm building, I have a custom "old map" effect PNG that I'd like to overlay on the MKMapView view. Unfortunately, neither way I've tried to do this is exactly right: Add a subview to the MKMapView (issue: the UIImageView for the PNG gets placed above the Annotation pins, which looks weird Make the image an annotation view itself and place it below the other ones (issue: on scroll, I have to move the annotation view image, and for a while there's just the regular map instead of the

android - overdraw layout allows touch through LinearLayout

本秂侑毒 提交于 2019-12-03 15:22:45
问题 in the following UI I have this below drabable overlaying the entire screen. The LinearLayout is transparent and allows controls below it to be clickable or touchable. Basically I can scroll a list below this LinearLayout as well as click controls. How do I disable that? See attached example. Thank you <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/rlExtNavbar" android:orientation="vertical" android:layout_width="match_parent" android:layout_height

Preventing overlays from disappearing when zoomed - MKMapView & MKOverlay

烂漫一生 提交于 2019-12-03 14:12:23
I am working on an iPhone / iPad app that is using semi-transparant tiled map overlays via MKMapView and MKOverlay. I want users to be able to zoom in deeply into the maps, but the resolution of my map overlays only goes to level 6. I do not want to limit zooming. But... If a user zooms "too far" and then scrolls to a new tile, if they are zoomed deeper than the tree of overlay tiles, my overlay is not drawn. I want the overlay to draw even when the user is zoomed in deep. Are there any best practices to achieve this? The two options I have come up with: 1) Set a limit on how far users can

Semi-transparent QWidget over QGLWidget: Strange results

有些话、适合烂在心里 提交于 2019-12-03 13:54:38
I have a full size QGLWidget which paints the application background using QPainter (might change to native openGL commands in the future). On top of this QGLWidget I use QWidgets (non-GL) for the user interface elements. These are, for example, QLineEdits and QPushButtons. I put them into a custom painted QWidget which uses semi-transparent background painting. The paintEvents of the QLineEdit and QPushButton are overwritten and use semi-transparent backgrounds, too. The whole UI should look like the following (This is a screenshot where I disabled OpenGL and used QWidget instead of QGLWidget

How to overlay div / box on mouseover?

旧街凉风 提交于 2019-12-03 13:47:54
I have a link and when user hover mouse over it, it should display a box (div) under the link. The box should overlay whatever is under it. How can I do it using css or javascript? I have created a sample here . You can modify from there to suit your needs. <div class="hover">Hover here</div> <div class="overlay" style="visibility:hidden"> <img src="http://www.google.com/images/logos/ps_logo2.png" alt="google" /> </div>​ $(document).ready(function() { $("div.hover").mouseover(function () { $(this).css('cursor', 'pointer'); $("div.overlay").css('visibility','visible'); }); $("div.hover")

How to create an overlay that blocks touch events to UI below it?

喜你入骨 提交于 2019-12-03 13:29:27
问题 I used a layer of framelayout with a semi-translucent background to create an overlay. But this overlay doesn't block touch events to interact with the views below it. How should create an overlay that blocks all touch events? 回答1: Following code will add overlay on top of everything : View v1 = new View(this); WindowManager.LayoutParams params = new WindowManager.LayoutParams( 1000, 50, WindowManager.LayoutParams.TYPE_SYSTEM_ALERT, WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE |

Font Awesome Image Overlay

筅森魡賤 提交于 2019-12-03 13:08:19
问题 I'm currently creating a image gallery (using Zurb Foundation as Framework) and would like to show the zoom icon on image hover (like this example here: http://codepen.io/Twikito/pen/Jeaub). But I would like the icon to be a font (Font Awesome) icon and not just one but 3 individual clickable icons.. Would that be possible? 回答1: I've put a quick JSfiddle together using font-awesome. The CSS is hacked together but demonstrates what's possible. It should give you a starting point to experiment

How to create a overlay layout upon a listview

为君一笑 提交于 2019-12-03 12:46:40
I have a listview that will be filled with AsyncTask and at the bottom edge of the app I need to show a fixed overlay layout like this: But I can't figure it out how I can do this in xml? This is my present layout.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ListView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="wrap_content" /> <!-- Probably I need to do something here --> <