Vysouvací(pop up) menu - nefunkčnost,jak přidat .gif tlačítka do buněk vysouvacího menu – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Vysouvací(pop up) menu - nefunkčnost,jak přidat .gif tlačítka do buněk vysouvacího menu   – JavaScript, AJAX, jQuery – Fórum – Programujte.comVysouvací(pop up) menu - nefunkčnost,jak přidat .gif tlačítka do buněk vysouvacího menu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

PN70
Duch
23. 2. 2011   #1
-
0
-

Zdravím a prosím o radu,

vertikálně vysouvací menu se vysune, ale chtěl bych vytvořit jednotlivá písmena v
buňkách vysouvacího menu ve zlaté-stínované barvě. Tzn.barevně stejné jako ostatní
nápisy a měnící se pozadí na tlačítkách v horizontálním menu v rámci stránek.
(Tlačítka základního hozizontálního menu jsou
také .gif obrázky se zlatým stínováním písma).
Předpokládám, že bude nutné vytvořit jednotlivá tlačítka pro pozici "onmouseover" a

"onmouseout" s rozdílným pozadím.

Každopádně otázka:

Jak nakódovat obrázky-tlačítka vertikálního menu (ve zlaté stínované barvě písma)do vysouvacího

menu,navíc aby se po přejetí tlačítek kurzorem myši ve vysouvacím menu měnilo jejich pozadí?
Jak opravit kód, aby se menu automaticky nevysunovalo, ale jen na přechod kurzorem myši?
Děkuji.

v příloze je náhled menu


<html>

<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>doplnit klíčová slova dle zaměření</title>
<style fprolloverstyle>A:hover {color: #E1B950; font-weight: bold}
</style>
</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>PRODUKTY</title>
</head>

<body>
<!--COMMENTS-->
<html><head>
<style type="text/css">
body{font-family:times new roman;font-size:10pt}
A:hover{color:#E1B950;font-weight:bold;text-decoration:none}
a{text-decoration:none}
</style>
<title>PRODUKTY</title>
<script language="JavaScript">
<!-- DROP DOWN MENU
/*
*/

//Drop down menu
//

if (menu_speed > 10)
{
menu_speed=5;
}
if(document.all)
{
doc = "document.all";
sty = ".style";
htm = ""
}
else if(document.layers)
{
doc = "document";
sty = "";
htm = ".document"
}

function positionLayers()
{
abcObj = eval(doc + '["abcLyr"]' + sty);
abcObj.left = 5;
if(menu_pos==0)
{
abcObj.top = -265;
}
else
{
abcObj.top = 2;
}
}
function pullitup()
{
if (window.dropdown)
{
clearInterval(dropdown)
}
pullup=setInterval("uplift()",1)
}
function dropitdown()
{
if (window.pullup)
{
clearInterval(pullup)
}
dropdown=setInterval("downlift()",1)
}
function uplift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 >= -260 )
{
if(instant_close==1)
{
abcObj.top=-265;
}
else if(instant_close==0)
{
abcObj.top = x_pos1-menu_speed;
}
}
else if (window.pullup)
{
clearInterval(pullup);
}
}
function downlift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 < 0 )
{
abcObj.top = x_pos1+menu_speed;
}
else if (window.dropdown)
{
clearInterval(dropdown);
}
}
function info()
{
alert("copyrighted to S_94");
}
// end it-->
</script>
</head>
<body onload="positionLayers();" bgcolor="000000" vlink="#E1B950" alink="#E1B950" link="#E1B950" leftmargin="0" rightmargin="0" topmargin="0">
<div id="abcLyr" style="position:absolute;left:595;top:291;width:130;height:174;z-index:100;visibility:visible" onmouseover="dropitdown()" onmouseout="pullitup()">
<table bgcolor="#000000" width="130" height="179" border="0" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000" cellspacing="0">
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/elektronika/sony ericson.htm" _fcksavedurl="http://www.deorodesign.cz/produkty/elektronika/sony ericson.htm" _fcksavedurl="http://www.deorodesign.cz/produkty/elektronika/sony ericson.htm">MOBILY</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/notebooky" _fcksavedurl="http://www.deorodesign.cz/produkty/notebooky" _fcksavedurl="http://www.deorodesign.cz/produkty/notebooky">NOTEBOOKY</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/doplnky" _fcksavedurl="http://www.deorodesign.cz/produkty/doplnky" _fcksavedurl="http://www.deorodesign.cz/produkty/doplnky">DOPLŇKY</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/exclusive" _fcksavedurl="http://www.deorodesign.cz/produkty/exclusive">EXCLUSIVE</a></td></tr>
</a></td></tr><tr><td align="center" valign="middle" nowrap height="26"><font size="-1"><b><u>PRODUKTY</u></b></font></td></tr>
<!--<tr><td align="center" valign="bottom"><font size="-1"><b>Menu »</b> <a href="javascript:void(0)" onclick="downlift()"><b>Show</b></a> <b>/</b> <a href="javascript:void(0)" onclick="uplift()"><b>Hide</b></a></font></td></tr>-->
</table>
</div>
</body></html>

Nahlásit jako SPAM
IP: 109.123.227.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 6 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý