[Mapbender-commits] r1718 - in trunk/mapbender/http: css javascripts

[svn_mapbender at osgeo.org]

Author: nimix
Date: 2007-10-08 08:53:39 -0400 (Mon, 08 Oct 2007)
New Revision: 1718

Modified:
   trunk/mapbender/http/css/popup.css
   trunk/mapbender/http/javascripts/popup.js
Log:
add invisible divs to ensure moving over iframes

Modified: trunk/mapbender/http/css/popup.css
===================================================================
--- trunk/mapbender/http/css/popup.css	2007-10-08 08:58:03 UTC (rev 1717)
+++ trunk/mapbender/http/css/popup.css	2007-10-08 12:53:39 UTC (rev 1718)
@@ -1,5 +1,5 @@
 @CHARSET "UTF-8";
-div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}
+div.jqmNotice .jqResize {position: absolute; right: 2px; bottom: 2px;width:16px;height:16px;background:url(../img/resize.gif);}
 div.jqmNotice iframe {width:100%;height:100%;}
 
 div.jqmNotice {

Modified: trunk/mapbender/http/javascripts/popup.js
===================================================================
--- trunk/mapbender/http/javascripts/popup.js	2007-10-08 08:58:03 UTC (rev 1717)
+++ trunk/mapbender/http/javascripts/popup.js	2007-10-08 12:53:39 UTC (rev 1718)
@@ -3,7 +3,7 @@
 * COPYRIGHT: (C) 2002 by ccgis. This program is free software under the GNU General Public
 * License (>=v2). Read the file gpl.txt that comes with Mapbender for details. 
 */
-//http://www.mapbender.org/index.php/popup.js
+//http://www.mapbender.org/index.php/popup
 
 /*jqModal*/
 /*
@@ -148,7 +148,7 @@
 mb_popup.prototype.show = function(){
 	if(document.getElementById(this.id))return;
 	//create popup div
-	div=document.createElement('div');
+	var div=document.createElement('div');
 	div.id=this.id;
 	div.className = "jqmNotice";
 	
@@ -159,10 +159,40 @@
 	div.style.zIndex=popup_top++;
 	
 	//create Window elements
-	div.innerHTML='<div class="jqmnTitle jqDrag"><h1>'+this.title+'</h1></div><div class="jqmnContent">'+this.html+'</div><img src="../img/close_icon.png" class="jqmClose" alt="close" /><img src="../img/resize.gif" alt="resize" class="jqResize" />';
+	div.innerHTML='<div class="jqmnTitle jqDrag"><h1>'+this.title+'</h1></div><div class="jqmnContent">'+this.html+'</div><img src="../img/close_icon.png" class="jqmClose" alt="close" /><div class="jqResize" />';
 	
 	//create window
 	document.body.appendChild(div);
+	$(div.firstChild).mousedown(function() {
+		var div=document.createElement('div');
+		div.style.position="absolute";
+		div.style.top="-150px";
+		div.style.left="-150px";
+		div.style.width=String(this.parentNode.clientWidth+300)+"px";
+		div.style.height=String(this.parentNode.clientHeight+150)+"px";
+		if(top.ie)
+			div.style.background = "url(/../img/tranparent.gif)";
+		div.style.cursor = "move";				
+		this.appendChild(div);
+	});
+	$(div.firstChild).mouseup(function() {
+		$(this.lastChild).remove();
+	});
+	$(div.lastChild).mousedown(function() {
+		var div=document.createElement('div');
+		div.style.position="absolute";
+		div.style.top="-250px";
+		div.style.left="-250px";
+		div.style.width="516px";
+		div.style.height="516px";
+		if(top.ie)
+			div.style.background = "url(/../img/tranparent.gif)";
+		div.style.cursor = "move";				
+		this.appendChild(div);
+	});
+	$(div.lastChild).mouseup(function() {
+		$(this.lastChild).remove();
+	});	
 	$("#"+this.id, document).jqDrag('.jqDrag').jqResize('.jqResize').jqm({
       overlay: 0,
       onShow: function(h) {