Witam,
mam problem z rozsuwanym menu w JavaScript.
Na chwilę obecną, domyślnie po załadowaniu się strony, pojawia się menu w wersji w pełni rozsuniętej.
Chciałabym jednak aby domyślnie pokazywało się schowane,
Bardzo proszę o pomoc w przeróbce kodu, gdyż niestety nie wychodzi mi to.
[code]
<%= @title %> <script type="text/javascript">
function showhideMenu(id)
{
var menu = document.getElementById(id);
if(!menu) return;
if(menu.active){
menu.style.display = “none”;
menu.active = false;
}
else{
menu.style.display = “block”;
menu.active = true;
}
}
<%= stylesheet_link_tag "site" %>
<div id="banner" >
<%=link_to( image_tag("logo.png" ), "/site/index") %>
<%= @page_title || “KreatywniNauczyciele.pl” %>
<%= link_to_unless_current "Zarejestruj się", :controller => "users", :action => "new" %> |
<%= link_to_unless_current "Zaloguj się", :controller => "sessions", :action => "new" %> |
<%= link_to_unless_current "Wyloguj się", :controller => "sessions", :action => "logout" %> </br>
</span>
</div>
<div id="menuDiv">
<%=link_to( image_tag("stronaglowna4.png" ), "/site/index") %>
<%=image_tag("praktyka4.png" )%>
<%=link_to( image_tag("cwiczeniaizadania.png" ), "/site/cwiczeniaizadania/") %>
<%=link_to( image_tag("programykreatywnosci2.png" ), "/programykreatywnosci/index") %>
<%=link_to( image_tag("gry.png" ), "/gry/index") %>
<%=link_to( image_tag("metody.png" ), "/metody/index") %>
<%=link_to( image_tag("konspektylekcyjne.png" ), "/site/konspektylekcyjne") %>
<div id="menu2" class="mainmenus" onclick="showhideMenu('menuitems2');">
<%=image_tag("teoria4.png" )%>
</div>
<div id="menuitems2" class="menuitems">
<%=link_to( image_tag("okreatywnosci.png" ), "/teoria/index") %>
<%=link_to( image_tag("badanianaukowe.png" ), "/site/badanianaukowe") %>
<%=link_to( image_tag("polecanaliteratura.png" ), "/site/polecanaliteratura") %>
</div>
<%=link_to( image_tag("kursonline4.png" ), "/site/kursonline") %>
<%=link_to( image_tag("chat4.png" ), "/site/chat") %>
<%=link_to( image_tag("forum4.png" ), "forum") %>
<%=link_to( image_tag("onas4.png" ), "/site/about") %>
</div>
<div id="main">
<% if !flash[:notice].blank? %>
<div class="notice">
<%= flash[:notice] %>
</div>
<% end %>
<%= yield %>
<%= @content_for_layout %>
</div>
<div id="stopka">
<hr >
<%= link_to_unless_current "Praktyka", :controller => "site", :action => "praktyka" %> |
<%= link_to_unless_current "Teoria", :controller => "site", :action => "teoria" %> |
<%= link_to_unless_current "Kurs on-line", :controller => "site", :action => "kursonline" %> |
<%= link_to_unless_current "Chat", :controller => "site", :action => "chat" %> |
<%= link_to_unless_current "Forum", :controller => "site", :action => "forum" %> |
<%= link_to_unless_current "O nas", :controller => "site", :action => "about" %> |
<%= link_to_unless_current "Mapa strony", :controller => "site", :action => "mapastrony" %> |
</br>