generic popup user dialog mechanism

backend.php

@@ -1315,6 +1315,19 @@
 
 	}
 
+	if ($op == "dlg") {
+		$id = $_GET["id"];
+
+		if ($id == "quickAddFeed") {
+			print "Feed URL: <input id=\"qafInput\">
+			<input class=\"button\"
+				type=\"submit\" onclick=\"javascript:qafAdd()\" value=\"Add feed\">
+			<input class=\"button\"
+				type=\"submit\" onclick=\"javascript:closeDlg()\" 
+				value=\"Cancel\">";
+		}
+	}
+
 	db_close($link);
 ?>
 

functions.js

@@ -396,8 +396,3 @@ function popupHelp(tid) {
     }
   }
 
-function cancelDialog(sender) {
-
-	sender.offsetParent.style.display = "none";
-	
-}

tt-rss.css

@@ -388,7 +388,7 @@ pre {
 	background : #f0f0f0;
 }
 
-#qafDialog {
+#userDlg {
 	left : 400px;
 	top : 18px;
 	background : #fffff0;

tt-rss.js

@@ -49,15 +49,20 @@ function toggleTags() {
 }
 
 function qaf_add_callback() {
-	var container = document.getElementById('feeds');
 	if (xmlhttp.readyState == 4) {
 		updateFeedList(false, false);
-		var qafDialog = document.getElementById("qafDialog");
+		closeDlg();
-		qafDialog.style.display = "none";
-
 	} 
 }
 
+function dialog_refresh_callback() {
+	if (xmlhttp.readyState == 4) {
+		var dlg = document.getElementById("userDlg");
+
+		dlg.innerHTML = xmlhttp.responseText;
+		dlg.style.display = "block";
+	} 
+}
 
 function refetch_callback() {
 	if (xmlhttp.readyState == 4) {
@@ -428,8 +433,7 @@ function quickMenuGo() {
 	}
 
 	if (opname == "Add new feed") {
-		var qafDialog = document.getElementById("qafDialog");
+		displayDlg("quickAddFeed");
-		qafDialog.style.display = "block";
 	}
 }
 
@@ -459,6 +463,19 @@ function qafAdd() {
 		link.value = "";
 
 	}
+}
 
+function displayDlg(id) {
+
+	xmlhttp.open("GET", "backend.php?op=dlg&id=" +
+		param_escape(id), true);
+	xmlhttp.onreadystatechange=dialog_refresh_callback;
+	xmlhttp.send(null);
 
 }
+
+function closeDlg() {
+	var dlg = document.getElementById("userDlg");
+	dlg.style.display = "none";
+}
+

tt-rss.php

@@ -44,13 +44,8 @@
 			</td>
 		</tr></table>
 
-		<div id="qafDialog">
+		<div id="userDlg">&nbsp;</div>
-			Feed URL: <input id="qafInput">
+
-			<input class="button"
-				type="submit" onclick="javascript:qafAdd()" value="Add feed">
-			<input class="button"
-				type="submit" onclick="javascript:cancelDialog(this)" value="Cancel">
-		</div>
 	</td>
 </tr>
 <? } ?>