how to add close button tab header.

cristobal

i need know how to add close button to tab header

Jun 12 '13 #1

Subscribe Post Reply

3472

Dormilich

8,658

Expert Mod 8TB

a self-defined tab or the browser’s tab?

the former just needs to call window.close() the latter is not possible.

Jun 12 '13 #2

Sherin

64KB

Try This Code

Expand|Select|Wrap|Line Numbers

 <html lang="en">

<head>

  <meta charset="utf-8" />

  <title>jQuery UI Tabs - Default functionality</title>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />

  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>

  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

  <script>

  $(function() {

    $( "#tabs" ).tabs();

    $(".ui-closable-tab").live( "click", function() {

        var tabContainerDiv=$(this).closest(".ui-tabs").attr("id");

        var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );

        $( "#" + panelId ).remove();

        $("#"+tabContainerDiv).tabs("refresh");

        var tabCount=$("#"+tabContainerDiv).find(".ui-closable-tab").length;

        if (tabCount<1) {

            $("#"+tabContainerDiv).hide();

        }

    });

  });

  </script>

  <style>

  .ui-icon-circle-close {

    cursor:pointer;

  }

  </style>

</head>

<body>
 
<div id="tabs">

  <ul>

    <li><a href="#tabs-1">Nunc tincidunt</a><span class='ui-icon ui-icon-circle-close ui-closable-tab'></span></li>

    <li><a href="#tabs-2">Proin dolor</a><span class='ui-icon ui-icon-circle-close ui-closable-tab'></span></li>

    <li><a href="#tabs-3">Aenean lacinia</a><span class='ui-icon ui-icon-circle-close ui-closable-tab'></span></li>

  </ul>

  <div id="tabs-1">

    <p>Tab 1 Content</p>

  </div>

  <div id="tabs-2">

    <p>Tab 2 Content</p>

  </div>

  <div id="tabs-3">

    <p>Tab 3 Content</p>

  </div>

</div>

</body>

</html>

Dec 7 '20 #3

by: andrewkooi | last post by:

Greetings, I do not know whether such code exist but no harm asking: Is it possible for me to make visible a close button if the active window is a popup window or a new window (other than the...

Javascript

PDF popup with close button

by: moose | last post by:

OK Popup window? No problem PDF in popup? No problem But what about a couple of Close Window buttons? Imagine a "Close Window" button at the top of the popup page. Then the PDF which can...

Javascript

Close Button Problem

by: Nick250 | last post by:

I have a simple app that I created for our Real Estate office using Access 2000 and it is working fine except for on thing. I need to keep the close button hidden from the users. No problem...

Microsoft Access / VBA

Close Button

by: Reggie | last post by:

Hi and TIA! I have a form and have set the Close Button to false so that users must exit using my close button. However when I open a Report from this form I want the close button to be available...

Microsoft Access / VBA

DialogResult of a MessageBox when the close button is clicked

by: David | last post by:

Is there anyway to get a different DialogResult or detect that the user clicked the close button on a MessageBox? I have a message box that pops up when my program first starts that only has an ok...

C# / C Sharp

Close Button Disable - staying on

by: mhifd009 | last post by:

I have disabled a close button in the property section of a form (FRM1), as i open the form the close button has gone (i have programmed close button), but as i close the form, the form that opened...

Microsoft Access / VBA

Close button problem in vb.net(windows application)

by: somtabu | last post by:

hello, i have a problem in vb.net windows application, verson is 2005 and framework is 2.0 I want to close a form by using the close button which is right hand top side of the window. i want,...

.NET Framework

Close button bug

by: Bruce | last post by:

Hello, I have a form in an Access 2003 application which opens maximized. Its CloseButton property is set to false. On this form I have a command button that opens a report in preview mode. ...

Microsoft Access / VBA

Runtime Error When Clicking Access Close Button

by: Tony | last post by:

I am continuing to develop an Access 2007 application which was originally converted from Access 2003. In Access 2003 I was able to disable the Access Close button in the top righthand corner of...

Microsoft Access / VBA

Access 2007 Runtime Error When Clicking Access Close Button

by: Tony | last post by:

I am continuing to develop an Access 2007 application which was originally converted from Access 2003. In Access 2003 I was able to disable the Access Close button in the top righthand corner of...

Microsoft Access / VBA

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

how to add close button tab header.

Similar topics