[Pharo-dev] How to declare a script variable to hold attribute value in jQuery seaside

[Jayalakshmi Lade]

Hi,

I am new to jQuery in seaside and trying to convert the below jQuery script
to seaside jQuery for activating tabs and to render the related data but on
another tab click getting *val* as 'undefined'.

*jQuery script:*

$(document).ready(function(){
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');

$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');

$(this).addClass('current');
$("#"+tab_id).addClass('current');
})
})

*My Converted jQuery code in seaside:*

html document
addLoadScript:
((html jQuery: 'ul.tabs li')
onClick:
(html jQuery ajax
callback: [ :val | self tabId: val ]
value: (html jQuery this attributeAt: 'data-tab')),
                                                 ((html jQuery: 'ul.tabs
li') removeClass: 'current'),
((html jQuery: '.tab-content') removeClass: 'current'),
                                                 (html jQuery this
addClass: 'current'),
((html jQuery id: self tabId) addClass: 'current')).


Please give me your valuable suggestions on this.
Thank you and looking forward for your reply.

*Regards,*

*Jaya L*