Menu che si espande in page load

[frestix]

Ciao...ho realizzato un'applicazione con un menu creato dinamicamente da database. Il mio problema è che ad ogni page_load ( e quando la connessione rallenta) il menu viene espanso totalmente visualizzando tutte le voci prima di richiudersi.

<div id="MainDiv" class="clear hideSkiplink"> <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" Orientation="Horizontal" OnMenuItemClick="NavigationMenu_MenuItemClick" >

[Gluck74]

visto che il menù sta dentro un div, aggiungi

display:none;

allo stile del div,
poi aggiungi con jquery, con asp, con javascript page_load (insomma, con quello che vuoi),
una semplice riga di codice javascript che finita di caricare la pagina, rimette visibile il DIV.


Ciao

[frestix]

Ho provato con ::

protected void Page_LoadComplete(object sender, EventArgs e) { 
this.NavigationMenu.Style.Add("display", "block"); }

dopo aver messo

<div id="MainDiv" class="clear hideSkiplink">
        <asp:Menu ID="NavigationMenu" style="display: none"
                  runat="server"

ma non funziona.

[Bearseeker]

Purtroppo non è possibile farlo coi metodi convenzionali (css).
Gli stili sull'oggetto contenitore (il div nella fattispecie) relativi al posizionamento e alla visibilità non vengono considerati finchè il tag è aperto, ovvero finchè la pagina non finisce di caricare l'elemento completo.

L'unica soluzione che mi viene in mente è precaricare l'elemento tramite javascript e, al termine del caricamento, assegnare l'elemento ad un nodo dell'html.

Personalmente non l'ho mai fatto, e comunque penso sia un bel casino lavorare in questo senso coi tag server, ma concettualmente e logicamente dovrebbe funzionare.

Ciao,
b.

P.s.: se riesci a farlo, mi piacerebbe vedere lo script

[Gluck74]

Originariamente inviato da frestix
Ho provato con :

protected void Page_LoadComplete(object sender, EventArgs e) { 
this.NavigationMenu.Style.Add("display", "block"); }

questo è nel codebehind della pagina!!!!!!!!!!!!!!!
non va bene.

devi fare la stessa cosa ma lato javascript!!!!!

Inoltre io metterei nascosto non il menù, ma il div che lo contiene.

<div id="MainDiv" class="clear hideSkiplink">
    <div id="menuContainer" style="display: none;">
        <asp:Menu ID="NavigationMenu" runat="server">
    </div>
    ...

Page.ClientScript.RegisterStartupScript(this.GetType(), "menuShow", "document.getElementById('menuContainer').style.display='block';", true);

[frestix]

ok grazie provo