Panel causes choppy animation on iOS
I developed a responsive 1 and 2-column jQuery Mobile layout that uses the transition CSS3 property to animate between columns on smaller screens. The animation works great in Chrome/desktop, and on iOS; its very smooth. When I added a jQuery Mobile panel widget, the panel widget's animation is incredibly smooth, but the animation I wrote degrades to a point where its so choppy you see 2-3 "flashes" of the column that's entering/exiting, which isn't smooth at all. Is there anything in the panel widget
Break the .delay()
Hi, The documentation say's The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases. but there is way to break the delay: JSFiddle
Selecting an element by id from a variable
Hi All, I'm trying to do something which I think should be very easy, but I can't get it right, and I'm not sure why. The basic HTML structure I have is this: <a href="" data-id="xx">Link</a> <a href="" data-id="yy">Link</a> <div id="xx">...</div> <div id="yy">...</div> And so on. When I click on the link with the data-id of xx I want that to toggle a class of 'open' on the div with an id of xx. Similarly for the yy link, and so on. This is the jQuery I'm using: $(document).ready(function() {
Refresh table in base view after dialog box closes
Hi all , I am developing an application using MVC 4 . I have a base view with HTML table , it gets populated by MVC controller and displays a list . There is add button on page , on click of which a dialog box is opened. Dialog box is loaded in a div and a partial view is returned . Something like This is dialog box definition $("#IssueDialog").dialog({ autoOpen: false, width: 450, height: 300, modal: true, buttons: { "Save": function () {
Am I misunderstanding the use of .prop() or is this a bug?
Okay, so prior to yesterday I have always been using .attr() to retrieve an element's properties. I knew of .prop(), but I wasn't really sure what the difference was. After a bit of reading I've come to the conclusion that for HTML option elements .prop() would be more suitable than .attr() when checking the selected state. ...right? So I started doing some testing: <select> <option id="o" value="1" selected></option> <option value="2"></option> <option value="3"></option> </select> $('#o') here
Czech out the return value in jQuery
I'll check the value returned by the function if it was one thing and do another task, but it does not work otherwise? $.post('ajaxs.php', { name: name_, mail: mail_, matn: matn_, url: url_, id: id_ }, function (data) { $('#readmore').html(data); if(data == 1) { $('#readmore').css({ "border-color": "#00CC00", "border-width": "1px", "border-style": "solid" }); } else { $('#readmore').css({ "border-color": "#ff0000", "border-width": "1px", "border-style": "solid" }); } });
is it possible to add class="{validate:{required:true}}" ?
I know jquery can be used for addClass and removeClass elements in forms. Is it also possible to add a class="{validate:{required:true}}" to a form field? Thanks! Peter T
JQuery UI Panel does not close
Hi i have a problem with the JQuery Panel. When I open the panel it does not close when I click on the outside of the panel. my header and my navbar go back to their old position but the panel is still open? this problem only occures on Chrome. all works fine for Opera and the IE does not show anything. here is my code please help me fix the problem: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"
Trying to change the a:link and a:active colours in JQuery UI tabs
Hello I am doing a website for the company I work for and have chosen to use JQuery UI Tabs which work great! Except I cannot work out how to change the a:link, a:active colours in the tabs. I have changed the colours for the rest of the site (using CSS) but the link text in the tabs stays untouched and still show as blue in the browser!? (see screenshot below:) I am assuming I should be looking at the "jquery.ui.theme.css" but no-where is the #blue colour - so I cant see what I should be changing!
looking for a plugin
hey i trying to find a specific plugin, but searches in google haven't helped me :| i looking for a plugin that doing these things: lets assume i have an image 2500X2500. i putting this image as a background on a div sized 600X600 now all i need is a buttons that will move the div background and content! for example lets say the div is 100X100 and i putting some text in a floating div positioned in x=300, y=500 which mean out of the range of the view. now if i want watch this text i need to move
Restoring saved position from MySQL with strange problems
Hi. I have 3 draggable DIVs. At the end of every Drag-Event, I write the new position to a MySQL-DB. When reloading the page, I load the last position for every DIV and restore this position on the page. That´s how I do this: //Javascript-Function $(function() { $( "#dash1" ).draggable({ stop: function(event, ui) { var Stoppos = $(this).position(); koolajax.load("content/dashboard/updatecoords.php?dash=dash1&x="+(Stoppos.left)+"&y="+(Stoppos.top),handle_ondone_dashboardAction);
Validate Multidimensional Array before passing to ajax file
I have a form field that is dynamically created in PHP with the following: <input type="text" name="subproduct[$i][quantity]" value="0" /> So if there are 5 products from the database the above will repeat 5 times for $i shown above. When someone clicks submit on the form I want to make sure there is at least one of the above with a value greater than "0" being passed in order to submit the form. NOT all of them need to have a value greater than "0" but at least one of them does. Any suggestions?
jQuery XML append element help
Hey everyone. I'm having a serious issue trying to append a new element to an XML object, here's some example code: var xmlString = "<test><item><moose></moose><moose></moose></item></test>"; // this is just dummy xml; var myXml = $.parseXML(xmlString); var $myNode = $(myXml).find('item'); // this works great $myNode.append('<moose></moose>'); // this is where it fails When I try use append to append another element I get a JavaScript error: "Object doesn't support this property or method" What am
How To Write Data To an xml file using jquery
Hi all, I am getting a collection of data from a list in share point using the CSOM Model. I have Created The XML structure using jquery successfully....Now the only pending work left for me is to store that xml structure in a xml file.....I have created an empty file named output.xml to which i want to add my data using jquery.....CAn any one tell me how to store the data in to this xml file...I have the Xml Data Structure stored in a var XMLStructure variable of my jquery function..I just want
return a value as a closure, get the innerhtml instead of $(.x).html
First off the click event is not firing. Presumably because I am using the class .x instead of the innerhtml which is also x. What I want is the event to fire when the x is clicked. The "x" is in a span enclosed by table row, table definition: i<tr><td><span class="x">x</span></td></tr> function delete_handler(e){ var $target =$(event.target); if( $target.is(".x")){ var id = row.attr("id"); $("#mytable").find("tr:eq(input:checked)").remove(); }; return
Event to fire during swipe
Hi, Love jQuery Mobile! However, I'm looking for an event that will let me track the coordinates of my finger (or fingers!) while swiping. I want to be able to manipulate DOM elements during a swipe with respect to the distance from origin of the swipe. Is there something in the roadmap that will let me realise something like this: http://labs.skinkers.com/touchSwipe/demo/Image_gallery_example.html Great work and many thanks! Chris
Disable all jQ Mobile default behaviour so it is only actively called upon...?
I assumed just including the js file would only make it available for use when called. But I am getting additional behaviour just from having jQ linked to. The most obvious is that when navigating to a new page from a link I get "Loading..." messages and the new page content is appended to the current page.
How to change the attributes of Text area and Input Label created by Codiqa?
Hello, I created a page in Codiqa with input labels and text area. 1. The text area is way long and there is no way to adjust the size in codiqa 2. The input label needs to have custom attributes like font size, color, etc. How do I do it in Jquery? Thanks Sam
second
we are using json links to retrieve data from database to display it in the jquery.. for example..the code looks like this.. <html> <title>Post Json</title> <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> <script type="text/javascript" src="jq.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
data attribute
How can I set a variable into the data attribute like shown? Thanks for your support! var xy = $(this).data('file'), xy1 = (klick +'1'); $('div[data-file=?xy1?])'.hide();
Need help to change the zzrss feed to work as pagination
I am using zzrss to display the feeds on a page I want to add pagination to the feed the thing is zzrss allows feed limit and offset value so I want to use a button as next and previous for the pagination so it jumps 5 posts Visit the site for the whole documentation and examples I want to have the pagination feature. Thanks in advance and let me know if anybody is not getting the question. here is my sample code it just displays recent 5 posts <script type="text/javascript"> $(document).ready(function
Pass HTML Value to Jquery to display new table
Hello, Hopefully this forum can help me. I am new to jQuery. I have a table that displays information from MySQL and I want to have one of the cells (Date) be a clickable link to display another table. This is my table cell <td><a href="#" onclick=display() id="astat" value="<?php $player; ?>"><?php echo $d->current()->gamedate; ?></a></td> display() is my jQuery function. I am trying to use jQuery to process the php variable (table id #) to kick off another mysql query to populate another table.
SheepIt textarea data injection issue
Using: jquery 1.8.2 & sheepIt 1.0.1 I have a working page set up which uses data: [{ ... }] to inject data (using the constructor) into a series of cloned text fields When I convert these text fields into textareas, everything works, except the data injection part. There are no javascript errors - but the textareas do not populate with data at all. You are still able to clone the textareas and submit the form, and all of that works fine, but it just won't populate with data. I tried upgrading sheepIt
body background random and clickable
Hi folks, Does anyone know how to make body background random and clickable ? Best Bomzon
Selecting Nested Table
Hi, I have been trying to add a table border to the third table. I will need to style it more also with radius and so forth. The "data" class puts borders on everything with data class. I want to just add a border to that one table. Can I add an id to that table? I am having trouble figuring out how to select what I want and how to go about getting this to work in all major browsers? Fiona. Here is the html code. Please can you help? Thanks. <!--<html xmlns="http://www.w3.org/1999/xhtml">
Fail to parameterize JSON object
Hi guys, I got a weird problem. I receive a JSON object from backend server like this: {"email":"someone@domain.com","pwd":"XXX"} However, when making an AJAX call with GET method, jquery makes the following call to my backend server, which fails to process. http://localhost/demo?callback=printResponse&{%22email%22:%22%22,%22pwd%22:%22%22} Not sure if it's some encoding issue? I have tried to unescape the data but it does not seem to make any difference.
Corrupt column text when create TD with more than 2 html tags
I try to write a code to create a dynamic table by clone a row from template row then modify each column , then append a row to taget table. Sample code @http://jsfiddle.net Everything seems to work fine until I try to add the 3rd tag (</BR />) to the TD content. This cause the TD content to corrupt. (In the example, the first column of the first row in the table which has only 2 HTML tags -- span and A is correct , but the first column of the second row which has 3 HTML tags was corrupted. I try
fixed header jump
Problem: The fixed header jumps about 1/3rd down the page when transitioning, then pops back into the right place. This is on JQM 1.2 or 1.3 ... This is happening in the browser, before I've even compiled for a device This happens only when using the Slide transition ... not on the default transition. Well, it may happen on other transitions too, but I only tried the default and Slide. I've seen references to this elsewhere, but not a solution that works or has described this specifically.
reset form after submission
hi guys,... can anyone help please,... I started new topic since the other one is an php format,... I need to reset form field after submission,... here is my form: <form action="/photo_comments/report_spam/80" id="ReportComments_80" onsubmit="return false;" update="updateReportPhotoComment_80" method="post" accept-charset="utf-8"> <div style="display:none;"><input type="hidden" name="_method" value="POST"></div> <input type="hidden" name="data[Report][sender_id]" value="47" id="ReportSenderId">
no such method blockUI
Hi, I faced with a problem using jQuery blockUI plugin. I got an error to my console Uncaught exception: ReferenceError: Undefined variable: jQuery Error thrown at line 573, column 2 in <anonymous function>() in scripts/jquery.blockUI.js: setup(jQuery); called from line 15, column 1 in /scripts/jquery.blockUI.js: (function() { If I try to run script I got an error no such method $.blockUI script is loaded, I see it in chrome debagger and nothing wrong with path to plugin. I use jQuery
jQuery UI Datepicker and Prototype.js
Hi, i have downloaded jQuery UI 1.8.6 and taken an existing datepicker demo (min-max.html), and updated it as follows: Included prototype.js (version 1.4.0) before the jquery script import Updated the inline javascript as follows - var $j = jQuery.noConflict(); $j(function() { $j( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" }); }); Running this in Firefox 3.6.3 causes an infinite number of javascript errors (invalid array length) at line 464 in prototype.js.
Recommend a plugin that can style select box dropdowns with custom scrollbars
I'm looking for a plugin that can hide an HTML select element and replace it with div's and ul/li's to allow fancy styling. The plugin should be event-driven and should persist back to the HTML select element so that my server-side application does not need to know the difference. This is not too hard to achieve. There are several candidates out there, but my favorite so far is Sadri Sahraoui's from http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/. I've modified it to behave
First collapsible item in listview
Is is possible to create listview with only first collapsible element? For example: <ul data-role="listview" data-count-theme="c" data-inset="true"> <li> <div data-role="collapsible"> <h4>Heading</h4> <ul data-role="listview"> <li><a href="#">List item 1</a></li> <li><a href="#">List item 2</a></li> <li><a href="#">List item 3</a></li> </ul> </div> </li> <li><a href="#">Outbox <span class="ui-li-count">0</span></a></li> <li><a href="#">Drafts <span class="ui-li-count">4</span></a></li> <li><a href="#">Sent
Wrapper not displayed with IE
Hi I am using this jquery plugin http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/ on my webpage http://associationzyggy.free.fr/SurMaTableDeChevet/ (clic on the green button "demande de devis") I do not understand why my page is correct with firefox but bad with IE. In fact the wrapper is not displyed with IE Thanks
plugin to clone forms
Hi my first post :-) I am starting to use a number of JQuery plugins for a little project of mine. I am looking for a plugin to clone forms. In particular, my forms are nested and I need to let a user to be free to clone either the complete form or just a sublevel. (Say a form to introduce one tutor or more, for each tutor one or more students, for each student one or more assignments) I have seen and tried to use sheepIt, but it seems to be buggy, if you try to have more than two levels. Any advise
cleaner shorter code for if else
Hi all, I have this piece of code: var $arrowBackward = $("#arrowBackward"); var $arrowForward = $("#arrowForward"); if ( nextWorkChart==1 ) { $arrowBackward.fadeOut(300, 'linear'); } else { $arrowBackward.fadeIn(300, 'linear') }; if ( nextWorkChart==13 ) { $arrowForward.fadeOut(300, 'linear'); } else { $arrowForward.fadeIn(300, 'linear'); }; it is needed to fadeOut/In arrows if the user reaches (by several ways) the beginning or the end of a slider, so that reaching the first picture the backward
Jquery Newbie, Dynamic dropdown menu submission
Hello I'm very new to JQuery and I'm working on a script that is a form with a Chained or Dependent dropdown menu for Year, Make & Model selector that is MySQL/PHP - JQuery. I'm at the point were I can select all of the dropdowns but I'm stuck on how to send that data over to a php script (handleIndex.php) I would like to get the values that are selected and use some type of $_GET statement to redirect to the new URL with the selected values appended like ( handleIndex.php?year=year&make=make&model=model
Jquery UI Accordion does not work when created dynamically with web database
This accordion works fine when it's on the page by itself, but when I dynamically populate the individual title/content pairs via a web database, the title and content are both visible fo rall entries instead of just the title, so the accordion function ceases to work. Is there a problem with the way I implemented it, or do they simply quit working when innerHTML is involved? The rest of the database (inserting dictionary term and definition in 2 different fields) is functioning flawlessly without
Multiple instances
I've been programming for many years but still a little new to javascript and jquery. I have a gallery plugin that I would like two instances of on the same page. I understand the concept of creating a "new" instance of an object, but what I have is a little different. I'll scale down the code, but if more is needed then I will provide. Thanks class: ;(function($) { var allImages = {}; var imageCounter = 0; // Galleriffic static class $.galleriffic = { version: '2.0.1', normalizeHash: function(hash)
let tablesorter know table was updated
I have tablesorter installed and working just fine. Now I want to have the table in question to be dynamically updated, with the script below, which also is working fine. As it happens, once the table is updated tablesorter no longer works correctly. The question is, how can I tell tablesorter from within my script that the table was updated so that it will sort the new result set? I have looked and the post below and updated my function accordingly, as well as the tablesorter script itself as indicated,
Next Page