opening jquery dialog
I am able to display jQuery dialog on click. I have added a div in c# code dynamically. I have opened a jquery dialog in the center of the div added using code. When I click on the link the popup is opened. When I scroll the page the popup is also getting moved with the scrolling of the page. What I want is that when the dialog is opened and I scroll the page the dialog should be in the centered of the parent div in which it is opened and it should not move from the parent. I don't want to set popup
jQueryUI Autocomplete - selecting an element, even if not hovered
Hello, I face a small issue with jQueryUI autocomplete. Elements become shown as desired, meaning I see the suggestions for what the Im currently typing. Now I would like to make it possible to react and user Input (using a onkeyup listener) and watching for a return - to select an element and activate that option. I was looking at http://api.jqueryui.com/autocomplete/ but there is some problem in the underlaying code: - In order for an element to be selected and activated, the mouse is forced to
Please help jquery ui tabs.
I'm newbie about jquery ui tab...my prob is this..there's 2 tabs in my page and the 2nd tab hold a submit form but when I click on submit button it will refresh the page and focuses on tab1..I wan't to stay tab2...anybody help me please T_T...
Content not styling
Hi If I try and create extra pages to my app, such as homepage, when the user clicks on the 'Search' button on the home page, when the script(next page) loads, it doesn't style up the list views. It only styles up when you refresh the page. Is this something down to how and when the script loads. Is this JS loading too quickly before the page content is available and thats why it needs to refresh. I tried exporting the JS code into a separate JS file and injecting it on page load but thats not
regex id for button
how can i assign code to id starting with "d_" for exampe when i clicked button which id start with d_ some function will run $(document).ready(function(){ $( //id starting with d_).bind("click",function(){ //ANY CODES }) }) $i=0; while ($row = mysql_fetch_array($result)) { $i++; if ($row["OrderID"] != '') { echo ' <tr class="tr'.$i.'">
forking themeroller sources
Hi, I'd like to fork the sources of the themeroller in order to use it into my own project, I downloaded the sources of jquery UI from github, but nowhere i found the sources of the (wondefull) themroller, where would I found it, please? and thanks a lot for your wonderfull work! :)
RSS feed
Hi, I have this code which populates a listview from an RSS Feed, what i would really like is when the user clicks a link, it goes to a new page in my app and displays the 'content' tag from the feed. If anyone could give me any guidance on how i could achieve this, it would be greatly appreciated, thankyou. Below is the code so far: <!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">
Old jQuery.attr('href') functionality
Hi I'm trying to upgrade a large number of sites at work from very old versions of jQuery (1.2.6, 1.4.3) to the latest version (1.9.1). Things are going pretty well - the Migration script does most of the legwork even though that's only for 1.6.4 to 1.9.1, I think I've got most of the other changes that need sorting. There's a couple of issues I've run into though, with the main one being the changes from .attr() to .prop() - as all of our code uses .attr() and some breaks if we just change it to
Query with jquery.min.js
Hi, I am very new to using jquery. I am trying to develop a gallery in lightbox which uses jquery.min.js. When testing in a browser the gallery works fine in Chrome but not in IE 8. When enabling the script debugging feature in IE 8 I get a message as follows: Error in line 120 character 165; invalid argument and the code f[b]=d is highlighted in yellow. Can anyone tell me what to do please? I am not familiar with java script. Is my copy of jquery.min.js corrupt? If so how can I easily download
Jquery and Internet Explorer compatibility
hi guys,... can anyone help please,... I have this dialog box popup works with Google Chrome, Firefox,... but NOT with Internet Explorer,... It takes like a regular link and NOT opening dialog box,... I have to reload the page for it to work,... Once the page is reloads, it start working. Go to any subsequent pages,... stop working until I reload the page "F5" How can I fix this...? <script type="text/javascript"> $(document).ready(function() { $('#photo_dialog_<?php echo $photo['Photo']['id']
form based website or mvc ?
I have a confusion. I found html jquery and ajax with json for server communication very fascinating. But is it the way to go for building a web app ? I am inclined towards this because I also want to do a mobile app out of it. If this is the right approach, what are the challenges ? Should I put all my web pages in separate divs and load / populate on the basis of requirement ? will it be slow ? thanks for putting some light and thought process. regards jgs
jQuery plugin bgImageMenu time-out programming issues
Please take a look at the development site. I'm using a jQuery plugin called BgImageMenu. This works great unless the user moves the mouse too quickly over the menu. The animation only seems to work when hovering over a new panel when the previous animation is finished completely. I've played around with the speed settings but nothing worked. There must be something that can be changed or added to the time-out programming but I don't have a clue.
Jquery mobile and phonegap application on blackberry
Hello, I have just started wroking on Jquery Mobile wrapped in phonegap for blackberry phones. I have a few screens with tabbars, navigation bars , collapsible lists etc. The issue is with rendering the navigation bars which are included in the footer. There seems to be a lag while loading the pages and the navigation bars when scrolled,get all distorted and out of place but, after a few seconds fall back to the correct place. The arrow images that appear with the lists are not displaying correctly.
Video control by frame
For a website my customer wants to display a video. This video shows a house which makes a turn of 360 degrees. By pressing a right or a left button the user needs to have control over the animation and turn the house right or left. To make it even more difficult, the house must turn in 4 steps from 0 till 90 90 till 180 etc. When the animation stops clicable areas must be shown to show information. What is the best way to approach this? I think to cut the video i have in seperat frames and then
Count Bubbles with Collapsibles
Is there a way to use count bubbles on collapsibles?
Language
Does Jquery Mobile support a multilanguage? I meam when there is a list view and select other language it will change the whole text/string to the language selected?
Login problems with redirects
Background: * Using Ruby on Rails 3 with Devise for authentication. * All pages (except sign-in, sign-up, etc) are behind authentication * My "home" page contains multiple jQuery Mobile "pages". Problem: When the user tries to visit the root / home, they get redirected to login. After the user authenticates, they are redirected back to the root url. The root path contains multiple jQuery Mobile pages. Root URL attempt: http://localhost:3000/ - redirects to - Login page url: http://localhost:3000/users/sign_in
Panel slideup?
I would like to make something similar to the yahoo news on the lock screen of Android devices : http://youtu.be/tS537vD0LLU?t=8m52s I have looked panels but there is no data-position = top :/ Is there any best solution that a link button with an expand icon at the top and the attribute data-transition="slideup" ?
Dynamic listview
Hi, I have this code which is working quite well. The listview is styling up properly 'ALL EXCEPT' the first item in the list. Is their any reason for this? When i inspect the item in chrome, it is telling me that no classes has been added to the list item, so I know this is the problem but have no idea how to fix it. How can i force the styling on this item. I have tried moving the entire code block on the page but nothing is working. Any help is greatly appreciated: <!DOCTYPE html PUBLIC "-//W3C//DTD
how to use 2 or more datepicker in 1 form?
<table> <tr> <td>Date of Bird: </td> <td><input type="text" id="datepicker1" name="datepicker1" readonly /></td> </tr> <tr> <td>Date of Join: </td> <td><input type="text" id="datepicker2" name="datepicker2" readonly/></td> </tr> </table> I have a form like this. I want to use datepicker in 2 input (or more). Please help me how to make it work? Thanks all.
Need multiple fied min sliders on one page
This is probably an easy thing to do, but I haven't been able to set up multiple 'Range with fixed minimum' sliders on one page. I'll need three all together. When I try to dupe the inline code and change accordingly, the slider disappears. I'm new to jQuery, so it's a bit over my head. Here is the slider I'm referring to - http://jqueryui.com/slider/#rangemin - I want to put 3 on a page, side by side. Also, is there a way to set up one of the sliders to show the months of the year (Jan - Dec), instead
Images on the background side
Hi everybody ! I present you my problem: I have to create a website with the central part fixed 1080px wide, a yellow background (color to the body, it's easy), and images on the left and right images, do they dont have to affect the horizontal scroll. If you look at the website of LaStampa you can understand better what I mean: http://www.lastampa.it/ The feature that I need is that the scroll "feels" only the central element and not the images of the cars. How can I do that? Thank you!
jQuery UI dialog steals focus.
Hey. Need your help. I want remove standart close button of jQuery UI dialog, and bind event to another link. But also I wanna set confirmation (with different plugin) to my close button. When I did it, and show my confirm dialog, I can't change focus, when I click on the custom close link. Problem is: try close UI dialog with different link, and after click it, can't set focus to any element. Code example: jQuery(document).ready(function() { $('#file').dialog({ draggable: false, resizable: false,
jQuery Tabs problem
I am trying to get this to work: <div id="tabs"> <ul> <li><a href="Tool1">Tool One</a></li> <li><a href="Tool2">Tool Two</a></li> <li><a href="Tool3">Tool Three</a></li> </ul> </div>And in my document ready: $( "#tabs" ).tabs( { beforeLoad: function ( event, ui ) { ui.jqXHR.error( function () { ui.panel.html( "Couldn't load this tab." ); } ); } } );Tool1, Tool2
load multiple file with get
How can I load 3 csv files and parse them? When I use the jQuery get method I have to wait for the callback from the get...but how can I wait for all 3 callbacks?
Multiline button-labels
Hi I am searching for the CSS rule to make a button have multiline labels on mobile devices. Deactivating the rule on line 1810 in the default theme .ui-btn-inner {... white-space: nowrap; ...} works fine on desktop browsers, but on my iPhone the buttons are still on one line.
Autocomplete-Display suggested items starting with query character first instead of items which contains the query character
consider data source:{asp, java,pearl}; By default if user enters 'a' suggestions are shown in this order-java,pearl,asp. Instead I want the suggestions to be displayed in the following order: asp,java,pearl.
JQuery Mobile ready for enterprize application development usage?
Hi, I am a fan of JQuery. I am tracking the development of JQuery Mobile library. What I have observed is that, the UI that JQM creates doesn't give Native look and feel, just like other Mobile Framework like Sencha Touch, Dojo Mobile, Kendo UI. Also, there are few issues present in the current library, such as it gets stuck sometimes in between. So my question is, when can we expect a version which is really acceptable for usage of Mobile Web Application Development for Enterprise level applications
Jquery Mobile, appending items doesnt work.
Hey, I am appending a user entry to a list. Like: var enterul = document.getElementById('entrylist'); var entryli = document.createElement("LI"); var entryvalue = document.createTextNode(item.entry); entryli.appendChild(entryvalue); enterul.appendChild(entryli); It does populate my ul, but not with JQM css...Just a regular HTML list... I don't understand that... cause if i go in html and add a list item like: <ul><li>Item</li></ul> It shows like a jqm list... Ah,
how do I implement this plugin?
Hey guys, Trying to add this to my vbulletin forum site in footer template. http://plugins.in1.com/share/demo I'm not sure what I'm doing wrong here. I've added this in the headinclude template <script type="text/javascript"> $('#mydiv').share({ networks: ['facebook','googleplus','twitter','tumblr','email','stumbleupon','digg'] }); </script> <script type="text/javascript" src="clientscript/jquery.share.js"></script> <link rel="stylesheet" type="text/css" href="clientscript/jquery.share.css"
Show hidden inline-block elements with jquery 1.9
I've problem with showing hidden blocks, if they are css: inline-block. div.profile{ display: inline-block; } <div class='profile' style='display: none;'>profile info</div> But when i do $('.profile').show() it becomes style='display: block' (i can see it in firebug) and overrites my css style... How can i fix this? if i have visible inline-block, then hide() and show(), it still will be inline-block, as has written in documentation. btw, in jquery 1.4 it works correctly. Thanks. AfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBulgarianCatalanChinese
Show / Hide and Slide Table
Hello, I have a table where in one of the rows I have a child table. When the anchor with class "Show" is clicked I would like to: 1 - Make the child table visible ... Sliding it. 2 - Change the anchor class from "Show" to "Hide". <table class="Parent"> <tr> <td class="Task"></td> <td>Row1</td> </tr> <tr> <td class="Task"><a class="Show">Show</a></td> <td>Row 2 <table class="Child" style="display: none"> <tr><td>Row1</td></tr>
JQuery Datepicker does not show all the years
As per this http://jqueryui.com/datepicker/#dropdown-month-year If I click on the date filed and click dropdown in the year 2013, I do not get the scrollbars in IE10 on windows 7 which I get in Firefox. But most importantly I cannot seem to browse/pick dates before 2003 or after 2023. The only way around this is if I either select the oldest year which is 2003 and click on the dropdown again to select years prior to that and vice versa for years after 2023. How do I provide a scrollbar that
progressbar resize
When I resize window progressbar is resizing but returns error: JavaScript runtime error: no such method 'resize' for progressbar widget instance
multiple .js files error: undefined
I'm trying to have multiple .js files. Each file will do specific tasks. When I have the code in a single file all is good. But when I break the code up I get: 'term' is undefined common.js $(function () { $("#equationSubmit").click( function() { var myTerm = getTerm(); // do work here }); }); var terms = []; terms[0] = new term ( ); terms[1] = new term ( ); terms[2] = new term ( ); terms[3] = new term ( ); terms[4] = new term ( ); terms[5] = new term ( ); term.js var term
Multi page layout with Google Maps is unstable
Hi, I am new to jQuery and internet programming and I am slowly working my way through a cross platform app. Unfortunately I cannot get past an issue with google maps within a standard multi page layout. I have looked at a number of similar posts but nothing is working out. My code is below for you to look at. Any help would be greatly appreciated. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable"
Clarification on multipage jquery sites
Hello, I am new to jQuery, and I think the "problem" I am experiencing is down to simply how jQuery operates, but would welcome some clarification... When I have a multi-page jquery site, interlinked with hyperlinks, then clicking on a hyperlink causes the URL to change, as one would expect, and for the new page to load. However, I have found that any javascript functions I want to call must have been included on the initial home page. For instance, if index.html links to page.html, then when I
Collapsible blocks tiny after changing to latest script.
I am new to jquery mobille so thought I'd test it out properly by creating a mobile version of my own site. So far so good and the options available are fantastic. My issue though is with the collapsible block 'accordion' menu. I initially followed a tutorial online and it was only when I got to applying the collapsible blocks that I realised the tutorial was quite old and the scripts I had copied from the tutorial were: <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
Page min-height is miscalculated when I add JQM dynamically.
See fiddle:http://jsfiddle.net/C9emW/1/ I am trying to load JQM only for specific screen size, so I am trying to load it dynamically, but somehow this causes an error where the page min-height is calculated wrong, and I end up with a scrollbar. Any idea why this happens and how to fix it?
toggle on dynamically referenced DIVs
Hello, I want to use a standard toggle function, as shown in the UI demo, but apply this to multiple elements on a page that have been given an ID dynamically in php. For example with a single toggle I would have a link with id "button" which when clicked will run the JQuery to toggle a div with id "toggle-div". This works fine. But through php I will have multiples of these, with unique IDs as I append the record id from the database to the end, and I want the JQuery to work for each set, e.g.
Next Page