|
|
| Rivi 22: |
Rivi 22: |
| </div> | | </div> |
|
| |
|
| <div id="<!--{$id|default:jwTabs|escape:'html'}-->_container"></div>
| |
|
| |
| <script type="text/javascript">
| |
|
| |
| //global memory for widget instance
| |
| var <!--{$id|default:jwTabs|escape:'html'}-->_memo = { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };
| |
|
| |
| function <!--{$id|default:jwTabs|escape:'html'}-->_jQueryTest() {
| |
| if ( typeof window.jQuery == 'undefined' ) {
| |
| setTimeout( function(){ <!--{$id|default:jwTabs|escape:'html'}-->_jQueryTest() }, 300);
| |
| } else {
| |
| <!--{$id|default:jwTabs|escape:'html'}-->_func();
| |
| }
| |
| }
| |
| setTimeout( function(){ <!--{$id|default:jwTabs|escape:'html'}-->_jQueryTest() }, 300);
| |
|
| |
| function <!--{$id|default:jwTabs|escape:'html'}-->_func() {
| |
|
| |
| jQuery.getScript( "https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js", function() {
| |
|
| |
| var out = '<ul class="nav nav-tabs" id="myTab" role="tablist">';
| |
| out += '<li class="nav-item" role="presentation">';
| |
| out += '<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>';
| |
| out += '</li>';
| |
| out += '<li class="nav-item" role="presentation">';
| |
| out += '<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>';
| |
| out += '</li>';
| |
| out += '</ul>';
| |
| out += '<div class="tab-content" id="myTabContent">';
| |
| out += '<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">asdfasdfasfd</div>';
| |
| out += '<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">6456456456</div>';
| |
| out += '</div>';
| |
|
| |
| jQuery( "#<!--{$id|default:jwTabs|escape:'html'}-->_container" ).html( out );
| |
| new bootstrap.Tab( jQuery( '#myTab' ) );
| |
| });
| |
| }
| |
| </script>
| |
| </includeonly> | | </includeonly> |
