Re Clicking Drop Down after Ajax Div Update doesn't work
I am attempting to have a form section updated with the response from a java servlet. Essentially making a selection in the first drop down should update the div to show a second drop down list. It works the first time but does not work after that, or it doesn't appear to be working after that. <code> <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
How to change the text for a link after being pressed
I'm trying to add a very simple show/hide link to my gallery. The code I have so far will toggle the visibility of the div correctly when the link is pressed, but I want that text to change to reflect what would happen when pressed again (so it'll display 'show' when the div is hidden, and 'hide' when the div is showing). jQuery: $('.toggleLandscapes').click(function(){ $("#landscape_thumbs").slideToggle(); $(".toggleLandscapes").html((".toggleLandscapes:contains('Hide')") ? "Show" : "Hide"); The
live functionality with on?
live is deprecated and the docs point to on. but live attached the event handler now and in the future. does on do the same thing. i thought it behaved like bind. if on does behave like bind, and not live, is there a way to get on to behave like live?
I'd like to know how to access a control on another page.
Hello all: I'm new to the forum and jquery, and I'd appreciate anyone's help if you can spare the time. My question is this.... I have a page that by way of an iframe, it houses/hosts several other pages within it. I would like to know when I'm sitting on one page, how I could change the value on another page's control using jQuery? Thank you in advance: Frank
confirm box causes page to hang with jquery mobile
Hi, We seem to have run into a problem with confirm box and jquery mobile. The following sample code illustrates the issue: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Punkt inventering</title> </head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
required validation not working
Hello, i have the following html input element in my form using twitter bootstrap: <div class="control-group"> <label class="control-label" for="input01">street_number</label> <div class="controls"> <input type="number" class="span2" class="input-xlarge" id="street_number" name="street_number" value="<?php echo $this->property->street_number ?>" rel="popover" data-content="Re-enter your street_number." data-original-title="street_number" > <input type="text"
How to video,audio file display play in jquery mobile ?
please help me regarding to play and display video and audio file in jquery mobile. i want to play can play all type supported extension.
jQuery Mobile Cascading Dropdown Not Working After Post
Looking for some help...I'm using ASP MVC3 and jQuery Mobile. I've built a set of cascading dropdown select lists which work fine when you first open the page. However, after the form is submitted, it returns back to this page so the user can enter more info if needed. The problem is the cascading dropdown no longer works after you are brought back to the page. I don't see any errors in the console when debugging in Firebug. I have to do a Control + F5 refresh for them to start working again. If
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?
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
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....
Next Page