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();
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?
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
Linking back to pages, removing the hash, help please!!
Hi, I'am trying to create an app. I have all the basics but have stumbled into this scenario. One each page I have the same four buttons, e.g, A1, A2, A3, A4 So in theory you could navigate from the home screen to A1, from A1 to A2 right through to A4. I want to know how the end-user can revert back to the original page they were on instead of having to scroll-back through each page. For example. If the user was on page 2 and tapped A1, then from here A2, and then A3. Using the back button would
input[type=submit] or input[type='submit']
Hi! Which of these forms are the preferred way of using jQuery to select the submit button? input[type=submit] or input[type='submit'] I'm wondering if it's recommended to use tick marks. It seems to work fine without tick marks, but is that long-term supported (i.e. not deprecated)?
JQuery dialog pop up issues in IE and FF
Here is my scenario. And also I have couple of questions. 1. I need to open a JQuery pop up under the button which I clicked. And this popup should scroll along the button when the page is being scrolled. It should be locked with the button 2. If I click the button which is at bottom of the screen, then the page should scroll to top and this popup should open below the button. 3. Issue with FF and Chrome: The popup is locked up with the button during the scrolling. But the problem is if I scroll
How do I know which JQM items I'm using when I want to use Download builder?
Items as 'iOS Orientaion Change', 'Match Media Polyfill', 'nojs Classes' and other excotics items, how do I know if I'm using these? If I havn't done anything specific regarding these items, can I conclude that my solution is not using them? Kindly regards Ruffio
Next Page