Skocz do zawartości
Zaloguj się, aby obserwować  
adell1877

Problem z menu

Polecane posty

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.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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ć.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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 przez adell1877 (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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 przez adell1877 (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

<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 przez adell1877 (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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>

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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 przez adell1877 (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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ą.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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ć?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się

Zaloguj się, aby obserwować  

×