Skip to content

Instantly share code, notes, and snippets.

@harrigan

harrigan/renaming_tabs.html

Created March 3, 2011 21:41
Show Gist options
  • Save harrigan/853661 to your computer and use it in GitHub Desktop.
Save harrigan/853661 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
renaming_tabs.html
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8' />
<title>Renaming Tabs</title>
<script TYPE='text/javascript' src='jquery-1.4.4.min.js'></script>
<script TYPE='text/javascript' src='ui/jquery-ui-1.8.10.custom.js'></script>
<link rel='stylesheet' type='text/css' href='themes/smoothness/jquery.ui.all.css' />
<script type='text/javascript'>
$(function() {
$('#tabs').tabs();
$('.rename').live('click', function() {
$('#tabs').find('ul li a[href="#' + $(this).parentsUntil('#tabs').last().attr('id') + '"]').text('New Title');
});
});
</script>
</head>
<body>
<div id='tabs'>
<ul>
<li><a href='#tab'>Title</a></li>
</ul>
<div id='tab'>
<input class='rename' type='button' value='Rename' />
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment