jquerymobile 1.2.0 link to ibooks does not work on iPad - returns "undefined"
I have this link to an ibooks file: <a data-role="button" data-icon="arrow-r" data-inline="true" data-mini="true" href="http://ilitapps.com/u/iLitUserGuideTeacher1_0.ibooks">Teacher User Guide <i>(20-Aug-12)</i></a> .htaccess has this mime type association: AddType application/x-ibooks+zip .ibooks 1st tap on the link returns "undefined", then the FQDN URL appears in the Safari iOS browser. clicking refresh with the link in address bar does associate properly and opens in ibooks. Any ideas
How to delete empty array values with .grep?
I'm trying to check an array for empty values, and delete them from the array so that I only keep the important array values. Can someone tell me why this would not work? $(document).ready(function(){ var siteurl = window.location.protocol + "//" + window.location.host $("a").click(function stripLink(){ var permalink = $(this).attr("href").replace( siteurl, "" ); permalink_array = permalink.split(/[&\/\\#,+()$~%.'":*?<>{}]/g); //Function that is supposed to
Begining to Jquery
hiiiiiii am new to jquery.. i have an idea on JS,css,html5 can any one tell me from where should i start my learning.. any tutorials... any links is der for it???
Get innerHTML of a non-identified td
Hello there, I've a small trouble I can't solve. Here is an html table I use (I can't change the generated code): <table> <tr><th>Lastname</th><th>Country</th></tr> <tr id="1"><td>Doe</td><td>France</td></tr> <tr id="2"><td>Dummy</td><td>Russia</td></tr> </table> I want to get the country of a selected row, but I don't know how. I tried: $('#1').html(); // gives "Doe France" $('#1').text(); // gives "Doe France" $('#1 td').text(); //gives "Doe France" $('#1 td').html(); //gives "Doe" $('#1 td td').text();
Rerender an input field in a VisualForce page
Hi, How is it possible to rerender an input field in a VisualForce page using the onchange trigger of a select list. We defined the function disable to enable or disable input fields acording to some conditions (see function below). This function is called in j$(document).ready(function() and it's functioning well when the page loads. We call this function also in the trigger onchange mentioned, but we need that the input fields get rerendered. What statements must we add in function disable()
fetching data into to below json format
How to fetch the first name and last name from below output: var data={"rows":[{"key":"sree","value":{"firstname":"sree","lastname":"prakash","_id":"83E15B82-1C1F-4888-9E0A-1485C6B92654","_rev":"1-9d837a8e921dc2985213f42ca609b1e1"}}]}
Slow response when clicking on list view item on mobile device
Hi, I am using jquery mobile for my mobile web application. My web application has the minimum 30 pages and each page has List view navigation. I have created a sample page of for my application. When I tested it on Apple ipod version 5.1.1 Safari Browser, I found below some sluggish and slow click response which is affecting on user experience. 1. When I click on list view link its take so much time perform click event and load the selected page. I feel there is adding little more delay in page
setting placeholder tag of an input field
I'm trying to set the placeholder attribute of an input field when my website loads, but it fails to do so. This is my jquery code: $(document).ready(function(){ $("#mce-EMAIL").attr("placeholder","test?"); })
Silly Noob Question
I looked around for a solution. I probably used the wrong terms though. I apologize in advance. The background: the good I've built an eLearning library for an existing site. I've organized that library into a jQuery accordion widget. In its own page, the widget works flawlessly. See: Working Standalone Widget the bad I have to put this widget into their site. Their site has existing css that seems to be screwing with my widget. They have h2 in their css. Attempts to put it into their existing
Block special characters from entering textboxes and textareas
Hi I am new to jquery. I am trying to block special charcters from entering textboxes and textareas across my application. I have written the below mentioned function in a seperate .js file: $(document).ready(function () { $('input[type="text"],textarea').bind('change', function () { // $('textarea[id$=txtfpconfirmcomments]').change(function (event) { alert(this.id); if (this.value.match(/[^a-zA-Z0-9 ]/g)) { this.value = this.value.replace(/[^a-zA-Z0-9 ]/g, ''); } }); }); I have added references
Hello, why doesn't this datepicker close when I select a date?
Hello; This date picker works fine, selects the date and puts the right value in the box, but it doesn't disappear when the date is selected! What am I doing wrong? Thank you
fixed footer issue in jquery mobile
Hi, I have developed design html page using jquery mobile for my android phonegap app.I am using jquery-1.8.2.js and jquery.mobile-1.2.0.js.I have set the header and footer in data-position="fixed".normally it was working fine.But when the select menu or textbox get focused,footer moves down.How to solve this.Please guide me.Thanks in Advance.
How to create date picker that can be used within a fieldset.
Here is my java script. I'm trying to figure out how to manipulate the code to create the functionality that i am looking for. I want to select the button for Monday and after clicking on it the correct date display for the button that is clicked <script type="text/javascript"> $(document).ready(function () { $("#date").datepicker(); }); </script> Here is my html. <div style="float: left;"><b>Week One:</b> <fieldset data-role="controlgroup" data-type="horizontal"
JqPlot DateAxisRenderer Issue of improper scaling for rendering of ticks in both numberofticks and tickfrequency.
Hi Forum, we are using jqplot for showing charts in our application. using dateaxisrenderer for x axis. we need to provide the ticks dynamically as we have varying date ranges to be plotted. for eg. 1 month 1 year or 16 days etc. data source is of this form eg. ['2012-10-09',3] , [2012-10-10],4] so date will be in X axis and value is in y axis. issue here is if i give tickfrequency or noofTicks for some days specifically the distribution is not proper. like values are either plotting before the given
How to create login form using jquery mobile in the center of the page.
Hi all, I want to create login form in the center of the page using jquery mobile.Header ,footer and content(labels ,textboxes and button) these should be in the page middle.Please help me to create login form in the center of the page. Thanks, Ramu.
Validate columns then row
Hi Masters, Would like some help here. How do check by column then row? Now the jquery just check 1st column, if I select value at drop down and type at text box at column 2 or 3 still the alert box pop out. And how to check if user type at text but no value selected at drop down will alert user? http://jsfiddle.net/3YSyG/ Thanks, Joseph
JQuery Mobile with breadcrumb
Hi all, I have to put a breadcrumb for my JQuery mobile project, with several pages for steps, and user can click on breadcrumb to backward to previous steps as an ajax action. Kindly anyone suggest me ideas for that, should I keep the state for each step on server side, and when user click on breadcrumb, all data will be collected and displayed as well.
adding and replacing hidden content in a section
Hi all, Not new to the forum, but my first question. I'm working on a page where I use jQuery Isotope and jQuery Expander. http://rentagreekhouse.com/prototype-2/for-rent/ On the 'Filter by' links I've attached a home made (Yes, I'm a jQuery newbie) function to the 'selected' item to move and replace content in a section with id 'locations'. The hidden content with the class 'location-info' follows the 'selected' item directly in the source order. What I did does do the job, but the kQuery expander
Stopping the screens overlapping when the browser is minimised
Hi I picked up a nice script which allows me to scroll the page horizontally instead of loading them one at a time... the problem is when you minimise the page the previous one loads in. You can see this by clicking item 2 and minimising this. http://www.directionfirst.com/p3/temp/horizontal.html Is there a way to stop this from happening? I have tried some CSS tricks without any success. Many thanks Eddie
DOM Caching and event listening
when a page is automatically removed from the dom, are any event listeners that may have been bound to elements in the page automatically removed? If not, what is the best practice for removing event listeners? ie, I have the following script: $(document).on({ pageinit : function(evt) { // do stuff here set up some listeners // perhaps asynchronously load google map api... and set up event listeners for markers, etc }, // end page init pageshow : function(evt) {
Rollover effect quit working
I had a simple rollover effect for menu items in wordpress that was working fine and recently quit, any ideas? <script type="text/javascript"> $(document).ready(function() { $("img.rollover").hover( function() { this.src = this.src.replace("_off", "_on"); }, function() { this.src = this.src.replace("_on", "_off"); }); }); </script> <a href="about/"> <img src="<?php bloginfo('template_url'); ?>/fw_images/about_off.png" class="rollover" /></a> Steve
jQuery Mobile: Multi-Page Application with Separate Pages: Second Page not Getting Styled
Hello. We have a single page application with two views (essentially, a list of items and a details page for the selected item). Both views are in separate html files, and we’re using sammy.js to transition/navigate between the pages. Everything was working great until we tried to add jQuery Mobile to the mix. Now, when we navigate to the second page (the details page), jQuery Mobile is not styling the page. Our working app is not set up as described by jQuery Mobile’s multi-page template (i.e.,
Ajax via JSON or Delimeted String
I have a project I am working on that is currently receiving data via ajax in the form of plain text that is separated by \n, |, and :. Once I receive the data, I have to split it accordingly with javascript and then update dom elements using the .html() method. My question is, what I gain performance if I returned json data instead of a delimited string? My web application performance great in modern browsers, but in IE8 and below, it gets very slow with large DOM updates. What is the best
.change() function not working in Chrome. Is this another bug - or what?
In my Autocomplete for city and address input, I want completed input for each input box to update a Google Map. This is executed via a .change() for city and again a .change() for the streetAddress input boxes. This works in FF15, FF16, and IE8. The Autocompleted city input does not update the map in Chrome22, but the plain input for streetAddress does fire the map update in Chrome. When I follow the code execution in Chrome Developer Tools, it goes through the expected lines of code, goes into
Image slider or something else
is there any slider which can look like this http://i.imgur.com/g2bB1.png thanks
several html pages with phonegap
Hi there, I still work such a few days with jquery mobile. So my first question is how and if it is possible to use several javascript files . For now I'm using a demo application from http://jquerymobile.com/ website which creates css, js and html code. But here only one html site is created. If I want to link to a second html page, I tried to use a seconf js files for that page but js is not loaded only the first loaded js files from index.html page is active, which can be used on different html
I need a carousel something like this image.Please help me about this.
I need a carousel something like this image.Please help me about this.I am searching all day long for such carousel.But failed to make or get.
Images Grid Layout Responsive
Hello, I search for a solution to make a grid layout with 4 columns and 3 rows for images. This must be responsive and fill out the full screen . Is there any solution? Many Thanks Ingo
Dynamically add new values in table
Dear All I am searching for a jquery that will add new rows and allow us to add value to it obviously the row will have and id (equal to new id in table) and when blur should check duplication.
Does this code fragment can be in another?
Hello friends. I need this code: $('ul.modelos > li').one("click", function() { $(this).not(':first-child').append('<span class="visto_mod"></span>') }); May be included in another: $('ul.modelos > li').click(function () { ... ; here (only one click) ; ... ; return false; }); Can it be?
Disable overflow scroll of underlying page
Hello, JQM pages scroll on mobile devices slightly (drag scroll and bounce back) even when there is no need for it, ie. the whole content fits into a single page. I'd like to disable this behavior in order to make my app more native-like. But all solutions I've found so far not only disable this extra scrolling but hurt regular JQM functioning one way or other. Is there any better solution? Thanks, Gábor
How can I have a phone number not linkable
Dear All, I wish to display a phone number and number. When I look at my page, the phone number is linkable, but I would like to have it just for information. I do not want to clik it and have the possiblitity to call the number. How can i desable it? Cheers
allowSamePageTransition through mobileinit
I'm working through a Django installation where saved forms are being redirected to a prior page and the form link is no longer active. I'm looking for an example where I can initialize Jquery Mobile to allowsamepagetransition on all pages. Considering I'm only using the fade transition for reloads, this shouldn't be an issue. $(document).bind("mobileinit", function(){ $.mobile.changePage(what.do.i.put.here.to.bind.this.event.to.all.pages, { allowSamePageTransition: true
Popup causing scroll to the top on iPhone with multipage
After a lot of debugging and testing this is what I found. If I have a multipage layout and if the url has "#PageName" in it, the action of closing a popup will cause the page to scroll to the top. This does not happen when I test it on any browser on my machine, but it happens every time on an iPhone. Has anybody else experienced this or know of a work around? Thanks
I'm in trouble. I need help please
Hello. I'm starting in jquery. I need help to correct "hide effect" to image list. When I choose various menu options (shows background image) and I click on another "tab", the default is that images surpass the previous menu and then hide. Does this have a solution? jsfiddle: http://jsfiddle.net/hvZHU/34/ css: .visto_mod { margin-top:-19px; margin-left:100px; position: absolute; background-image: url(http://s2.subirimagenes.com/imagen/previo/thump_8102109vistobueno.png); display:
jcarousel and ie9 not working
jcarousel and ie9 not working http://globalgoodspartners.org/dev/artisan-ind.html any ideas?
Simple file download for generated output
Hi all, Posted this as an idea proposal, not sure if that's right, basically it's a solution to a problem I had so I'm giving the code away. I found I needed to interrogate a database and save the output as a text file on the users PC. Now I could have dumped the output into a temporary file and given the user a link, but I'm lazy and didn't want the housekeeping work of tidying server files up later. If I just submitted a form and the server generated an error instead of a download then handling
outerWidth is an Object not an Integer!
Hello, i use the Method outerWidth to get the real Width of an Element (Width + Padding + Border). Currently i use the jQuery version 1.8.2. Before iam update, i use 1.7.2. Additional to jQuery, i use jQuery UI (newest version). After the Update, the outerWidth Method is not an Integer. It seems like an Object. How i can fixx that? // Set Title Width var width = 0; $("div.wb_interface nav ul li").each(function() { console.log("Call outerWidth\n------------------------------------------------"); var
jQuery Mobile Persistent Footer in V.1.2.0
Persistent Footer. Recent release 1.2.0 of JQM appears to fix the persistent footer problem in Internet Explorer 9.0. Persistent footer does persist in DESKTOP IE9, but in Windows Phone 7.5 browser, the location is fixed to the bottom of the page. In WP7.5 it does not persist to the bottom of the screen like it is supposed to do. I does persist in Desktop Firefox, Desktop IE9, Safari Desktop and Safari IOS
slideDown() in a different way
Hey huys, I need simple functions (may be from plugin) that opens/cloeses me an <article> box. It is declared with display none so it should work with live() ?! The box will open side way from left to right always with alpha 100% and will close from right to left always with alpha 100%. It is kind of a function like slideDown() but the box is fixed and the direction is like explained above from left to right. Thanks if you have any solutions. Pete
Next Page