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] (jQuery validate) Remote Custom Message Problem on version 1.5.5
Hi.. I´ve upgraded my validate plugin to the 1.5.5 and I was having a problem: I have an email that needs to be checked if it already exists by ajax, and I was using the Validate Remote Method. In my old Validate version ( 1.5) it works great, but in the 1.5.5 version when I validate the email field it show primary the correct error message ( if it exists): "Email nono@nono.com already exists". But if I type another existing email, no matter which one, I get the same message with the same email using
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?
Validate
With the jQuery Plugin, Validate / Validation - I have a question about the URL validation logic... I can enter in a partial URL and it comes back as Valid: Using the test screen: http://jqueryvalidation.org/url-method/ entering: http://www.t comes back as a valid URL. Will there be logic added to make sure the URL is fully coded? Thanks
toggle checkbox and remove value
Hello and thank you to all who have previously helped me. I thought I had this working but not any more. I have a form with a checkbox array. If the "Other" checkbox is checked, then a textfield appears (in div #fieldOther). If "Other" is unchecked, then the textfield as well as the value in it disappears. That is all working fine. However, the action on this form takes the user to a page where they can review/edit their form data. The code below, used to work, so that on this review page, if
Change images at different (an array) times
I am creating a site where it has a slide show (presentation) but I want to slides to change at different seconds. So Image1.jpg runs for 5 seconds Image2.jpg runs for 10 seconds Image3.jpg runs for 7 seconds I know how to do it at a set interval but not multiple intervals. An example of an array of time would be great
Problem finding previous class
Hello, I have a table that has headings that have classes to identify which group Im working in. Im trying to get the class of the group(a previous tr). var $classes = $(this).prev(".itemno").prop("class"); But it's not returning the class. It's returning undefined. What shouldl I be using? <table> <tr class="itemno itemno1"><td></td><td></td><td></td></tr> <tr ><td></td><td></td><td></td><td>button</td></tr> <tr ><td></td><td></td><td></td><td>button</td></tr> <tr class="itemno itemno2"><td></td><td></td><td></td></tr>
save jquery ui slider value in cookie
Using the UI Slider to set background opacity in a theme switcher. I can see in the consolde the cookie value updates but doesn't save when i refresh the page. $(function() { if ($.cookie('headOp')==null){ $.cookie('headOp',0.5); } $( "#op-slider-header" ).slider({ max: 1, min: 0, value: 0.5, step:0.1, slide: function(e,ui) { $.cookie('headOp',ui.value); $('#headerOpVal').html(ui.value); } });
Script does not reach the end
JavaScript (JQuery) <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="jquery.cookie.js"></script> <script> if ($.cookie('cookietopshapes')) { $("#formulario666").submit(function() { var login = $.cookie('cookietopshape'); var senha = $.cookie('cookietopshapes'); $("#buscarinput").prop('disabled', true); $("div#status").html("Logando..."); $.post('logar.php', { login: login, senha: senha }, function(resposta) { if (resposta != false) { $("#painel").toggle();
Display autocomplete results by most accurate, not alphabetical
Hi The source for the Autocomplete is a PHP file that grabs the data from the database. The list is of business names. The client needs the search to look for the users word/s any where within the business name. For instance the source could be "Wishing Well Care Home, Wellbeing Care Homes, Day Care Wellbeing, Wellbeing Clinic...". If the user starts typing in "well" it will find the all results containing "well". The problem I have is if the user types in "Wellbeing", the results are alphabetical.
Replace using multiple selectors
I've got a TD with a class (ms-vb2) - within that, I have an anchor tag (a) the Text within the anchor tag is a file name with underscores everywhere you would normally use a space (My_Official_File_Name). I want to replace the underscores with a space. I've tried: var val=$(".ms-vb2 a").html(); var val2=val.replace("_"," "); $(".ms-vb2 a").html(val2); But it only replaces the first underscore in the text - not all of them. What am I doing wrong?
Next Page