Button Custom Icon not working in PhoneGap?
Hi all, I am trying to use custom button icon, the attached example works when running in browser, but doesn't when runs in emulator/real phone (where the '+' icon is shown instead of the custom search icon), I am using Google development tools for Android for development. Any idea what I have done wrong? Thanks! Best Regards, Chee Seng
JQuery Mobile & Phonegap Navigation
Hey guys A while ago I started to work on an Android (and iOS) app with JQuery Mobile. It worked quite good, except I had two problems with the navigation. First, in all Phonegap versions after 1.2.0 (at the time I worked on the app, there was 1.4 out) I had the problem, that when I go back with the Android back button, there was something like an infinite loop. Let's say I started on page 1 and opened page 2, now when I press back button, it keeps switching from page 1 to page 2 and back, every
Unobtrusive with dynamic form and regular expression is not working
Hello, sorry for posting this problem here but i didn't know where to do. it is reall related to the jquery plugin from microsoft that makes unobtrusive validation. I have a dynamic form and it has two inputs, email and password, the form submits buy jQuery using ajaxForm function. unobtrusive validation didn't work, so i changed the code as the following trying to call validation inside "beforesubmit" function, but i got the problem that the regular expression validation of the email format always
jQuery mobile css after refresh
Hi, I know that questions related to mine were already asked but unfortunately nothing helped me so far. So the problem is that in some cases (after refresh for example) the css is not applied - actually I'm not sure that it's only the css. When JQM is being loaded well it adds some elements to the html and attributes like class. When the problem appears nothing is added so this might be the reason of the missing css. One more thing that might be relevant is that the communication with he server
fixing div with page
Hi , i want to know how i can set a div to fix at page left side. even when page is scrolled. I am begineer so i want to code myself rather than using plugin. Thanks
How to display the page loading widget while loading dynamic content?
Hello, I'm often adding content dynamically using $.getJson in order to retrieve values from a php script. The problem is that it takes a few seconds to get the content and to display it. How can I display the loading widget during that delay? Thanks a lot.
A None jQuery problem
A None jQuery problem has come back,So am thinking that you guys on here would on the Answer to this problem. Am working on a PHP form that has the datepicker init. I have added a new css file just to change the size of the picker, and it all works fine in IE9, all works fine if viewing it, with-in the root of file-server (On the server). But trying to View it in firefox, chorme, and safari they all show the old format for the calender. Which is to Big. Have changed the setting in these
I need help in making menu design
Hello everyone I explain you now what exactly i want I need to make one website where i will be having a background image. (1) There will be one squirrel on background image (2) so whenever we put pointer over the squirrel one box will be open (3) in that box i will have Menu Option . Please i need it soon. anyone can help me? Please provide me code for that
form submit doesn't work?
I was working however somehow it doesnt work know do you have any idea? <form id ="my_form" action="gs.php" method="post"> <input id="search_bar" name="q" type="text" autocomplete="off" /> <input id="button" name="submit" type="submit" value="Search Events" /> </form> <div id="results"></div> <div id="map_canvas"></div> <div id="event_list"></div> $(document).ready(function(){ $('#search_bar').keyup(function(){ if($('#search_bar').val() != ""){ $('#results').fadeIn();
problem with selected first child.....
I just don't get what's happening here.. http://mayacove.com/mobile/test_mobile.html this concerns main section of the page, not top nav... I have a hidden link @ the bottom, "back to top"... I want this link to appear only when the top link in main section is clicked ("Languages & Software"), but try as might, everything I have tried doesn't work... for example, for testing: $('body .wrapper:first-child section').css('border','1px solid red');is ignored.... thought I'd try with .eq(), but don't
gridview limit check boxes to only one checked
I have a gridview control that's bound to a stored procedure, but also contains four non bound checkboxes. What I want to do is limit the user to only one check box checked. That is to say, if the user already has a check box checked and checks a second check box the first is unchecked. I've tried a number of things but can't seem to get it to work. I assume, which is always dangerous for me, that what I need to do is on the onClick event of the checkbox, is to get the id of the ckeckboxand then
Can I lazy load images after scrollstop?
Our search results include the user's profile image. I need to lazy these images until the user scrolls and the images enter the viewport. However, I'd like to wait until after the JQM scrollstop event is fired before loading the images. The JQ plugins I've evaluated don't support this (as far as I can tell). Does anybody have a solution for this?
Referencing Sharepoint menu items
Hello I got a design for a site which sets the top menu items to be of different colours. I couldn't figure it out without use of jQuery and have also problems with that as well. I have to implement it with Sharepoint and it more or less defines the menu markup as below: <div class="menu horizontal menu-horizontal"> <ul class="root static"> <li class="static"><a class="static menu-item" title="Subsite" href="/Pages/default.aspx" accesskey="1"><span class="additional-background"><span class="menu-item-text">Front
Events in jQM bind(), live(), on(), delegate()
Can someone explain me what event method should be used for jQM? With this I mean bind() & live() & on() & delegate() ... I know that from jQuery 1.7 the on() method is preferred, but jQM docs gives us multiple examples. Maybe standardize this...
Jquery Mobile - Element is hovered after changePage
I am facing a really strange issue and I have been trying to solve it for days now. I've researched the issue, however I didn't find anyone else who faced the same issue. The scenario is the following: I am building a web application for desktop and mobile devices. I have my home page with a table grid, for my menu items. I register onlclick listener on the TD tag where I call Jquery Mobile's changePage. Something like this: $('#home').live('pagecreate',function(event){ $('#db td') .bind('vmousedown',
Closing JQM new popup cause page to refresh uselessly
Hello, I'm using the new jqm popup with the 1.2.0 alpha release and my problem is that my page from which I call the popup is refreshed uselessly when closing the popup using esc key or clicking on the screen... This refresh happen only the first time I close it. If I reopen and close again the popup the page is not refreshed... It seems that for some reason jqm history mecanism get messed up.... It don't seem to be a built-in feature because this does not happen for any popup in the jqm demo
Problem with slideshow and adding classes
im using this plugin http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage and im looking for a way to change menu class if image has current class. If the current image in the slideshow has class bright i want to addClass bright to menu. im using this code <script> jQuery(window).load(function() { if ($('#bild').hasClass('dark')) { $('#widget-menu').addClass('menu-dark'); } else if ($('#bild').hasClass('bright')) { $('#widget-menu').addClass('menu-bright'); } }); </script> this
Accordion Embedded in Sortable Connected Lists
Hello, I'm new to jquery and I'm willing to build and embedded accordion within a Sortable Connected Lists... I already succeeded embedding the accordion within the tabs however I get two issues: 1- When I drop an accordion from one tab to another I can no more see it's content when I click on the header. I can see I can open it (the little arrow show that it is opened) but no way I can read what's inside the accordion. It's somehow "hidden"...) Looks like the div is broken somewhere. Any clue ?
Documentation for v1.8?
Congratulations on the release of the neat v1.8. Looking good so far. (1) Is there a target date for availability of vsdoc for v1.8? Can I build it myself (I couldn't find any specific instructions on GitHub)? As expected, there are all sorts of execution errors when running a development project using v1.8 code and the old v1.7.2 version of vsdoc. It would be terrific to have the proper vsdoc for v1.8. (2) Please could someone confirm whether the raw xml help info (api.jquery.com/api) has yet
pjax popState and animations
Hi, i have a div that slides out of the screen, loads the new content and slides back. I use jquery pjax and that part works great: $('#menu a').on('click', function(event){ event.preventDefault(); var target = $(this).attr('href'); $('li.current').removeClass("current"); $(this).parent().addClass("current"); $(content).transition({left:$(document).width()}, 900, 'out', function() { $.pjax({ url: target, container: '#content', fragment: '#content', success: function(){
removing class from previous page when you are on the next page
This seems to be a little hard to explain, but I will try my level best. I have used jquery tablesorter for paging. working fine. Actually I have a list of songs and by default first song plays at page load. The TR of the song become active by custom jquery function which turns the class (classname = current_playing) so as to show that this song is playing. working fine. when I click on other song (other TR) then the previous song is made inactive and the TR's Class(current_playing) is removed which
is this a bug?
EDIT: Pretty sure it is, or behaviour changes from 1.7.0 onward. Reporting. I've been trying to isolate a second possible bug (or intentional behaviour change) where there is an inconsistency between 1.7.2 and 1.8.0, but I can't seem to reproduce it in a minimalised code. But during the process of trying to recreate it I noticed that the following html: <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head> <body> <script type="text/javascript">
What jQuery plugin was used here?
How do I accomplish this with jCycle: http://www.i-escape.com/six-senses-ninh-van/overview# but client wants only 2 large thumbs on the right that scroll in synch with big images I have built this with jCarousel but cant synchronise large images to fade in and out: http://www.vrischgewagt.co.za/viewFarina.html
Advice on a jquery slider please?
I have done this tutorial over four times today. see nothing wrong, would a local expert please take a look and tell me where I am off? Thank you! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>slideTest</title> <style type="text/css"> .slider { height: 300px; width: 500px; overflow:
Having an issue running more than one script plugin
Hello there, I am new : ) Anyway I am implementing jQuery into my new website and have ran into a snag. I had a really nice scroll function working in which the user would click a link and have a smooth scroll down to a #div. It worked great. But then I went back and added shadowbox.js to the site to open recent projects for display and it seems to have broken the smooth scroll. Now it just jumps directly to the #div. Here is my script section of the head of the document. <script src="Scripts/AC_RunActiveContent.js"
Append modifying <br /> tag
If I append a <br /> tag to a page it is being written as <br>. e.g $('#content2').append('New Line <br />'); looks like <div id="content2">New Line <br></div> I've checked this in 1.7.2 and 1.6.4 - is this a feature? For example - see http://jsfiddle.net/uAqFT/ cheers Stuart
Is there a performance penalty for using an overly broad selector?
I just tried using a specific selector but after ~30 attempts gave up and used a broad selector. In the wrong context the functionality of the selector won't hurt anything. But the right context is maybe 1 out of 100 of the elements selected. Do I pay a performance penalty for this? It's something very broad like: $(document).on("click", "li", function() { $("[blocked]").removeClass("ui-disabled"); } ); Where li is the selector I am concerned about being too broad. There are maybe 200 li's on the
tiptip not working ok on a new jquery v1.8.0
Since a new version jQuery v1.8.0, the boxes title using tiptip, show now on 0,0 px on screen. Do you know some way to fix it ?
New jQuery based JavaScript frameworks
Hi Everyone, My company (ThoughtLeadr) just open sourced its jQuery-based front-end framework called Sasquatch. It simplifies the process of creating desktop-caliber webapps by providing an elegant controller/view architecture and accompanying compiler. Check it out – we would love your feedback: http://thoughtleadr.github.com/Sasquatch/
events doubt
How to convert the same jquery functionality into zepto? jquery http://jsfiddle.net/EgQVX/ zepto http://jsfiddle.net/rajkumart08/s6hBG/
.html (); for getting form input tag content
How can I "get" the contents that are typed into a input on a form and place them in a element? The example below works on html elements but doesn't seem to work on input. Do I have to "action=post" the contents to make them accessible? <form> <input id="year" type="input"> <input value="Generate" id="generate" type="button"> </form> <div id="source"></div> <script> $('generate').click(function() { var year = $('#year').html (); $('#source').text(year); </script>
JQuery event binding on new clone rows
Hi , I have been working on a functionality where, i need to implement auto save on each cell of a table and also, add a new row if that cell is the last cell of the last row. The newly cloned row should also have the same binded blur events. I am able to add the new row but the event are not getting triggered. Here is the code.. Please help stuck for long now.. $("#myTable1").live("blur", function(){ var elementValue = document.getElementById("<%=count%>").value.toString(); var value
jQuery SVG: id="path_for_x:5_y:5" couldn't be found
Hi there, i'm using jQuery SVG for a while to create a game map with some tiles, i need to change opacity of some tiles (to draw a astar path finding result) but i'm stuck on a little issue: $("#path_for_x:5_y:5", mapSVG.root()).attr("opacity", "0.5");the error is: Uncaught Error: Syntax error, unrecognized expression: 5_y Does anyone know why? i tried to escape some characters like ":" or "_" but didn't fix the issue.
Insert text at cursor contenteditable
Hello, I would like to make a simple editor for my website, the concept is is turning contenteditable on, so I can edit the div. What I would like to know is how I can insert text at the cursor position in the current div? I have no idea how to google this, so if someone could give some examples or tell me what this technique is called, I'd be really grateful.
conflict with plupload
I'm having a conflict with plupload. Since adding the plupload to my page, none of my .slideToggle doesn't work anymore. Has anyone else run into this problem or know a fix?
reg-reading & print json array values
How to read & print below json array values in html table using jquery [{"det":{"id":1,"fname":"Lenin"}},{"det":{"id":2,"fname":"Lenin"}}] Regards G.Lenin
Contains case insensitive and jQuery 1.8.0
Hello, i have some problems with my conatins case insensitive function and jQuery 1.8.0. This functions works with jQuery 1.7.2. Here is my example: http://jsfiddle.net/M73dy/1/ Can somebody help me? Regards
Easing
Hello I'm trying to use the easing plugin but I can't get it to alter the duration, where am I going wrong? Thanks <script type="text/javascript"> $(document).ready(function() { jQuery.easing.def = 'easeOutBounce'; $('#item1').animate({duration:3000}); });
Callback from closing window does not fire?
Hi everyone, I am working on a cms and I have a button which will open a window where the users can input data. I bound a beforeunload event, but it does not always work. Anyone have any ideas? Here is my code: $('#addText').live('click', function(e) { $(window.open("http://www.website.com/cms/addText.html", "mywindow", "menubar=1,resizable=1,width=550,height=450")).bind('beforeunload', function() { $(this).unbind('beforeunload'); loadFreshContent('text'); }); }); Those two
Soft mouseover effect
Hi, I want to create a soft mouseover css effect, which changes the color of a Link. But I don't now which fuction to use! I tried this: function mover(obj){ if(!obj.length)return; $("a").mouseover(function(){ $(this).animate({color:"#fff"},300); }); } and this: function mover(obj){ if(!obj.length)return; $("a").mouseover(function(){ $(this).css("color", "#FFF").fadeIn("slow"); }); } The first one doesn't work and the second one is as hard as css would produce it. So what is the correct function?
Next Page