Jak vytvořit v php online napovedu

zdravím,

mám problém. potřebuji udělat on-line napovědu na určitá slova. něco na způsob. najedu myší na slovo a ukaže se bublina s napovědou. Zjístil jsem že by to mohlo být asi pomocí java scriptu. Ale netuším jak to udělat. můžete poradit. díky moc

Fórum: 
Informační technologie: 
Rok: 
Zlaté ručičky: 

není to sice v php, ale pomocí java scriptu. Celá věc se jemnuje cotojátka.


příklad:

Lipsum...

Lipsum2...

Po úpravách byla tato možnost kontextové nápovědy vložena skoro do celého systému. Slovo Java , PCIe , SATA bude podtržené a při najetí ukazovátka na dané slovo se zobrazí nápověda. Bohužel co prohlížeč to jiné chování. Nápověda má zatím průhledný podklad a špatně se tím pádem čte. Snad se to podaří rychle odstranit. A nápověda bude fungovat jak má. Tento druh nápovědy už byl zažazen do objednávkového systému kde je plně funkční a pomalu se doplňují slova a nápověda.

Na obrázku je pěkně vidět co se dá udělat za kontext nápovědu.

 

kontext nápověda na objednávkovém systému

 

Úpravy textu které mám otestované.

<br> zalomení řádku
<strong> </strong> Silné zvýraznění
<b> </b> tučné
<i> </i> kurziva
<del> </del> smazaný obsah (přeškrtnuté písmo)

 

určitě se seznam rozšíří o další volby které lze použít. Pokud máte už něco vyzkoušeno a došli na jinou spciálku která se dá použít, napište komentář.

Kontextová nápověda Příkladů může být asi spousta. Stačí ukazovátko myši dát na Java script a uvidíte co se stane. Vše je opět dělané Java scriptem. Problém je v Mozilla FireFix. Zde se tato kontextova nápověda nezobrazí. Celý kod by měl vypadat následovně:

<script type="text/javascript">
<!-- function showIt(i) { if (document.all)
{
var ourhelp = eval("document.all.help"+i)
ourhelp.style.visibility="visible";
}
if (document.layers) { var ourhelp = eval("document.help"+i) ourhelp.visibility="visible";
}
}
function hideIt(i)
{
if (document.all)
{
var ourhelp = eval("document.all.help"+i) ourhelp.style.visibility="hidden";
}
if (document.layers)
{
var ourhelp = eval("document.help"+i) ourhelp.visibility="hidden";
}
}
</script>
<title>Kontextová nápověda</title>
Příkladů může být asi spousta. Stačí ukazovátko myši dát na <a onmouseout="hideIt(1)" onmouseover="showIt(1)"
href="javascript:void(0)">Java script</a>
a uvidíte co se stane. Vše je opět dělané <a onmouseout="hideIt(1)" onmouseover="showIt(1)" href="javascript:void(0)">Java scriptem</a>.
Problém je však ten že v FireFixu se tato kontextova nápověda nezobrazí.
Celý kod by měl být vypadat následovně:
<span id="help1" style="position: absolute; left: 50px; top: 50px;
visibility: hidden"> <table bgcolor="#e8e8ff" border="1"
bordercolor="#000080" height="200" width="200">
<tbody>
<tr>
<td align="center">
<small>
<big>
<b>Informace:<b>
</big>
<br />
Java je objektově orientovaný programovací jazyk, který vyvinula firma Sun Microsystems a představila 23. května 1995.
</small>
</td>
</tr>
</tbody>
</table>
</span>

Informace:
Java je objektově orientovaný programovací jazyk, který vyvinula firma Sun Microsystems a představila 23. května 1995.

Při tvorbě kontext nápovědy jsme zjistili jednu nepříjemnou věc. Celý problém vznikne při náhradě textu či slova směrem do kříže zvané kolečko. Proč kolečko? V následujícím příkladu to následně uvidíte.

př.:

slovo první = voda
nahradit slovem = H2O

slovo druhé = H2O
nahradit slovem = voda

při průchodu textem nahradí první slovo. Po dalším průchodu je první nahrazené slovo opět nahrazené slovem které nahradilo to druhé. Tímto chci upozornit při tvorbě kontext nápovědy že první slovo kterým nahrazujete už nemůžete použít jako slovo nahrazované.

Při prvním průchodu textem slovo VODA nahradíte slovem H2O. Při druhém průchodu ale už slovo H2O nahradilo slovo VODA. A pravě zde se dotane celá kontext nápověda do kříže, protože slovo H2O nahradí opět slovem VODA. Pracuje se na opravě tak aby bylo možné použít i tzv. křížovou náhradu slova v nápovědě.