Difference in $.data between jQ1 and jQ2
jQ 1.11 camelizes keys added with $.data, while jQ2 does not camelize them: http://jsfiddle.net/trixta/6wAKJ/ Just wanted to ask wether this bug is already known? Can't believe it's unknown :-D.
Issue with Jquery Mobile Buttons on Chrome Mobile Browser.
Hi There. I'm brand new to jQuery and I have been going through a series of tutorials to learn the basics of jQuery Mobile. As I was writing some of the sample code I noticed that on my mobile version of Google Chrome (Ver. 33.0.1750.170) Im not able to navigate to anchors on the same page. This behavior works fine in all versions (IE9, Chrome, and Firefox) for the desktop. Below is a sample of the code that I was working with. (Please spare the critique about why i shouldn't reference links like
Subheading css class override behaviour changed in 1.4.2?
I am trying to upgrade from Jquery Mobile 1.2.0 to 1.4.2 and have struck an annoying issue with CSS styling of headings. Sub headings <h3> etc that I have styled with a specific CSS style are no longer displaying with that style. e.g. the below code used to apply the subtitle CSS class and now reverts to Jquery Mobile standard. <h3 class="subtitle"><a href="civilrights.php" data-role="none">The Philosophies and Strategies of the Non-Violence and Black Power Movements</a></h3> CSS snippet .subtitle
Issues With Back Navigation
I am developing a small app using jQuery Mobile. I have been facing an issue for past 3 days and i am not able to track what is wrong in my html or javascript. I have a multi-page html which is loaded first and when i go to some page(like B.html external link ) from (i.e A.html) it works fine and i have one more C.html which opens from B.html on some buttons click. Problems start here when I press back button, when back is pressed C.html markup got appended into B.html and if I further press
Change the class of date randomly in Keith wood datepick
Hi, I am using keith wood datepick calendar. My requirement is i have to set budget on some dates, as i entered the budget on text box i wanted to mention that budget bottom of that perticular date on the datepick open calendar. I worked it using onDate: function (date, inMonth) { content: date.getDate() + '<br><sub>$56</sub>'}, but this will work only when datepick will load at the time of loading page. but now i want it to fly as i do the changes on text box it should mention on datepick
create array of objects
Hi all, I have a simple question , If I have this variable: var template={ range : "54" , matrix1 : { 'a' , 'b' , 'c' }, matrix2 : { 1 , 2 , 3 , 4 } }; and I have three options of it,such as: template1={ range : "32"
Creating multi-dimensional array and retrieving values from array
Hi, I have multiple elements retrieved from JSON method, which I want to add to a array and then retrieve the values from it. I am not sure, how to achieve that. My current code is as below: var srcs = []; var enumerator = this.pictures.getEnumerator(); while (enumerator.moveNext()) { var currentItem = enumerator.get_current(); var filename = currentItem.get_item('FileLeafRef'); var dir = currentItem.get_item('FileDirRef'); var caption1 = currentItem.get_item('ImgCaption1');
Pop up position always reposition to "window" when resize the window
Hello, I use the popup widget of jqm1.4.2, set data-position-to="#position-header", but when open the popup div then resize the browser window, the div is reposition to the center of window position not the original one. I check the code of the jqm1.4.2 there is something as follows: _resizeTimeout: function() { if ( this._isOpen ) { ........ this.reposition( { positionTo: "window" } ); this._ignoreResizeEvents(); } this._resizeScreen(); this._resizeData = null; this._orientationchangeInProgress
Forms in ui Dialog
I have a standard form which uses .php to process. I have put this inside a modal window. It loads ok and displays fine following all the css rules. However, I can not select any of the fields / buttons or type in any of the fields. I would rather get this form to work than have to rewrite it all again. How do I get the already created and working form to work in this window or do I have to recreate the form using the dialog widget?
Enable Last two image buttons on the <li> of <ui> using Jquery
Hi i am working on asp.net 4.5 + Jquery Here is my code: If you could see my code i am using imagebutton on the repaeter. Is it possible to enable the last two image buttons and disable rest of all the image buttons using Jquery? any suggestion or sample please I did try with the below code and it didn't helping me to achieve: <script type='text/javascript'> $(function () { $('#mycarousel li#imgcontent').last().attr('enabled', 'enabled'); }); </script> The version of Jquery what
is :hover, different result using mouseleave and mousemove
Hi, look at this example page http://www.gametalking.tk/provaIsHover.php (i'm using jquery/2.0.0) I need to show the red box hovering the black one, and hide the red leaving th black but ONLY if the mouse is not positioned on the red It's less convoluted than it might appear, imagine a drop down menu system. Anyway the problem is that the result of var isHovered = !!$('#box2').filter(":hover").length; is different depending on whether it is positioned insiede the mouseleave event or inside the mousemove...
Problem display on Samsung S4
Hello community. I am using jQueryMobile 1.4.2. When I view it in the browser and some devices, it appears great. But when I see my app on a Samsung S4, all items are very small. It has to do with: <meta name = "viewport" content = "user-scalable = no, initial-scale = 1, maximum-scale = 1, minimum-scale = 1, height = device-height, target-densitydpi = device-dpi "/> But do not know how to fix it. Someone already solved? Or to any idea for this issue I apologize for my English Thanks in advance. Regards
Jquery/Ajax question Ajax getting skipped.
I am teaching myself the basics of ajax. I have a good basic knowledge of JavaScript. I have a site that I use JavaScript like it was going out of style but would benefit greatly with the use of ajax. So I am playing around with ajax. In my exploration of ajax, I am building a very simple page which calls the body of a very simple aspx page. It works great, until I want to fire the ajax with a button click. the button will fire the event, but after it runs the jquery library - //ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
plugin.min.js
Hello: I am writing because I inherited an application which utilizes plugin.min.js and the interface is using the plugin.min.js to enable the user to attach a url. I now need to attach not just the url but also a .pdf file I think I need to use the Apache Commons FileUpload 1.4-SNAPSHOT API in addition to the plugin.min.js to accomplish this, but wanted to run this by the forum to see if anyone has any experience configuring plugin.min.js to do file upload, or if they have experience combining file
Setting overlay text on Image
Hi, I have a image library which has the following metadata. Header1,Header2,SubCaption, Url, Url text I want to show the metadata information on top of the image. Example Image below: I have used a third party plugin(basic slider - http://basicslider.com/), My current UI is as below: <script type="text/javascript" src="/Scripts/bjqs-1.3.js"></script> div id="banner-fade"> <ul class="bjqs"> <li><!-- Images --></li> </ul> </div> jQuery(document).ready(function($) {
Click to trigger complex animation
Hi I'm absolute new to JQuery and this forum. Also spare me at my bad English. What I'm trying to do is to get this skeleton character to walk when I click on the screen (or tap on IPAD). I could just finish a simple animation as a x-axis movement. Here's my code: $(document).ready(function() { $('#btn_right').click(function(){ $('#death').animate({ left:'500px' },'slow'); $('#shadow').animate({ left:'450px' },'slow'); }); }); I would appreciate much for your help
tracking
Hi I was able to create a site where I was able to count how many people scrolled to a section of the page. I've been looking but I don't seem to be able to figure out how to track how many people has left the site. Can someone help me with this? Here is the code that I have var hasScrolled = "blank"; $(window).scroll(function() { var y_scroll_pos = window.pageYOffset; if(isIE()<9 && isIE() != false){ var y_scroll_pos = document.body.scrollTop || document.documentElement.scrollTop;
Jvectormap Color issue
I am trying to achieve this behaviour: ->Color depend on one array value and Size of the circle on another array value. I referred this site which suits my requirement a half- http://jvectormap.com/examples/usa-unemployment/ I wanted to assign colors for each circle not the ranges of colors. Meaning on runtime the colors of each circle needs to decided. I am trying the following code but i get only the ranges of colors not the individual colors. Please help me resolve the issue! $.each(result,
Struggling to understand .each() looping
//CAPTURE THE 'MIDDLE' NUMBER FROM .attr("iid") INTO AN ARRAY. So get "33803' from the .attr("iid) into an array using .each and the object $(this). I guess i'm still missing something regarding this jquery 'looping' business. if someone could please get me past this hump I'd appreciate it. thanks -dave <table> <TR class=ms-itmhover id="wtf" iid="1112,33803,0" setEdgeBorder="true">wtw</TR> <TR class=ms-itmhover id="wtf" iid="1112,34443,0" setEdgeBorder="true">xxx</TR> <TR class=ms-itmhover
jQueryMobile-Phonegap : Footer alignment issue in Windows8 Landscape mode
I have been working on a jQueryMobile App wrapped in phonegap with fixed footer. In windows8 phones, while changing the orientation to landscape mode, the fixed footer is not aligned correctly in landscape mode only. The footer seems to have a bottom padding like behavior in landscape mode. In Portrait mode, it is aligned perfectly. I am using jquery.mobile-1.3.2, and Phonegap 2.7.0. I have been trying the fixes mentioned in the below URL's, but did not help: https://forum.jquery.com/topic/jquery-mobile-fixed-footer-not-at-the-bottom-on-windows-phone-7-and-8
IPAD 4 gen / IOS 7 fixed footer bug (1.4.2)
Hi, I was testing my webapp in one Ipad(4 gen ) and i have an unexpected behavior using a fixed toolbar in the footer, after hours looking for errors in my code I decided to look what happens with the demos of JQuery Mobile and i think i have found a bug http://demos.jquerymobile.com/1.4.2/toolbar-fixed/ As you can see the toolbar/footer is no longer fixed to the bottom, and this also happens when the content of the page does not fill the entire page, in that case safari places a grey bar, but this
Add Images to LI tag dynamically
I have a div which contains a "li" tag. I have few images which I want to add the "li" tag programmatically. Below is the code I have used so far, but not sure how to add the image to li tags dynamically. <div id="div1"> <div id="div2"> <ul class="clsUL"> <li></li> </ul> </div> </div> pictureArray = new Array(); var pictureCount = 0; var enumerator = this.pictures.getEnumerator(); while(enumerator.moveNext()) { var currentItem
Private member access in prototype pattern
pattern - accessing private members from prototype methods http://arto8.site11.com/ArtoJS/prototype-private-access.php
Over ride ui-content css
Hi there, I am having some real trouble with overriding the style for ui-content class. I have checked out other posts on the forums and i can't figure out what I am doing wrong. I have tried: 1) Overriding the styles with my own custom stylehseet (even using !important) 2) styles inside the head tags of the page 3) inline styles within the element itself 4) Editing the Jquery mobile framework css files And still nothing can get rid of the padding that I am experiencing on my page. This is doing
Need help show/hide input field using $.post
Hey guys. I have been racking my brains out to get this small function to work for the past 2 days. I tried every single thing I can possible think of and it still isn't working!! :( What I'm trying to do, is show an input field if a php property($is_delivery) is set to true. Initially it is set to false. When the drop down option is set to "Delivery" an ajax post needs to set it to true and display the text field. Also FYI. If you guys are wondering why can't I just use show/hide... It because
Show Tooltip after page load
Hello Team, I would like to have your help. I am trying to show the tooltip after page load but I cant. I use $( "#absenden" ).tooltip("open"); but nothing happens. Could you please help me ? Thanks in advance
Reverse transitions scroll position.
Hi, is it possible with JQM that when using the back button or transitioning to the previous page it doesn't remember where you have scrolled from on the previous page but instead displays from the top of that page as if it was originally transitioned to. Thanks in advance. *Pages are internal.
jquery not recognising new svg instance (loaded from ajax)
My project revolves around an interactive svg map. When i click a region.. ajax updates the container div with a new svg map. All looks good. My current task is to update a secondary div with the name of the current hovered svg path (region) of the current map. This works completely fine until i click a region and ajax updates the map to a new map. The secondary div stops updating and stays frozen on the last piece of hovered data. E.g. the jqery code that handles this task stops working, but the
Chrome App doesn't execute jQuery
I've encountered a strange problem with my chrome app i'm developing at the moment. I want to use the "knob" extension to use it for a alarm-clock slider (to set the time) This wouldn't be a really difficult matter, wouldn't it be for the restrictions and strange issues found while programming a chrome app. In my index.html file I included the jquery library and the knob extension. And that is where the problems started. Somehow, my scripts only can use the Id's of elements that are above them. So
jQuery keyboard navigation : dysfunction with mouse
Hi I have a script for a keyboard navigation that partially works. When I'm on the home page (top of page) and I press the "down" key on my keyboard the page scroll fine to the next section. The problem is that if I scroll with my mouse in the middle of the page, or at the bottom of the page and I want to use the keyboard to get to the next section (on top or bottom) it doesn't work. In fact I have a counter system that lets you navigate between sections $ ('.layout') but this system shows its limits.
RadioButtonList enable disable TextBox
Hi all I want disable enable textbox with selected value of radiobuttonlist Markup <table> <tr> <td style="width: 15%;">Property Rights Appraised</td> <td style="width: 22%;"> <ww:wwWebRadioButtonList ID="rbtnPropertyRightsAppraised" AutoPostBack="true" runat="server" RepeatDirection="Horizontal" Width="100%"> <asp:ListItem Text="Fee Simple" Value="FeeSimple"></asp:ListItem>
Text out of sync with fadeslideshow
My question is twofold. I have a jQuery fadeslideshow which displays a caption along with the image. P1. I cannot seem to get the text to display below the image. Anytime I attempt to do so, it is clipped. I know it is getting clipped because I have padded it down to the bottom of the image to where it actually clipped. It seems anything I move outside of the height/width of the slideshow is clipped, except the control buttons which are absolute positioned. Q1: How d I display text outside of
animate the element's left property
Hi, I try to run this simple example, but I want div.silder to be hidden (it's left:-200px) then div.silder and div.content will slide right after click on .menu ul li a . why div.silder is above div.menu ? can you help me please Thanks
Problem with jquery and internet explorer
Hello, I'm developing a web application and I'm having some problems with internet explorer. I'm using the jquery dialog and in my localhost the application is working perfectly, but when I run it in IIS works fine in all browsers except internet explorer. I have internet explorer 11 version. I'm using asp.net. The script section is: <link href="~/Estilos/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css" /> <link href="~/Estilos/estilos.css" rel="stylesheet" type="text/css"
Add Cookie to jQuery Sidr
am trying to add a cookie to my jQuery call for the plugin called Sidr I want the slide to stay open when toggled and add a cookie to remember the state. e.g. $('#simple-menu').sidr({ side: 'left' // By default }); Any ideas on how to do this please? the following are the open and close calls. //close $.sidr('close', 'sidr-main'); // Open $.sidr('open', 'sidr-main'); I have found an example online and tried to modify this http://jsfiddle.net/7m7uK/ but failing. Ive taken the cookie code from JSFiddle
jquery tabs and html applications (.hta)
Hi All, I'm new to jquery and jquery ui. I've been trying the tabs example (http://jqueryui.com/tabs/). This works fine in IE but if I try to put the same code in an html application (.hta file), the tabs layout and styles are all wrong ... any suggestions on whether jquery UI works in html application files ?
nyroModal popup - disable scrolling outside of modal popup
I don't know if I'm phrasing my question correctly. I'm using nyroModal modal popup. It works great except for the fact when I open content in modal box, and try to scroll outside the modal box, the web page behind it scrolls. I don't want the webpage to scroll when the modal is popped up. It is a default nyroModal behavior right now. Is there an easy way to modify this behavior? As I inspected one other popup plugin out there, I found that I need to set overflow:hidden on html element, like so: <html
Jquery sortable + clone
Hi All, There are two ul list (list A & list B). I would like to develop and drag function so that users can drag the items in list A to list B and vice versa. However, after the items is dragged, it will be disappear in the original list. How can I keep the original item in the original list? Below are my codes <ul id="sortable4" class="connected sortable list1"> <li>Item 1 <li>Item 2 <li>Item 3 <li>Item 4 <li>Item 5 <li>Item 6 </ul> <ul id="sortable5" class="connected sortable
scrollto and mousewheel Plugin
Hello, I just got into the subject jquery und already have a problem: I built two scripts into my new project: „scroll to“ and „mousewheel“. The mousewheel effect works very well and I can slide from site to site. But when I use scroll to in the navigation and jump to an stay/ anchor (slide) I can not use the mousewheel effect to scroll upwords. Everything switches downside, I can scroll down but then I end up in empty space. I guess its because the scrollarbor changes position when using the „scroll-to“
ajax.googleapis - missing ajax-loader.gif ?
Was just wondering is it me or the ajax-loader.gif is missing from ajax.googleapis libs ? Works fine - http://code.jquery.com/mobile/1.4.2/images/ajax-loader.gif Missing ?: http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/images/ajax-loader.gif
Next Page