Collapsing and expanding sections
Hi, Basically I want to collapse and expand sections in the table. The demo is in I have no idea so far. But I found some useful code at here. It seems that the code is incomplete and I don't understand it at all. I made an example at http://jsfiddle.net/8Ma77/ What I missed in the code and is there a similar example? Thanks.
[validate] Event hook for validation success/failure?
Hi all, I want to hook into validation success/failure events, but don't see an API to do this? i.e. I want to enable/disable a particular set of controls depending on the state of validation. Is there a way to do this? Am I missing something? Any help is much appreciated, Andy
JQuery - two overlaping/colliding Scripts
I just started to redesign my Portfolio an found a tiny annoying bug: Please have a look athttp://hire.pixelpizza.de/ and click on "ok, lets see the goods". after that, you will have a page with a blue background and there you have to click on "see more pictures of the west". now you have opened up a fancybox Gallery. The problem is, now the two Scripts for the Page Switch and for the Fancybox are coliding and overlaping each other if you press the right arrow button on your keyboard and thats not
Not working
Hi, friends i m developing a website and i m using 3 jquery 1 for menu 2nd for background image scroll and 3rd for the banner changing. Before i have using slideshow menu and background image working properly but when i used banner changing slide show it stops my background image changing jquery and very slow performance in ie7 - Pls help me out <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Full Page Background Image | CSS #1</title> <!-- #######################################
New response to: I need to add some js to a jqm collapsible element to hide an image and then reshow it.
I 'll try to make the problem more clear first the collapsible content has an image shown like this.... (+) and the image is within the bar not like your sample (+) the word image then clicking on the image as shown above the collapsible content is shown like this with a (-) Bar minus the image and the collapsible content below it. Now what I would like to do is when i click on the (-) bar is to restore the image or re-attach it ...back to it's original state and collapsibling the text. I hope
jquery version conflict
Hi All, I am working on an application which uses 1.3.2 version of jquery.js, 1.7.2 version of jquery-ui-min.js, diff version of jquery tools and plugins which are working fine together. Now I want to install a javascript plugin which uses 1.7 version of jquery.min.js. The issue is version conflict. When I use jquery.noConflict(), UI, tools and plugins stop working. Please help. Cheers, Swapnil
regarding jquery with restfull service
i am getting the following error in alert from client when fetch the data from server error[object Object] and browser Timestamp: 08/07/2012 05:27:07 PM Error: SyntaxError: invalid label Source File: http://10.163.14.56:9000/customerservice/renderdetails?callback=jsonCallback&_=1344340627467 Line: 1, Column: 1 Source Code: {"age":100,"name":"mkyong.com",} <script src="jquery-1.7.1.min.js"></script> <script> //var url= "http://10.163.14.56:9000/customerservice/getDet?callback=?";
Roundabout - swapping images
Hi Guys, I am just getting started with jQuery and Roundabout is NEARLY perfect for what my client needs. But I need to get the images to SWAP, rather than scroll around. Does anyone know if I can do this with Roundabout, or do I need another plugin?
some 1.2 picture popup feature requests
The new popup feature is nice, also for displaying pictures, there are a couple of options I'd like to propose: Option: preload pictures (true/false). I believe that the pictures inside a popup are downloaded once it's opened. That's what I want actually, but others might prefer the pictures to be loaded in advance (along with the page). An option for this would be suitable I think. Option: tap popup itself to close (true/false). To close a popup you either tap outside it or press the optional close
Why do I get readyState = 0 using $.ajax to call my web service ?
I'm attempting to call a pre-existing web service using JQuery, but it continually fails with a readyState of 0 and a status or 'error' The web service definitely works as I can call it using SoapUI, and I have had CORS enabled on the server. My code does not seem to reach or run the Success or statusError functions (although this could be because the code if failing ?) I'm new to JQuery so I'm hoping that this is a simple error to resolve. Thanks in Advance. The Code looks like this. <html> <head>
How to check the image size providing image path in jquery?
Hai am developing phonegap in android. i have a image path location,i need to attach the image when i attach the image i want to check the image size.Its not greater than 1 Mb.Am searching thishttp://jsfiddle.net/jquerybyexample/PKLQn/1/light/,but its input type is file .am using image path location.How to do this? image path=content://media/external/images/media/503. i need to check the image size
remember element value in cookie and display.
I have one collapse menu. In that menu. In this menu I want to next div open when we get current div. but I got some probe into that. here is my demo. and script given below. $(document).ready(function() { var widget2 = $(".widget2"); var box2 = $(".box2"); if (getCookie('box2cooki')) { // alert(getCookie('box2cooki')); var id = getCookie('box2cooki'); var Element = $(".box2#id"); alert(Element); //$(".box2").next(".widget2").slideDown(200);
New plugin: jQuery.crSpline - Animates elements smoothly along arbitrary-length sequences of waypoints in 2D
jQuery.crSpline - Smooth 2D animation along paths of multiple waypoints, using Catmull-Rom splines. Demo GitHub You provide: A series of (x,y) points that the path should follow. Plugin provides: Animation along a smooth 2D path that intersects all points. Check out the demo page to see what it looks like. Example usage: $("#some-element").animate({ crSpline: $.crSpline.buildSequence([[x0, y0], ... [x9, y9]]), duration: 20000 }); I just published an early release of this and am looking for feedback
Blinking problem in slider transition
Hi, I am using Mobile jQuery "jquery.mobile-1.1.1.js" with css "jquery.mobile-1.1.0.css" where I am doing a slider effect on swipeleft and swiperight.The effects work good in Chrome browser but when I am trying to do the same on iPad then this effect show some blinking (i.e white blank page effect). Even I have followed the existing forum's "Blinking Promblem" provided solution but am still facing the same issue when doing fast swipeleft/swiperight page change. This is very urgent task that I
jquery ie7 don't read script
Hi Everyone. I have some problem with my jquery/javascript code. Every browser (except Internet Exploder 7) read and executes the code. In IE7 looks like the code is not read - I have a few hidden fields - all are visible. I try with: $(document).ready(function() but nothing change. var disabledDays = ['15/8/2012', '1/11/2012', '11/11/2012', '25/12/2012', '26/12/2012']; function nationalDays(date) { var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); for
How would I write a function to pass an object's Name or ID to a widget's options?
How would I write a function to pass an object's Name or ID to a widget's options? I am using the jQuery UI MultiSelect Widget and want to set noneSelectedText to equal the object's Name (and/or ID or Title). I understand that the method for doing this is by calling $(this).attr("id"); but haven't been able to figure out the correct way to add that to my code. Script for assigning the widget's options (It's currently set it to call by Class instead of ID because I have close to 100 dropdowns). $(function(){
dynamically adding textboxes gives a problem
hi, when i ada textbox dynamically it gets added bt then even if i giv id d script doesnt work for tht id...
JQuery Ajax call is fail on window.onbeforeunload event in Firefox.
Hello, I have following scenario where jquery ajax call is fail. I want to save user information in database when user close browser/ leave a webpage. So for that I am making an Ajax call from window.onbeforeunload =function() { } function. Below is a sample code. window.onbeforeunload = function () { $.ajax({ Async: false, cache: false, dataType: 'json',
regarding jquery with rest Service
after changed json instead of jsonp responses not coming, i have tried following code using $.getJSON $.getJSON( 'http://10.163.14.56:9000/customerservice/getDet', function(data) { jQuery.each(data, function(i,item) { var consultant = item.consultant; var consultantHtml = '<tr>' + '<td>' + consultant.firstName + ' ' + consultant.lastName + '</td>' + '<td><a href="' + consultant.blogFeed + '">' + 'Blog Feed</a></td>' + '</tr>';
invalid label from jsonp response data
while getting response from rest webservice call ,am getting the following scripting error Timestamp: 08/06/2012 06:16:58 PM Error: SyntaxError: invalid label Source File: http://localhost:9000/customerservice/getDet?callback=?&_=1344257218195 Line: 1, Column: 1 Source Code: {"sage":100,"sname":"lenin"} last line represents jsonp data from the server. for your reference my ajax call is $.ajax({ dataType: 'jsonp', type: "GET", url: "http://10.163.14.56:9000/customerservice/getDet?callback=?",
dialog buttons questions
Dear all! i just need to localize the button labels for a dialog. but how to do it? as in: $dialog.dialog({ buttons: { 'Ok': function(){ // ok }, 'Cancel': function(){ // cancel } } // 1000 more options });the labels will be always literals. so the only way i see is to have a copy of the whole options object for each locale (or at least the buttons with the callbacks, that i will have to merge every time with the rest of the options).
Image rotate in portrait
Hi I have 2 pages in my html page. One is listview and another with single image. What I want to achieve is display image always in landscape view. Because image dimension 1000x700 and nothing more on this page I want image take all screen aria no matter what current screen orientation. Is any way to to set for page landscape orientation only in web mobile? Can I rotate image with jquery-mobile when phone in portrait?
document.activeElement.className equilavent for firefox?
Hello guys, document.activeElement.className this coman does not work on firefox, do you know what should I use instead of this in firefox? Thanks
.ajax to call rest web service
Here is my code, however it always call error function $.ajax({ url: "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer", type: "GET", error: function(e){ console.log("error call"+e); } , success: function(resp){ console.log("success") ; } }); can anybody tell me what is wrong in this code? Thanks
traversing elements...
i have a long 3 column list. how can i assign a class to every li element? eg: .green to 1,4,7,10.... .yellow to 2,5,8,11.... .purple to 3,6,9,12.... i can do it manually: http://jsfiddle.net/timur/DAHgG/ but whats the smart way to do it?
Find a div in Callback string
Hi folks, I'm starting with jQuery (and I'm not very familiar with Javascript). It's probably an easy question but strangely enough I couldn't find anything that could help me solving my problem : I have to get the status of a server via SSI command (<!--#echo var="myVar" -->). In my callback, I can display the whole webpage without problem. I can also see the relayDisplay div filled with my answer. Great! But I want to extract it from that string. Tried with find and other functions, selectors...
phone gap
hi guys, where can i post questions related to phone gap
How to preserve link state or CSS class on a link (anchor tag) with cookies?
Hello, I have this piece of code which adds and remove a class on my links. The class is added to the linked clicked or active and removed from liked that are not active/clicked. However I would like to preserve the state of the active link so that it remain active even when the page is refreshed, this is for a single page. JQuery: $(document).ready(function() {
$('.navbar li a').click(function(){
$(".navbar li a").removeClass("currentTab");
$(this).addClass("currentTab");
jquery trim \  character
Hi, Why doen't jquery trim function removes this special character '\ '? Any way of removing it?
Swipe Unable To Work With Wix
Hey guys! I'm having a real hard time adding swipe support to this site: http://alteredorange.ipower.com/iPad/widthtest.html I used the wix.com's what you see is what you get html5 editor to get the code, but the code it outputs is pretty wonky as you can see... I've finally managed to add jquery mobile into the site, but am unable to add swipe support. I'm using the function: <script type="text/javascript" src="jquerymobile.js"> $(function() { $('#swipe').bind('swiperight', function(event, ui)
I need to add some js to a jqm collapsible element to hide an image and then reshow it.
I have tried using a javascript to show and hide, but i have failed and this inline function seems to half way work at least in hiding the image... <h3><a href="#" id='loadingImage'><img src="images/services_chart_01.jpg" onclick="document.getElementById('loadingImage').style.display='none';"></a></h3> What i need is the javascript that when the image or the ( + sign) is clicked would then hide the image, and then show the image when the (- sign) is clicked. I am using the jqm collapsible content
Make a nested repeater sortable
I am trying to have a sortable list inside of another sortable list. The outside list becomes sortable but the nested list does not. Any idea on how I could accomplish this? <script type="text/javascript"> $(document).ready(function () { $('#sortContainer').sortable(); $('#sortContainersub').sortable(); }); </script> <!------------------First sortable list begins here----------------------------------------------------------------> <asp:Repeater ID="rptEmploymentData"
Search Page Div Not Refreshed When New Search Filter Selected
I have the following code on a website in a test search page associated with a search filter on the page: ${esc.d}('${esc.h}productSearchResults').empty(); ${esc.d}('${esc.h}productSearchResults').load('test-ajax-products-page.html ${esc.h}testDataResults'); The first time in it works almost perfectly with most of the expected data coming back from the "#testDataResults" div of the "test-ajax-products-page.html" page which is a target test page. The second or more times that the search filter
animation with mouse over ?
Hi Guys, i am very new to jQuery and i have some problems to stop or reset an animation after a mouseover event. $(document).ready(function() { elementResize(); $(".box1").bind("mouseenter ", function() { $(".boxtext1").animate({ top: '-=100px', height: "show" }, 200, function() { // Animation complete. }); }); }); Edit: I added this: $(".box1").mouseleave(function() { $(".boxtext1").animate({ top: '+=100px',
Creating dynamic event listeners for element class?
I would like the best suggestion for the following scenario: I have for example <img id="image1" src="img/img.." class="clickimage"> <img id="image2" src="img/img.." class="clickimage"> <img id="image3" src="img/img.." class="clickimage"> I would like to onload add an eventlistener that do action on the class and do get the id for that element, doing an action. $(".clickimage").click(function() { var idName = $(this).attr("id"); //Call a function to do something with the name of the ID....
How to read json object
Hi, Please help me on how to read a dynamic json object of below format using jquery. In the below sample , each data within { } i.e curly braces is read a row to a grid. [ { "Applies":"Grtx", "id":"27255.43719", "name":"Grtx/56310", "Affected Node":"1", --> ROW1 "Notes":"Dan on SOS check", "Req Priority":"High" }, { "Applies":"Oss", "id":"27255.43720", "name":"Oss/46310",
How initialise date picker more than once on a page
If you can only initialise the date picker once how would you kill the first and then start another so you can have two on one page.
How to make two datepickers work
Using one picker works fine, but if i double up the functions & the forms like below, the second picker dosent get returned, I only get the first picker (Your start date is) emailed back. I have tryed laying out the code as script function, form script function, form but still dont return second picker date, why would that be. <script type="text/javascript"> $(function(){ $("input[name='Your Start Date is']").datepicker(); }) </script> <script type="text/javascript"> $(function(){ $("input[name='Your
DOM cache and active state in persistent footers
Hi, I've been working on an iOS app with HTML5 shelled via Cordova/Phonegap. My app has different HTML files and most of them are listviews with serverside data. Here's the footer I have in all the HTMLs <footer data-tap-toggle="false" data-id="glob_foot" data-role="footer" data-position="fixed" class="x_nav_bar"> <nav data-role="navbar"> <ul> <li><a data-icon="grid" class="ui-btn-active ui-state-persist" data-iconpos="top" href="3.html">Brands</a></li> <li><a data-icon="grid" data-iconpos="top"
clientWidth and offsetWidth returns NaN
I am trying to handle a resize for JQGrid with a snippet of code below var width = $("#divGridContainer").attr('clientWidth'); if (width == null || width < 1) { // For IE, revert to offsetWidth if necessary width = $("#divGridContainer").attr('offsetWidth'); } width = width - 2; // Fudge factor to prevent horizontal scrollbars alert(width); It always throws the response to width
Next Page