Input field, how would I prevent 3 or more consecutive characters?
Using an Input field, how would I prevent 3 or more consecutive characters? Thanks var validator = $("#signupform").validate({ rules: { firstname: { required: true, minlength: 3, maxlength: 30 }, lastname: { required: true, minlength: 3, maxlength: 30 },
x Close button does not close the dialog
Hi everybody, I am trying to create the following interface - from the grid's row I want to be able to launch a modal form to make edit and upon saving the row in the grid should update. I am using flexigrid control and ASP.NET MVC I use the following code (for testing purposes) to launch the modal form: function edit(com, grid)
{
$('.trSelected', grid).each(function () {
var id = $(this).attr('id');
id = id.substring(id.lastIndexOf('row') + 3);
Jquery Auto Resize Images
Creating a web app. What jquery code can I use to allow users to resize images to fit required size? Much like how instagram and facebook asks users to adjust and resize image to fit.
Can I "nest" a chart function within jQuery Slider and absorb the slider value into the chart?
Hi all, I would like to have the value of a jQuery slider determine the size of one of the pie slices in a chart. As the slider is moved, I'd like the chart to auto-refresh to reflect the value of the slider. Can someone help? Thank you, Chris
Make Image Appear over Selected Image
I'm looking for Jquery code that puts a thumbs up image on top of an image that a user selects with their finger or mouse. Do you know where to find this? Example: [image one] vs [image two] The user selects one of these images. The selected image receive a highlight or a thumbs up image over the selected image and then both images fade away or the image not selected fades away. Thanks! David
Jquery mobile dialogbox shows old data in I-Pad
I am showing profiles of various users in dialog box. When i open profile of person A and B first time, it opens perfectly but when i reopen profile of person A, it shows me profile of person B. Also after that when i open the profile of person C it opens fine. But again if i open B or A it opens C. can any one suggest solutions for this problem ????? This happens only in i-Pad, on other browsers it works fine.
Autocompete issue
I have configured an autocomplete as follows: $("#userlookup").autocomplete({ delay: 500, source: function( request, response ) { request.listtype = distribution.LISTTYPE_BCC; request.group = distribution.GROUP_CECIDS; request.maxRows=10; lookupEmails(request,response); }, minLength: 2, select: add2Distribution }); function
jCarousel... wrap:"circular" hiccup
Hi everyone, I am trying to implement a circular wrap on my jCarousel, but there is a weird little hiccup I cannot seem to fix. I am showing two items at a time and when it reaches the end, it wraps to the first item HOWEVER the second item starts to lag and does not appear until the pause is over. Has anyone encountered this? Here is an example of my issue. It is four items and when it gets to the last one, the behavior occurs. http://www.rachelraynes.com/test.html Thanks! Rachel <script type="text/javascript">
Slide from page to page with static header
Hi I am trying an simple mobile site and want to create after that an mobile app with phonegap from this layout. The problem, what I have now is, that when I slide from page to page the hader is refreshing ever. I have an fixed header, where on scrolling it is staying ever on top. I have seen some mobile sites, where on slide, only the content div is sliding (the middle of the site), and the header and footer is staing fixed. Only the buttons on the header and footer and the label is changing very
How to place two text input types in one row?
Hi. I just want to know if there is solution for placing two text input types in one row. I am trying it with table but it does not look nice. I want to make something like this:
coda slider jquery - hlelp
I'm find coda slider jquery like this web site. http://livedemo00.template-help.com/wt_41555/#!/page_home Anyone can help me.if you have any tutorial or code please give me. Thank you.
.on not working in IE
Hi Guys, I'm wondering why a mouseenter/leave function doesn't work in IE, but works in all other browsers? When mouse entering, a tooltip should appear & a little pinched tail fades in. In IE, only hovering over the imgborder element (which is above the img & is positioned absolutely) produces the tail. When further hovering into the image, the tail disappears. Here's a test page: http://www.partiproductions.com/exhibittooltip_test/index.html My Script: $('.exhibit_tooltip_imgbord').on({
Jquery event wont work on sources/links?
Hi, I want that when you hover over the part that is inside the iframe the animation will work. Currently nothing happens. I have made the width of the div on my website slightly wider so you can see what the mouse over event should do. http://tragicclothing.co.uk/deleteeee.html <div id="box3" onmouseout="$('#box3').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'fast')" onmousemove="$('#box3') .stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" style="top: 0px; width: 700px; box-shadow:
jQuery Mobile css not applied to controls after page navigate...
I have a single page app, and am having issues with the controls (namely input) not having the css styles applied on the second time switching to them. I have created this fiddle (using knockout and jquery mobile) http://jsfiddle.net/giltnerj0/BvtQv/, and when you click an item in the list the first time, the input type="text" on the next page looks fine, but if you click the go back to page one, and choose a different item, it renders as a plain textbox, not a fancy jquery mobile one. I also have
view source is not displaying for this link: http://jqueryui.com/draggable/#visual-feedback
I have tried to view this link (http://jqueryui.com/draggable/#visual-feedback) in several browsers w/o any success. I students who have tried to access it was well w/o success. I do see view source in all the ones I just clicked on. Any help would be appreciated.
jQuery special event hoverintent isn’t working properly with `mouseleave` functions
I'm having difficulty getting the `jQuery` special event `hoverintent` to work with `mouseleave` functions. *(I’ve also tried substituting `mouseout` for `mouseleave`)* I need to utilize the same functionality so that the `mouseleave` event is only fired when the user's mouse has slowed down beneath the sensitivity threshold. I’ve included the script below, and have also uploaded a working example to http://click2fit.com/test_files/accordion_hoverintent.html $(function () { $(".accordion_close_leave").accordion({
jquery cycle plugin showing last image when load/refresh
Hi, I get problem when using cycle plugin, I get last image when load you can see the web link here - http://www.visitclearwaterflorida.com/index.php/ Is there anyone know what the problem ? Thanks
Drag a object to a droppable object after the object hover a sortable object
Hi, I am using 2 sortable objects and 1 droppable object. The 2 sortable are connected using "connectWith" property. The idea is that i will drag objects from the bottom sortable to the upper sortable or to the droppable object. The problem is that when i am dragging a object from the bottom sortable to the draggable object, the second sortable get it instead of the draggable object. This is happen only if my mouse is hover the second sortable in the way to the draggable. As you can see in the attached
increment div's value on keydown
Hi! I would like to increment the value of two divs by one each time a press the left or the right arrow button. It doesn't work, says [13:04:50.297] TypeError: this[0].innerHTML is undefined @ http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js:12 <div class="centered"> <span id='first'>0</span> <span id='second'>0</span> </div> <script> $(document).ready(function(){ $(document).keydown(function(key) { switch(parseInt(key.which,10))
Jquery ui tabs cover the whole page
I want the tabs to cover the whole page . I used the below html . Works in chrome but not in IE9, firefox ,chrome or safari . Can some one help me to figure out the issue? <div id="tabs" style="width: 100%; height: 100%;"> <ul> <li> <a href="#tabs-1">Nunc tincidunt</a> </li> <li> <a href="#tabs-2">Proin dolor</a> </li> <li> <a href="#tabs-3">Aenean lacinia</a> </li> </ul> <div id="tabs-1"> <p> Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin
Uncaught TypeError: Object #<Text> has no method 'getAttribute'
Ran into a curious situation that I don't know how to resolve. Rails app (3.2.8) but I don't think that is necessarily the issue. This previously worked with an earlier version of jquery but it did update when I updated recently. /*! * jQuery JavaScript Library v1.8.0 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ I have a drag and drop action which sends data to the application and indeed the database changes occur but the route back doesn't update the screen properly though
Textboxes already filled
I have a form which has a few textboxes and they have text in them already filled from a SQL table. I am using jQuery, to once all textboxes have at least 1 value inside them to enable the button (#edit). On this form, due to the textboxes already been filled, the button should be automatically enabled, however I have to edit one of the textboxes first before it enables it. $(function() { $('.fields).change(function(){ if (($('#title').val().length > 0) && ($('#name).val().length > 0) && ($('#email').val().length
how to drop element on overlapping element
I am using drag and drop functionality in my site so that i can able to place any div at any place. and i can able to drop image to any div , its working fine . the problem i am facing is whenever any div over lapping with other div while dragging and drop any image to the overlapped div then the image is droping into the down div not the above div , i am unable to find the droped div id , If any body faced such problem let me know the solution Thanks in advance Surya
jQuery mobile collapsible content works locally, fails online
Hi, Apologies in advance of this is a stupid question but I am a complete newbie having just discovered jQuery mobile and done my first example of collapsible content panels. They work brilliantly locally in all browsers, and online when accessed by desktop FF and on iPad, Android Chrome on phone and tablet, but the jQuery doesn't render in desktop Chrome or IE9 when the page is accessed online - it just shows the html. This is a page in a Dropbox Public folder https://dl.dropbox.com/u/14619867/chrometest2.html
jQuery Flexslider only loads when refresh
Hi all, I'm developing a mobile website for our company. http://m.ideebv.com/ I made this with jQuery Mobile with Modx as CMS. The problem is, I use a imageslider as header; flexslider. I made this work on the homepage. But on the next page, after you click on the first button 'wie zijn wij?' the slider doesn't show up automatically. It only shows up when I refresh the page. When I go back to the homepage, the problem appears again. Then I have to refresh the home-page again to show the slider. Does
coda slider jquery - hlelp
I'm find coda slider jquery like this web site. http://livedemo00.template-help.com/wt_41555/#!/page_home Anyone can help me.if you have any tutorial or code please give me. Thank you.
add button in multiple select menu overlay
Hello, I have a multiple select with data-native-menu=false. I would like to add a button in the created dialog to close it because the close button is not very intuitive. It seems that invoking select menu opens a dialog which includes a listview for selecting item. I tried to add the button on triggering the event dialogcreate: $('div:jqmData(role="dialog")').live('dialogcreate', function(){ .... $(this).find("div:jqmData(role=content)").append('<a id="close" data-role="button">Valider</a>');
can only check checkbox outside of the checkbox
Hi. I am having a strange issue with a checkbox on an ipad app that i have been given to fix. The only way i can check it is if i click slightly outside of the checkbox. i can remove the css stylesheets and the problem still occurs. The html5 code validates. When i removed the jquery import the problem went away. i tried updating jquery to the latest version but still no good. It may be something to do with jquery UI, which is also being used. However, i cannot remove this as the app doesn't display
JQuery Grid Data Binding with SQL Server
i am using jquery grid but column are not display. can you provide any help tutorial data binding with SQL Server in ASP.NET ? Please give me suggestion.
Special event api
I'm little confused about special events. Is or isn't it an official jquery api for additional events? And if not, what is? There is only a note in documentation, most probably use the Ben Alman's article. But there are problematic parts, like teardown method argument described as array of namespaces which is something undetermined in real as you can see from ticket #11908. And what's this learning event extensions? Thanks in advance for an explanation, JH.
Set focus next element after form submit
Hi all, I want to set focus after submit form, so when i press enter on any textbox form submit and control will move on next element. my code here. html code: (index.html) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.8.2.min.js"></script> <script src="movenext.js"></script> <title>Untitled Document</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="650" border="0" cellspacing="0" cellpadding="0">
recreating a flash book with jquery
hello. i have a task in front of me that i might need a little advice with. I have been asked to recreate a flash book with out using flash. this is the book http://loveurope.clikpages.co.uk/pro-hunter/ i have had a look around at scripts and this is what i think will do some of the jobs... flip: http://codecanyon.net/item/responsive-flip-book-wordpress-plugin/2372863 (HTML&CSS, images, video, audio - $21) or http://builtbywill.com/code/booklet/demos/speed (free + ie6 support) clock: http://www.neilwallis.com/projects/html5/clock/index.php
Using event in jQuery
Hi, Here is my code http://jsfiddle.net/MX9ey/2 Html : <textarea name="info"></textarea> <br/> <input type="button" id="clearlogs" value="Clear Logs"/> <div id="log"></div> Script: $(function(){ $("[name=info]").bind("keydown",callFunc1).bind("keyup",callFunc2); $("#clearlogs").on('click',function(){ $("#log").empty(); }) }); function callFunc1(ev){ if (ev.keyCode == "13" && !ev.shiftKey){//pressing enter key $("#log").empty(); $("#log").prepend("calling
Modify widget code with jquery
below is a code snippet for the Microsoft Azure widget. I have used this on my site, but it translates the entire page. I only want to translate the content of one div not the whole page. Is there any way to manipulate this code with Jquery so it only translates one div? Please comment. <div id="MicrosoftTranslatorWidget" style="width: 360px; min-height: 57px; border-color: #3A5770; background-color: #78ADD0;"> <noscript> <a href="http://microsofttranslator.com/bv.aspx?a=http%3a%2f%2flocalhost.com%2f">
jCarousel... wrap:"circular" problem
Hi everyone, I am trying to implement a circular wrap on my jCarousel, but there is a weird little hiccup I cannot seem to fix. I am showing two items at a time and when it reaches the end, it wraps to the first item HOWEVER the second item starts to lag and does not appear until the pause is over. Has anyone encountered this? Thanks! Rachel <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ vertical: true, auto:
Jquery Websites' Search Infinite Refresh
When searching via the search box on jquery sites if the word 'jquery' is included as part of the search phrase it seems to trigger an infinite refresh loop on the search results page. Here is an example http://docs.jquery.com/Special:Search?ns0=1&search=jquery+each
Issue with slider menu and smooth scroll
When "contact" is selected, the page scrolls down, but the slider only moves to "services" http://mlfoxdesigns.com/ - Only happens occasionally - Happens most frequently with IE9 and Firefox (of course) but happens with chrome as well. - Contact tab is the only tab with the issue Willing to offer design work in exchange for help (small logo, etc. see my website portfolio) Thanks!
Side by side acordion not the same vertical height
I have two acordions side by side but don't have the same vertical height. I like them to be the same vertical height.. Below is the html. Can someone help me figure out the issue? <script> $(function() { $("#accordion").accordion(); $("#accordion1").accordion(); }); </script> <div id="accordion1" style="width : 50%; float:right"> <h3>Section 1</h3> <div> <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie
Is there a easy or quick way to add dates to highlight in jquery datepicker?
Right now i add dates like example and it works fine but i have to edit the script every time. var highlight_days = new Array("10/01/2013", "21/01/2013", "12/01/2013"); beforeShowDay: function(highlight_days) {... Is there a easy and quick way to add new dates ?
Problem with jQuery and Windows Vista
Hello Folks: I'm working on my first application which uses jQuery extensively. So far, I've got the first basic pages done. Registration, uploading contacts, profile pages for individuals and organizations, and making own groups. They all work great on my two computers. My desktop is a bit older (Windows XP) than my laptop (Windows 7) and I've tested the work in all the major browsers. Today I am testing this application on my daughter's really old laptop with Windows Vista. This testing is necessary
Next Page