scrollable get current value of item
i have a working sample of scroll-able with item number 1 - 24 i want to get the value of the current item but i failed.exmaple the value is 1 then i scroll one so its 2 now i want to get the value of 2.i tried doing it to alert but its not working how does one do it this is my code. scroll <!DOCTYPE html> <html> <title>scroll</title> <!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script> <style type="text/css"> /* root element for scrollable
row to row-fluid with jQuery
Is it a good idea and is it the best way to do that ? I just want to add -fluid to the class row or container if the screen < 1440 onload and on resize and to refresh the page if it is resized under 1440 There is a shortest way to do that I guess $( window ).resize(function() { var width = $(window).width(), height = $(window).height(); if (width < 1440) { $('.container').addClass('container-fluid'); $('.container-fluid').removeClass('container'); $('.row').addClass('row-fluid'); $('.row-fluid').removeClass('row');
This error is blowing my mind
I can't work out what's wrong. If anyone can help me it would be amazing. This slider breaks in iOS Safari, iOS Chrome and Safari 7. http://box.james-veitch.com/this-weeks-menu/ Any ideas?
Plug in Recomendation For Large Image Galleries
Hello, I am having an issue at my site www.FiretrucksUnlimited.com. We host many images and currently use the next gen gallery which is causing problems due to the long load times for our 100+ image galleries. I would like to know what is the best plug in to use for the image galleries. The plug in needs to bemobile responsive, touch friendly, ideally has filmstrip but slideshow only is ok, loads images on demand, and is lightweight. Thanks!
changing span id html
I am trying to change the html of a span. Here is my code: $("'#"+spanName+"'").html('<img src="images/image.jpg" width="20" height="20" />'); It does not modify the html though.
Building a photo slider for my site but having issues
Hello, here is the link to the test page: http://dallasmart.com/JQ_TEST/JQ_test.php in the bottom of the page you can see the slider.. I have 6 pics but I can only go back and forth for only 4 pics.. two at a time.. It seems like the left arrow is not firing more then once.. meaning I click on each arrow only once,.. not sure why.. here is he JQ: ( the JQ code is not mine , it is coming from a book... ).. the $wrapper should have all 6 pics but why only 4 are available ? It seems like that once
posting data to a database problem (newbie)
Hi, I'm trying to send data to a database. The data will be generated in a app, which include jquery. Jquery will be used to send the data. I thought it should work like the way I have it now but it doesn't. I have a form and a js in the (html)app. And there is a php file on the server, which adds the data to the database. At least thats what I'm trying to do. When I hit the php-code in my browser, the database will be updated. When I fill in the form for the app, at this moment for testing in my
Generating random number for input value
Hello, I have a numbers only text field and want to assign a random number as it's value. This is the HTML for the field: <div class="productAttributeRow productAttributeConfigurableEntryNumbersOnlyText"> <div class="productAttributeLabel"> <label> <span class="name"> Hidden: </span> </label> </div> <div class="productAttributeValue"> <input type="text" class="Field validation" value="" size="5" /> </div> <div class="cf"></div>
Adding a no conflict in a php file
Hello, I am really hoping you guys can help me with this. I am not exactly javascript and/or jquery savy. I have this code, which I have below. Several people have looked at it, and told me it needs to load jQuery library with no conflict mode. I'm not sure exactly how to do so. So if anyone would not mind taking a look at this code, it's not very long, I would very very very very much so appreciate it. <?php /** * @package $Id: stylepanel.php 6448 2013-01-14 12:32:26Z arifin $ * @version
Append - HELP
Hey Guys, I am having a small issue with using the append function. My problem is I am trying to implement a favourites category on my jQuery Mobile website. I am using append to add to the favourites list. The problem is I have 2 different pages for the favourite function, when I click on a favourite button from the first page which I will call 'buy' the favourites should be added to a new page called 'sendFavourites'. This is what I have come up with I'm not sure why this isn't sending to the 'sendFavourites'
grep into [object Object] list
Hi, How can i grep / filter into an [object Object] list ? Ive tryed followng code without success. Thanks var cg = {"BE":"Europe","FR":"Europe","MO":"Africa","NG":"Africa"} var arr = $.grep(cg,function(index,value) { return value == 'Europe' });
Don't know how to implement check box idea
I'm wanting to implement check boxes kind of like the way gmail does theirs I'ts not for email but example: the page has a list of accounts on the left I want check boxes and at the top of the page I want a "Select All" button but I also want to able to select single or multiple boxes and in the upper part of window I want a drop down list or action list to move these accounts to a group or user, or other options delete, move, undo
jquery class selector getElementsByClassName
Hi all, I know that jquery is the library of javascript. In jquery, I had the script using the class selector ( $(.class123) ) which is work well in IE8. In the official website, it mention that it would support for IE6+. But when I use getElementsByClassName in IE8 which is not work. I checked that IE8 is javascript 1.3 and do NOT support getElementsByClassName. Here is the question ? 1. Do jquery use the javascript native command, such as getElementByID or getElementsByClassName behind ? 2.
How to display submit success message while using jquery.form.js?
Please tell me how to display submit success message after using $('#form_name).ajaxForm( { beforeSubmit: validate } ) to first validate and then submit a form while using jquery.form.js
What happens in background when opening new pages?
All, Relatively new to JQM, I try to find documents on how the following works. I have a simple webapp. Using standard links (a href) I jump to the second page withinh the same html-page. From this second page I jump to a php-file. In this php-file I can jump to the first page again. When I do this the first page appears, but hangs. What I am looking for is good docu where is described what happens exactly in my pages. Or maybe there is a way to follow what happens internally. Hope anyone can point
Conflict between dialog and history
I'm using JQueryUI 1.10.3 and I have a problem that happen on Android 2.* and on IPhone 3 but not on desktop version of browsers. When I include jqueryui.dialog, the history.pushState call doesn't work. If I comment jqueryui.dialog inclusion all works perfectly. Anyone knows why?
jquery.find ... and ... Array index ... not working together ..... Object #<HTMLFormElement> has no method 'find
hi i do something wrong but i have no clue what what's wrong with it.. // it get 3x .formResponsive $objc = jQuery(".formResponsive"); $objc.each(function(i){ // 0 ist just for testing if(i == 0){ jQuery(this).find('input[type="checkbox"]').change(function(event) { cal(i); }); }); function cal(intr) { \\ something goes wrong with intr.. i get the error : \\Uncaught TypeError: Object #<HTMLFormElement> has no method 'find' \\ even if
jquery mobile checkbox size
hi, How to increase the checkbox size in jquery mobile regards, kathir
jQuery Mobile time input format
Hello, I'm using a time input on jQuery mobile. When I pick a time from Android on a Galaxy S4 (probably the same problem with iPhone), the default format of time is HH:MM:SS. I would like to display only HH:MM (no seconds). I use this code : <input type="time" data-clear-btn="false" name="time-1" id="time-1" value=""> From a computer (google Chrome), the default format is HH:MM. Is it possible ton configure a time input format ? Regards, JR.
background problem
Hey there, I tried to add a background to my jQuery Mobile Site, if you click on the links it will show to background for about half a second and then it turns back into white, why is this happening? Danielsfotos.com/persio best regards
Open a excerpt my blog page
Hello, I have wordpress blog, and i want create a webb app with jquerymobile, but instead of opening the entire home page, I'd like to open only a portion (that says read more) and then clicking on read more, go directly the selected article. Thanks. This is my example: http://jsfiddle.net/GFqt6/11/
Images Not Working on jQuery Mobile Site
The site in question is at http://www.simplecozygifts.com. I am using version1 .3.2 of jQuery Mobile. I created the jQuery Mobile code using the Dreamweaver CS6 template. I have created a banner graphic for the site in .gif format and placed it on the page and added CSS to have the image re-size to 90% width and height in order to make it responsive. All files are uploaded but the image does not show on the page...only a box with the Alt text is displayed where the graphic should be. How do I get
Trouble with a basic memory leak
Hi All, I hope someone can shed some light on this. I'm working on a mobile app using jQuery Mobile with jquery 1.10.2. This app is phonegapped and shortly after installing on various mobile devices noticed that memory usage would rapidly go through the roof. After days and days of tracking through my code I'm fairly convinced there is a bug in jquery leading to Detached DOM elements. My last and final test I built a *tiny* web page - no included scripts, no jquery, just simple html (the simplest
Anonymous Functions
Hey Guys, I am learning about functions in jQuery, and have a question about anonymous functions. I am just not sure what exactly the purpose of using them, in context with the code. Are they used to get the DOM elements of the page? For example in the code what is the difference between this $( "a" ).click(function() { // this refers to an anchor DOM element }); and this $( "a" ).click(this refers to an anchor DOM element); Thanks for you help in advance!
Uni Assignment Using jQuery plugins / scripts issue?
Hi All, Be gentle with me, total newbie here but hoping to find somebody who can help me make sense of a few issues that I'm having. For an upcoming Uni assignment we have had to make our own designed website and whilst it's not anywhere near the best, let's not get in to the thoughts about this aspect... I'm no professional lol! However, I've added a couple of scripts to enable me to do a few nice things for this assignment but for some reason, the two pages that I've added these scripts on, it's
Duplicate fields showing on webpage
<!doctype html> <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
Best method to disable interaction for a period of time?
Hi folks, I have to download a good sized amount of data to the browser as Application Cache (Cache manifest, not local storage) so that the site will function offline. The initial download takes about 30 seconds and I don't want the user to start interacting with the site until it's finished. This is a dynamic site that will change daily, and will need to be refreshed at the browser level each morning before they go offline. What would the best method be to implement something like this?
Hiding input when radio checked not working
Hi, I have this page: <script type="text/javascript"> modalExtra = ''; maxModalHt = ''; $(document).ready(function() { $('select, input[type="checkbox"], input[type="radio"], input[type="file"]').not('.productOptionPickListSwatch input, .productOptionViewRectangle input').uniform(); modalExtra = $('#ModalTitle').outerHeight(true) + $('#ModalButtonRow').outerHeight(true) + 60; maxModalHt = $(window).height() - modalExtra; $('#ModalContent').css('max-height', maxModalHt); }); $('#giftwrapping_all').change(function()
problems with ajax and functions in an ajaxForm submit
I am using ajaxForm() to show completion percent during a submit that can be either an original submit or and update/edit submit to an existing post. A user should be able to edit their content in a database row in a later session, after the original submit. If a variable (coming from the database) has content, the update/edit branch is activated to submit the edited post back into the same database row. Highly summarized, this code both submits and does an update/edit to an existing post in a database
how many img tag into a div
let's say I have <div id="imgs"> <img /> <img /> <img /> <img /> <img /> </div> how can I get 5 (the number of img ? thank you
[jQuery] Tablesorter filter widget and td width using Chrome
When a table is less than 100% of page width, and the filter widget is active with Tablesorter, Chrome browser expands each td tag so that the table fills the full page width. Internet Explore and Firefox displays correctly. When I hide the filter row, Chrome shows the table correctly respecting the td widths. I don't see where I can work around this. I have the WidgetOptions set to hide the filter when not active: filter_hideFilters : true If I set it to false, tables in Chrome will permanently
Color swatch collections for jQuery Mobile?
Anyone know of any color swatch collections out there for jQuery Mobile? (besides the 5 default ones). I know that ThemeRoller is available, but I'm not the best at creating color palettes, so was just wondering if anyone else has already done this? Ideally, it would be nice to have at least 15 or 20 different color schemes to choose from, instead of the standard 5. I know about Graphite, but it only has 8 different color schemes. Plus I don't really care for how Graphite styles the elements (not
url and rewriting
Hi I am using jQuery 1.10 to write HTML in that way $('.flex-prev').html('<img class="prev-img" src="/images/arrow-left.png" />'); it works perfectly on localhost and distant server but if I use in .htacess RewriteEngine On RewriteCond "%{HTTP_HOST}" "!^www\." [NC] RewriteCond "%{HTTP_HOST}" "(.*)" RewriteRule "(.*)" "http://www.%1$1" [R=301,L] the images are not found how can I dot it ? thank you
submitHandler
Hi, I am new to jquery and I am editing a website form. In the form it has something like this var handleRegister = function () { .... ... ... $('.register-form').validate({ errorElement: 'span', //default input error message container errorClass: 'help-block', // default input error message class focusInvalid: false, // do not focus the last invalid input ignore: "", rules: { fullname: {
How to redirect the user from an external server page back into the app built in jquery mobile?
I am developing an ecommerce app in jquery mobile packaging it in phone gap. Now i want my users to come back into the app after paying in the page hosted by some gateway. It is taking them in the return_url specified in the account. I want to create a link in the return_url page that they can come back into the app to shop again?
Attach event handler to jquery object
Hi guys, Just started using jquery :) I want to create an html element wrapped in a jquery object like so... var s = $("<select id='resType'>" + "<option value='Yes'>Yes</option>" + "<option value='No'>No</option>" + "<option value='NA'>N/A</option>" + "</select>"); And then attach an event handler for when the selected index is changed, like so... s.change(function () { alert("!"); }); This code doesn't work (in chrome and IE
sending data through get
Hi, I was trying to use jquery for processing data. I am sending form data to register_process.php and checking username already exist or not. If it exist i need to ask the user to re-enter user id else register the user. submitHandler: function (form) { var data = $('.register-form').serialize(); $.get( 'register_process.php', data, function(data) { $('#result').html(data); }, 'html' ); }on success this will be executed function(data) { $('#result').html(data); },but what i should send
How do we jquery.suggest plugin with tokeninput plugin
Hi, I am trying to implement search. When user enter any text should show suggestions. Here all suggestions are keys, user can enter values for these keys, key-value pair is separated by colon. Eg: Key1: value1, key2: value2 where Key1 and Key2 are suggestions in the list value1 and value2 entered by user. If it is possible can you suggest me please. Thanks in advance. Shiva
Hidden True attribute makes subgrid misalligned
Hi I am using jqgrid and have one issue in sub grid. When i added the attribute hidden:true for the Id field my subgrid becomes unordered and the header and the columns and not alligned properly. This is my Code: var colNames = [ '','Product Name', 'Product Type', 'Product Subtype', 'Manufacturer', 'Status']; var colModels =[{name : 'productId',index : 'productId',hidden:true}, {name : 'productName',index : 'productName', align:"left"},
CheckBox indeterminate state in internet explorer
The following code working fine in Firefox and Chrome but in internet explorer gives "Microsoft JScript runtime error: Syntax error, unrecognized expression: unsupported pseudo: indeterminate" var chkIndeterminateDayCount = $('#' + trChkId + '').find('input[type=checkbox]:indeterminate').length; So please help me to resolve this issue in IE
Next Page