Aiuto submenu non so come fare..

peppone90

Nuovo Utente
10 Giu 2009
2
0
0
Ciao a tutti ho questo menu, che scorre alla sinistra del mio sito, però vorrei fare in modo che quando si evidenza una singola voce, si apra un sottomenu (o sotto la voce evidenziata, o alla sua sinistra) come faccio? vi prego aiutatemi xk sto impazzendo!! a una settimana che ci provo..
per qualsiasi chiarimento chiedete.. ^_^0:)

<div id="floatdiv" style="position:absolute;width:181px;left:0px;top:0px;padding:16px;background:#141414;border:0px solid #2266AA">
<p align="center">
<font color="#FFFFFF">::Menu::</font>
<p align="center">
&nbsp;<p align="center">
<font color="#FFFFFF">
<img border="0" id="img1" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font>
<img border="0" id="img2" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font>
<img border="0" id="img3" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font>
<img border="0" id="img4" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font>
<img border="0" id="img5" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font>
<img border="0" id="img6" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font>
<img border="0" id="img7" src="buttonB.gif" height="51" width="155" alt="Testo pulsante" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonC.gif')" fp-style="fp-btn: Glass Tab 2" fp-title="Testo pulsante"></font></div>


<script type="text/javascript"><!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
targetX: 10,
targetY: 50,

hasInner: typeof(window.innerWidth) == 'number',
hasElement: typeof(document.documentElement) == 'object'
&& typeof(document.documentElement.clientWidth) == 'number',

menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};

floatingMenu.move = function ()
{
floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}

floatingMenu.computeShifts = function ()
{
var de = document.documentElement;

floatingMenu.shiftX =
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: document.body.clientWidth;
}

floatingMenu.shiftY =
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? de.clientHeight
: document.body.clientHeight;
}
}
}

floatingMenu.calculateCornerX = function()
{
if (floatingMenu.targetX != 'center')
return floatingMenu.shiftX + floatingMenu.targetX;

var width = parseInt(floatingMenu.menu.offsetWidth);

var cornerX =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageXOffset
: document.documentElement.scrollLeft) +
(document.documentElement.clientWidth - width)/2
: document.body.scrollLeft +
(document.body.clientWidth - width)/2;
return cornerX;
};

floatingMenu.calculateCornerY = function()
{
if (floatingMenu.targetY != 'center')
return floatingMenu.shiftY + floatingMenu.targetY;

var height = parseInt(floatingMenu.menu.offsetHeight);

// Handle Opera 8 problems
var clientHeight =
floatingMenu.hasElement && floatingMenu.hasInner
&& document.documentElement.clientHeight
> window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight

var cornerY =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageYOffset
: document.documentElement.scrollTop) +
(clientHeight - height)/2
: document.body.scrollTop +
(document.body.clientHeight - height)/2;
return cornerY;
};

floatingMenu.doFloat = function()
{
var stepX, stepY;

floatingMenu.computeShifts();

var cornerX = floatingMenu.calculateCornerX();

var stepX = (cornerX - floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = cornerX - floatingMenu.nextX;
}

var cornerY = floatingMenu.calculateCornerY();

var stepY = (cornerY - floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = cornerY - floatingMenu.nextY;
}

if (Math.abs(stepX) > 0 ||
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}

setTimeout('floatingMenu.doFloat()', 20);
};

// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined')
{
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function')
{
element[listener + 0] = element[listener];
element[listener + '_num']++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i--)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}

//if handler is not already stored, assign it
for(var i = 0; i < element[listener + '_num']; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler;
element[listener + '_num']++;
};

floatingMenu.init = function()
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};

// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.calculateCornerX();
floatingMenu.nextY = floatingMenu.calculateCornerY();
floatingMenu.move();
}

if (document.layers)
floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload', floatingMenu.initSecondary);
}
//--></script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Aiuto submenu non so come fare.. Javascript 1
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Caldus richiesta aiuto Mac e Software 0
R [Javascript] Aiuto su questo script Javascript 2
Z Gestionale in Php/mysql: Quanto farsi pagare? Aiuto! Discussioni Varie 0
Giacomo92 [HTML] AIUTO!! Regular Expression :( Offerte e Richieste di Lavoro e/o Collaborazione 15
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
K [Java] aiuto switch case Java 1
E salve tutti spero si essere di aiuto e di trovare aiuto Presentati al Forum 2
D [MS Access] aiuto non riesco a capire MS Access 6
P [PHP] Browser game, aiuto a tempo libero. Offerte e Richieste di Lavoro e/o Collaborazione 0
wildcity9 aiuto per sbloccare account instagram bannati Social Media Marketing 0
A Aiuto per configurare il banner di Iubenda su un sito in html HTML e CSS 0
I Aiuto Firma App Sviluppo app per Android 0
C [PHP] Chiedo un aiuto, Array multidimensionale. PHP 3
H [Javascript] aiuto favore Javascript 1
T [PHP] aiuto....Fatal error: Uncaught Error:non riesco a capire PHP 1
N [PHP] Aiuto PHP 1
M [PHP] Aiuto su inner join PHP 10
S [PHP] Aiuto creazione form php per completamento modello word PHP 1
Giatenx Ho bisogno di aiuto Annunci servizi di Social Media Marketing 1
Z [HTML] aiuto per visualizzazione su tablet Offerte e Richieste di Lavoro e/o Collaborazione 6
Z sono qui in cerca di aiuto Presentati al Forum 2

Discussioni simili