Jquery sorting table not working in dojo tab panel
Hello i am using dojo Tabs lets say Tab1 ,Tab2 ,Tab3,i am placing Jquery table Sorting code in Tab1 its working fine some times not,but if i place the same code in the TAB2 Panel its not working iam using differnet Table ID's for different Tabs but still its not working Please help on this. <!doctype html> <html> <head> <title>Demo Html</title> <link href="./content/scripts/js/sorterThemes.css" rel="stylesheet"> <script type="text/javascript" src="./content/scripts/js/query_latest_min.js"></script>
what is the major difference between scrollto and localscrollto
i am bit confused whenever i come across this scrollto and localscrollto, could some one help me with this?
Chrome bug? or how do I prevent a form field to SCROLL the container when focused?
First, preventing defaults on focus doesn't work, and preventing defaults on keydown still fails for the first field focus (with tab). As explained below. A form partially hidden inside a container with overflow:hidden SCROLLS to make the field visible, RUINING the css animation I setup specifically to reveal it. If i remove the overflow property it works like charm. Is that a chrome bug? jQuery limitation? or what? I made an live example at http://jsfiddle.net/dNk9v/ I used jQuery only to change
Browser limit on number of asynchronous Ajax connections
Dear people at this group I have a problem regarding the number of asynchronous Ajax request the browsers nowadays can handle parallel. I've been searching for a solution, ajaxqueue (making requests synchonous so not useful) bajax etc etc. I've desigend a website with blocks and each block has its own ajax request to build up the screen (11 at startup), but waiting time makes the block to appear very slow. I'm using a JavaScipt/php message queue. Please help.
How can I turn off jquery's handling of certain <a> links?
How can I tell jQuery not to do anything with certain <a> links? I don't mean styling as much as whatever the scripts are doing with the links. I am using a JavaScript sound manager that converts normal <a> links to .mp3 files into little embedded audio players. The files will play, but when I have jQuery also on that page, the links take me to a blank white page. I'm not sure what jQuery is trying to do, but is there a way to tell jQuery to ignore certain links? Let me know if more info is
Open autocomplete menu on focus of textbox?
Hello, I want to use the autocomplete menu for a textbox, but instead of having to type something before you get results, i want the menu to pop up with all available options first on focus, then narrow as you type. Can someone help me accomplish this? Thanks.
after post to call mail server to send mail
I use jQuery to post data like following code. I need send out email after post based on the information user entered, it is too earlier to send before post. I have my server code to send mail using mail server. The only thing is event.preventDefault(); statement does not have regular post, my server side code can not get the data from user interface which user enter on the form. I need some what method to send client data to server to send email using the informaiton, Are there any work around
jQuery UI tabs: Adding new tabs and back button
I want to add new tabs on clicking on the links inside the main tabs. Those new tabs would contain contents fetched from ajax. so it's like product categories open in new tab. I added jQuery BBQ plugin to support navigating forward and backward history. JSfiddle JSfiddle output $(".borrd-right").tabs({ hide: { effect: "fade", duration: "fast" } }); <!--ADD NEW TABS--> $(".borrd-create-prod li a").click(function () { var num_tabs = $("#borrd-right .borrd-tabs li").length + 1; var tab_name = $(this).text();
lightbox working on one page but not on another
Hello, I've had lightbox work fine on my site but recently I noticed that it is not working on this page: http://tamburarasa.com/photos.php it works fine here: http://tamburarasa.com/bios.php I see there is an error in the console: event.returnValue is deprecated. Please use the standard event.preventDefault() instead. But I'm not sure what it is that I have done in the page to have this error occur. Any feedback appreciated!
jQuery Mobile - Select Breaks after Submitting Form to self
o.m.g. this is driving me crazy! I've form in place to search available research via a RETS server. This form submits to self using <?php echo $_SERVER['REQUEST_URI']; ?> or <?php echo $_SERVER['PHP_SELF']; ?>. It works, in that the form submits and is processed. The server's returned data is presented, however none of my select boxes work after the form is submitted. I'm using select boxes with data-native-menu=false. After submission, a click on a select box no longer shows the options.(works fine
ui.autocomplete: refresh position manually
i have some complicated logic in my app and need to update position manually e.g. on parent iframe scroll change i can't find the way to do this, i tried tricks like below, but they don't work w = $(el).data('uiAutocomple') w.option('position', w.options.position) how to do this?
[Q] Persistent Music Player
Hello, I need to have a music player on a website, and I want it to stream songs, but don't want it to refresh when the user selects links on the page. A perfect example is at WQXR. They have a music player on their site, and you can play their stream, but can click around and the player doesn't refresh (stream is not interrupted). What are some methods I can read about that would allow me to do this? Thanks Jay
jQuery XML parsing and replace tags
I needed to replace then node having field name with the xml node. I tried with replaceWith which did not parse properly. As suggested here I tried to create a workaround to replace xml tag $.fn.replaceWithXML = function replaceWithXML(ele) { var xml = this.html(); return $('<dummy />').append($(ele).append(xml)).html(); } It was not working with all the xml tags properly. xml = '<field><col>Col1</col></field>' xml = $.parseXML(xml); Replacing the "field" with "column" yields unexpected output
Jquery Mobile on Android with Phonegap
Hi, i'm new in jquery mobile, i'm develop jquery mobile on android with phonegap. And it couldn't run smooth in android after i embed the script on phone with phonegap/cordova. Anybody knows, the best way to run smooth in android ?. I'm sorry for my english. :) Best Regards, Ryan Msrtin Matrono
Run loops for Arrays based on change function()
Currently I have a Select based form which shows values based on my selections. It's all working fine and you can see it here - http://jsfiddle.net/4ppDS/ But the way I'm writing the script it is going to be unnecessarily long. So I thought of creating various arrays and looping them based on my conditional selection. I have been trying to get it right but so far been unsuccessful. You can see it here - http://jsfiddle.net/uM9FE/ Can some one please help me. As of now when I make a selection, only
Simple Dialog widget factory question
Trying to create a custom Dialog extension using the widget factory and jquery UI 1.10.4 This snippet illustrates the problem. I want to set up a "Close" button automatically. However, I can't seem to make it work. The snippet below is as close as I've come thus far, and it crashes in the jquery-ui script on the first line of the dialog widget's _create method. I have tried adding my own _create method and calling _super() but that also didn't work. <button id="btnTestDlg" >Test the dialog</button>
Jquery plugin is not working in mvc(view) pattern
Hi , I have been working in project for last 1 year, I have been using many pluggins for my project.Last month we convert all the code well structured into mvc pattern(our own), from that itself the pluggins are not working. So to test the pluggin, at the very start of function i have an alert to find whether the pluggin is recognizing . It works fine but the functionality of plugin is not working . For ex:I have been using fadeslideshow(http://plugins.jquery.com/simplefadeslideshow/). I have
Draggable & droppable object
Hi, averyone! http://jsfiddle.net/tSbRC/ For future, sorry of my English I'm practicing )) I have several blocks over which user moving object. When object dropped he doesn't have position at start top left angle of target and have offset. How can do what object after dropping been into target? Thanks
how to stop dragging
Hi I need to make my div draggable when I drag that div after mouseup it must stop dragging. here my code I am dragging my Div in X coordinates only on mousedown event. How can I stop it's dragging on mouseup. $('.splitter').draggable({'axis':'x','containment':'parent'});
Using Cycle2 Plugin / Multiple Image (fading)
Hello, I am having some trouble with my cycle plugin. I'm trying to create a three column slideshow on my homepage that displays three separate images (one in each column) and the images fade (1-3), then the next set appears (3-6). I've created one that works great but I heard you can get this same effect without having multiple div's and not running cycle 3 times.. i'd rather have cycle run once and collect all three slideshow data. Can anyone explain to me how this will be possible? Help would
How to load image and save to another page
Hi all, I need to read an image and save it but failed with strange issue. The first step is to load with $.ajax and seems very simple. $.ajax({ url : "http://www.izhaiyiqi.com/ce/tbtfscom/tbcaps/s.gif", success: function(){ // second is to save it } }); s.gif is a one dot image. And I can see strings like "GIF89a ����!� , D ;". I thought it's the valid gif data and tried to transfer the data with $.ajax. But this is the second question. The first thing I cannot explain is, if I visit
fancytree - TypeError: a.ui is undefined
I would like to use the fancytree plugin but am getting the following error: TypeError: a.ui is undefined associated with the file jquery.fancytree-2.0.0-7/jquery.fancytree-all.min.js Below is the <head> contents of the code I am using: <head> <script type="text/javascript" src="jquery-1.11.0.js"></script> <script type="text/javascript" src="jquery-migrate-1.2.1.js"></script> <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script> <link href="jquery.fancytree-2.0.0-7/skin-win8/ui.fancytree.css"
Need a bit of help
Hi All, I would like to say thank for any help in advance so the problem: I have a list item as follows <ul> <!-- Row 1:start--> <li class="mid-grey"> <div class="block"> <div class="active"> <h2>Example 1</h2> <span class="time">July 2 2013</span> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
Draggable - move multiple items base on one
So I have three tables that are made up to look like an overall table. A B C D E F G H I 1 x x x x x x x x 2 x x x x x x x x 3 x x x x x x x x 4 x x x x x x x x 5 x x x x x x x x I've made the top table (a,b,c,d,e,f,g,i) fixed along with the left table (1,2,3,4,5). When you scroll around in the middle table (all the x's) the top and left tables move with the scroll but stay visible (x's go behind). This is great, but now I'm trying to get the same affect using jquery draggable, so a user should be
How to cancel accordin control collapsed by enter or backspace?
Have try this: $("#accordion").accordion({ collapsible: true, event: "click", beforeActivate: function (event, ui) { if (jQuery.ui.keyCode == $.ui.keyCode.BACKSPACE || jQuery.ui.keyCode == $.ui.keyCode.ENTER) { event.preventDefault(); } } }); But it doesn't work. How can I do it?
Need help! Coockie and resize div
<div class="right_clm_fix" id="rcf"> <div class="right_top_block" id="rt">Default height 50%</div> <div class="btn_sl" id="btn_sl">move top or bottom</div> <div class="right_bottom_block" id="rb">Default height 50%</div> </div> <style> .right_clm_fix { position:fixed; width:300px; height:100%; top:0; right:0; } .right_top_block { width:300px; height:50%; /* default */ background: rgba(0,0,0,0.8); } .btn_sl { height:30px; width:300px;
get selected value when select on change
I have a select dropdown box on focus and would like to get list from previous dropdown, but it get value previous For example, I have a droopdown country and city. I want to city filter out from country dropdown. I have on focus to get city list based on the country dropdown. The problem is when user change the country from US to China then on focus still read country as US, but not China. City dropdown get US city when user change country dropdown from US to China. I would like to know how to force
CSS Theme Import Failed
I am trying to import the following CSS theme into theme roller so I can update it to the latest 1.4.2 framework. It fails each time with the error, "Invalid theme file. Please import unminified files only with all original CSS comments in place." Anyone know why it fails to import? The code was too long so I had to post it in pastebin. CSS Theme
probs by realization
please look at this link - http://de.wix.com/website-template/view/html/1248 is it possible to realize it with jquery
Slide transition is not stable when face big data set on mobile device
Hello, I use ListView widget of jqm1.42, and add nearly 1000 items to it dynamically via backbone. when I visit this page from former one, I use ajax navigation of jqm. The effect I use 'slide'. The problem is as below: The slide process is not smooth, sometimes I can not see the full slide process, just hang and show next page. During the css annimation, if you do some operation(e.g click a button), it also make the page hang, the response is too slow. On ios7's safari, the 'toPage' will be zoom
Position an image in the bottom left corner
Hi, how to position an image always in the bottom left corner, that include when the browser window width and height change. Thank you
Help with fancybox
Is anybody available to help me resolve a problem with fancy box? I am going round in circles with it, just trying to get it to work, perhaps it is a very simple problem that I am missing. Many thanks in advance!
Problems with navigation
I'm having trouble with the navigation of my app when loading a page dynamically. On my homepage i have a list of links with anchors linking to top level directories. I have hijacked one of the links with javascript and done some conditional logic that loads a page dynamically. Depending on the logic results this could be a second or third level directory. On first time load of this link the page works fine, however, when I click the JQM back button it takes me to the homepage and all looks well
Magento Ajax Login/Register Plugin jquery-1.10.2 incompatibility.
Hi there, I've installed a module for ajax login/register in my Magento store. It works fine, it includes its own jQuery library (1.7.2) and does all the work perfectly. The problem is: I already have a jQuery library (1.10.2) in this store, and the cohabitation of the two libraries raises some performance issues. For my luck, the module offers the option of include or not include the jQuery library, but, when I choose not to include the 1.7.2 library and keep only the 1.10.2, debugging indicates
on click remove elements
I'm trying to solve the jquery draggable, there is code that retrieve information from database, each information show in each BOX from each row of database. The draggable are works fine, and also works fine when drag to delete box, but each box comes with button called "remove" and i'm trying to understand how can i write array code in jquery for user to click remove button to remove specific box NOT all box same time. thanks for your time. please see code.. <?php include('dbcon.php'); $product_id=$_POST['selector'];
Jquery create an Object Class from Object
I am using a create function from one of the plugin to convert an object into class. create = Object.create || function(proto) { function F() {} F.prototype = proto; F.prototype.constructor = F; return new F(); }; protocomponent = {options:{},setOptions:{} } create(protocomponent); I need to create a object class which receives the arguments. I need help to modify the create object function which receives a arguments Currently I am calling setOptions function to set the arguments? Like create = Object.create
CKEDITOR validation
Hi, I have 3 textarea with required attribute. in that 2 textarea having ckeditor attached. I need to validate using jquery. How i will do that i tried below code it is not working. $("#next").click(function(e){ e.preventDefault(); CKEDITOR.instances.field1.updateElement(); CKEDITOR.instances.field2.updateElement(); $('#form').validate({ rules: { field1: { required: true }, field2: { required: true }, field3: {
how to serialize an array of objects.
I call toString() on a array of objects but only get s string [object],[object] does jquery have a function to accomplish this?
Linking Javascript file inside AJAX content inside jQuery UI tab
My top level page implements a jQuery UI tab, each tab loading a separate HTML (or PHP) page. Inside the child HTML/PHP pages, I want to load a .js file specific to those pages. The code in that .js doesn't get executed when tab loads. On the other hand, if I directly put the JS code inside the HTML page, it runs fine. <DOCROOT>/index.html: <div id="tabs"> <ul> <li><a href="firsttab/firsttab.html">first tab</a></li> <li><a href="secondtab/secondtab.html">second tab</a></li>
Working with .closest but its not working
In the fiddle you can see my jQuery code: http://jsfiddle.net/kfcgg/14/ So fare it works but the parent div "group" should get the same height as the child div "toggle_container". So on click both divs scroll down and up again at the same time. Can you guys help me?
Next Page