jquery event handler inside updatepanel not working
I have drop downlist inside upadate panel. My jquery change function not working. could you explain why $(document).ready(function () { $("#ddlRateStructure").change(function () { alert("It worked!"); }); }) ... <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> .... <div class="td"> <asp:DropDownList runat="server" ID="ddlRateStructure" ClientIDMode="Static" > </asp:DropDownList> </div> .... </ContentTemplate> </asp:UpdatePanel >
Slider counter box not showing up down arrows
When I use the slider the up down arrows in the counter box show in Safari and Chrome and do not show in Ipad, IE9 and Firefox. arrows show in Safari and Chrome Does not show in Ipad, IE 9 and Firefox code <input type="range" name="slider" id="slider-0" value="25" min="0" max="100" /> using <meta name="viewport" content="width=device-width, initial-scale=1"> <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>
getting all textnodes in a frame
Hi, I'm trying to get all textnodes in an iframe, like this: $("*", $(frame).contents()).each(function(){ if($(this).nodeType==3) $(this) .wrap(<span/>); }); But it seems not to be Working as I get only nodes type 1. I have some elements like this: <span><span>this is a node type 1</span>this a text node</span> I want the elements not to have any textnodes as childnodes. i.e., If an element has children, I want all those children to be type 1. I want the above element to be: <span><span>this
jquery.ajax jsonp question
I am trying to make a jsonp call to bing map geocode service. depending on what parameters i change, i either get a cross-domain error or return is not script type. however, appending a script tag to do the call without jquery works, so i believe it's an issue with the parameters i'm configuring, i just can't figure out which one. in the case without jquery, i have to append the callback myself as &jsonp=mycallback. in the case of jquery, i let jquery.ajax append it for me. bingURL = 'https://dev.virtualearth.net/REST/v1/Locations?jsonp=mycallback&countryRegion='+encodeURI(country)+'&adminDistrict='+encodeURI(state_prov)+'&locality='+encodeURI(city)+'&postalCode='+encodeURI(postal_code)+'&addressLine='+encodeURI(addr_line_1)+'&includeNeighborhood=0&maxResults=1&key='+this.BING_KEY+'&output=json';
Ongoing Page Transitions problem
Hi Guys, Can I first start by saying that I absolutely love Jquery Mobile - it's a fanstastic framework for many reasons. I was however, very disappointed to see the new features that were added in version 1.2. It seems that a lot of development time went into these features, which could have been spent trying to fix the page transition problems, which we all know about, so I wont go into. I know what it feels like to pour hard work and enthusiasm into something and then have somebody criticise it,
What data-role="content" do?
Hello, What data-role="content" do? Is it mandatory?
each and binding functions
Hi everyone, i'm trying to develop this plugin ( function($) { $.fn.extend({ imageSwapper: function( options ) { /* * some code */ $(this).find('img.image-swapping').each(function(){ $(this).fadeImageSwapped(options); }); } }); }) ( jQuery ); ( function($) { $.fn.extend({ fadeImageSwapped: function( options ) { alert($(this).attr("src")); } }); }) ( jQuery ); The problem is that when i'm calling this $(this).fadeImageSwapped(options); i obtain only one alert. Can anyone help me understand this behaviour?
Issues with customzing jquery mobile slider.
Hello, I would like to customise the jquery mobile slider like this : I have already did some changes but i am not to close to the image above, for that i need to move the input slider above the slider line: How can i do that? I will appreciate your help. Thank you. Mona.
Why do i need the anonymous functions if i am sure $ alisa is used for jQuery?
Hello, i am new to jQuery and i have seen some this practice in writing classes by jquery: (function ($, app) { app.Method = function () { ... } })(jQuery, this.app = this.app || {}); i understand this anonymous function, and i understand the problem of $ alias. my question is this: if i am sure that $ is used for only jQuery in website, why do i need this practice anymore?
Techniques to create a dynamic “Bookmark Us” on mobile devices
Hi, I need to create the dynamic “Bookmark Us” on mobile devices. Is there any code to do that using jquery mobile. I want the similar functionality of the below link for mobile devices, http://flexidev.co.za/dev/code/bookmark/demo.html Kindly help me with the code.
Unable to produce dynamic list
Hello, I'm trying generate listview programmatically which i'm unable to do, Here is the code.. $.ajax({ type: "GET", url: 'updateService.php?time=lifetime', success: function(resp){ $('#li-nav').empty() var movie='Prasad'; $('#li-nav').append('<li>' + '<a href="">' + '<h3>' + movie + '</h3>' + '</a>' + '</li>'); }, error: function(e){ alert('Error: ' + e); }, complete:
Error: jQuery171044046986018069634_1344411426301 was not called - while doing ajax call
Hi, I am using the following ajax call to perform login, $( "#loginform" ).validVal(); $( "#loginform" ).submit(function( event ) { event.preventDefault(); var form_data = $( "#loginform" ).triggerHandler( "submitForm" ); if ( form_data ) { $.ajax({ type: "POST", url: serviceURL+'login.php?', data: form_data, dataType: 'jsonp', async: false, success:
Event fired an extra time on each subsequent request.
Hi, I'm pretty new to plugin development (stared the weekend) and was wondering if someone could tell me why the following event will occur one more time it did the last time on each subsequent time it's being fired? It's pretty much just opening a modal which will allow the user to create a new record. Upon close, the callback in the client get called that will update the list on the calling page with the new record. Plugin: (function ($) { $.fn.extend({ addCustomService: function
Validate plugin to validate on initial focus
Is there a way to make the error message appear as soon as the form field first gets focus. I am trying to use the error message as a tooltip as well so I do not want the user to have to make the field lose focus before they see the error.
Using a select box to retrieve values from the database and to save the result in an another select box
Hi, I have two select boxes: one is country and the other one is cities. When the user selects a country, the appropriate cities for that country should be populated in the "cities" from the database. I am new to jquery and javascript and i am not sure how to implement this. It will be appreciated if someone gives me a sample code for performing this functionality. I am using this in one of my forms in django framework which is implemented in python. Thank you in advance <!DOCTYPE html> <html>
issue with jquery client getting jsonp data from restfull webservice
how to send the response to jquery client as josn data. this is my jquery code for getting data to client var url= 'http://10.163.14.56:9000/customerservice/renderdetails?callback=?'; $(document).ready(function(){ $('#getData').click(function() { $.ajax({ type: 'GET', url: url, async: false, crossDomain:true,
jquery and html fragments with script tags
I use jquery.load to download some html and embed it to the page. I have noticed rather then adding the script tags jquery executes them. Why does jquery remove the script tags and execute them as opposed to adding them to the DOm and letting the browser run them? The problem I am having is that those script tags are referenced via relative links that do not resolve properly on the page I download the html. I was hoping I could process the links and update the references before they were executed.
No conversion from script to jsonp (chrome, safari & fireworks)
From localhost I call a rest service (php) via cross domain using jsonp, it works on Internet Explorer but I got error on Chrome (21.0.1180.60), Safari and Firefox. Any idea or help is welcome. Here is the code: $.ajax({ type: "GET", url: urlroot, data: {}, dataType: "jsonp", success: function(resp){ alert("mserver says: "+resp.message); }, error: function(e, textStatus, errorThrown){ alert('Error: '+errorThrown ); } }); Please tell me what's wrong
WebOS alike cards metaphor based interface
Hello, i am looking to implement a WebOS style 'cards' ( http://static.glossandgradients.com/media/images/webos_cards.png ) based interface for managing views in my jQuery bassed app. Does anyone know of a UI plugin or porject which would achieve something like this (possibly trough a carousel or something like the html5rocks slides UI) or will i have to develop my own from scratch? Any help would be greatly appreciated on this, All the best!
foggle plugin, enabling/diabling form elements
Hi, everone! At the bottom of this http://lab.abhisekdutta.in/foggle/ page there is a checkbox foggle function example. When the box isn't checked, the input is disabled. Is there any way to reverse this? When the box isn't checked the input is enabled - that's what I wanna get.
Development tool for Jquery mobile
Hello everybody, I would like to develop some apps with jquery mobile and I need a development tool to develop my apps. They are any tools to develop jquery web apps. Many Thanks
Can I use $.mobile.loadPage() w/out container?
I'm using loadPage() to pull in some data. There's no pageContainer argument supplied and the target page (data-role="page") doesn't have an ID. The code is pretty much this: $.mobile.loadPage(url); By design, JQM appends the resulting page to the current page with the classes "ui-page ui-body-c" where it remains hidden. Are there any selectors I could use that would allow me to reference this new page? The docs said something about a "deferred promise object" but I'm unclear what that means. Any
Shorten function + css. Please (tool tip)
Shorten function + css. Please View efect: http://jsfiddle.net/biofusionart/4esNj/12/ HTML: Copy code <a class="provincia" href ="#">Provincia</a> <a class="provincia2" href ="#">Provincia</a> <span class="provincia">▼</span> <span class="provincia2">▼</span> <div class="provincia"> <span class="tip">Elige provincia</span> <ol> <li> <div class="cont_scroll tipo_provinc menu_holder_scroll"> <div class="seleccion_provincias"></div>
checking fields for completion before continuing
what is the best way to show the general status of a section of a registration page? right now, there are about 5 fields. they each have their own check. then there is a check for the section itself. what is the best to verify all at once to change the section check? i was thinking a submit button, but thought the idea of automatic check would be nice. would i just run the check on everykeydown? i just thought this may slow down the browser every time the user presses a key.
Creating link from TD contents
Hi, I am trying to create hyperlinks based on contents of a table. I successfully manage to identify the right columns; but I don't manage to create a hyperlink that includes the columns value. Imagine the column contains in the first row the text ABC=1, in the next row it might contain the text ABC=21. Now I want to create a hyperlink www.somewebsite.com?ABC=1 and for the next row www.somewebsite.com?ABC=21 So far I have : $("TD:contains('ABC=1').ms-vb2").addClass('ab_attach') to identify the
IE rolleover/z-index issue
Hey, I am having the darnedest time trying to figure out how to fix an issue I have on bpwgroup.com -- it happens when you rollover the bottom 3 squares. In EVERY other browser (curse you IE) it works as expected and changes out the main box not IE though. Any help/suggestions reworking my JS or even CSS/HTML would be much obliged. -Thanks
Caching problem?
Hi everyone, I'm using load() to run&display the output of a PHP script reading the last five entries of a database. Now there is also a "Show all" link to show more than just five. Especially the first time, this seems to work well. But after that, I get weird behavior: The "Loading..." text appears (see code below), then it displays the last five results and after a few more seconds it finally also displays all the other results. After a couple more seconds, however, it just goes back to only displaying
New response to: Update - I need to add some js to a jqm collapsible element to hide an image and then reshow it.
Thank you very much... I rebuilt my pages using your sample.. from the frame source. Thanks very much for your help. I have a couple of question... no-where did i find written or otherwise that I needed this js script. <script type='text/javascript' src='js/mootools-core-1.4.5-full-compat.js'></script> The sample did not work until I down loaded that js script The other question is why is the javascript and css in a seperate body.... that interested me, I have not seen that done before... it was
zepto
Can you guys tell me whats wrong with this zepto code.. i tried implementing a sample code http://jsfiddle.net/rajkumart08/K9fsw/
Hybrid performance questions
Greetings, Background: I have been working on a Hybrid Mobile application for about the last 3 months. When we first looked at which mobile frameworks to use, I created some initial mockups in JQuery Mobile, Sencha, and Twitter Bootstrap. After seeing the initial mockups in a desktop browser, my customers like the look and feel of JQuery Mobile the best. So, away we went on building the application. When we got to the point of building the native application piece with a WebView for both IOS and
how to push array into json object with jquery
Hi, I have array's of data which as below each depicting an row with key and value i.e columns in the row: { "CompanyName": "Alfreds Futterkiste", "ContactName": "Maria Anders", "ContactTitle": "Sales Representative", "Address": "Obere Str. 57", "City": "Berlin", "Country": "Germany" } --> Array1 { "CompanyName": "Ana Trujillo Emparedados y helados", "ContactName": "Ana Trujillo", "ContactTitle": "Owner", "Address": "Avda. de la Constitucin 2222", "City": "Mxico D.F.", "Country": "Mexico"
Having an issue with jqm and the jqm.autoComplete plugin.
I'm not getting any output displayed from my autocomplete plugin. According to firebug, I seem to be getting data back from the call to my external php script. I've also tried running my php from the cl and I get the results that I expect. I'm not sure where I've botched things up. Stuff in the head: <script src="../../jquery/jquery-1.7.2.min.js"></script> <script src="../../jquery/jqm.autoComplete.min-1.4.2.js"></script> <script src="../../jquery/mobile/jquery.mobile-1.1.0.min.js"></script>
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
Next Page