Images with relative paths not showing
I have a problem with JQM not displaying images when they have a relative path. My HTML source shows <img src="path/to/image.jpg"> but if I look at the same piece of code using firebug in FireFox, I see <img src="http://mysite.com/categorypath/to/image.jpg" JQM is prefixing my image incorrectly with http://mysite.com/categoryIf I hit the browser refresh button JQM leaves the path alone and the images display correctly. Is there any way I can stop it messing with the path?
Radio buttons only enhanced in first visit, but not in all following visits
I dynamically create a dialog page, and inject two radio buttons into it. The codes works well only for the first visit. In the following visits, strangely the radio buttons are not enhanced. The codes are at http://jsfiddle.net/BScLu/. You can open, close, and re-open the dialog, to try out.
why do events bubble down instead of up?
I'm working on combining collapsible content with checkboxes to create a tree view of selectable items. I can place a checkbox widget inside a collapsible content header but the header gets the click before the checkbox. Why? The event order appears to be the possible of normal dom events. After spending a day on this I wonder if I should consider starting with a list widget instead but I'm still curious about this question. thanks, matt
collapsible extends width of page or boundary of dialog
Straight, raw... using it as a local page within a phonegap/cordova app (cordorva 2.0.0) but the cordorva libs are not loaded on this page: Load and run this page and the collapsible extends beyond the side of the viewable area... convert it to a dialog and load it and the collapsible extends beyond the side of the dialog box. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,
Superfish - allowing the main menu item to link out?
Wondering what I need to alter in my Superfish code so it allows the main nav to be an active link along with its submenus? At the moment it hovers and displays the submenu beautifully but although there's a url attached to it, it doesn't link out. Any help would be so, so wonderful -- at a loss here.
A few problems with my Dropdown-Menu
Hello, I have some problems with my Dropdown-menu that I realized with jquery. I have got 4 divs which have a width of 160px and a height of 25px. if i hover them, the width goes to 270 px without an animation time of 0 ms and then the height goes to 375 with an animation time of 300 ms. jquery code: $('#fruhstuck').mouseover(function() { $('#fruhstuck').animate({ height: '+=215' }, 300, function() { }); }); $('#fruhstuck').mouseout(function() { $('#fruhstuck').animate({ height:
How different is jQuery and jQuery Mobile?
If I have a webpage powered with jQuery would it be seamless on a mobile device or should it be (partially) re-coded using jQuery mobile to be viewed and managed on mobile devices?
Plugin like Internet Explorer Information Bar
Sometimes Internet Explorer displays an yellow information bar on the top right? Does JQuery has any plugins to display a similar information tooltip for the users?
Flicker issue with jqm listview. If removing one list item from the top using $('.list').remove() is followed by the listview.refresh() then the listview.refresh() api causes UI flicker.
We are using jquery mobile listview with jquery mobile scrollview plugin. Listview is used to show the data records from the server. So if the there say 20 records in the list view but it shows only 6 at a time in the list view and rest all are hidden by the scrollview plugin. User can scroll through all the records using scrolling (down\up) provided by the plugin. Once the user has reached the end of the current set (last record or 'li' element) it request the server for next 5 records. Once the
Javascript - Swap Image and Raise Div Height on Mouseover
I have a Javascript effect I need to implement as quickly as possible. I have a target image that I need to change whenever someone hovers over a floating thumbnail. I also need the thumbnail to raise 10-15 px higher when the user hovers over it. So far, I have the following code: <div id="rotator"> <img id="target" src="images/banner1.png" /> <div class="left" id="thumbImage"> <a rel="lightbox" id="1thumb" title="Thumbnail 1" href="images/banner1.png" class="thumb
Cycle plugin caption with one slide
Hi, I can not get to see the div (.caption) if the slider contains only one slide (image), while if the slider contains multiple slide you see the correct div (.caption) for each slide. Is there an alternative to AFTER property? Thank you very much for the help! Here is the code: $('#slideshow') .after('<div id="products-nav">') .cycle({ fx: 'fade', speed: 2000, timeout: 0, next: '#next', prev: '#prev', pager: '#products-nav',
How to Change Attribute
Hi, This is my code : if ($(this).attr('class') == 'loginactive') $(this).removeClass('loginactive'); else $(this).addClass('loginactive'); Can you shorten this ? Thanks...
Single Page link to same page- how to do it
i have a single html5 page (NOTE:- its not a multi-page).. I load a big XML with say 100 nodes and display one node content on single page.. now when user say next, i want to load same page with 2nd node.. user click next, i call same page with 3rd node content .... I achieve this dirty way of re-submitting his html url as external link but issue is every time this page is loaded i had to re-parse 100 nodes again.. any good way to do this so i can keep my global variables as-is which are obtained
Reaction from jQuery Mobile Community on Phonegap Post?
I just read a post by "sintaxi" the Co-creator of Phonegap who basically slams jQuery Mobile.. "JQuery is enormous and has no business being on a phone. Footprint still matters in mobile and there are much better alternatives (such as Zepto or XUI) that do the job just as well. As for jQuery Mobile, despite the version number, it really is alpha software (those are the kindest words I can muster at this time). I wouldn't recommend using JQM based on the jQuery dependency alone, but even without that
Issue transfering Javascript to Jquery
I would like to use my javascript below to make it cross-plattform compatible. But I don't know how to get started. My script is connected with css, on hover the number will be displayed as drop down. <script type="text/javascript"> "user-strict"; (function() { function main() { var nav = document.getElementById( 'navSalon' ); for( var i = 0; i < nav.children[0].children.length; i++ ) { var x = nav.children[0].children[i];
.on() .off() namespace.
Hey guys, today I experienced a problem a little weird. I have two functions and two events linked to these functions. Inside the first function I do an ajax request that if the result of that request is empty I simply clear the event linked to that function, else, I trigger my other event. The problem was related to the namespace, so I have: $(document).on('user.location', func); $(document).on('user.location.check', func2); What happens is when I trigger the user.location after user.location.check
why some times asp.net button click event(dynamically) was not firing
Hi, A dynamic click event of asp.net button was working fine for a few days, after that it was not firing what's wrong in that <asp:Button ID="btnNames" runat="server" OnClick=" btnNames_Click" CssClass="hidedata" /> Invoke("btnNames"); function Invoke(buttonID){ $("#"+buttonID).trigger('click'); } Srihari(:~
jQuery on function with click after loading a page
So: /* handle links */ $(".link").on("click", function() { $("#content").load($(this).attr("href")); $(window).scrollTop(0); return false; }); This works fine for the main page but when I load content into #content and click a next link that was loaded into the #content it does not seem to be catching it. <div id="prev_next"> <a class="button button-blue link" href="content/howto.html">Prev</a> <a class="button button-blue link" href="content/basic.html">Next</a>
select global checkbox upon all children selected
Hi there! I'm stucked ... Here's the code I'm trying to develop but it doesn't work: http://jsfiddle.net/VRjzF/ My idea is to check all the checkboxes both when you click over "All" or all the other children checkboxes has been selected. - I didn't know it was imposible, so far I wouldn't had achieved it. -
dynamic selection with :not
Hi all, I am stuck here in a problem, that at first I thought would be easy to solve, but then it didn’t. I have to add that I am a relative beginner. In my page I created a fold out menu with the following items (titles of things shown on the page) <div id = "foldout" class="item firstleft"> (//with CSS opacity: 0) <img class="titles" src="images/title_1.png"></img> <img class="titles" src="images/title_2.png"></img> <img class="titles" src="images/title_3.png"></img>
radio button group with one native button
Hi All, I am just wondering if it is possible/supported to have a radio button group where only one of the buttons is native (data-role="none"). When I click one of the enhanced buttons, a JS exception happens because there is no widget on the other input. <fieldset data-input-name="radioGroup1" data-role="controlgroup" id="radioGroup1"><input data-mini="true" data-theme="a" id="item1" name="radioGroup1" type="radio" value="item1"></input><label for="item1">Item1</label><input id="item2" name="radioGroup1"
Tablesorter default select row in
I have a tablesorter table. I need when the table loads to pre-select a row. Can't seem to figure out how to do that cleanly. Any insight?
fadeIn new content
Please who can tell me how to fadeIn this content? thanks my code: $('#add_item').click(function() { $(this).before('<p>new </p>') })
Problem with pagination resetting to first page by using tablesorter & tablesorter pager with jquery.js file
Hi Team, I am using the tablesorter & tablesorter.page plugins with jquery.js to support my struts 1 version. Here i am building the table dynamically getting json data from ajax call. Displaying the data everything is fine with five rows per page but when i click on the header part of the table pagination part displaying the page & total pages like "1/1" instead of "1/18" if i have 90 records also. I think it is considering the total rows as five only which i am displaying in table and doing
JQuery Mobile: show loading message for external link file
I have spent awhile searching for the answer to this, and I am still at a loss on how to do this. Disclaimer - I am a noob working with jQuery Mobile, but learning as I go. I have designed a mobile site that uses several separate files to provide content due to SQL queries. Main page (which itself has several different pages) has a link to one of these other files. I have setup the link code with the rel="external" code and the link works fine. However, because the new page has a relatively large
Uncaught reference error, jquery is not defined
Hi, Am using the following jquery in my application, JQuerySliderAccess.js JqueryTimePicker.js jquery-jvert-tabs-1.1.4.js jquery-ui-1.8.11.min.js jquery.blockUI.js jquery.validate.min.js jquery.validate.unobtrusive.min.js and also i have added Jquery-1.5.1.js Jquery-1.5.1.min.js so application working properly, but i felt don't need two versions of the js in single application, so i have removed the jquery-1.5.1.js and Jquery-1.5.1.min.js. but after removed the application giving the exception,
JQuery Form Question
Hello I am a total beginner to jQuery and java, but I am currently working on a website for a company that will be taking orders via the website. There will be a "place an order page" where there will be a series of forms to be filled out by the client. Based upon the response to the first form input, the second form will need to change, and this will have to occur several times. Here is a scenario: Client is presented with dropdown style list form with choice of "Channel Letters" or "Sign Cabinets".
sequence.js plugin error in IE when/if Iframed
Hi, I have setup the sequence.js plugin on my website icode.office-on-the.net:557 but Im having a problem that If I load it on IE 8, it doesnt work, but if i refresh the page it starts working? The same problem occurs on an ipad except it doesnt work after refreshing the page. If i clear the browsers cache and load it again, it works - but only on the initial load. After that the plugin does not load and I just get the loading animation. All other browers work fine regardless of how many times you
In the bind() method, checking if the event returned false
Hi, In the following bind() method, how do I check if the event has returned false: .find( 'button.save' ) .bind( 'click', function( event ) { if (?? != false) { self.save( self.element, event ); self.change( self.element, event ); } return false; }) .end() Here's the event code: $('.doc_editable').inlineEdit({ save: function( event, hash ) { var loadUrl = "phpparts/document.php"; var messageDiv = "#doc_message";
$.mobile.changePage without ajax
How we can navigate to another page using $.mobile.changePage in blackberry5 which does not support ajax
LocalScroll by Ariel Flesler - how to change the offset parameter from within onBefore?
Hi, I cannot figure out how to change the offset parameter from within onBefore using LocalScroll plugin by Ariel Flesler. Below is the example of functionality I'd like to achieve. Thanks for any help because I'm stuck:( $('#menu').localScroll({ hash: true, offset: { top: -60, left: 0 }, onBefore: function(e, anchor, $target) { if (something) { offset.top = -100; } } });
Angled split menu at one page site
m searching for the answer more than a half a year, bud did not get any solution. So if anyone could help me, i will really appreciate it. I am making a one page portfolio. The content of the site will be horizontal scrollable, only the menu is fixed. The first 2 pages are black and last one is white. But the 3rd page is half black and half white, it's kind a seperator of the two backgrounds. So my problem is, that i need a color changer on the horizontal line, which will change the color of the
Background disappears after page load in JQuery mobile android
I have been working with Web application for tablet using JQuery Mobile. At present i am facing with the issue, when page is loaded, the back ground of the page has been disappeared. Going through it i came to know if one of JQuery framework js files(jquery.mobile-1.1.1.js) is removed it works fine,but where styles are not applied if i don't include this file into page. What shall i do now? shall i override the default theme loading functionality in that js file or any other solutions are much appreciated.
JQM 1.2: elements underneath the footer are being clicked
Hi I'm testing JQM 1.2 and I have this strange problem: If there's an element hidden underneath the footer, it's being clicked when I tap one of the footer elements so for example, if I have a long page and one of the elements, say a select, is position underneath the footer, it will be tapped and opened then I tap the footer. I've only tested this on Samsung galaxy s ii with android 2.3.3 any clues?
Twitter Search Plugin fails
I am getting undefined as a result when using this plugin. Has Twittter now pulled the plug???
add songs to music player play list
is there possible to add songs(mp3) to music player by clicking on song and after end of song displaying alert message? if possible can any one explain that one. thank u.
How to pre-set the date in the text box control before popup calendar is displayed
Hello. I am using the JQuery popup calendar control. I pre-set the date to today's date, and that date is pre-selected in the calendar when it pops up. however I would like for the default date to be automatically be copied to the text box before the calendar is even displayed. Does anyone know how to do this?
Issue: Using zclip and iButton plugin on the same page
iButton plugin makes zclip to not be copying the text, after I comment "iButton" codes, zclip is worked fine. Anyone experienced this issue?
Creating query strings
Hi all, I am trying to create a query string for one of my web part (sharepoint) project. For example, when a user enters a value in text box and click on search button that will take the text box value to the query string. If the user enters "Oregon" click on search button , the value should be in URL like this http://sharepoint.com/sites/pages/default.aspx?state=Oregon What would be the code for this ? Thank you.
Opacity in IE/jQuery // solved ugly
Inelegant solution, ok in FF, Chrome and IE: put the opacity css inline, directly on the div. Original post: I have a problem with IE8 rendering opacity: it's an overlay set to 50% opacity, code below. The css renders correctly when it's simply set to appear when loaded. However, if the overlay is set to 'display:none' and then faded-in, it renders correctly, then immediately jumps to full opacity. This behavior is consistent, local testing in IE8, across compatibility mode on/off, and compat. mode
Next Page