.toggle easing?
I am using the below code to open and close a div. It works great but it has no easing. How can I add it? if I change out .toggle for .slidetoggle it breaks. Or if I add any of the easing effect inside the () it breaks. What am I missing function opendiv(divId) { $("#"+divId).toggle(); } I then call the div by adding this to an image and the div I want opens. <a href="javascript:opendiv('togglediv');">
ajax and show FAQ problem
hi i have a problem :s i need to modify my webstie , and i don't know where to begin :s emm my problem is that i want to use ajax like this for example for the FAQ Question1 ( here when the user click on it a request will be sent to ajax.php with post parameter id=1 and function = faq , and get the answer and show it under the question ) Question2 Question3 Question4 Question5 and when user click on another question the previous answer hide again and so on :) i hope you got the idea i read the documentation
change the content of DIV
Hello, I am new to JQM, i created a simple page ( http://www.mazharkhan.com/mobile/index.html ) i want Header and Footer to be static when you click on right/left arrow button only content should be changed instead of entire page Thank you, mazhar
Malsup BlockUI site down?
I'm trying ot get to Malsup.com to look at the demo code for his blockUI plugin but it appears the site is down. Anyone else having this issue? Did Sandy take it down? I am trying to look at the element blocking code. I want to block the who9le page with a modal EXCPET for one element in addition to the modal.
Storing and Setting Expanded property on dynamically created Collapsible blocks
I have a page that is dynamically creating Collapsible blocks from a dataset. Depending on the results returned, the page can create 0 to many collapsible blocks. The Dataset contains 2 Datatables, Table(0) contains the value for the Collapsible Blocks header, and the data to be displayed within the Collapsible block lives in Table(1). The code looks something like this: <% For x = 0 to myDatatable.Tables(0).Rows.Count - 1 %> <div data-role="collapsible" data-mini="true" data-theme="a">
Headers and Footers with <li> click transitions
Hello, So I'm new to JQuery mobile, and so I'm still trying to firmly grasp how it deals with pages. What I'm trying to do is have an unordered list <ul> with list items <li> under to make a kind of hierarchy menu. I have a header and a footer in the page that I want to stay even when the user clicks on one of the list items. What JQuery mobile is doing is creating a new header with a title of clicked list item, and then showing subsequent lists. What I want to do is keep that original header and
Access table within iframe
Hello, I want to access a table in an iframe and update our db with it. The parent domain will be our domain with a listing of items to be checked. When an item hyper-link is clicked the iframe will then display from our supplier domain displaying in a table the item results. We wish to then update our db using the table displayed in the child frame. How do I access the table within the child iframe? Thank You
jQuery undefined in 1.2 stable jquery.mobile.js
I have updated jquery.mobile-1.0b2.js to jquery.mobile-1.2.0.js. I am getting jQuery undefined error. In the previous beta version, I have modified the js as (function(jQuery) { // beta version code here.. })(custom.jquery); where custom.jquery is defined as custom.jquery = jQuery.noConflict(true); in the jquery.js I have done similar wrapping in the stable 1.2 js and got the undefined error. Without wrapping also got the same error. Please advice me
Slider Widget
Hi guys, Just signed up :) I'm using a modified Jquery slider my code is below - $(window).load(function(){ function showProducts(minPrice, maxPrice) { $(".product_container").hide().filter(function() { var price = parseInt($(this).data("price"), 10); return price >= minPrice && price <= maxPrice; }).show(); } $(function() { var options = { range: true, min: 0, max: 10000, values: [0, 10000], slide: function(event, ui) {
Where to place the Jquery plugins on our system?
I have recently been introduced to the world of jquery, and as excited i am to see how jquery makes everything so easy, i need to know, where i should place any jquery plugin which i have downloaded, in order to use it in the netbeans environment ?
How can I keep my functions in the proper 'this' scope when using a chain of lambda functions?
This issue is no longer relevant to what I'm trying to acccomplish on line 102 I call "this.contentAppear" under the scope of a lambda function triggered by the end of an animation. If I call it outside of the animation lambda function it works fine. If I use a setTimeout trigger of the same time it takes to complete the function it still screws over. How can I trigger the .contentAppear() function with the proper scope WITHOUT passing a parameter? Here is my test link: http://k8r.us/test11/test.html
problem with URL in buttons
Hi all, I want to use some buttons to navigate between different websites. <a data-role="button" href="./index1.php" data-icon="plus" data-iconpos="left" data-transition="slidefade"> if I use this, and test it on my iPhone, the output is without my stylesheet. If I do a reload of the page, it works. I found out with IE, that the site will be shown as http://www.domain.com/subdir/menu.html#subdir/index1.php where is the reason of that and how can I get a "normal" working link? thanks for your help
SmoothDivScroll Jumps to start
When I use autoScrollingMode: "onStart" on my SmoothDivScroll scrolling starts automatically as I assume it should but scrolls a few seconds and then jumps back to the start. When it does this it also moves the other Div elements on the page - it will jump, drop the first Div and moves the rest of the content to the start, jump and drop the second Div and moves the rest to the start, and on... The page is here... http://174.120.202.156/~factory/ Thanks! Scott
Browser back button won't work after form submitted with post method
Hi all, here is my problem: I have a website where the user have a landing page selecting his language preference. (page1) He then goes on an identification page where he supplies some infos via a form post (page2) When on page 3, if the user click the browser back button, its sending him back at page1. On mobileinit, I've setted the following: $.mobile.ajaxEnabled = false; $.mobile.pushStateEnabled = false; $.mobile.hashListeningEnabled = false; Its acting that way in ios6 on safari. If I try the
Looping a photo slideshow
Hi all, Very new to J query. I am trying to put together a very simple slideshow. So far i have five images, all i want them to do it fadeIn, delay, then fadeOut. The code i used is below $(document).ready(function() { $('#image_1').fadeIn(1500).delay(3500).fadeOut(2000); $('#image_2').delay(5000).fadeIn(2000).delay(3000).fadeOut(2000); $('#image_3').delay(9500).fadeIn(2000).delay(3000).fadeOut(2000); $('#image_4').delay(14000).fadeIn(2000).delay(3000).fadeOut(2000); $('#image_5').delay(18500).fadeIn(2000);
Make click menuitem or refresh page not to change TABS in vertical accordion in jQuery
I am building a site on http://jeemzandcompany.vaneckoosterink-preview.com It is a joomla 2.5.7 site. I have a jQuery script for the tabs jquery.msAccordion.js Now in my index.php of joomla install there is the code: $(document).ready(function() {$("#accordion3").msAccordion({defaultid:1, vertical:true}); }); This opens the TAB 1 -> the upper one. Thats what I want! If I click on a menu item in this TAB, the page loads a new url and refresh. The function in the index.php is run again, and the TAB
jquerry date picker - events clashing
I have a date picker for a text box . $('#StartDate').datepicker(); i have 2 events attached to it. 1. on select a date form calender $('#StartDate').datepicker({onselect: function (dateText, inst) {}}); 2. on blur of text box $('#StartDate').blur( function(){}); Requirement: -step1: i have enter a invalid date manulally ( 12/12/19) , on blur i need to get an alert - thi part is working -step2: after step 1 , date is 12/12/19 , now i am trying to select a valid date using calender
Simple code works in JSFiddle but not on a page
I have a simple Confirm on a tick box - http://jsfiddle.net/apWUj/1/ - but on a page on my server nothing. Am I mssing some thing that JSFiddle includes - a wrapper of some sort <html> <head> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script> $('input.delcal:checkbox').click(function(){ var checked = $(this).is(':checked'); if(checked) { if(!confirm('Are
strange src selector
Can you explain symbol $ in this line: var undoimg = $("img[src$='http://maps.gstatic.com/mapfiles/undo_poly.png']"); here code in action, line is in function pointUpdated Thanks
using jqm 1.2 with phonegap 2.0 , cant open popup
hi, i cant open any popup, i did the same thing on the demos on JQM web site. am getting exception that the self.options.container .one(self.options.closeEvents, $.proxy(self._close, self)); is undefined. can anyone help please?? i removed the follwong from the popup widget, open method: // if ($.mobile.popup.active) { // return; // } and this from the init of the popup widget: //history: !$.mobile.browser.ie thanks
Couldn't set AcceptHeader when dataType = jsonp
The REST API I'm working with does not support "Accept */*" for JSONP requests. That's why I try to override the header with: beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") } or $.ajaxSetup({ accepts: "text/javascript" }); This will stop working as soon as I set dataType: "jsonp"as you can see here $.ajax({ url: url, type: 'get', beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") }, success: function(data)
Why is my dynamic data loading and refresh not working?
Hello, I want to use jQuery load to load external data on my page and then let jQuery Mobile run over it again to apply themes etc with a trigger. The data is loaded fine, but it is not reskinned properly. I just put a small example together to demonstrate this, as my entire project is too big. I have a.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <link rel="stylesheet"
Using 2 popup forms on same page
Hi all I want to have two popup forms on my site, and so far I have used this example: http://designwoop.com/2012/07/tutorial-coding-a-jquery-popup-modal-contact-form/ This works fine with one pop up form. Can anyone advise how I can adapt this code, so I can have two different popup forms that both work?! Here's the code... <div id="wrapper"> <p>Send us feedback from the modal window.</p> <p><a class="modalbox" href="#inline">click to open</a></p> </div> <!-- hidden inline form --> <div id="inline">
How to change font size in a navbar footer?
Hi, I wanna change the font size of my navbar in the footer area. The problem is that it can't display the hole text and it ends always with "...". atm my code is this: <div data-role="footer" data-position="fixed"> <div data-role="navbar" data-iconpos="left"> <ul> <li><a href="" data-icon="home">Home</a></li> <li><a href="" data-icon="gear">My Settings</a></li> <li><a href="" data-icon="plus" >Invite Friends</a></li> <li><a href="" data-icon="refresh">Synch</a></li> </ul> </div> </div> Can anybody
Am I allowed to use this code?
Greetings to all, I have just started coding again after many years rest! I have come across this awesome site and would like to use this code for a personal site I am constructing. Am I allowed to use your scripts (such as DatePicker) for my websites? Regards Mafster
I'm having a problem with the fancymoves plugin..
I just started learning javascript recently and want to use a plugin called FancyMoves... here's a link to it.. http://webdesignandsuch.com/fancymoves-jquery-product-slider-2/ I loaded it into my page but can't figure out how to adjust the height n width... I went in the CSS files and changed all of the widths to 480px just to see which one adjusted the box.... but nothing did... can someone help guide me with this... I really have no clue as to how I'm suppose to customize it... thanks in advance..
I just started using jquery
I have this code which works for ver 1.4x but does not work for latest version is there any thing I am missing out or there is some problem in jquery.... there is no focus on tabindex 0 error message in class error does not shows up when the input text blurs out only line working is $('.error').css('display','none'); $(document).ready(function(){ $('.error').css('display','none'); $('input:[tabindex="0"]').focus(); $('.req').each(function(){ $(this).blur(function(){ var da=$(this).val(); var len=da.length;
nested page problem
hi , I want to use nested page in my application, so I create a page container as my home page, the container has a fixed header and fixed footer, and the footer has a navigation bar.The html is like below. <div data-role="page" id="container">--home page <div data-role="header" /> <div data-role="content" id="contentcontainer">--content page container <div data-role="page" id="contentpage1" /> <div data-role="page" id="contentpage2" /> </div> <div
jQuery Mobile 1.2 loading message problem
Based on JQuery Mobile 1.2 spec, I used $.mobile.loading('show') method to display wait spinner whenever user tap on listview. My list items were displayed in full mobile screen. It works fine except two items positioned within the area the loading message WILL be displayed. Seems the loading message block the tap event. However if I click once more on the item, it works fine. Anyone encounter this case?
Button events
I have basycally two types of buttons: 1) <button type="button" tabindex="0">Press me</button>; 2) <div class="button" tabindex="0">Press me</div>. If I bind just click event handlers on them they will not react on enter key. How to make them react on all button events? Maby something like input event on input field exists for buttons?
Is it possible to get the css-width value of the first element no matter what that element is?
Is it possible to get the css-width value of the first element no matter what that element is?I've attempted with .slice(0,1) & first(). These two functions dont' seem to work well with spans Here is the jsfiddle example http://jsfiddle.net/x3KrL/2/ <!DOCTYPE html> <html> <head> <style>.highlight{background-color: yellow}</style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <p><div style="width:34px;">Look:</div> <div>This is some text in a paragraph.</div> <div>This
Using jquery ajax in a loop and keeping track of elements?
I have a web page that loads a bunch of images. Each image address come from an api call. Without ajax the page doesn't load until every image has been retrieved which can take a bit. I want the page to load a loading .gif for each image then have them appear individual as they load. How do I accomplish this while making the images appear in the right spot because they all have links associated with them. \
$.ajax
Hello I have a problem, how to solve non is. In "Local Mode" works for me, I change in "Remote Mode" non working. Please help. Here are the code: "Remote Mode" <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#respuesta').hide(); $('#tuto-ajax-form').submit(function(evento){ $('#respuesta').hide();
Autodivider Features - group & count
Hello. I noticed in the autodivider 2 things: - you can't count the elements you have in any divider. - if your list have not ordered, you can get more dan 1 divider with the same value. Then I deside to make some fixes in the core code adding 2 flags. Adding "autodividersCounter" flag, you can count all elements you have in any divider. With "autodividersGroup" flag, the autodivider will group all elements that matches with the same autodivider value. Is so easy to use them, just do something like
JQuery Widget, parameters in $('#fileupload').fileupload(); to alert an error
I am trying to show the errors that can occur by uploading a file (file extension, size). I am using an adapted version of Jquery Fiel Upload for Ruby on Rails. I have the following javascript: <script type="text/javascript" charset="utf-8"> $(function () { // Initialize the jQuery File Upload widget: $('#fileupload').fileupload(); // // Load existing files: $.getJSON($('#fileupload').prop('action'),
Transform <span class="XX">text</span> into <a class="XX">text</a>
Hello, I'd just want to transform for some obscur reason all my <span class="XX">text</span> (where XX is unknown) into <a class="XX">text</a> I do a wheel like $('span').each(function(index, value){ } that works, I could do a $(this).replaceWith($('<a>' + this.innerHTML + '</a>')); but how to keep the attributes ? Thank you in advance for your help
jQuery UI widget factory, separate widgets sharing data
Hi All, I think I'm missing something here. I thought that when you created a new widget each instance of that widget's attributes are unique to it. It seems that a change of one internal attribute in one, affects all the other instances. Here's jsfiddle demonstrating the issue: http://jsfiddle.net/xVMuh/1/ In this case, shouldn't each value logged be unique to when the widget was created? What is going on here? It seems "that this.something.A = new Date().valueOf()" is actually setting the widgets
jquery grid with POST request
Hi Team, I am writing a game in which a user sees a grid like this -- A B C D E 1 + + + + + 2 + + + + + 3 + + + + + 4 + + + + + 5 + + + + + And the user can click the '+' any number of times. Every time he clicks, it stores the state/clicks in a variable like -- A1+B1+B1+B1+C3+D5+B1 and then on clicking submit, sends it as a POST reply
Jquery Cycle with Custom Thumbnail navigation
http://www.fbcmadison.org/ Here's the current cycle code: $(document).ready(function(){ $('#pics').before('<div id="nav" class="nav">').cycle({ next: '#next', prev: '#prev', pager: '#nav', pagerAnchorBuilder: function(idx, slide) { return '<span id="thumb"><a href="#"><img src="' + slide.src + '" /></a></span>'; } }); }); Here's the Cycle code that I want to use in order to link the main image. However, when it "creates" the thumbnail, it only uses the first image. How do have it generate the thumb
Multiline placeholder
I have a textarea and i want set placeholder for it? which contains several lines. How can i do this? Now i have all my lines in a row THanks
Next Page