can i put button in the middle of the toolbar
the toolbar can has two buttons,one left,one right,but i although want to put buttons in the middle of the toolbar,how to do that?
when i user local js,css file,the html in browser has no style
when i user local js,css file,the html in browser has no style,but when i user the cdn url,every thing is right <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="js/jquery.mobile-1.4.2.css" /> <script type="text/javascript" src="js/jquery.mobile-1.4.2.js"></script> <script type="text/javascript" src="js/jquery-2.1.1.js"></script> <!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
[SOLVED] jquery validate - Cannot call method 'call' of undefined
Good afternoon, I think i found a bug with a cutom validation rule. When the form is submited without modify any field, the custom rule is called. But if you set email field and give a password, you get an error (tests realised with chrome) : Uncaught TypeError: Cannot call method 'call' of undefined a.extend.checkjquery.validate.min.js:4 a.extend.elementjquery.validate.min.js:4 a.extend.defaults.java-scriptjquery.validate.min.js:4 bjquery.validate.min.js:4 a.extend.validateDelegatejquery.validate.min.js:4
Reloading/refreshing a div..
Hi, how to reload/refresh a div with the same content on button click, I used location.reload(), but it refreshes the entire div.., I want to only refresh/reload the div... I also tried using $('#refresh').html( 'content for the div' );, but it replaces the original content of the with 'content for the div', I want the original content of the div to be refreshed and not replaced. looking forward for a reply...
JQuery additional method validation help
I used jquery validation plugin to validate my form but in one text box I want to validate the NIC(National Identity Card) number of our country .I got the reular expression for NIC number can anyone tell me how to add aditional method to validate this . reqular expression for NIC number : /^[0-9]{9}[vVxX]$/ textbox id :showNic ............ here is my jQuery code... $(document).ready(function () { jQuery.validator.setDefaults({ // where to display the error relative to the element errorPlacement:
Form redirect using javascript doesn't work if I come from a different page
Hey all! This is my first post, so hopefully it'll be good (and don't go too hard on me)! I'm creating a website that uses jQuery Mobile because its transitions are awesome! I have two pages that I'm working on (I have other pages, but they aren't part of my problem) Homepage.php (this is the full page): <!DOCTYPE html> <html> <head> <title>Gordmart MIS Homepage</title> <link rel="stylesheet" href="css/jQuery.css"> <link rel="stylesheet" href="css/Main.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
Validation plugin auto clear error message after chaning value text box
Hi everyone, I use validattion plugin to validate 2 textbox (date of birth - DOB, issued date - ISSDT) using datepicker plugin. DOB textbox is checked over 18 years old (It means now - DOB >= 18). Another one is checked for greatering than DOB: 14 years old (It means ISSDT - DOB >= 14). I selected wrong value for all textbox to display error message 1, error message 2. When i changed from wrong value in DOB to right value and it's valid for ISSDT, but it's only to clear message 1. How do i do to
Masonry on page causes links to stop working
Hi folks, I'm using jQuery Masonry on this page: http://www.johnfieldformalhire.co.uk/testimonials.html It looks as though it's caused the links in the footer to stop being clickable. The links in the nav are clickable until you view at a smaller scale where it drops down below the header bar, and then the links stop working. If you remove the link to the masonry css the links will work. I've also noticed the links in the footer work if the location details are removed at the bottom. It's as if there's
Problem with jquery plugin for tumblr
Hi! I was searching for a plugin that would get posts from tumblr into a html and I found the tumbax plugin ( http://www.codehandling.com/2013/05/tumbax-10-display-tumblr-feeds-on-your.html ). The problem is, I can't seem to get the images bigger, all the images showed in the lightbox have 250px size. Would anybody know how can I change it? I tried to contact the developer, but I haven't had a reply. Thanks in advance!
$.unique not giving unique results in chrome
I have the following function that parses a text file and is supposed to return unique results. It works in IE and Firefox, but not quite in chrome. Also I thought unique sorted values, and I assumed this would be an alphabetical sort. I get different sort orders in in all three browsers, and none is alphabetical. Any insight would be appreciated. var getDb = function(select){ //get database names from inputQueryExamples $.get('inputQueryExamples.txt', function(data){ var string = data; var dbDynamo
Questions about some events for some components
Hello, Actually, I have to create an application for smartphone but I hesitate between a web-mobile or mobile application. For example, I have to create a page with different labels or buttons. For example, when I touch the screen with a finger to a label and that after, I move the label to the right, the label comes red and if I move the label to the right, it comes green. Or also, If I touch the screen on a button and that after, I move my finger to the right or to the left, I've a new page that
Center slideshow images vertically/horizontally within a div
I've created a slideshow using jQuery Cycle and pagerAnchorBuilder to create thumbnails. Everything works wonderfully except that the images are not centered. Images with shorter width show on the left, and images with shorter height show on top inside the div. I tried margin: 0 auto; display: block; text-align: center; but nothing seems to work. It seems to be conflicting with the jQuery plugin. My guess is that it needs an additional plugin for the Cycle for the images to be centered. I looked
Object Oriented After Page Load
I'm trying to write object oriented so : $(function(){ Obj.IntervalTime(); }); var Obj = { Features : { Length : $("#NAV").children().length }, IntervalTime : function(){ alert(Obj.Features.Length); }, }; <ul id = "NAV"> <li> 1 </li> <li> 2 </li> <li> 3 </li> </ul> code should alert 3 but alert 0 Why? Thanks All
jquery formvalidator
Hi Guys, Im having some issues using the formvalidator located here: http://plugins.jquery.com/formvalidator/ In my form i have a couple fields. The fields are all validated using the form validator plugin. The fields however are shown based on previous selections. So for example if someone ticks a certain radio button a couple fields are shown. All fields even the ones that arent shown at this point are validated onblur. When the user clicks on the next step the validation is triggered and in this
Split array value and assign to each variable
Hi, I have an Array, in which I am adding the items in the below format: Test#12/10/2013#http://url Test1 #13/05/2014#http://url I want to split the data based on "#" and assign to a asp.net gridview using jQuery. I have tried the below, but not sure, how to pass the data to gridview. Below is the code used: var newdata = new Array(); // newdata.push(items) // contains format "Test#12/10/2013#http://url" var newArray = newsdata.split('#'); for (var i = 0; i < newArray.length; i++)
Trying to figure out best solution for being able to resize the x axis on a table with a mouse
I am trying to find a way to be able to make a table in a website and be able to drag the cells open and closed closed to no wider than 100px. I can't seem to find any plugin to do this. I want it to behave like the resize functionality in Jquery UI but only on the x axis. Does anyone know of a plugin that can do this for me or a solution I can try out? I also contemplated using divs but I need to have something with multiple cells so I wasn't sure if using divs would be more complicated or not.
Export to CSV is displaying content in browser itself in Safari
I am using the below code to export to csv:- window.open(data::application/csv;charset=utf-8," + encodeURIComponent(data), '_blank', ''); This is opening file with name and type Unknown. I have tried to use "text/csv" mimetype and download attribute of hyperlink(anchor tag). But it is also not working. Is there any way to set Content-Disposition in Jquery. I read that we cann't use that in client side it is response headers property. Please let me know if there is a way to resolve this. Thanks
Dynamic List loses styling on second update.
I have a listview that is populated dynamically - the first time it runs fine with the correct styling but when the user selects the page again it loses its styling with the list displaying as ordinary hyperlinks. I am using jquery-1.7.1 & jquery.mobile-1.4.2 The markup looks like this, $('#container_update').empty(); for(n=0; n<=5; n++){ $('#container_update').append('<li><a href="#nextPage">The value '+n+'</a></li>'); }; $('#container_update').listview('refresh'); Thanks, Paul.
Scrollbar for overflow-x:hidden appears on safari
Hi :-) I created a slide system on my website but I have a problem. By default I put a div to left: -150% to hide it and a overflow-x: hidden. Click on the 'image button' on the right hand corner to see : http://jsfiddle.net/Xroad/XrK4Z/1/ Unfortunately, despite of the overflow-x:hidden the horizontal scrollbar appears on safari. How to fix it ? Perhaps a system with a 'display:hidden' for the next div would avoid the problem. But how to do that ? Thank you. html,body { overflow-x: hidden; } #page
Simulate continuity of a section menu highlight item
Hello, I'm trying to simulate the continuity of a section by keeping the parent li highlighted in my menu. For that, I put the child when there is one as hidden. In my Jquery code, I managed to do what I want for the fist item but for the others it doesn't work and my buttons next and previous stay blocked. Do you have any idea how to resolve my problem. HERE MY FIDDLE My HTML looks like this : <div id="cssmenu"> <ul id="list"> <li id="item1"><a href="#home">Home</a></li> <ul
moving all slider handles to corner at same time
I am trying to move all the three slider handle to the left side corner...one by one...but after I move the the first two sliders to the corner, the third does not move till the end of the corner What is the reason for this and how can I fix it?... can u pls help.... i am using jquery ui providing my code below... http://jsfiddle.net/5EfAP/51/embedded/result/ function iterator(ranges) { var values = [ ranges[0], ranges[1] - ranges[0], ranges[2] - ranges[1], 100 - ranges[2] ], matches = [], $sliderRanges
Slide html elements with the mouse
hi there, I'm newly formed web designer and need to make a jquery application to position and resize the tables html page with the mouse, then lock. So it is easy to handle but I'm not getting. What can I use? thanks.
Cycle plugin
Hi, How can I get the currently displayed slide ?
ajax jquery returns error even though every function succeeds
Hello, I have an ajax jquery form, it does everything correct, inserts into database and sends email, but with the php mail function this jquery always returns error, not success, so i get an error message: $("#ajaxform").submit(function(e) { var testval = $("#ajaxform"); if( $("#ajaxform").valid()) { e.preventDefault(); $("#simple-msg").html("<img src='img/loading.gif'/>"); var postData = $(this).serializeArray(); var formURL = $(this).attr("action"); $.ajax( { url : formURL, type: "POST",
.find() function failing when <body> does not have a container <div>
Hello, I've been reading "Learning JQuery, 4th Ed" and I think that an exercise on Chapter 6 may have led me to a bug in the .find() function. I am attaching the pertinent files to this post. Here is the setup. There is an index.html file that has some clickable letters on the left-hand column. The whole chapter was about Ajax, so clicking on the letters loads in dictionary entries using a variety of Ajax methodologies. One of the exercises asked to create a tooltip that displayed entries begging
Need to center image inside ui-block grid
This shouldn't be hard but i can't seem to get an image to center align within a grid block. I have tried a number of css properties with no avail. My basic layout code: <div class="ui-grid-b"> <div class="ui-block-a"> <a href="#"> <img src="assets/img/iNews.png" /> </a> </div> ... Is it possible to make an image center align horizontally within each grid block? Eventually this will
Working with JQuery Mobile and Google Maps API V3
Is it just me or is JQuery incompatible with Google Maps API? I am running JQM v1.4.2 and I cannot get a google map to load up for the life of me - it just won't work. However, when debugging my code, I peeled back all the layers of JQM and found that Google Maps display when there is no JQM present. Is anyone experiencing similar issues? I get the feeling that Google has changed something and JQM does not like it. If anyone has any working examples I would be super keen to hear from you. Ryan
tab is not displaying propely
Im creating a dynamic tab, shown below is the code. function addTab(tabCounter, tabName) { var i = tabCounter; var tabTitle = tabName; var a_el=document.createElement('a'); a_el.setAttribute("href", "#tabs-" + i); a_el.appendChild(document.createTextNode(tabTitle)); var li_el = document.createElement('li'); li_el.appendChild(a_el); document.getElementById("ul_id").appendChild(li_el); var par = document.createElement('p'); par.appendChild(document.createTextNode("content for added node " + i)); //add
Parse xmlhttprequest
I'm piecing together an idea to take an existing intranet site that I use on a regular basis that is not very user friendly at all and creating my own interface to cover the existing site. I've learned that I can grab the site using the xmlhttprequest but how do I parse and work with the objects once I have it? I would like to restructure the menu system and all, I've got the idea of what I want to do I just need a jump start on how to do it or if it can be done, which from what I've read it would
initialize var inside .click() fn -- have it avail. outside fn....
how can I initialize a var inside a click() function, and have it available later, outside the function? (I think this fun returns the element you call fn on? can you have it return anything else?) thank you.....
.ajaxSubmit excludes the submit field
I've looked through the code, and this line is the culprit: if (successful && (!n || el.disabled || t == 'reset' || t == 'button' || (t == 'checkbox' || t == 'radio') && !el.checked || (t == 'submit' || t == 'image') && el.form && el.form.clk != el || tag == 'select' && el.selectedIndex == -1)) { return null; } The el.form.clk attribute does not exist, for every browser I've tried. The code uses this attribute extensively, and I can see it is intended to
Dynamic tooltip content & Dynamic DOM
How do I use UI Tooltip with dynamic content? I want to init a tooltip that will show for every LI node inside the container. The LI nodes are dynamically changed and each tooltip should display dynamic data based on the state of each LI (and not based on a static attribute set onto the node). The LI states change over time, based on user interaction (the LI are added / removed too from the DOM). <div id="container"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> I can use something
Sortable lists with tabs not posting for receiving list
I'm looking to use Sortable with tabs. I have things setup to the point where they sort between tabs, however when I drag something from one tab to the other, the function that posts the results only runs for the sending list, not the receiving. Can someone advise what I am missing to handle this? I have a feeling I need to add something after the .appendTo section, but I'm not sure what that would be. Below is my code: <style> #sortable1 li, #sortable2 li, #sortable3 li { margin: 0 5px 5px
How To Catch Page Hide in Version 1.4.2?
Hi: I am trying to use version 1.4.2. In the old version, I can just do $(document).on("#pageid", "pagehide", function(){ $("#pageid").remove();}); when I close a dialog and make sure the div is removed from the DOM. Now it is deprecated and I am supposed to use $(document).on("pagecontainerhide", function(){}); but this gets triggerred on every page transition, even before the dialog page is show. I want to attach a function to the event this "#pageid" gets hidden. How can I do that? thanks a lot
.each() loop only works after data is entered into first row of text inputs
Hi all, I've been flitting in and out of jQuery and PHP to see how best to validate my form, so I may've asked a similar question in another thread as I was trying to make some sort hybrid validation work. That got a bit complicated for my rookie brain so it's all/mostly jQuery now. Sorry my thread title couldn't have been a bit more useful, it's a strange problem (I think). I have 20 text inputs, two on each row. Each row I call a "pair" of text inputs. My starting criteria is: If all text inputs
Playing with swipe
$(function(){ // Bind the swipeHandler callback function to the swipe event on div.box $( "div.box" ).on( "swipe", swipeHandler ); // Callback function references the event target and adds the 'swipe' class to it function swipeHandler( event ){ $( event.target ).addClass( "swipe" ); } }); im new but I dont give up, im trying to UNDERSTAND how this works. I want to make swipe do another thing, BUT...do I need a jquery method to link an url or I can use html5 IN juery mobile? $(
juery slider is loaded only after page refresh
In jquery mobile image slider is loaded only after page is refreshed by ctrl+f5. my code is- <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script> <script type="text/javascript"> var i = 0; var image = new Array(); // LIST OF IMAGES image[0] = "images/home-images/wmx1.jpg"; image[1] = "images/home-images/wmx2.jpg"; image[2] = "images/home-images/wmx3.jpg"; image[3] = "images/home-images/wmx4.jpg";
Validation group fields using datepicker and validation plugin
Hi all, I want to validate a group fields using datepicker and validation plugin. My problem is when i change one value (textbox), all elements aren't re-validated. Ex: I manually select textbox to change value: -Textbox 1: 5/5/1987 -> (return true, because (now - date of birth) > 18). -Textbox 2: 5/5/2000 -> Error 2 (return false -> display error 2, because (issued date - date of birth) <14). If i change textbox 1: 5/5/1980, textbox 2 isn't re-validated and still display error2, although (issued
Dynamically populating a JQuery Mobile panel
Hi, My page uses dynamically created collapsible divs based on a Category Name. The collapsible content inside the div is a 'listview' that I populate. I need to use a dynamically updated panel, however, I do not know how to pass a variable to the panel. The variable could be either a string or the 'listview' item itself which I could retrieve the string from the listview item's text. The variable will be used to update the panel information. I simply need to get the "value.name" from the active
Is it possible to use ?
Is it possible to use JSON data to Table body content?
Next Page