1,788 questions
0
votes
1
answer
151
views
Dynamically created jQuery Tabs on ColdFusion Pages
I hope you can offer some advice on this.
I have used multiple jQuery Tabs on ColdFusion pages in the past, but for the first time, I need to dynamically create multiple tabs based on the name of a ...
- 59
0
votes
0
answers
24
views
jquery tabs sometimes set the iframe height to zero
I have a page that uses jquery tabs with the content loaded via ajax
<script type="text/javascript">
$(document).ready(function () {
jqTabs("#tabs");
});
</...
- 1,657
0
votes
1
answer
75
views
How to activate the parent tab content using javascript?
How can I activate the "Main tab 1" and "Main tab 2" if I click its children tab?.
So this is what I want to happen if I click the "Outer tab 1" and "Outer tab 2&...
- 733
1
vote
1
answer
112
views
jQuery UI tabs using aria-controls instead of title to have a single panel
I need to update a legacy project which uses jquery UI 1.8 to the latest 1.13
I'm facing an issue in jQuery 1.9 the tabs widget had massive breaking changes, the current implementation (1.8) has all ...
- 342
-1
votes
1
answer
150
views
Remember last clicked tab on page refresh [duplicate]
been trying to make the browser remember last active tab but couldn't get it right.
function ShowMyDiv(Obj){
var elements = document.getElementsByTagName('div');
for (var i = 0; i < elements....
- 90
0
votes
1
answer
79
views
Uncaught Error: Method load does not exist on jQuery.tabs
I'm using JQuery tabs. Every tab loads a different file.
In one of the tabs, there's a form that is ajax - submitted. After the form is successfully submitted, a message appears in that tab: "...
- 688
0
votes
0
answers
100
views
How to integrate JqueryUI Tabs in Blazor webAssembly application
I have created a Blazor(.Net Core 5.0) web application. Now due to some enhanced business requirement, I am in need to integrate JqueryUI with Blazor(.Net Core 5.0) web application.
Somewhere over ...
0
votes
0
answers
44
views
Load Php Page Inside Jquery Chrome Tabs
I am Trying to Implement a Tab Like interface For my Php Project. For this I have added below Jquery chrome tabs https://github.com/adamschwartz/chrome-tabs/, It is working fine but I am not finding ...
- 141
0
votes
1
answer
156
views
Jquery tab navigation not working properly
Here is the code:
<!DOCTYPE html>
<html>
<body>
<div data-role="tabs">
<div data-role="navbar">
<ul>
&...
- 33
1
vote
1
answer
6k
views
jquery-ui tab "Interactive controls must not be nested"
I use jquery-ui tabs. Sample code:
<ul role="tablist">
<li role="tab"><a class="label" href="#tabs-1" aria-label="Description tab">...
- 693
0
votes
0
answers
48
views
Jquery tab not showing first child selected
I'm not able to select the first child using jquery tabs.
$( function() {
$( "#twocoltabs" ).tabs();
$( "#twocoltabs" ).tabs( "option", "selected", 0 );...
- 153
2
votes
1
answer
711
views
Reactjs Dynamically call components having cards under tabpanels using array
This is where Tab header and tab content is defined, expectation is Tabs_content has component name, and under tabpanel it should traverse array tabs_content and display component < AddQueueCard /&...
- 41
0
votes
1
answer
515
views
How to manipulate Bootstrap tabs from another page using Ajax
I have a view in my Laravel project that shows all products in the first tab and pending products in the second tab. in the second tab when I enter to validate a certain product, I am redirected to my ...
- 57
0
votes
1
answer
46
views
link to a page with tabbed content doesnt work
I have been trying to have a direct link, so that whenever that link is clicked the specific tab opens. However when I use domainname.com/aboutus#award_tab the tab name doesn't open the specific tab I ...
- 1
0
votes
0
answers
230
views
I want a single page scroll with top nav menu scroll and active (Active menu should be in first position scroll)
I am not able to scroll Nav menu with left or right position.
This should be work automatically when page is scrolling.
For Examples :
if "Menu 2" active then scroll position on first for ...
- 247
1
vote
0
answers
54
views
how to call predefined method inside tabs() in latest jquery ui
I am upgrading jquery UI from 1.9 to 1.12 in my project. I want to call predefined method that is defined in a js file. In old version, it is working as
var temp = $('#' + this.id).tabs('addData', '#' ...
- 41
0
votes
0
answers
218
views
The page does not load when I press the tab link
The page does not load when I first click on the 'All' tab. Blank page loading. It comes when clicked for the second time. How can I get it to load on the first click?
<ul class="nav nav-tabs&...
- 63
1
vote
1
answer
445
views
Passing an Ajax-generated URL to a JQuery tab in web page
I am encountering an issue in processing Ajax-encoded URLs.
I am querying a database (Solr) via an Ajax script, sending the output to a web page (served locally only on a localhost webserver on my ...
- 5,182
0
votes
3
answers
129
views
Opening a document hyperlink present in one JQuery tab, in another JQuery tab?
Sorry: I know this is a FAQ but I've looked and experimented without success.
What I am trying to accomplish is generate Apache Solr results in the "Search" tab (done; working; screenshot ...
- 5,182
2
votes
1
answer
63
views
Why is the content being appended to the wrong dynamically-generated tab?
I am trying to create jQuery Tabs dynamically. It should work so that every time I click on "Generate" Multiplication table button a new Tab should be created and a table with the current ...
- 565
1
vote
1
answer
311
views
jquery tabs - want to use more than once on same page
I used jquery-ui to implement tabs on one page. However, I need to use it more than one time on the same page.
<div id="tabs">
<ul class="top-part">
...
- 41
1
vote
1
answer
175
views
JQuery Tabs not working on Page2 of Jquery DataTables
I have a coldfusion application that is outputting cfquery results that are formatted using JQuery DataTables. That works as expected. But within the the jQuery datatable display, I have content that ...
- 1,257
1
vote
1
answer
90
views
Is there a way to hide content in JQuery before the page loads when using Tabs?
Currently working on a dummy website using Javascript as I am new to the language.
I'm operating with JQuery and using the "tabs" function it provides; however I'd like to know how to have ...
- 15
0
votes
2
answers
718
views
Tabs not shown when #id is in page URL
I tried to add a tabs option to my page URL so that the specified tab is focused when the page loads
Example: mywebsite/page/#tab3
I'm using jQuery, but not jQuery UI.
Any ideas om how I can do it?
&...
- 79
0
votes
1
answer
349
views
unload div content of previously tabs when new tab is selected
Here is the answer I found enter link description here
However this method just only hide the content not completely unload or remove them.
It's work good if use with text or images, but not with ...
- 1
1
vote
1
answer
467
views
Javascript Mirror 'Current' Tab to another Tab | Webflow
I've created a widget in Webflow that works but the UX design isn't the greatest and in order for me to create a better experience I need help with some js. Here's a little overview of the widget so ...
- 11
0
votes
1
answer
371
views
jQuery ui-tabs .bind("tabsactivate", function (event, ui) does not work when reloaded
I am dynamically creating a table (on click of a button) and storing the current tab index when the tab is activated (clicked on). This works the first time I create the table; however, if I recreate ...
- 2,015
0
votes
1
answer
907
views
Creating Tabs using Ajax with WordPress, Woocommerce and Divi
I have a website I am working on using Divi and Woocommerce. Since Divi and Woocommerce Categories don't get along, I found a tutorial to build out tabs for categories. This is what it looks like:
...
- 78
0
votes
1
answer
1k
views
How do I copy an image from one div to another div by the image ID
I have 3 tabs. On the first tab is a link that opens the second tab. The second tab has a series of images. What I am trying to achieve is when a user clicks on any of the images in the second tab, ...
- 27
0
votes
1
answer
727
views
How to set active tab of jquery ui tabs using custom function?
I want to set active tab in jquery ui tabs based on output of a function active_tab(), but active_tab() function do not run when tabs are initialized.
function active_tab()
{
var t = 1;
// ...
- 923
0
votes
1
answer
264
views
Multiple Markdown translations per cell on jupyter notebooks
Is there a native way or widget on jupyter notebooks to set a markdown cell to create something like html tabs so I can add documentation on each language I want instead of creating 3 different ...
- 421
0
votes
1
answer
263
views
How to pass a function to active option of jquery ui tabs?
How to pass a function to jquery ui tabs active option?
I can pass a function to jquery ui tabs activate option like this
activate: function(event, ui){
localStorage.setItem("#" + $(this)....
- 923
-1
votes
3
answers
101
views
Tab widgets in jquery not showing at all
I am currently working on a web form and my jquery tabs are not showing when i run the page.I included this inside the header:
<link rel="stylesheet" href="/resources/demos/style.css">
<...
- 63
0
votes
1
answer
644
views
Make Jquery UI Tabs Dynamically Searchable
I originally had Bootstrap tabs, and they were searchable, however, I am now using JQuery UI Tabs, and I want the same functionality.
Here are the original tabs:
<div class="container" style="...
- 1,387
0
votes
2
answers
2k
views
Select default tab on page load
I would like the first tab to be 'selected' upon page load.
Hi, I would like the first tab, 'Discover', to be selected upon page load. I have run multiple versions of the same code functionality in ...
0
votes
1
answer
123
views
JQuery UI - Cloned Tabs - not switching tabs
I am cloning a JQuery UI Tabs element. The tabs are being created OK from the cloned instances, but I can't change the tabs on the instances. The original tabs element works fine.
$("#tabs")....
- 4,324
1
vote
0
answers
75
views
JQuery, hide() not working but remove() is
I'm using JQuery UI tabs and I'm trying to hide the corresponding tab and div when they click the 'X' on the tab. It is hiding the tab properly; however for some reason it does not hide the div.
...
- 103
0
votes
1
answer
435
views
jQuery Tabs Selected Tab Prevent Jump to top
I'm using jQuery tabs, an click on a tab it add hash to the url
jQuery( "#tabs").tabs({
activate: function(event, ui) {
window.location.hash = ui.newPanel.attr('id');
}
...
- 1,228
0
votes
1
answer
89
views
Jquery tab - add a class when active
I'm trying to edit this:
http://jsfiddle.net/rohankumar1524/HznC9/3/
As you can see the code add the class "current_tab" at "ul.tab_nav li a" clicked.
I need to add this class at "ul.tab_nav li".
...
- 91
0
votes
1
answer
256
views
Tabs content file image preview script not working
Image preview function works correctly on the first tab, why doesn't it work on other tabs, I'm reloading the image preview function by clicking the tab, I couldn't find an example in the net for this ...
- 35
0
votes
1
answer
900
views
JavaScript not working on all tabs on single HTML page
So I am working on a website that is suppose to have little interactive pictures maps that you can hover over and it will display information. But the problem that I am having is that my Javascript is ...
- 15
0
votes
1
answer
750
views
How to Call Jquery tabdrop() Plugin from Jquery Tab Widget?
Just as this Jquery Plugin, I have jquery tab that I would like it to behave the way that plugin does by grouping any exceeded tab into dropdown as it reaches the screen width.
In my fiddle ...
- 1,735
0
votes
1
answer
170
views
Loading a Partial view which has a complex model of many sub models into a jquery ui tab
I get an error when loading a particular view via an Html.action call to an action and Controller, into a jquery Tab.
The other View is loaded successfully via an HTML.Partial call.
How do I get this ...
- 500
0
votes
1
answer
64
views
Jqgrid server side data not loaded in the second Jquery tab
I have a html file and a js file using jqgrid and jquery tabs having 3 table tabs. Server side data was loaded properly in the 1st tab but NOT loaded in the 2nd and 3rd tab. Please suggest what I'm ...
- 23
0
votes
2
answers
153
views
Set all panels width to the width of the widest panel
I have jquery tabs and i would like to make all panels width be the same as the widest panel width.
Something like heightStyle:"auto" works for height.
widthStyle:"auto" would be what im looking for, ...
- 15
0
votes
1
answer
2k
views
Needs to go to next tab while button is clicked
Here i had tried many ways to go to next tab while a button is clicked but its not going here is my code please have a look.
$(".login_button").click(function() {
var active = $( "#tab" ).tabs( "...
- 805
0
votes
1
answer
958
views
Prevent calling "show" event of jquery tabs
I am using jquery tabs in MVC application. Based of whcih tab is selected I wan't to a message and cancel the show event of selected tab.
Is there any way to cancel the "show" event of jquery tabs?
...
- 666
0
votes
1
answer
230
views
JQuery Tabs - change background colour of tab on input entry
I'm creating a simple application which has 5 tabs and corresponding DIV's which contain some parts data and two input fields. What I'm trying to achieve is when someone types a value in the .qty ...
- 127
1
vote
1
answer
2k
views
Use AntiForgeryToken when form was fetched using AJAX call?
---------------Update, scroll down for original question----------------------
These two settings (which I simply did not notice) in the $.ajax call were breaking it for me:
contentType: false,
...
- 3,871
1
vote
0
answers
41
views
Group tab item "li" as drop down when tab items exceed 5?
I tried to dynamically add new tab item, and group it as a drop down if the tab item exceed 5.
However, the fifth tab item on ward is not formatted well as the first, second, third and fourth tab ...
- 1,735