Re: re[jQuery] fresh tabs
Using http://jquery-easyui.wikidot.com jquery-easyui tabs plugin, the tabs panel will refresh automatically. Example: div class=easyui-tabs style=width:400px;height:100px; div title=First Tab style=padding:10px; First Tab /div div title=Second Tab closable=true style=padding:10px; Second Tab /div div title=Third Tab icon=icon-reload closable=true style=padding:10px; Third Tab /div /div Output: http://old.nabble.com/file/p27685351/tabs.png whynotter wrote: Hi, I have a page with some scroll-img with jquery code. Each scroll-img are in different tabs, but the jquery code is the same for all tabs. If I have just a scroll, the code is ok, but when I put 4 scroll in different tabs, the code is not do well. How can I get the refresh of each tabs to avoid the problem of conflict jquery code? Thanks a lot Bye -- View this message in context: http://old.nabble.com/refresh-tabs-tp27676891s27240p27685351.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Plugin to include HTML in a window
Maybe the window plugin of jquery-easyui can fit your needs. http://jquery-easyui.wikidot.com/tutorial:win3 ReynierPM-3 wrote: Hi every: I want to show a HTML form in a window that I can move or close or minimize (I don't know what's the correct definition here). Exists any plugin for do this with jQuery? Any reference or tutorial or guide? -- Cheers ReynierPM -- View this message in context: http://old.nabble.com/Plugin-to-include-HTML-in-a-window-tp27525305s27240p27526700.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] JQuery Context Menu Plugin
Here is another menu plugin http://jquery-easyui.wikidot.com/tutorial:menu Asharudeen wrote: Hi, I am using JQuery Right Click Context Menu plugin from the following site, http://www.trendskitchens.co.nz/jquery/contextmenu/ Seems it works on Firefox/IE/Chrome browsers. But it has not worked on Opera browsers. Does any one have any work around/way to make workable this plugin in Opera browsers. Thanks in Advance. -- View this message in context: http://old.nabble.com/JQuery-Context-Menu-Plugin-tp27477394s27240p27477441.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] popup form
Perhaps here has some plugins you need: datagrid,window,etc. http://jquery-easyui.wikidot.com/ Oguz Yarimtepe wrote: At my web application i am using jquery for updating some div areas. I also need to update some tables which are produced after executing some queries at my db. So i am planning to open a popup form that will show the current values of the row that is shown at the table. Changing and submiting will effect the db also. May i do it with Jquery or do you suggest anyother library that is written over jquery? And how can i do it? Will be happy if you show the road. If it is possible to do it with jquery, i prefer to do it with it. -- Oguz Yarimtepe oguzyarimt...@gmail.com -- View this message in context: http://old.nabble.com/popup-form-tp27465612s27240p27477443.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] create a menu in jQuery easyui
To define a http://code.google.com/p/jquery-easyui/ easyui menu, prepare a
menu markup:
div id=mm style=width:120px;
divNew/div
divOpen/div
div icon=icon-saveSave/div
div class=menu-sep/div
divExit/div
/div
Now build the menu:
$('#mm').menu();
Remember the menu is hidden, show the menu by run follwing code:
$('#mm').menu('show', {
left:100,
top:100
});
--
View this message in context:
http://old.nabble.com/create-a-menu-in-jQuery-easyui-tp27237579s27240p27237579.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Sliding Tabs
Here is a tabs plugin http://www.etmvc.cn/project/show/63 http://www.etmvc.cn/project/show/63 Perhapse it is what you want. KFawcett wrote: Is it possible to have an effect like mootools sliding tabs? I have multiple tabs but they are overflowing so the look like this: tab1, tab2, tab3, tab4, tab5, tab6. I would like them to all stay on the same level. How can I create left / right scroll navigation for my tabs. Like this - Tab1, Tab2, Tab3, Tab4 -. So that if Tabs 1-3 take up the width of the box then there would be an arrow on the left / right edge of the box to allow Tab4 to slide into view and Tab1 would slide out of view. -- View this message in context: http://old.nabble.com/Sliding-Tabs-tp26879833s27240p26884752.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] custom event firing
The function of your plugin is to trigger the event 'myEvent'.
The first time you invoke the hilight() method but now the 'myEvent' event
not bind to '#myDiv',so you cannot get the alert information.
The second time you click, the '#myDiv' has bind 'myEvent' one time, so you
get the alert information one time.
The third time you click, the '#myDiv' has bind 'myEvent' two time, so you
get two alert information.
To solve the problem, you should bind the 'myEvent' only once.
$('#myDiv').bind('myEvent',function(e){
alert('event fired');
});
$('#myButton').click(function(){
$('#myDiv').hilight();
})
Allen123 wrote:
Hi all,
I am learning how to author jquery plug in and trying to fire a custom
event using trigger and bind. However, for some reason, when I click the
button first time, the custom event is not called. If I click again, the
event will execute once. If I click the third time, the event will execute
twice. Can you guys tell me what's wrong with my code? Really appreciate
your help.
my plug in
(function($) {
$.fn.hilight = function() {
return this.each(function() {
var $this = $(this);
//hightlight
//call trigger
$this.trigger('myEvent');
})
};
})(jQuery);
my html page
$(document).ready(function() {
$('#myButton').click(function(){
$('#myDiv').hilight().bind('myEvent', function(e) {
alert('event fired');
});
})
});
--
View this message in context:
http://old.nabble.com/custom-event-firing-tp26524737s27240p26525336.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] another datagrid plugin for jQuery
Today I publish a new datagrid plugin for jQuery which similar to Flexigrid. Lightweight but have powerful features as following: * Resizable columns * Can convert an ordinary table * Paging * Toolbar * Create columns from tags * Checkbox Selecting * Show row numbers * Sortable columns * Frozen columns * Column group * Format cell * ... The project site is http://www.etmvc.cn/project/show/67 http://www.etmvc.cn/project/show/67 -- View this message in context: http://old.nabble.com/another-datagrid-plugin-for-jQuery-tp26493094s27240p26493094.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: Re[jQuery] move a tab that contains some element
Show you another tabs plugin http://www.etmvc.cn/project/show/63
http://www.etmvc.cn/project/show/63
To remove a tab you can invoke $('#tab').tabs('close',title).
Note: close a tab only pass the tab's title, not remember the index of the
tab.
cPetru wrote:
Hello
I created some tabs dinamically and now I need to remove one,
triggered by an element inside a tab (not tab-header, not the
currently selected tab).
I can not find a way to determine the index of the tab that contains a
particular element (let's say table#Streets).
Thank you very much.
--
View this message in context:
http://old.nabble.com/Remove-a-tab-that-contains-some-element-tp26346674s27240p26418514.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] UI Dialog: Need the ID of the clicked button...
Using the data method is a good idea.
$.data($('#new')[0],'id',value)
discern wrote:
Use a global. Makes more sense than my solution. Thanks. I always
forget about globals.
--
View this message in context:
http://old.nabble.com/UI-Dialog%3A-Need-the-ID-of-the-clicked-button...-tp26413745s27240p26418614.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Jquery Tabs
try to use this tabs plugin http://www.etmvc.cn/project/show/63 http://www.etmvc.cn/project/show/63 StephenJacob wrote: I'm having an issue, which seems common, when loading tab content using the Jquery Tab plugin. It seems the content loads on the page prior to being tabbed. This causes the page to jump around for a split second before the content loads completely. Is there any way of fixing this issue? http://docs.jquery.com/UI/Tabs Thanks! -- View this message in context: http://old.nabble.com/Jquery-Tabs-tp26321361s27240p26328731.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] SimpleModal issues when loading content via Ajax
I use this dialog plugin instead of SimpleModal, I'm feeling it works good.
http://www.etmvc.cn/project/show/61 http://www.etmvc.cn/project/show/61
Eric Getchell wrote:
Hello,
I’m having two issues with the SimpleModal jQuery plugin that I’m sure
someone knows the answers to. Essentially, I am using SimpleModal to
display informational windows/forms and I encountered an issue when
loading the display content via Ajax. To ensure that the rendering
problems were not a symptom of the HTML snippet that is being loaded,
I removed the Ajax call and embedded the content directly into the div
container - the page behaved correctly. If I load the exact same HTML
snippet via Ajax, I have encountered the following two issues:
- The “Close” button (which has the simplemodal-close class associated
to it) does not seem to close the modal window when clicked
- The positioning of the modal window has been calculated as if the
div containing the content was empty, so the window appears towards
the bottom of the screen
It would seem that an extra step needs to be taken after loading the
content via Ajax so that it is correctly processed by the Simple Modal
logic. Does anyone know what I would need to do to make this happen?
The following is my code that loads the content via Ajax:
function testSimpleModal()
{
$(#dialog).load(/snippet.html);
$(#dialog).modal({
overlay:80,
overlayCss: {backgroundColor:#000},
onShow: function (dialog){
$(#dialog.simplemodal-close).click(function (e)
{
alert(); // Test to see if forcing an event handler
solves
the issue
$.modal.close();
});
}
});
}
… and of course the div that is holding the content can’t get much
simpler:
div id=dialog style=display:none/div
--
View this message in context:
http://old.nabble.com/SimpleModal-issues-when-loading-content-via-Ajax-tp26304670s27240p26331156.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
