fadeTo crashing my browser?
Hi guys, I am new to this and have a very basic understanding. I spent a lot of time learning it all but certain things still trouble me. Like why does the code below crash firefox? $(function fade(){ $("#bottom").fadeTo(1000,.6).fadeTo(1000,1), fade(); I know it is this part because when I take it out the rest works. Here it all is together: <script type="text/javascript" charset="utf-8"> $(window).load(function() { $("#zoom_10").elevateZoom({easing : true}); $("#zoom_11").elevateZoom({easing
Problem with tabs, not finding tab id's?. Inserting it's own divs.
I have a tab set thus: div id="TabDiv"> <ul> <li><a href="#tab-1">{TAB Option='0'}</a></li> <li><a href="#tab-2">{TAB Option='1'}</a></li> <li><a href="#tab-3">{TAB Option='2'}</a></li> <li><a href="#tab-4">{TAB Option='3'}</a></li> <li><a href="#tab-5">{TAB Option='4'}</a></li> <li><a href="#tab-6">{TAB Option='5'}</a></li> <li><a href="#tab-7">{TAB Option='6'}</a></li> <li><a href="#tab-8">{TAB Option='7'}</a></li> <li><a
LOAD EXTERNAL FACEBOOK PAGE WITH BACK BUTTON ON HEADER
Hi! I'm trying to load my facebook mobile page page in my IOS app, but I need to load it in the div content, and in the header set a BACK button to return to the main screen (index) I show us some screenshots . How can I dot it? I'm lost This is my index page and I want to set a button to my facebook page (with a back button on the header so) This would be the facebook page I need design THANKS!
New android application launched
Hi All, Thanks everyone for their support. I have finally launched by first android application based on jquery mobile. This is a small brain puzzle type of game, where you have to guess the number based on series of feedback and inputs. You can view the listing here https://play.google.com/store/apps/details?id=com.bnumlock The UI is very simple as I wanted that look and feel. One thing I struggled with jquery mobile is some animation examples that will get you started for mobile platform. Also
ajax post issues on mobile view
why doesnt ajax post work in mobile view? is there any special way for making it work as it does in desktop view? to be more specific: I have ajax login which is set to redirect to another page on success. It works in normal desktop mode but when tested on mobile devices (smartphones) then it gets stuck in the same login page despite the success.
How to bind a dialog link created dynamically?
Hi, If a have a route /user/:id that returns me a HTML and I create a dialog link, that calls it, like the following: ```js $('#content').append('<a href="/user/1" data-rel="dialog">Dynamic</a>'); ``` How can I bind it after the `mobileinit` already performed? There is something like?: ```js $('a').dialog(); ``` Thanks guys!
iPhone rotation shrinks page
When I go to this page and select the date, press done, then rotate the phone, the page is small and zoom is enabled. What am I doing wrong? <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width, height=device-height"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" media="screen" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
Weird problem with page transition and ajax disabled
Hi, I have been stuck for a couple of days now with my new mobile web site. I have a page that is bigger that the screen so vertical scrolling is involved. I have ajax disabled using $.mobile.ajaxEnabled = false; because the next page has a different <header>, this works! What I notice is that the links work fine if I do NOT scroll or only scroll a little, once I scroll down by a around 30% of the screen height the hyper links work but do not take me to the page, it just goes white and hangs. At
Capture first text on first iteration
Hi Everyone; I'm using jquerymobile for a project on phonegap. I have a dinamic listview for(i = 0; i < qtty; i++){ html += "<li><a href='#listingresults' class='byCounties'>"+Counties[i].Name+", "+Counties[i].CityName+", "+Counties[i].Abbrevation+"</a></li>"; } $('#counties_ li').remove(); $('#counties_').append(html); $('#counties_').listview('refresh'); When I try to get the content of the link in the li using $(this).text(); the first time it always returns an empty string, but the next time
check box is not checking in jQuery.1.9.1.js
here is two example one using jquery.1.5.2.min.js http://demo.smarttutorials.net/test/table1.html other is using jquery.1.9.1.min.js http://demo.smarttutorials.net/test/table.html if i add more rows using addmore button then using select_all() function i had written to check all the check boxes. it working fine in jquery.1.5.2.min.js but not working in jquery.1.9.1.min.js here is code <script src='jquery-1.9.1.min.js'></script> <h1>Prescription Notes</h1> <form id='Prescription' method='post' name='Prescription'>
How to combine ' resizable(){ resize: function() .. ' with ' handles: "se" '
Hi nerds, I'm using jquery-ui resizable() to trigger a function on a textarea-resize event ..... <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css"type="text/css" media="all"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <style type="text/css"> .ui-resizable-se {bottom: 17px; } </style> <script type="text/javascript">
Custom data Icons not appearing in header...just get plus symbols
I'm working on this JQuery Mobile site using 1.3.1 and JQuery 1.9.1 and my issue is I have a couple of custom icons in the header. One for the logo and one for a Share symbol. Neither are showing up. Instead, I get the generic + symbol. I've done this before so I'm puzzled why I'm not seeing the custom data icon. Here's the code I'm using: <header data-role="header" data-position="fixed" data-id="appHeader"> <a href="#" data-role="button" data-iconpos="notext" data-icon="logo">Back</a>
Selector not working
I have this code that works great on my test webpage, but in my development area it doesn't work properly, the span with a class of buttonOn works. I have 5 span tags and the one I have clicked should have the text in green(ButtonOn) and the others red(buttonOff). <div id="control"> <span class="buttonSmall-grad buttonOff">Std Night</span> <span class="buttonSmall-grad AllOn buttonOff">All On/off</span> <span class="buttonSmall-grad
How to create Dynamic portlet with close option
How to achieve a dynamic portlet with close option in jquery?
get Script problem
Hi all, I have a tricky problem here and need your help! I have done something like this: ... <link rel="stylesheet" type="text/css" id="css_sheet" href="stylesheet.css" charset="utf-8" /> ... $(document).ready( function() { <!--CSS and JS setting mobile devices--> mobileDevice(); $(window).on('resize', function() { mobileDevice(); } ); }); function mobileDevice() { var ww = $(window).width(); if ( ww < 690 ) { setSize('_mobile'); } else { setSize(''); } } function setSize(
[Tabs] Fade effects which compatible with latest versions?
Can we apply contents fade in/out effects on Tabs? It was possible with the following code, but that doesn't seem to work with jQuery 1.10.1 and jQuery UI 1.10.3. And I found no documentation about applying fade effects. $('#tabs').tabs({ fx : { opacity: 'toggle', duration: 'fast' } });
pass data from listview to detail view in html app using jquery
i want to pass data from listview to detail view because i want to add button(add to cart) there..there is index page which i have include all the scripts. here is my code please do let me know where am i wrong product.js code $('#myPage').live('pageshow',function(event){ var id = getUrlVars()["cat_id"]; $.getJSON('http://siliconsoftwares.in/store/jsondesc.php?cat_id='+id, function(data) { //THIS IS NOT WORKING, IS THE SAME AS PUTTING id, not id_localidad $.each(data.items, function(i,
Add anchors to itself
Hi, I am creating my first plugin, the goal is to create a simple table pager. Here is a link to what I have so far: http://codeturtle.com/files/pager.html The problem I have now: when user click on 2 or 3 at the bottom navigation, nothing happens because I can not figure out how to call the javascript the right way, I was thinking: $('#tbl1').pager(5, 2) and $('#tbl1').pager(5, 3). Thanks
linking to jquery script
Hello all. this is what I have in my head section. <!-- jquery --> <script src="js/jquery-1.10.1.js"></script> <script src="js/myJs.js"></script> and also tried putting the second script, the js/myJs.js below the footer. (wich is better btw?) the folder that holds the index.php & style.css hold the js folder w/the js files in it. It should all work. but the script won't link or work unless it is typed directly into the head section of the index.php file. bit baffled.
jquery how to hide <select> menu
<select id="wybierz1" style="display:none" > <option data-icon="arrow-u" data-iconpos="top" style="display:none" >- SELECT -</option > </select> the above display:none does not work. I have also tried "hidden", but to no avail. How to hide this select menu?
Tabs in Tabs?
Is it possible to put tabs inside another tab, without having the tab they're inside of disappear when you click on them? If that makes any sense. I'm building my whole website on one page, and each separate "page" is a tab, but I want to use tabs in one of the tabs for a clothing section and I'm having a hard time separating them. Whenever I click on one of the tabs for the clothing section, the whole clothing section disappears. I'm still kind of new at JQuery, I'm in Web 3 in college right now
show the same layer and image using jQueryMobile on changePage when using ajax
it is possible to display the same image layer of filler used in ajax changePage when used to recharge a document part jQueryMobile.
jquery mobile popup - button not styling correctly with data-iconpos=“notext”, and other problems
I am making a mobile web app and am using jQuery Mobile. I have a navbar at the bottom and when you click the left button the popup shows correctly but the close button is not being styled correctly when i use data-iconpos="notext". Here is my code: <div data-theme="j" data-role="footer" data-position="fixed"> <div id="navbar" data-role="navbar" data-iconpos="bottom"> <ul> <li id="navbar-menu-button"> <a href="#navbar-popup-menu"
jQuery 2.0.x How to 'roll-you-own' limited version.
I am interested in selecting a subset of jQuery's SRC files to build a smaller "limited scope" version. I am looking for some additional focused information on "dependencies" and/or any suggestions. For example, I do need some ajax, say "jsonp." Do I need .../src/ajax.js and ...src/ajax/jsonp.js but not script.js and not xhr.js. Of course that is a simple example but is there a "map" perhaps of some common combinations to consider? Any help would be appreciated. Thank you. ...greg
Scrollable div not returning scrollLeft() value on android until after a screen touch?
I have a simple div with the overflow set to auto, and a label that shows the scrollLeft() position of the div. it works on IOS, the number moves up and down as your scroll. On Android (tablet) though it fails to update the value of the scrollLeft() function until after an additional screen touch is recorded? Any Ideas? Thanks Look at this example at http://jsfiddle.net/yatescr/37Axm/1/ then try it from an android tablet, the position will not update until the screen is touched after you slide
Issue making prototype function loop through an array and bind multiple times
Basically what I want is the ability for a user to be able to type in not only the code to get to a dropdown, but an additional value I specify. In this simple example, when a user is focused on the dropdown, my goal is for them to be able to type A or 1 to select A, B or 2 to select B, and C or 3 to select C. With my current implementation only 3 is working (which is the last element in the array), so it seems like the bind is getting overwritten. I've tryed using $.each instead of a standard for
idle time out not working when phone is locked
Hi Team, I have implemented Jquery plugin where in it redirects to a page based on the idle time out say 1 minute . It works fine when I dont lock the phone but when the phone is locked for 2 minutes while I open the application keep it on iphone chrome and lock it(assuming idle time out is 1 minute) .whne i unlock it it doesnot go to the redirect page unless i refresh the screen. is there a way to make sure that the page is redirected after we unlock and go back redirected page . All of my pages
off not working with after
hi guys off is not working when adding an onclick to an href using jQuery's after off will work when attaching an on('click') handler to the element, added with after though. any ideas why?cheers
IPhone 4 Slow Input Text Field
Has any one come across this error? When the user go to my website it takes them very slow to load, and when they try to click on the input text field, it take 15 for each character to load. This only happens on IPHONE4 and not 3 After turning on the phone debug mode this is error I got Error msg: JavaScript Error on Line 41 https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js TypeError: Result of expression 'A[0]' [underfined] is not an object
jquery keypad
i´m using the keypad in a table with different number of rows. The keypad appears and disappears as the interested fields get focus or lost. Everything ist fine... But...and thats the problem, this table is in an iframe with the ability of scrolling... If i have a lot of rows, and want to enter some values at the end of the table, the keypad appears, but it´s not visible at all and i can´t enter every value i want. If you use the keypad on an "normal" field, in my opinion the "_checkOffset" decided,
Jquery editor
Is Any offline Jquery editor available for learning?
How do I add to the control after the loop
Here is the function. How could I speed this up by adding to the control first after the for loop. function DisplayVessel(voyageArr) { for (var i = 0; i < voyageArr.length; i++) { $('#DDLVesselName').append($("<option value=" + voyageArr[i].Vesselid + "></option>").text(voyageArr[i].VesselName)); } } //Tony
Space above and below a single checkbox
Hi, Im trying to put a <li> containing a checkbox element and label in amongst some other <li>'s that have some basic text. however i cant get rid of the space above and below here is the fiddle, hoping someone can help http://jsfiddle.net/UhcUq/2/
Animate menu not acting the way I expected. Am I using the wrong function? Position?
I am attempting to create a menu that on click, moves up a certain amount of px and hides about 80% of the div at top of page, then on click again, it moves back down same amount of px to original position. The dix is moving on click, but it is moving down, a lot, first and then goes up and down. I have the position set to absolute, and I am using animate. I can get the div to hide and show with toggle, but then it hides the whole div and I only want a certain portion of it hidden. Thank you for
Autocomplete with a asp.net web service
Hi all, This is my first steps with Jquery UI. I found some code and examples but my code isn't working... The goal: use the autocomplete with an ASP.NET WebService method (2 parameters) When I call my Webmethod with parameters: prefixText="50" and count = "10" I get <?xml version="1.0" encoding="utf-8" ?> - <ArrayOfString xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="ORES.SharePoint2010.Common"> <string>5000</string> <string>5100</string>
Jquery doesn't work when the page is loaded using Ajax
Hi there, is there anyone here who can explain why when a page was load using Ajax,that has a Jquery script inside that page the script is not functioning, but when I load the page directly to its url it works. Thank You and God Bless.
.live blur is not working
Hi, My .blur event is not working when I use in append() div. Also I use live but still this is not working. When I recall my function in add function then its call for all next row. Below is my code: function tableOrder(){ $("#orderTable tr").each(function(){ $(this).find("input:first").live("blur", function(){ alert($(this).val()); }); //return false; }); } function addProduct(){
dialog movement
Hi, i want to make a dialog movement only in the parent-div. What i mean is, the page is containing a div for the top-menu and a div for the content. The dialog has to be created in the content-div and only in this div to be move. At this moment the dialog will be created but i can move all over the page; over menu-div too. thats bad. ... <div id='topmenu'> .......</div> <div id='content'>... in here, the dialog will be created, show javascript at bottom....</div> ... And the javascript: $( "#menu_add"
Theming links in footers
It seems, that only buttons apply on data-theme="d" commando (in footers). Is it possible, that the links get the theme too? Looks not nice, when the buttons are green, and the text-links blue.. Thanks a lot..
JQuery Cycle plugin on hover
I'm using JQuery cycle plugin scrollRight Transation on click. I want to do it on hover , is it possible ? here is my code : $(document).ready(function() { $('.slideshow').cycle({ fx: 'scrollRight', next: '.slideshow', timeout: 0, easing: 'easeInOutBack' }); });
Next Page