128
rated 0 times
[
130]
[
2]
/ answers: 1 / hits: 16377
/ 11 Years ago, tue, september 3, 2013, 12:00:00
I have a Twitter Bootstrap tab like this: http://jsfiddle.net/mavent/MgcDU/7100/
<div class=my-example>
<ul id=myTab class=nav nav-tabs>
<li class=><a href=#home data-toggle=tab>Home</a></li>
<li class=><a href=#profile data-toggle=tab>Profile</a></li>
<li class=dropdown active>
<a href=# class=dropdown-toggle data-toggle=dropdown>Dropdown <b class=caret></b></a>
<ul class=dropdown-menu>
<li class=active><a href=#dropdown1 data-toggle=tab>@fat</a></li>
<li><a href=#dropdown2 data-toggle=tab>@mdo</a></li>
</ul>
</li>
</ul>
<div id=myTabContent class=tab-content>
<div class=tab-pane fade id=home>
<p>Raw denim you probably haven't heard of them jean shorts Austin.</p>
<p style=display: none>mytext1</p>
</div>
<div class=tab-pane fade id=profile>
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
<p style=display: none>mytext2</p>
</div>
<div class=tab-pane fade active in id=dropdown1>
<p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>
<p style=display: none>mytext3</p>
</div>
<div class=tab-pane fade id=dropdown2>
<p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.</p>
<p style=display: none>mytext4</p>
</div>
</div>
<button onclick=sendTextToServer('aaaa')
id=sendButton status=initial>
Send now
</button>
</div>
When user clicks button, I need to find the active tab and get its hidden paragraph content and pass this to button onClick code.
For example when user clicks Profile tab, button's onClick code will be like this:
sendTextToServer(mytext2);
When user selects @mdo from Dropdown tab, button's onClick code will be like this:
sendTextToServer(mytext4);
More From » jquery