Jump to content
PF2G

Tab dentro de um PopUp

Recommended Posts

PF2G

Boa tarde, eu tenho este codigo de um popup em jquery e query acrescentar uma tab dentro do popup. Mas só me aparece as UL com a list-style e nao a tab em si.

<a href="#" id="loginLink" class="popup">LOGIN | REGISTAR</a>

   <div id="popup">
    <div class="close"></div>
    <div id="popup_content">
	 <ul id="menu" class="menu">
	  <li class="active"><a href="#description">Limerick One</a></li>
	  <li><a href="#usage">Limerick Two</a></li>
	  <li><a href="#download">Limerick Three</a></li>
	 </ul>
	 <div id="description" class="content">
	  <h2>Limerick One</h2>
	  <p>
	   The limerick packs laughs anatomical<br />
	   In space that is quite economical,<br />
	   But the good ones I've seen<br />
	   So seldom are clean,<br />
	   And the clean ones so seldom are comical.
	  </p>
	 </div>
	 <div id="usage" class="content">
	  <h2>Limerick Two</h2>
	  <p>
	   Let my viciousness be emptied,<br />
	   Desire and lust banished,<br />
	   Charity and patience,<br />
	   Humility and obedience,<br />
	   And all the virtues increased.
	  </p>
	 </div>
	 <div id="download" class="content">
	  <h2>Limerick Three</h2>
	  Hickere, Dickere Dock,<br />
	  A Mouse ran up the Clock,<br />
	  The Clock Struck One,<br />
	  The Mouse fell down,<br />
	  And Hickere Dickere Dock.
	 </div>

	 <ul id="menu2" class="menu">
	  <li class="active"><a href="#description2">Limerick One</a></li>
	  <li><a href="#usage2">Limerick Two</a></li>
	  <li><a href="#download2">Limerick Three</a></li>
	 </ul>
	 <div id="description2" class="content">
	  <h2>Limerick One</h2>
	  <p>
	   The limerick packs laughs anatomical<br />
	   In space that is quite economical,<br />
	   But the good ones I've seen<br />
	   So seldom are clean,<br />
	   And the clean ones so seldom are comical.
	  </p>
	 </div>
	 <div id="usage2" class="content">
	  <h2>Limerick Two</h2>
	  <p>
	   Let my viciousness be emptied,<br />
	   Desire and lust banished,<br />
	   Charity and patience,<br />
	   Humility and obedience,<br />
	   And all the virtues increased.
	  </p>
	 </div>
	 <div id="download2" class="content">
	  <h2>Limerick Three</h2>
	  Hickere, Dickere Dock,<br />
	  A Mouse ran up the Clock,<br />
	  The Clock Struck One,<br />
	  The Mouse fell down,<br />
	  And Hickere Dickere Dock.
	 </div>

	 <script src="scripts/jquery_tab.js" type="text/javascript" charset="utf-8"></script>
	 <script src="scripts/jquery.tabify.js" type="text/javascript" charset="utf-8"></script>
	 <script type="text/javascript">
	  // <![CDATA[

	  $(document).ready(function () {
	   $('#menu').tabify();
	   $('#menu2').tabify();
	  });

	  // ]]>
	 </script>

    </div> 
   </div> 
   <div class="loader"></div>
   <div id="backgroundPopup"></div>

Deve haver alguma coisa a "colidir", sera que ha maneira de resolver?

Obrigado.

Share this post


Link to post
Share on other sites
brunoais

1º indenta melhor o HTML, sff. Um espaço é pouco. Eu prefiro 1 tab ou 4 espaços, mas 2 serve.

2º Isso é HTML válido?

http://validator.w3.org/


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
taviroquai

Na parte de javascript em que abres o popup acrescenta codigo par criar as tabs.

Se houver ajax, acrescenta no bloco. complete()

Edited by taviroquai

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.