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 / 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.
Checkbox check should automatically and slowly fadeout to unchecked
I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator shud move to that floor. Only thing which i am not able to implement here is: Make the checkbox check automatically and slowly fadeout to unchecked state when the orange elevator has reached that checkbox. Here is the link to the markup and script: http://jsfiddle.net/hurricaneankit/qR4uJ/
Move accordion custom icon from header to content when opened
Hello, I'm hoping someone can point me in the right direction for solving this problem. I am using an accordion and have some html in the header div (profile pic and some copy). I have positioned my (read more) icon in the lower right corner of the header div. When clicked the content div is revealed and my icon changes to a close icon. The problem is the close icon stays in the header div. I want to move the close icon to the bottom of the content div. I think what I want can be done using some
Show on click
I wrote a script that when a thumbnail is clicked that it will display an image in a separate div. It works but the problem is it switches the new image, fades and then reloads the new image. I want the old image to fade and the new one to fade in. jquery $('#portfolioLeft a.thumb').click(function() { var thumbId = $(this).attr('id'); $('#portfolioRight #portfolioMac img').fadeOut('slow'); $('#portfolioRight #portfolioMac img').attr('src', 'img/port/lrg/' +thumbId+ '.jpg').fadeIn('slow'); }); html
data-role = 'fieldcontain' does not work after ajax request
I have three fields selecion one is independent and two dependent enter if I use the three selections with fake native menu, these three selections I have them wrapped with a data-role = 'fieldcontain', when I make the Ajax request with dependent selecion one to load the corresponding selecion, all this works fine but when I make fieldcontain your css, ajax after the request I put this line: selectmenu (); probe this line: $ ("# my_page"). appendTo (". ui-page"). trigger ("create"); and now if I
jquery and json help
Hi Ladies and Gentlemen i want to match the value of my DropDown list with the first key from the json_encode array from php, which a basically the same. So far i have done something like this. But not working :( var testo = $('#mydropdownlist').change(function() { ($(this).val()); }); var testo2 = (myJson[41].description); console.log(testo); if(testo === testo2){ console.log('they match'); } else { console.log('they
Jquery script failing only for IE8
I am using jquery (1.8) to load data into a division using ajax. The data returned by the first ajax call is a set of html radio choices, followed by an empty divisions (say 'packagelist'). Clicking on any of these radio options makes another ajax call (function processSubgroup) and the html data returned by this call is to be loaded into the previously loaded division 'packagelist'. My jquery script is as follows.... function processSubgroup(url, val) { $.post( url, {value:val},
How can I select a dropdown list in a specific table cell?
Hi, I’m using JQuery version 1.8.11 with IE10. I have a table with a simgle row. the table id is #listTable, the <tr>id is #listTableRow and the <td> id is #days. The row has a number of cells and in each cell there is a dropdown list with the same id: #searchString. I want to be able to select the the dropdown list in the third cell and set its option to option:first.. I’ve been able to select the td with the code below but not the specific dropdown list.. How can I select the 3rd dropdown list
Simple jQuery Mobile site for Windows Mobile 6.5
I'm making a webapp for a customer with many Motorola ES400 devices in use. The device runs only on Windows Mobile 6.5. The Internet Explorer does not support HTML5. I've been looking for other browsers. The only browser I found for Windows Mobile 6.5 with some HTML5 support is Opera 10. But with Opera 10 the width of the website does not fit on the display, you have to scroll in horizontal direction. In this forum I found this question 2 years ago, but no answer and obviously jQuery Mobile has changed
Scrollto and Localscroll with js 1.8.3
Hi everybody! I am trying to build an horizontal web site and for this I use Scrollto and Localscroll. I would like an effect similar towhat you can see on this site http://tibomahe.com/, but after 2 weekends trying I am still totally blocked. There are a lot of similar topics ont the forum but very few answers. Any help should be more than appreciated! Here is the js part of my html code: <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
Resizing conflict between isotope, prettyPhoto, boostrap and slider.
I have a conflict which seems to have cascaded. A clients vCard website is using bootstrap, isotope, prettyPhoto and a jquery responsive slider. http://www.precisiondesignandconstruction.com/dev/. When an image was enlarged on the Portfolio tab using prettyPhoto the height and width of the slider on the Welcome tab ended up being set to small negative values. I was able to fix the problem with this code I was given. $("#home-tab").on("show", function() { setTimeout( function() { jQuery(".responsiveholder").trigger("resize")
Next Page