hover effect for tabs

This commit is contained in:
Roland Gruber 2011-01-08 19:44:08 +00:00
parent e227070cbf
commit 421d35fa35
5 changed files with 72 additions and 61 deletions

View File

@ -238,7 +238,7 @@ tr.account {
/* --- end of workaround for vertical tabs --- */ /* --- end of workaround for vertical tabs --- */
.tabs-hover { .tabs-hover {
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
} }
/* title bar */ /* title bar */

View File

@ -171,16 +171,6 @@ if (sizeof($errorsToDisplay) > 0) {
// display formular // display formular
echo ("<form action=\"confmain.php\" method=\"post\">\n"); echo ("<form action=\"confmain.php\" method=\"post\">\n");
$buttonContainer = new htmlTable();
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'));
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
// hidden submit buttons which are clicked by tabs // hidden submit buttons which are clicked by tabs
echo "<div style=\"display: none;\">\n"; echo "<div style=\"display: none;\">\n";
echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">"; echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
@ -197,15 +187,15 @@ echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">';
echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
echo _('General settings') . '</a>'; echo _('General settings') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="edittypes" class="ui-state-default ui-corner-top">'; echo '<li id="edittypes" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
echo _('Account types') . '</a>'; echo _('Account types') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="editmodules" class="ui-state-default ui-corner-top">'; echo '<li id="editmodules" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Modules') . '</a>'; echo _('Modules') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">'; echo '<li id="moduleSettings" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Module settings') . '</a>'; echo _('Module settings') . '</a>';
echo '</li>'; echo '</li>';
@ -375,9 +365,22 @@ $container->addElement(new htmlOutputText('*=' . _("required")), true);
parseHtml(null, $container, array(), false, $tabindex, 'user'); parseHtml(null, $container, array(), false, $tabindex, 'user');
echo ("</div></div></form>\n"); echo "</div></div>";
echo ("</body>\n");
echo ("</html>\n"); $buttonContainer = new htmlTable();
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
echo "</form>\n";
echo "</body>\n";
echo "</html>\n";
/** /**

View File

@ -138,16 +138,6 @@ for ($i = 0; $i < sizeof($errorsToDisplay); $i++) call_user_func_array('StatusMe
echo ("<form action=\"confmodules.php\" method=\"post\">\n"); echo ("<form action=\"confmodules.php\" method=\"post\">\n");
$buttonContainer = new htmlTable();
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'));
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
// hidden submit buttons which are clicked by tabs // hidden submit buttons which are clicked by tabs
echo "<div style=\"display: none;\">\n"; echo "<div style=\"display: none;\">\n";
echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">"; echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
@ -160,11 +150,11 @@ echo "</div>\n";
echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">'; echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">'; echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">'; echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
echo _('General settings') . '</a>'; echo _('General settings') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="edittypes" class="ui-state-default ui-corner-top">'; echo '<li id="edittypes" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
echo _('Account types') . '</a>'; echo _('Account types') . '</a>';
echo '</li>'; echo '</li>';
@ -172,7 +162,7 @@ echo '<li id="editmodules" class="ui-state-default ui-corner-top">';
echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Modules') . '</a>'; echo _('Modules') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">'; echo '<li id="moduleSettings" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Module settings') . '</a>'; echo _('Module settings') . '</a>';
echo '</li>'; echo '</li>';
@ -210,7 +200,6 @@ for ($i = 0; $i < sizeof($account_list); $i++) {
} }
$legendContainer = new htmlTable(); $legendContainer = new htmlTable();
$legendContainer->addElement(new htmlSpacer(null, '10px'), true);
$legendContainer->addElement(new htmlOutputText("(*) " . _("Base module"))); $legendContainer->addElement(new htmlOutputText("(*) " . _("Base module")));
$legendContainer->addElement(new htmlHelpLink('237')); $legendContainer->addElement(new htmlHelpLink('237'));
$container->addElement($legendContainer); $container->addElement($legendContainer);
@ -219,7 +208,20 @@ $container->addElement(new htmlHiddenInput('postAvailable', 'yes'));
$tabindex = 1; $tabindex = 1;
parseHtml(null, $container, array(), false, $tabindex, 'user'); parseHtml(null, $container, array(), false, $tabindex, 'user');
echo ("</div></div></form>\n"); echo "</div></div>";
$buttonContainer = new htmlTable();
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
echo "</form>\n";
echo "</body>\n"; echo "</body>\n";
echo "</html>\n"; echo "</html>\n";

View File

@ -156,16 +156,6 @@ for ($i = 0; $i < sizeof($errorsToDisplay); $i++) call_user_func_array('StatusMe
echo ("<form action=\"conftypes.php\" method=\"post\">\n"); echo ("<form action=\"conftypes.php\" method=\"post\">\n");
$buttonContainer = new htmlTable();
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'));
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
// hidden submit buttons which are clicked by tabs // hidden submit buttons which are clicked by tabs
echo "<div style=\"display: none;\">\n"; echo "<div style=\"display: none;\">\n";
echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">"; echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
@ -178,7 +168,7 @@ echo "</div>\n";
echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">'; echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">'; echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">'; echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
echo _('General settings') . '</a>'; echo _('General settings') . '</a>';
echo '</li>'; echo '</li>';
@ -186,11 +176,11 @@ echo '<li id="edittypes" class="ui-state-default ui-corner-top">';
echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
echo _('Account types') . '</a>'; echo _('Account types') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="editmodules" class="ui-state-default ui-corner-top">'; echo '<li id="editmodules" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Modules') . '</a>'; echo _('Modules') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">'; echo '<li id="moduleSettings" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Module settings') . '</a>'; echo _('Module settings') . '</a>';
echo '</li>'; echo '</li>';
@ -280,7 +270,20 @@ parseHtml(null, $container, array(), false, $tabindex, 'user');
echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n"; echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n";
echo ("</div></div></form>\n"); echo "</div></div>";
$buttonContainer = new htmlTable();
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
echo "</form>\n";
echo "</body>\n"; echo "</body>\n";
echo "</html>\n"; echo "</html>\n";

View File

@ -137,16 +137,6 @@ for ($i = 0; $i < sizeof($errorsToDisplay); $i++) call_user_func_array('StatusMe
echo ("<form action=\"moduleSettings.php\" method=\"post\">\n"); echo ("<form action=\"moduleSettings.php\" method=\"post\">\n");
$buttonContainer = new htmlTable();
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'));
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
// hidden submit buttons which are clicked by tabs // hidden submit buttons which are clicked by tabs
echo "<div style=\"display: none;\">\n"; echo "<div style=\"display: none;\">\n";
echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">"; echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
@ -159,15 +149,15 @@ echo "</div>\n";
echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">'; echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">'; echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">'; echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
echo _('General settings') . '</a>'; echo _('General settings') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="edittypes" class="ui-state-default ui-corner-top">'; echo '<li id="edittypes" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
echo _('Account types') . '</a>'; echo _('Account types') . '</a>';
echo '</li>'; echo '</li>';
echo '<li id="editmodules" class="ui-state-default ui-corner-top">'; echo '<li id="editmodules" class="ui-state-default ui-corner-top" onmouseover="jQuery(this).addClass(\'tabs-hover\');" onmouseout="jQuery(this).removeClass(\'tabs-hover\');">';
echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> '; echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
echo _('Modules') . '</a>'; echo _('Modules') . '</a>';
echo '</li>'; echo '</li>';
@ -220,7 +210,7 @@ for ($i = 0; $i < sizeof($modules); $i++) {
if ($iconImage != null) { if ($iconImage != null) {
$icon = '<img align="middle" src="../../graphics/' . $iconImage . '" alt="' . $iconImage . '"> '; $icon = '<img align="middle" src="../../graphics/' . $iconImage . '" alt="' . $iconImage . '"> ';
} }
echo "<legend>$icon<b>" . getModuleAlias($modules[$i], "none") . "</b></legend><br>\n"; echo "<legend>$icon<b>" . getModuleAlias($modules[$i], "none") . "</b></legend>\n";
$configTypes = parseHtml($modules[$i], $options[$modules[$i]], $old_options, true, $tabindex, 'user'); $configTypes = parseHtml($modules[$i], $options[$modules[$i]], $old_options, true, $tabindex, 'user');
$_SESSION['conf_types'] = array_merge($configTypes, $_SESSION['conf_types']); $_SESSION['conf_types'] = array_merge($configTypes, $_SESSION['conf_types']);
echo "</fieldset>\n"; echo "</fieldset>\n";
@ -229,7 +219,20 @@ for ($i = 0; $i < sizeof($modules); $i++) {
echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n"; echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n";
echo ("</div></div></form>\n"); echo "</div></div>";
$buttonContainer = new htmlTable();
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
$saveButton = new htmlButton('saveSettings', _('Save'));
$saveButton->setIconClass('saveButton');
$buttonContainer->addElement($saveButton);
$cancelButton = new htmlButton('cancelSettings', _('Cancel'));
$cancelButton->setIconClass('cancelButton');
$buttonContainer->addElement($cancelButton, true);
$buttonContainer->addElement(new htmlSpacer(null, '10px'), true);
parseHtml(null, $buttonContainer, array(), false, $tabindex, 'user');
echo "</form>\n";
echo "</body>\n"; echo "</body>\n";
echo "</html>\n"; echo "</html>\n";