How to Keep validation for the image type using jquery
Im new for the jquery can any one help me for keeping validation for the image type...im able to keep size validation but not able to put type validation can any one help to keep image type validation which suits for this code... <script type="text/javascript"> $(document).ready(function() { $('#id_image').bind('change', function() { if(this.files[0].size > 1000141){ $('#formerror').html('File is too big'); }else{ $('#formerror').html('
Fade in slide down
Hi Forum, Does anyone know how to recreate the fadeIn and SlideDown effect with text like on the Sony website: http://www.sony.net/united/connectedworld/us/ If you can direct me somewhere or show me a simple example as to how to get it running so smoothly then that will big a huge help. Thanks, Dale
Dynamic tabs on Bottom
I'm trying to dynamically create tabs on the Bottom of a tab widget. I've looked at the "Tabs on Bottom" sample and have set up my static tabs fine. I've also looked at the "Simple Manipulation" demo to see how tabs are dynamically added and removed. However, when I try to do the same for the bottom it doesn't work. Obviously the order of the elements in the html is different for the bottom. I've tried a few different changes but I'm missing something. In doing the "refresh", it doesn't seem to assign
Getting error-Error: cannot call methods on multiselect prior to initialization; attempted to call method 'refresh' after upgrading jquery to 1.10.0
Hi we have upgraded our jquery ui from 1.8 to 1.10.0 which has jquery1.9.0.js files. AFter embeding all the js files n all,once we login we are getting -> Error: cannot call methods on multiselect prior to initialization; attempted to call method 'refresh' throw new Error( msg ); in jquery-1.9.0.js PLease help how to resolve this issue.Looking forward for the solution
conflicting scripts.... but where? and why?
Hi there. I have one page on my website that uses jquery lightbox. I have a DIFFERENT page that uses jquery sliders. Both pages work brilliantly. BUT... when i try to make a page that uses BOTH features, the lightbox works but the sliders don't appear. I've tried to troubleshoot the issue, and I've narrowed it down to the scriptaculous script that the jquery lightbox uses. if i comment that out, the sliders return. Is anyone aware of a conflict that causes the two scripts to be incompatible on the
The official demo of jqueryui datepicker l18n IS NOT WORKING
probably i'm crazy, but when I go to jquery ui date picker demo, I clicked on 'localization' , on the left But for each language i selected, no changes were made. It's an example's bug ? See: http://jqueryui.com/datepicker/#localization
showing and hiding div
Hello guys, i have this code: if($title.children('div:eq(' + i + ')').not(':visible')){ //$title.children('div:eq(' + i + ')').css('display','inline-block'); $('div.room-ages-titles').children('div:eq('+ i +')').css('display','inline-block'); } What it does, is when i select option 1 of a dropdown list it shows shomething like this: ch#1 if 2: chd#1 ch#2 if 3: ch#1 ch#2 ch#3 But
$ undefined
I am a totally new newbie. First Post! I am trying to duplicate the Simple Sprite Application on page 30 of Subercharged JavaScript Graphics by Raffaele Cecco. Code as follows: <!DOCTYPE HTML> <html> <head> <title> Sprite DEMO </title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <style type="text/css"> #draw-target { width: 480px; height: 320px; background-color: #ffc; position: relative; } </style> <script type="text/javascript"> var DHTMLSprite
Google Search Results in Pop Up
Before I start attempting to write the code for this or search the web for the answer does anyone know if its possible to display google search results inside of a dialog or pop up box. In the app im working on I want to use an image as a link to the google search of the images but keeping it all in my app. I dont need to code just want to know if its possible.
jQuery Mobile 1.3 Panels disables my javascript
Hello. I realise that 1.3 is still a beta realise but was wondering if anyone is having the same issue as myself and had any solution. For the panels to work the page content must be contained within the data-role="content" container. However, I am using some API's like twitter which call up content into data-role="content" container, and I also have ad tags in the container. Both of these use javascript and both disable the jQuery mobile platform. I can only get either of these features running
Jquery instalation and starting application , help me out ??
Hi to all , i am new to Jquery can you suggest,where the jquery.js file should be located, And all.Give some matterial on this ,Thank you .
Getting current values from input fields with html()
I'm sending HTML to a pdf generator. My only problem is that after a user completes all required inputs, jQuery's html() only grabs the original HTML of the page without the user input. This makes sense, but I'm hoping there's a way to grab the HTML with the current values of all input fields, without manually querying each one of them. On some input forms, that could be a lot of queries.
Safari Mobile and Chrome crash on iPhone... not sure how to diagnose
So I have put together an application using jQuery Mobile 1.2.0 (with jQuery 1.8.2). It works fine on Chrome (24), Firefox (17), and IE (10) and I'm sure other versions as well haven't done full testing yet. However, my application crashes Safari Mobile and Chrome on iPhone. I've scoured the net looking for clues; I've removed all transitions, removed css transform, box-shadow, etc. but I'm not narrowing in on the issue. My application is not large, my main .html is 11KB, .css is 5KB, .js is
jquery datepicker
Hi everyone, How do I edit the following line to automatically format the date to yy-mm-dd ?: $( "#format" ).change(function() { $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
Creating an autocomplete field within a dialog
Greetings all, Currently I'm working on creating a dialog window that has an autocomplete field within it. I've done autocomplete fields before, along with dialog windows, but never the two together and am finding an issue. Currently, this is what my code looks like. View (parent) ... <div id="divPOExistingProduct"> </div> $("#divPOExistingProduct").dialog({ height: 500, width: 700, modal: true, autoOpen: false, draggable: false, resizable: false, open: function () { }, close: function () {
sticky listview divider to top
Is it possible to sticky a listview divider in top, not only one , but sticky untin it gets to the next divider . Here's an example http://opensource.teamdf.com/list/examples/demo-basic.html I wanna to do exacly like that in JQM, also tried to use jquery.sticky but it is not working well .
Using Ajax
I'm using ajax to pull into a div a sortable page and the elements show but nothing is dragable. I've tried to put the script in both the calling page and the called page with no success. when I put the elements on a single page it works. Its like the script has run before the elements come into scope.
jQuery DefaultText resizing browser on focus
Have a mobile version of a site that has a search box in the header using the jQuery plugin Defaulttext. If you click in the text field input box the mobile browser resizes the window to the non-mobile styled site. Is there a way to stop this from happening or even zoom in on the text field? Here is my site: http://edit-wwwprep.rose-hulman.edu/admissions-financial-aid.aspx
Working On Very First Page To Use JQuery-Mobile
I'm trying to use JQuery.Mobile-1.2.0 on my first mobile page and it doesn't seem to work. I'm working in a dotcms v. 2.2 (dotcms is a content management system that we use for our website) environment and I will need to start adding mobile pages sometime in the near future, so I'm trying to develop some prototype code now, so I'll have it in the future when I need it. I have the jquery.mobile-1.2.0 code library copied to a folder on our website. the code at the top of my new page's definition
Embedded datepicker behaves different
Hi, please have a look at the following configuration: http://codepen.io/anon/pen/Kmrex I would like to know why the datepicker component selects a date when it is embedded in the site? Is that the desired behaviour when using the component with the option minDate: 1 ? If it is the desired behaviour, any ideas how to avoid this? I would like my users to choose a date from a "clean" datepicker. Thanks, Markus
Is JQuery Mobile can be used on ASP.Net Pages?
Hi Guys, As the title says, Is it really compatible with ASP.Net Pages? Because, Im having a problem on implementing it. Like for example, Multi-Page for me is not working...I don't know why. I just noticed that on the examples that they gave here dont have any "form" tags, but, whenever I implement it on my asp.net page, it always puts a "form" tag. Please Help! Thanks!
jQuery UI dialog box fontsize
I am using jQuery UI - v1.8.23 with jQuery v1.8.1 (with ThemeRoller UI-Lightness ) My button sizes were huge. I found that the button are rendered big because of the huge fonts. So I have overridden the font size in my project specific css file like below. .ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 0.7em; } Now buttons looks great. But my jQuery UI dialog text are also small as 'ui-widget' class affects in other places as well. Is there some way to make the dialog box
webshims group-required test not firing on checkValidity
I've got a handlebars template that has a group of checkboxes named the same thing and decorated with the "group-required" class. The validity check properly fails on focusout (for example when tabbing through the form and leaving all of those elements unchecked, but when I call checkValidity() on the form element in javascript with none of those values checked, the forms validity check passes. On the same form, text inputs marked required are marked as invalid if empty when calling checkValidity()
Dynamically change part of a page
I use a server-side framework to generate a jQuery Mobile multi-page with several sub-pages. The framework allows server-side handling of JS-events and the server-side event handler can "rewrite" the content of individual HTML elements. I could have a <div id="myId"><ul data-role="listview">...</ul></div> and from the server-side replace the div content with something else. On the browser side the replacement HTML fragment is parsed and the DOM tree is adjusted. However, the jQuery Mobile styling
Is it possible to convert my iphone app into jquery mobile app? And if it possible then how?plz help...
I want solution that Can i convert my iphone app into jquery mobile app.plz help
how to disable File save dialog after file upload in Ajax call
Hi I have a requirement where I uploaded file in Ajax call to the controller using Iframe. now after file uploaded and saved in my database I am getting a File save dialog, how can i disbale it. Could you please suggest. Thank you. Best regards, Joseph
Parts of GUI turns black when switching between tab pages with different heights
I have a navbar in the page footer with click listeners on every tab. When I switch tab, I just get the page div from javascript and set the html to the new content. Here's the HTML page: <div data-role="header" id="headertop" data-position="fixed" data-tap-toggle="false" data-theme="a"> <div id="logoAndBackDiv"> <h1 id="header1"> <img src="css/images/flogo.png" alt="forex" id="img" width="50%" /></h1> </div> <div data-role="header" data-theme="d">
Scroller issue in mobile while showing validation message
I have problem with scrolling while displaying error message in mobile devices, the page should scroll up to 1st error message in my page this functionality is working fine in web browsers(PC) but same is not working properly in mobile browser scroll position is pointing some other place. Am using jquery validation engine to validate my form (VER:Validation Engine 2.2, jQuery plugin) and jquery mobile to create the form. Thanks in advance
Datepicker not working!
Hello I am using jquery date picker. It used to work fine until I just noticed it isn't anymore! Can you please help me find out why this date picker is not working? Located here. Start date or expiry date fields are supposed to open date picker. Thank you Ben
Problem with autocomplete.
Hi everybody, I have a problem with autocomplete. The source data are stored in database. Ajax calls citta.php, that should give the name of the town when I start writing. <script> $( "#campo" ).autocomplete({ minLength: 2, source: "citta.php" }); </script> Instead if I use an array where I write some towns it works good. citta.php: $return_arr = array(); include("../Registrazione/config.php"); //connect to database if (isset($_GET) && isset($_GET['term']) && !empty($_GET['term']))
Colorbox iframe option get height and width automatic.
Hi, I am using colorbox iframe option and calling outside web page. I am facing center align problem and proper height and width of the page in all browser. I am looking for solution for getting height and width automatic. Following is the example and image attached. <!DOCTYPE html> <html> <head> <meta charset='utf-8'/> <title>ColorBox Examples</title> <style> body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
Having trouble using two jquery widgets in a template based webpage
I hope I have posted this question in the correct topic. Ok, I have a template based web site im developing in Dreamweaver CS5. I have a few editable regions in my template. In a NON editable region near the bottom, I have inserted the jquery jsocial widget so that it shows up on every web page, and on one of the web pages, I recently inserted the accordion widget, which is also quite awesome. I love them both, but im finding that once I insert the accordion widget to the single web page, and the
sticky header probelm
i run a script which makes a header sticky. There are several posts under each other and each of them have a header. What im trying to do is to make headers sticky (fixed) when they are 'top: 72px'. Before they become sticky they are absolute. When a new header is approaching the sticky header, eg. when the new header is 150px below the sticky header id like the sticky header to become absolute and when the new header is top 72 id like the new one to become the sticky. By trial and error i managed
help with appending html url passing variable doesnt work but setting text does please help
How can I get it to work with variable? top one works with double quotes i.e forced so to speak but doesnt work with variable sitepage in the browser before I click on it there is a space between technology and.com in variable one i.e website.com/ technology.html but not in the double quote one i.e. website.com/technology.html $("#home").append('<a href="http://www.website.com/' + "Technology" + '.html">' + $(this).find("category").text() + '</a>'); $("#home").append('<a href="http://www.website.com/'
Dialog differs when using Div or Span as a 'placeholder'
Hi All, I don't know if this is a bug or a feature by design hidden in some specification somewhere, I thought I would share (discuss?) In order to create a dialog, I need what I refer to as a place holder. All examples I have seen have used the div tag as a place holder - thus <div id="dialogPlaceHolder">this is my message text</div> and to display this in a basic dialog box that is 500px wide, 500px high one could do the following: var dialogOpts={ height: 500, width: 500, buttons:{ "Yes": DialogYes,
POST slider values to php script
Hi all! I had a nice functioning set of sliders that would pass their values using POST. Ever since I included jQuery mobile libs, my sliders would not pass their values anymore :( Can anyone help me here ? Thankyou ! Fred This is my code so far: <html> <head> <title>Vragenlijst</title> <link rel="stylesheet" href="js/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"
Click does not trigger form input :(
Hello everyone ;) I was wander whether someone one could help me with my problem I have the following code which triggers below form <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#processing").live("click", function(){ var proid = $("#proid").val(); var oid = $("#oid").val(); $.post("orderstatus.php", { proid : proid, oid : oid }, function(data) { $("#update").html(data); }); return false;
Newsticker to fetch data from mysql
Hi, there are many great newsticker plugins available, but all of them seem to work with xml data. I'm looking for a way, to show the latest entries in a mysql database. the ticker should display the last 4 news and look for newer entries every few seconds. eg: entry 4 entry 3 entry 2 entry 1 when there is an entry 5, entry 1 should disappear by scrolling. I hope someone can point me in the right direction or maybe there is even a plugin that works with mysql. Thank you in advance!
jQuery Mobile Beta - how to combine Panel w RWD/secondary-content nav?
How do I apply the new Responsive Design to the new Panel widget? Specifically, I'm looking for a "best practices" way to make an Phone and a Tablet in portrait mode use a panel, and an iPad in landscape use the documentation's "side nav" secondary-content layout. I can hack something together that renames hte div attributes when an orientation change is detected, but that's not very RWD. While I've gotten each working independently, I haven't seen a good way (possibly all CSS?) that I could make
how to download a plugin from this website?
hello, I cant seem to find a way to download this plugin ... which is listed on this website: http://archive.plugins.jquery.com/node/13287 how to do this? thanks, best Sam
Next Page