question about sortable('serialize')
when i do var order = $('#' + strElement).sortable('serialize'); i get dragPanel[]=122&dragPanel[]=123 the result i would like is a string = "122,123" any ideas?
Issue with accordion display in JQuery Mobile page
Hi All, I have a collapsible set in a jquery mobile page to which multiple collapsible structures are appended dynamically. After adding all the dynamic contents even when i do $("#walk_sections").trigger('create') only one of the collapsible content has that accordion structure visible and all the remaining collapsible contents(<div data-role="collapsible">) appear as open content without the accordion structure. This issue occurs more prominently in IE rather than other browsers. Iam using
jquery mobile 1.2.0 rc1 ie8
RC1 does not appear to work with windows IE8. The beta version does.
PDF Online Forms - Can the data be submitted via aJAX -jQuery
The government makes forms available in PDF format. We want to use those forms and save the data to our backend. PDF has a means exporting the input data to XML or CSV for upload to the web server. Anybody ever tried to wrapper the form with a tool for submitting the inputs via aJAX? TIA TheaterOnline.com
Can't trigger event in Google Hangouts
I've been writing a Chrome extension to automate some behavior, I can't seem to trigger the "join" event in Google Hangouts. [Basically I want my extension to click "join" automatically when I hope certain hangouts. Eventually I'd like to automate muting and some other things.] During my research to automate this using jQuery in my extension, I would look at the page showing the join button, open the Chrome Developer Tools - and for the life of me, no matter what element I would go after, I can't
Adding sort functionality to image drag and drop
This post is an edited version of my original one. I've got an image drag and drop piece that displays a thumbnail gallery (div of #thumbnails). Then the user can drag and drop them into a viewer (div of #viewer) area where they will auto-expand. I just modified (maybe butchered is a better word) the jQuery UI simple photo manager code. That was just fine until the new requirement of being able to sort/rearrange the images in the viewer area came about. I am having difficulty envisioning how
How to slide like jQuery UI's slider in jQuery Mobile
jQuery UIhttp://jqueryui.com/demos/slider/#steps jQuery Slider http://jquerymobile.com/test/docs/forms/slider/ In jQuery UI, if you use step function, then it move range by range, but in mobile's slider can't move like that, can I do the same thing?
[jQuery] TableSorter vs Zebra Stripes
I want to create a table that features sortable columns and alternate row colors. I found scripts that do one or the other, but when I implement both, the row color function is impaired. First, I downloaded the JQuery TableSorter plugin; hence the links to jquery-1.2.6.min.js and jquery.tablesorter.js below. Below that is the JavaScript for the "Zebra Stripes" function. When used together, the table exhibits no row colors except when I mouseover a row. Does anyone know how I can fix this? Thanks.
Problem with the scrollbar and animation
Hello friends!!! I'm new in this fantastic world, so I don't have knowledge about this language, but I'm learning about it in a TAFE institute. I'm doing a page with teachers from another course. They have knowledge about jQuery language, but they are too busy with another course and their affairs. The case, is that we have problems with the scroll's bar and the animations' visualization. It's like vibrations in the animations when you move the mouse on the scroll bar. You can see this problem in
memory leak IE9
Sorry for my poor English. I have a problem with Jquery1.8.1 and IE9. I'm searching a lot but i did not found any answere. When i use the code below, the used memory in IE9 increased about 1MB on every submit or refresh. This problem exsist only in IE9. I test it with IE7, IE8 and FF and chrome .... the others, no problem. IE9 Version 9.0.8112.16421 Is this a jquery problem or a bug from IE? Any ideas? <! DOCTYPE html> < html> <body> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
Problem with Control in Repeater (asp.net ) control and jQuery
I have a link shown in Repeater control... on click of it i want to get data of that single row and add that details to another div using jQuery... any help
Accordion nested in Tab not showing up
I'm attempting to place an accordion within a tab pane, and think there may be a conflict with the code I am using for the tabs as it is not appearing when inserted. The accordion works fine when in its own page. The script that appears in the page head is: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <script type="text/javascript" src="script/jquery.tools.min.js"></script>
'pageshow' seems to 'refresh' 1 second too late
Hi all, I'm making this jquery mobile website m.ideebv.com When you click on the first link: 'Wie zijn wij' then you see the flexslider on the top of the page. But the whole page seems to load one second too late. It flickers one time. This is since I'm calling the flexslider with this code: <script> $(document).live( 'pageshow',function(event){ $('.flexslider').flexslider({ }); }); </script> I tried this with pageinit 'instead' of 'pageshow'. Then there is no flickering, but the flexslider loads
using $(document).on is not a function with 1.8.1/jquery.min.js
When I use the code below on ver 1.7.2 it doesn't have any problems /* add friend toggle listener */ $(document).on("click",'#add_friend_toggle',function(){ }); but when i use ver 1.8.1, the firefox/chrome console says this: What does this mean then? Am I not suppose to use on with $(documentt)?
BlockUI display wrong on IE9
Hi, Everyone I try to use BlockUI to build a web site, but I got some problem while using IE 9. the block zone is a ifram. the wrong display below, plz check the dialog place on other browser, FF15.1, Chrome, IE8, it works fine. a very simple code following, write on a onclick function with a image tag $.blockUI({ message: $('#esCheck') }); here is the DIV <div id="esCheck" style="display:none"> <p><label>LoginID:</label><input type="text" id="esCheckName" /></p> <p><label>Password:</label><input
JAVA doesn´t work after AJAX
Dear Members, I turn now, you because I'm desperate. I just do not find the error. I want to click on an image and trigger an AJAX action. This also works. AJAX gives the image back, it responds to no more clicking! Here is my simple example, without SQL. When I click on the IMAGE it works, and when I klick on the image from the worker file, it doesn´t work. So I cant click on it for more times. Here my function from the file: $('img[name^="IMGSTKER"]').click(function() { alert("TEST");
unable to pass correct url in jquery
this functionality working fine on my local system but not on server. my actual jquery code is $('.jeditableSalePrice').editable('/Product/DTUpdateProduct', { id: 'SalePrice_ID', name: 'value', indicator: 'Updating...', tooltip: 'Click to Change' }); now I try by two techniques. both are working on my local but not on server 1: using @Url.Action("DTUpdateProduct", "Product")' 2: using @Url.Content("/Product/DTUpdateProduct") //$('.jeditableSalePrice').editable('@Url.Content("/Product/DTUpdateProduct")',
Image space not released with display:none in a list item
Hi - I'm trying to make a list item where in portrait mode the image is not displayed but it is in landscape mode. I have the media queries working, different css', etc., but when the viewport is less than the 320px, the image disappears but the text DOES NOT move over to the left as it should. display:none is suppose to effectively remove the element but it's not working like that. Suggestions? Here's the page: mtest.silentauctionpro.com/bidonlineitems.php Thanks, Jim I figured out that the
How to use setRequestHeader in jquery 1.7.1 to send token through headers to RESTfull WebService
How to use setRequestHeader in jquery 1.7.1 to send token through headers to RESTfull WebService this is my code which is used in my html page to call RESTfull web Service $.ajax({ type: "POST", url: "http://10.163.14.56:9000/customerservice/HeaderRequestDet", beforeSend: function (xhr) { xhr.setRequestHeader("foo", "bar") }, success: function() { alert('Success!' + "authHeader"); }, error:function(request, status, error) { alert("Error"+error) //alert(request.responseText); } }); the
jquery image magnifier
I had binded some data to gridview and opened a popup using jquery when user clicked on row.. on popup i had placed a file upload control and binded uploaded files below file upload control.. for magnifiying the image i had used jquery image magnifier from dynamic drive.com. problem is zooming is coming behind the popup waht is the solution for this?
classic fold out menu problem - irresolvable?
Hi all, for days I am now thinking about how to solve my problem here with a (relative) simple fold out menu. I think that it is somehow a „classic“ but despite of much google and reading I can not fix it. I need some professional help. I will attach also a screenshot that showes dreamweaver layout to show elements. I will explain what I want to achieve: When then mouse hovers over the word „Collection lettre“ out of it will appear above (these are animated switching from absolute to relative position
Anchor Link in Accordion Header
I am attempting to activate an anchor link in my header without success. I understand that accordion overrides the href in the header. But can I somehow bind an event to launch this link. I am trying to launch the following href in my headers which moves a map in the background while also expanding the accordion. <a data-control="layer" href="#guilded"> This link works fine outside of the header, but not in it. I've been trying to find a solution for days now. Any advice would be appreciated.
Can I add?
Hi Everyone, I'm using the Following Code <script type="text/javascript"> $(window).ready(function() { $('#multipage').multipage(); $('multipage').submit(); }); function generateTabs(tabs) { html = ''; for (var i in tabs) { tab = tabs[i]; html = html + '<li class="multipage_tab"><a href="#" onclick="return $(\'#multipage\').gotopage(' + tab.number + ');">' + tab.title + '</a></li>'; } $('<ul class="multipage_tabs" id="multipage_tabs">'+html+'<div class="clearer"></div></ul>').insertBefore('#multipage');
jQuery Cycle Plugin Caption Issue
I have the following test code: <div class="pics"> <p width="191";>These are the colors available. Click on a picture to see more information</p> <a href="A"><img src="images/black.jpg" width="191" height="143" alt="Black" /></a> <a href="B"><img src="images/blue.jpg" width="191" height="143" alt="Blue" /></a> <a href="C"><img src="images/pink.jpg" width="191" height="143" alt="Pink" /></a> </div> <p id="caption"></p> <script type="text/javascript"> $('.pics').cycle({ fx: 'fade', timeout:
How to same Toggle Method for multiple Click location
I am very new to this jQuery and trying to figure out few basic things in my page i have multiple <a> but few are supposed to open the panels and other things to navigate. wanted to know how can i use a single method for toggeling... as i dont want to write theses functions again and again.... $(document).ready(function () { $("img#imgClearCodes").click(function () { $("div#divCCodes").toggle(); }); }); $(document).ready(function () {
jQuery plugin Validation
http://bassistance.de plugin has suddenly re-emerged after years gathering dust and with it is a request for donations. At one stage this project filled me with optimism, but now it seems oversized and outdated, particulary now that HTML5 has introduced it's own flavour of validation.
Datepicker range show "to" when select a date on "from"
Hi, i'm using a example of datepicker range. I'm trying show the datepicker "to" when the user select a date from a "from" datepicker. For this I'm subscribing to the method of the datepicker onSelect "from" to make a show in datepicker "to". I am using the following code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Select a Date Range</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.0.js"></script>
JQM1.2.0b: Custom select menus example looks weird in IE9
Hi, I noticed the custom select menus example (in the JQM demo page) for version 1.2.0 looked & behaved different than the one for version 1.1.1 when viewed with IE9 (I haven't tried other versions of IE). Other desktop browsers (Chrome, Firefox, Safari) didn't have this behavior change. The custom menu spans across almost the entire width of the page, and I see flickering (or maybe just a slow rendering) when it appears. Is this a known issue? Thanks!
.html() & setTimeOut
Hi, This is the scenario I want to create, Right now I want to do a timer effect. So I calling Timeout function if the condition is true. obj will minus it values and use .html(obj) to display. However, right now the timer wont update by itself. Am I using .html() correctly? I try empty first before using html but wont works $(document).ready(function() { setTimeout(function(){ Ajax(); },1000); function ActiveTimer(obj) { obj--; $('#item1').html(obj); }
Dynamic JQuery and webkit
Hello. Hopefully this isn't a double post; I tried posting earlier and it didn't register. I am getting a Syntax Error when trying to apply a webkit css property with JQuery. I know it has something to do with the way maskstring is formatted....but I figured it should all be a string. The error i'm getting is an unterminated string literal. function createTiles() { var maskstring = "-webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(1.00, rgba(0,0,0,0)))";
JQuery Creating Webkit CSS Properties
I am trying to create a series of gradient masked images from the same source. Using css transitions, I was going to have them systematically fade at different times...The problem is, I'm having problems with quotes and string literals. for (i=1; i<24; i++){ var maskstring = "-webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(1.00, rgba(0,0,0,0)))"; var src = 'images/mts.jpg'; var divid = "mydiv" + i; $('#' + divid).css({
Odd behavior of Validation plug-in on my new computer
I transferred my localhost development from a WindowsXP PC to a Windows7 PC and everything is now working except for Validation plug-in strangeness. In the old WindowsXP computer on Firefox 15, Validation works. In the new Windows7 computer on Firefox 15, the page will not load and I get the Firebug Console message TypeError: jQuery.validator is undefined jQuery.validator.addMethod(On this same Windows7 computer, the page loads and Validation works in Chrome and in IE8, but not in FF15. I load
"loading" appears at the bottom of page when using jQ Mobile..
1) with jQuery mobile.. here I see word "loading" in black letters at bottom left.. (might have to scroll to bottom to see it.. ) (this is in iPhone3, don't know about other devices....) 2) without jQuery mobile here I don't see word "loading" at btm of pg the one and only difference betw the two is the inclusion of this tag: <script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script> you can see in firebug jQ Mobile clearly adding this element.. it adds all this: <div class="ui-loader
Supersized - change slideshow images when user clicks on a link
Hi ! I'm using supersized (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) for a website that i'm currently creating ! Do you know if there is a way to change the slideshow images when user clicks on a page link (in this case <li class="toggleSubMenu3">)? That would be really helpful because i'm desperate ! I have been searching for hours... Thanks a lot ! Here's what I've tried (that doesn't work ) - I actually just copied the original script... <script type="text/javascript">
Chrome and problem with Jquery script
I have a script that runs just fine in IE but will not work in Chrome, i am a jquery novice and forgive my messy code but i am at a stage where it works ;-) Just need to know why it doesn't work in Chrome??????? <!-- jquery script for calculations --> <script> jQuery(document).ready(function(){ $('.salesqty').blur(function () { var sum = 0; $('.salesqty').each(function() { sum += Number($(this).val()); }); $("#totalqty").html(sum); $('.salesval').blur(function () { var sumv
Fields fill page horizontally
Hello to all. I have a problem with the layout. I like the vertical version but not the horizontal. How can I do so that the labels remain above the fields and the fields fill the page horizontally? thanks <body> <div data-role="page" id="page"> <div data-role="header"> <h1>Intestazione</h1> </div> <div data-role="content"> <p>Registrati gratuitamente a PayDiv <div data-role="fieldcontain"> </div> <div data-role="fieldcontain"> <label
Guidance regarding Recursive Traversal of Json Object
I am trying to create the menu based on a recursive Json object. I am able to prepare the Json object and have defined a template structure for the same. Json Object: [ {"ExtensionData":null,"MenuDescription":"Home Menu","MenuEnabled":false,"MenuId":1,"MenuParentId":-1,"MenuSelfWindow":true,"MenuTarget":"","MenuText":"Home"}, {"ExtensionData":null,"MenuDescription":"Profile","MenuEnabled":false,"MenuId":2,"MenuParentId":-1,"MenuSelfWindow":true,"MenuTarget":"#","MenuText":"Profile"},
PHP form not submitting with or without Ajax
My form doesn't seem to submit. Here are some things I've tried: 1. data-ajax="false" in the form tag 2. jQuery 1.2 beta 3. removing all data-role="page" instances 4. dropping in a different form that worked in another project 5. dropping this form into another working project What am I doing wrong? The form is located here: http://www.timbartel.com/cursillo.php#sendpalanca Page PHP/HTML: <!DOCTYPE html> <html> <head> <title>The Cursillo</title> <meta name="viewport" content="width=device-width,
Sending dynamic data through JQuery Ajax
Hi All, I've got a question about the processing of data through and Ajax Post Request which i can't get a hold of. Hopefully you guys can help me out. I have the following situation. An anchor is my script triggers the following javascript function: <a href="#fragment-3" onclick="return drawResource();"><span>Resources</span></a> I have the following function function drawResource(url) { $.ajax({url: "resource.asp", type: "POST", dataType: "html", cache: false, data: {period:201209}, success: function(responseData)
$.getJSON() Usage
I'm trying to use the ".getJSON()" method for the first time and so far I'm not getting anything out of it. I know the callback function for it is supposed to be called when the call succeeds, but can I also code an error callback function for it, or instead of doing that should I just use the more general ajax method and then code callback functions for both success and error, and make the dataType JSON? Thanks for the help.
Next Page