display help_text in prefs editor

backend.php

@@ -1506,7 +1506,7 @@
 
 	if ($op == "pref-prefs") {
 
-		$subop = $_POST["subop"];
+		$subop = $_REQUEST["subop"];
 
 		if ($subop == "Save configuration") {
 
@@ -1546,6 +1546,20 @@
 
 			}
 
+		} else if ($subop == "getHelp") {
+
+			$pref_name = db_escape_string($_GET["pn"]);
+
+			$result = db_query($link, "SELECT help_text FROM ttrss_prefs
+				WHERE pref_name = '$pref_name'");
+
+			if (db_num_rows($result) > 0) {
+				$help_text = db_fetch_result($result, 0, "help_text");
+				print $help_text;
+			} else {
+				print "Unknown option: $pref_name";
+			}
+
 		} else if ($subop == "Reset to defaults") {
 
 			db_query($link, "UPDATE ttrss_prefs SET value = def_value");
@@ -1589,12 +1603,17 @@
 
 				print "<tr class=\"$class\">";
 
-				print "<td width=\"40%\">" . $line["short_desc"] . "</td>";
-
 				$type_name = $line["type_name"];
 				$pref_name = $line["pref_name"];
 				$value = $line["value"];
 				$def_value = $line["def_value"];
+				$help_text = $line["help_text"];
+
+				print "<td width=\"40%\" id=\"$pref_name\">" . $line["short_desc"];
+
+				if ($help_text) print "<div class=\"prefHelp\">$help_text</div>";
+				
+				print "</td>";
 
 				print "<td>";
 

prefs.js

@@ -105,6 +105,15 @@ function prefslist_callback() {
 	}
 }
 
+function gethelp_callback() {
+	var container = document.getElementById('prefHelpBox');
+	if (xmlhttp.readyState == 4) {
+
+		container.innerHTML = xmlhttp.responseText;
+		container.style.display = "block";
+
+	}
+}
 
 
 function notify_callback() {
@@ -785,3 +794,27 @@ function init() {
 	notify("");
 
 }
+
+/*
+var help_topic_id = false;
+
+function do_dispOptionHelp() {
+
+	if (!xmlhttp_ready(xmlhttp))
+		return;
+
+	xmlhttp.open("GET", "backend.php?op=pref-prefs&subop=getHelp&pn=" +
+		param_escape(help_topic_id), true);
+	xmlhttp.onreadystatechange=gethelp_callback;
+	xmlhttp.send(null);
+
+}
+
+function dispOptionHelp(event, sender) {
+
+	help_topic_id = sender.id;
+
+//	document.setTimeout("do_dispOptionHelp()", 100);
+
+} */
+

prefs.php

@@ -4,6 +4,7 @@
 	<link rel="stylesheet" href="tt-rss.css" type="text/css">
 	<script type="text/javascript" src="functions.js"></script>
 	<script type="text/javascript" src="prefs.js"></script>
+
 	<!--[if gte IE 5.5000]>
 		<script type="text/javascript" src="pngfix.js"></script>
 	<![endif]-->
@@ -23,7 +24,7 @@
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" class="main">
 <? if (get_pref($link, 'DISPLAY_HEADER')) { ?>
 <tr>
-	<td colspan="2">
+	<td>
 		<table cellspacing="0" cellpadding="0" width="100%"><tr>
 			<td class="header" valign="middle">	
 				<img src="images/ttrss_logo.png" alt="logo">	

tt-rss.css

@@ -526,3 +526,11 @@ div.bigErrorMsg {
 td.innerSplash {
 	margin : 35px;
 }
+
+div.prefHelp, td.prefHelp {
+	font-size : x-small;
+	color : gray;
+	padding : 5px;
+}
+
+