Spry e funzione onTabMouseOver / onTabMouseOut

[rtbt]

Sto lavorando con Dreamweaver e stavo cercando di ottimizzare un Pannello Comprimibile Spry.

L'idea era quella di modificare il pannello in modo che questo si potesse aprire automaticamente al passaggio del mouse, e che si potesse chiudere collocando il mouse al di fuori del pannello.

Parzialmente ci sono riuscito . .

Alla linea 148 ho sostituito il codice

Spry.Widget.CollapsiblePanel.prototype.onTabClick = function(e)
{
	if (this.isOpen())
		this.close();
	else
		this.open();

	this.focus();

	return this.stopPropagation(e);
};

con il codice

Spry.Widget.CollapsiblePanel.prototype.onTabMouseOver = function(e)
{
	if (this.isOpen())
		this.close();
	else
		this.open();

	this.focus();

	return this.stopPropagation(e);
};

e fin qua tutto ok, passo sopra al CollapsiblePanelTab e si apre, se ci ripasso sopra si richiude.

Però appunto volevo arrivare ad avere una chiusura automatica del pannello, senza doverci ripassare sopra, semplicemente mettendo il mouse al di fuori dell'area del pannello a soffietto.

Ho provato ad aggiungere quindi questo codice:

Spry.Widget.CollapsiblePanel.prototype.onTabMouseOut = function(e)
{
	if (this.isOpen())
		this.close();
	else
		this.open();

	this.focus();

	return this.stopPropagation(e);
};

in questo modo come esco dal CollapsiblePanelTab si chiude automaticamente..

il problema è che il contenuto del pannello, il "CollapsiblePanelContent", per lo script è già "mouseOut";
quindi volendo mettere un menù cliccabile all'interno del CollapsiblePanelContent non posso perchè appunto il mouseOut si applica sul CollapsiblePanelTab, quindi come vado a portarmi nel contenuto il pannello si chiude..
mentre vorrei che il mouseOut avvenisse quando mi sposto al di fuori del CollapsiblePanelContent.


qualcuno ha già risolto in passato per caso?
purtroppo l'inesperienza si fa sentire..

[rtbt]

gira che rigira, ho risolto anche grazie al forum di adode
riporto in caso volesse interessare anche ad altri..


Ho lasciato lo script java SpryCollapsiblePanel.js originale


Quindi ho agito sul documento html.

Dopo aver inserito un Pannello comprimibile a soffietto nel progetto, troviamo la stringa:

<div id="CollapsiblePanel1" class="CollapsiblePanel">
  <div class="CollapsiblePanelTab" tabindex="0">Scheda</div>
  <div class="CollapsiblePanelContent">Contenuto</div>
</div>

io ho sostituito questa stringa con:

<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0" onMouseOver="CollapsiblePanel1.open();" >Scheda</div>
<div class="CollapsiblePanelContent" onMouseOut="CollapsiblePanel1.close();">Contenuto</div>
</div>

Ora :
se muovo il mouse sopra la scheda superiore(CollapsiblePanelTab), la scheda del contenuto (CollapsiblePanelContent) si apre automaticamente
quando poi il mouse punta al di fuori della scheda del contenuto, la scheda del contenuto si chiude automaticamente

risolto