Looping through dyamically generated jQuery tabs and adding classes -


ok, have tabbed interface adds tabs dynamically once link clicked , fills newly generated tabs using ajax. portion works fine, need extend functionality allow dynamically-created tabs have class assigned them during same click. current code follows:

$(document).ready(function() {     var tabs = $("#tabs").tabs();     $(".tabbutton").live("click", function(){         var gettopicid = $('.topicid',$(this).parent()).val();         tabs.tabs('add', 'ajax.php?section=summary&id=' + gettopicid, 'summary');         tabs.tabs('add', 'ajax.php?section=read&id=' + gettopicid, 'read topic');     }); });

this code works absolutely fine add tabs. however, i'm not sure how go adding class. i've tried placing following directly after second tabs.tabs line, no avail:

$(this).addclass('testclass');

the main problem generated tabs given id of #ui-tabs-* * automatically incremented value in form of number. should point out reason assigning class can destroyed @ later date. did consider using each function, wasn't sure if best method possible?

apologies if seems bit of daft question, jquery isn't strong point.

edit

ok, following on bumble's suggestion below, i've added little more functionality, namely removal of created tabs same onclick event:

$(document).ready(function() {     var tabs = $("#tabs").tabs();     $(".tabbutton").live("click", function(){         $(\'div[id*="ui-tabs-"]\').each(function(index) {             if($(this).hasclass(\'testclass\'))             $("#tabs").tabs("remove", \'.testclass\');         });         var gettopicid = $(\'.topicid\',$(this).parent()).val();         tabs.tabs(\'add\', \'ajax.php?section=summary&id=\' + gettopicid, \'summary\');         tabs.tabs(\'add\', \'ajax.php?section=read&id=\' + gettopicid, \'read topic\');         $(\'div[id*="ui-tabs-"]\').each(function(index) {             if(!$(this).hasclass(\'testclass\'))             $(this).addclass(\'testclass\');         });     }); });

now code works, degree. ui has 1 tab persistent (the main tab containing onclick link), 2 tabs generated said link. however, code above removes persistent tab , leaves 2 generated ones intact! ideas?

further edit

ok, after looking @ documentation, have provide remove function tab index remove, can't remove tabs based on class name. somehow remove function has first grab index of tab (if has testclass class), remove it. reading right?

you can use wildcard select generated tabs , loop through, checking if have class or not:

$(document).ready(function() {     var tabs = $("#tabs").tabs();     $(".tabbutton").live("click", function(){         var gettopicid = $('.topicid',$(this).parent()).val();         tabs.tabs('add', 'ajax.php?section=summary&id=' + gettopicid, 'summary');         tabs.tabs('add', 'ajax.php?section=read&id=' + gettopicid, 'read topic');         $('div[id*="ui-tabs-"]').each(function(index) {             if($(this).hasclass('testclass'))                 $(this).remove();             else                 $(this).addclass('testclass');         });     }); });

Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more