You are not logged in.
Hi Algis,
sometimes the Customers need Help to use Hittappoint,or the Admin have something to explain, so a Help Button with a freely selectable Text by the Admin is usefull.
Instead of the Helptext should be a Link be possible.
Thank You
Peter
Offline
Optional Instruction Locations
I have seen the same need to allow for the use of message incertion points throughout the layout of the pages using <span> </span> so that Administrators can place extra informational text by customizing a separate section of the language file and .css file. This works well to keep the page looking neat and tidy by displaying only a small help icon and using the following code to expand the help info:
COPY & PASTE THE FOLLOWING CODE AND VIEW AS A SEPARATE HTML PAGE TO SEE HOW THIS WORKS:
<HTML>
<HEAD>
<TITLE>Display Help Proposed For HitAppoint</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
function toggleNote24() {
if (document.getElementById("Note24").style.visibility == "hidden") {
document.getElementById("Note24").style.visibility = "visible";
document.getElementById("Note24").style.display = "";
document.getElementById("Link24").style.visibility = "hidden";
document.getElementById("Link24").style.display = "none";
return;
}
if (document.getElementById("Note24").style.visibility == "visible") {
document.getElementById("Note24").style.visibility = "hidden";
document.getElementById("Note24").style.display = "none";
document.getElementById("Link24").style.visibility = "visible";
document.getElementById("Link24").style.display = "";
return;
}
}
function toggleNote25() {
if (document.getElementById("Note25").style.visibility == "hidden") {
document.getElementById("Note25").style.visibility = "visible";
document.getElementById("Note25").style.display = "";
document.getElementById("Link25").style.visibility = "hidden";
document.getElementById("Link25").style.display = "none";
return;
}
if (document.getElementById("Note25").style.visibility == "visible") {
document.getElementById("Note25").style.visibility = "hidden";
document.getElementById("Note25").style.display = "none";
document.getElementById("Link25").style.visibility = "visible";
document.getElementById("Link25").style.display = "";
return;
}
}
</SCRIPT>
<STYLE>
BODY {
margin: 0 0 0 0;
font-family: arial, helvetica, tahoma;
}
.help {
width: auto;
display: block;
padding: 0 10px 10px 0;
border: thin solid #4169E1;
}
</STYLE>
</HEAD>
<BODY>
<H3>Display Help</H3>
A feature to be consitored for use in hitAppoint.<BR>
<SPAN STYLE="font-size:65%; color:#AAAAAA;">-by Dave</SPAN>
<P>
1<BR>
2<BR>
<SPAN id="Link24" style="visibility:visible; display:;"><IMG SRC="photos/helpicon.gif" ALT="Help" WIDTH="13" HEIGHT="16" BORDER="0" STYLE="cursor: pointer;" onClick="toggleNote24();"><BR></SPAN>
<span class="help" id="Note24" style="visibility:hidden; display:none;"><IMG SRC="photos/helpicon.gif" ALT="Help" WIDTH="13" HEIGHT="16" BORDER="0" STYLE="cursor: pointer;" onClick="toggleNote24();"> Help is on. <SPAN STYLE="color:#AAAAAA; font-size:65%; float:right;">Note24</span>
<P>This Help feature (if implimented) could be Enabled/Disabled in the Admin Configuration Menu.<BR>When Enabled, replace this Sample Text with your own Help Text, for this page, in the language file (i.e. 'eng.php').<BR></span>
3<BR>
4<BR>
<!-- <IMG SRC="helpicon.gif" ALT="Help" WIDTH="30" HEIGHT="30" BORDER="0" STYLE="cursor: pointer;" onClick="toggleNote25();"><BR> -->
<A id="Link25" style="visibility:visible; display:; color:#4169E1;" HREF="javascript:toggleNote25();"><B>Help</B><BR></A>
<span class="help" id="Note25" style="visibility:hidden; display:none;"><A STYLE="color:#4169E1;" HREF="javascript:toggleNote25();"><B>Help</B></A> is on. <SPAN STYLE="color:#AAAAAA; font-size:65%; float:right;">Note25</span>
<P>This Help feature (if implimented) could be Enabled/Disabled in the Admin Configuration Menu.<BR>When Enabled, replace this Sample Text with your own Help Text, for this page, in the language file (i.e. 'eng.php').<BR></span>
5<BR>
6<BR>
</BODY>
</HTML>The above method is just one way to include Help content to the program, another way is to use pop-up overlays with mouseovers.
More to come as I work it out...
Dave
Last edited by gatorbytes (2008-08-25 18:03:17)
Offline