Problem z menu

[adell1877 1]

Panowie potrzebuje pomocy. Na stronie pcsh.pl jak widać w menu chce zrobić drugie wysuwane menu obok "info" tj. rozsuwane partnerzy.

Ale jest problem. Załączam kod i plik *.js

 

<div id='primary_nav'>
				<ul>
					<if test="showhomeurl:|:$this->settings['home_url']">

					</if>
					{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}
					{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}
					{parse variable="helpActive" default="" oncondition="IPS_APP_COMPONENT == 'core' AND $this->request['module'] == 'help'" value="active"}
					<if test="!ipsRegistry::$applications['forums']['app_hide_tab']"><li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'>{$this->lang->words['discussion']}</a></li></if>

<!-- Dropdown Menu Starts -->
                 					<li id="dropdown_1" class="left"><span><a href="#">Info <img src="http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/_custom/tabs-submenu_arrow.png" class="sb-dropdown_arrow" /></a></span>
						<ul>
						<li><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=2" ><img src="http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/_custom/strzalka.png"  /> O nas</a></li>
<li><a href="http://pcsh.pl/topic/490-faq-pcsh/" ><img src="http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/_custom/strzalka.png"  /> FAQ</a></li>
<li><a href="http://pcsh.pl/topic/2-regulamin-pcshpl/" ><img src="http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/_custom/strzalka.png"  /> Regulamin</a></li>
<li><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=7" ><img src="http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/_custom/strzalka.png"  /> Kontakt / Współpraca</a></li>

						</ul>

<li id="nav_discussion" class="left"><span><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=3" >Partnerzy </a></span>

<li id="nav_discussion" class="left"><span><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=6">Support </a></span>

									<!-- Dropdown Menu Ends -->

 

Za wszystko odpowiada dropdown_1 ale jeśli skopiuje te linijkę kodu nie rozsuwa się żadne menu. Nie wiem czemu. Może coś trzeba zmienić w pliku *.js ale nie znam się na tym. próbowałem zmieniać i dodawać i kombinować z tym dropdown_1 zmieniałem na _2 i nic. Zawsze rozwija się jedno menu lub wcale.

 

A tutaj plik *.js. http://www.sendspace...fe908733c55463e

 

Za rozwiązanie problemu moge zaproponować licencję TrustPort Internet Security na 3-ce.

[regdos 1848]

W javascript masz

element: '#dropdown_1

 

Co oznacza, że z elementu z id dropdown_1 będzier tworzony dropdown

Nie możesz dodać drugiego elementu z id dropdown_1 bo id muszą być unikalne.

Spróbuj zamienić w js #dropdown_1 na .dropdown_1 a w tych elementach, które mają być rozwijane dodaj do class "dropdown_1" i powinno zadziałać.

[adell1877 1]

w tych elementach, które mają być rozwijane dodaj do class "dropdown_1" i powinno zadziałać.

mógłbyś mi to napisać?

 

aha wiem o co chodzi...

sprawdze to wieczorem i będę najwyżej pisał dalej czy coś się zmieniło. Bo po dodaniu do tych elementów dropdown_1 które tego nie miały nie rozwijało menu tylko się całe wykrzaczało ale może po zmianie w js tego coś się zmieni.

Edytowano Październik 13, 2011 przez adell1877 (zobacz historię edycji)

[adell1877 1]

Po zmianie #dropdown_1 na .dropdown_1 w *.js i zmianie

<li id="nav_discussion" class="left">...

na

<li id="dropdown_1" class="left">... 

nie rozsuwa się w ogóle menu.

teraz sprawdziłem --> w ogóle jak zmienie coś w "#dropdown_1" w pliku *.js to menu sie nie wysuwa.

Edytowano Październik 13, 2011 przez adell1877 (zobacz historię edycji)

[regdos 1848]

Napisałem, że masz dopisać do class "dropdown_1" w tych elementach li, które mają się rozwijać i zmienić w js z #dropdown_1 na .dropdown_1 ponieważ jquery poprzez "#" identyfikuje elementy z określonym id a poprzez ". " elementy z określonym class.

[adell1877 1]

<li id="dropdown_1" class="left"><span><a href="#">Info <img src="{style_images_url}/_custom/tabs-submenu_arrow.png" class="sb-dropdown_arrow" /></a></span>
  						 <ul>
  						 <li><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=2" ><img src="{style_images_url}/_custom/strzalka.png"  /> O nas</a></li>
<li><a href="http://pcsh.pl/topic/490-faq-pcsh/" ><img src="{style_images_url}/_custom/strzalka.png"  /> FAQ</a></li>
<li><a href="http://pcsh.pl/topic/2-regulamin-pcshpl/" ><img src="{style_images_url}/_custom/strzalka.png"  /> Regulamin</a></li>
<li><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=7" ><img src="{style_images_url}/_custom/strzalka.png"  /> Kontakt / Współpraca</a></li>

  						 </ul>


  						 <li id="dropdown_1" class="left"><span><a href="#">Info <img src="{style_images_url}/_custom/tabs-submenu_arrow.png" class="sb-dropdown_arrow" /></a></span>
  						 <ul>
<li id="nav_discussion" class="dropdown_1"><span><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=3" >Partnerzy </a></span>

<li id="nav_discussion" class="dropdown_1"><span><a href="http://pcsh.pl/index.php?app=custompages&module=view&section=display&do=show&pageId=6">Support </a></span>

 

nie działa dalej...pierwsze "info" się wysuwa a drugie nie

Edytowano Październik 13, 2011 przez adell1877 (zobacz historię edycji)

[regdos 1848]

W html-u menu ma postać:

<li class="left dropdown_1">...... pierwsze menu
<li class="left dropdown_1">.........drugie menu

plik js

Skinbox.dropdown( {
           	element: '.dropdown_1'                                           		
} ); 

 

Tylko w tym drugim rozwijanym menu wstaw jakieś <ul><li>

[adell1877 1]

Teraz znowu po wstawieniu

left dropdown_1

 

znika mi menu "partnerzy" albo ja coś źle robię.

 

Prosiłbym o napisanie gotowego kodu bez linków http://.... będzie chyba szybciej i będzie pewność czy robię wszystko prawidłowo...

Edytowano Październik 13, 2011 przez adell1877 (zobacz historię edycji)

[regdos 1848]

W sumie to chyba jednak nie zadziała, bo ten skrypt nie daje takiej możliwości i pewnie jest dedykowany do konkretnego rozwiązania.

Zakładam, że masz legalny szablon - http://www.skinbox.net/skins/velvet/ to w takim razie pisz do ich supportu z pomocą.

[adell1877 1]

W sumie to chyba jednak nie zadziała, bo ten skrypt nie daje takiej możliwości i pewnie jest dedykowany do konkretnego rozwiązania.

 

A nie da się go jakoś przerobić?