How to limit height expand and show vertical scrollbar?
I am trying to control a textbox. Here's my initial code: $(document).ready(function () { $('.expanding').autogrow(); }); $(function () { $("textarea[id$=txtInsertDefinition]").blur(function () { $(this).next().hide("normal"); }); $("textarea[id$=txtInsertDefinition]").focus(function () { $(this).next().show("normal"); }); });I want to limit the autogrow height, to say 100px,
problem with validation
I have problem with validation plugins. I want to set up change passwod section where when you type the old password it sends the query to see if the password matches that one in datatbase. I used the remote to do that similar stuff with different project, but with the current one it returns the json object. Based on my reseach I can't use "remote" for json response and try to set up addMethod instead. i gotta validation part working but now every time I typed in password it tries to check with the
Is it possible to get scroll percent in a scrollable div?
I have a div with the overflow set to auto. This is a mobile web app and on iOS, scrollable divs do not show a scroll bar so I am attempting to build one. The scroll event fires when I scroll on the iPad, I just need to know the scroll percent now so I can change my custom scroll track handle position.
Useless
Looks like jQuery forum is pretty much useless. First, there is no way (that I can find) that I can see all the posts/threads that started by me. Second, not a lot of people are using this forum. And third, due to not many people use this forum, many questions are not getting helped at all. I've posted two or three questions and so far no one as responded.
Check value for checked checkboxes
My PHP-script generates checkboxes following this pattern: <input name="checkbox_group[]" id="checkbox_1" value="1" /> <input name="checkbox_group[]" id="checkbox_2" value="2" /> I have tried every solutions I could find, like these: var values = new Array(); $.each($("input[name='checkbox_group[]']:checked"), function() { values.push($(this).val()); // or you can do something to the actual checked checkboxes by working directly with 'this' // something like $(this).hide() (only something
OAUTH 2.0 lib
Anyone know if there is any lib implementing the OAUTH 2.0 protocol?
bugs on S60 symbian emulator - jquery mobile
Hi all I have a bug with app developed in phonegap + jquery mobile. The app works perfecty in android but i have a terrible connection problem with symbian (S60) emulator and a real cell phone.. I am using a simple connection with RPC to retrieve all data from a external server (PHP) in json format, it method works perfecty in android but it doesn't work in symbian... I am not sure what the reason is, because aparently the structure of phonegap app are the same for all applications developed in direferents
Add events to synchronise checkboxes between parnet and popup windows
Hi, I have a pop-window that contains a checkbox for an item. I want to keep the checkbox synchronised with the checkbox on the parent window. The parent window contains a list of items and I need to bind an event to the parent window's checkbox and the pop-up window. I have managed to get 90% there but I have a couple of issues. The first problem is that I have had to put the code in-line. The code was originally in a source file and loaded when $.(ready) but I kept on getting errors that self.opener
CYCLE PLUGIN - triggering function on specific slide with keyboard shortcut
Hello i have some spans that are displayed by cycle plugin <span class="ban">a</span> <span class="ban">b</span> <span class="ban">c</span> etc i use the function to modify currently displayed slide on mouse click <script> function selecta(){ $("span").click(function () { $(this) .toggleClass("dunno"); $(this) .clone() .appendTo("#buffer"); }); }; </script> I would like to do it with keyboard rather than mouse. But then I have problem with triggering function only in the currently
Help passing CSS class attributes to tooltip function
Long time reader, first time poster. I am working on incorporating qtip tool tips into a site I am working on. The site uses per-user-login dynamic themes. I need to be able to dynamically retrieve the attributes list/object for a class from the CSS each time the qtip tooltip function is called (using it on multiple fields). $(element).qtip({ position: { corner: { target: 'tip_target', tooltip: 'text_target'
Update to 1.5.1 changed browser Back button behavior?
I recently updated from jQuery 1.4 (I think 1.4.4) to 1.5.1. Before the upgrade, when users pressed the browser's Back button, they would usually be taken back to a page with all their changes intact. If they had modified input values or clicked objects that caused other parts of the page to change, they would still see those changes. Back literally took them back to the exact thing they were looking at before. Under 1.5.1, Back takes them to the prior page as it was when it first loaded. What changed?
Quicksand callback for prettyphoto not working on cloned items
I have been struggling with this for a while now. I have quicksand set up to sort portfolio items and prettyphoto set up to display the items. Everything works until the items are cloned. I can not get the callback to prettyphoto to work. http://jsfiddle.net/jaycbrf4/yR7Jh/
jquery colorpicker help
heres my html: <p class="colorp"> <label for="color1">color1</label> <input name="color1" id="color1" type="text" size="10" value="ff0000" /> <img src="images/icon-color.png" /> </p> <p class="colorp"> <label for="color2">color2</label> <input name="color2" id="color2" type="text" size="10" value="ff0000" /> <img src="images/icon-color.png" /> </p> heres my jquery: $('.colorp img').ColorPicker({ onBeforeShow: function () { $('.colorp img').ColorPickerSetColor($('.colorp input').val());
Checkbox change ajax call
Hello guys, I'm having problems with jquery and checkboxes.. I've been trying and debugging for some time now, but I can't fix it. This is my current code: <script type="text/javascript"> $(":checkbox").click(function() { $("#jquerysearch").submit(); }); </script> And this is my form: <form action="<?= base_url();?>getSearchResult" id="jquerysearch"> <input type="checkbox" name="chatlanguage[]" class="styled" /> The form action url is a non existing url so if it works well I would
Changing classes of list items depending on the amount of them and current class name
Hi, I'm trying to create a list that contains items which are filters for a search. The list shows 10 items (max) on the page load. if there are more than 10 it changes the class of the elements > 10 so they are hidden, and a 'show more' link is appended. Now if the user has 'unhidden' the previously hidden items and then chooses one, I want the class for all those previously hidden items to change until the user has deselected that item. e.g. 13 items in list user 'shows more' user selects item
looking jqm freelancer
hi there, where could i find jqm freelancer to finallizing my jqm page?? thanks info@portrait-malerei.com
Wrapped Set: "Brother" Selector (with :first parameter) doesn't work
Hello Everybody, Since I'm new in this forum, I would like to introduce my self first. My name is Luciano Daher, I'm speaking from Brasil (with 's') and I would like to ask about an issue I'm facing here. I've read "jQuery in Action" as a tutorial, and, at the end of the chapter 4, the book presents a sample script called "bamboo.html" (is about a Chinese Restaurant). I've tried to reproduce the same sample myself, but, when I use the following wrapped set (bold text) within the anonymous event handler
jQuery mobile with jQuery Calculation Plug-in (v0.4.08)
hello, i have been using jquery mobile without any problem. recentely i wanted to add jQuery Calculation Plug-in (v0.4.08) but am struggling to make some calculation in a form can anyone help me!. Problem: or the jquery mobile is short ciruited or the calculation plugin! Any advices Thanks
Accordion and Tabs
I'm trying to get a jQueryUI accordion working inside jQueryUI tabs. I've read of people having problems and have found several posts which have reported success from initializing the accordion inside the tabs' 'show' event, but when I try this I just get what looks like two half-styled tab headers and no accordion functionality. I have the following in my page load event: $().ready(function() { tabs = $('.jqTabsStandard').tabs({ show: function(ev, ui) { $('.ingredientsAccordion').accordion({
Help me please
i have downloaded JQuery and put into the same folder as the file i am working on and whatever i do JQuery will not work here is my code <script src="JQuery.js"></script> <script> function fadein(){ var box = document.getElementById('light'); box.style.display = 'block'; $('box').fadeIn('slow'); var black = document.getElementById('fade'); fade.style.display = 'block'; } </script>
Uncaught SyntaxError: Unexpected identifier
Can anyone please help me sort this out? I have a html form, I want to save data inside a list's <option> elements in order to execute a script when a use changes his selection. The code looks alright to me, but the browser always stops complaining a Uncaught SyntaxError: Unexpected identifier error at line 60. Line 60 is the following: $("option[value="HOUR"]").data({step:1,steptype:"h"}); And the HTML element it should address is: <select id=DIM_T> <option value="HOUR">Hour</option> <option value="HOURS3">3
Hover slideshow
Sorry, i am bad in Eanglish. How i can put more pictures on button. http://spektras.websoftas.lt/ Now is just two img. I need like slideshow. i used this script $$.hover(function () { $$.stop().animate({ opacity: 0 }, 250); }, function () { $$.stop().animate({ opacity: 1 }, 250);
Not a programmer - Please Help, Please - Question about multiple jQuery scripts on home page
Greetings: This is my first post here. I am a Realtor and have designed a layout for our new website. It includes a few jQuery elements that I found at this website http://flowplayer.org/tools/scrollable/index.html. The XHTML/CSS companies I have contacted to convert the PSD, have told me that the multiple jQuery elements will both slow down the loading of the home page and will conflict with one another. Is there anyone that can tell me if there is a certain limit as to how many scripts is too
Disabling Mousemove Scrolling?
Hey everyone! I am making a website and am having a key issue. The site uses an image gallery script that sets the thumbnail image as the background of the page and enables the user to see the various parts of the image by moving their mouse across the page. When they click a thumbnail the navigation and thumbnail images disappear as well and are reappear via a "view thumbnails" button. What I want to do is disable the mouse moving scrolling when you click the view thumbnails button as well, but
Generating random aswers data for multiple choice tests form the question/ answer pairs.
Hello i would like to use the following list as a template for generating multiple choice tests. <ol > <li > <p>QUESTION</p> <ul id="ula"> <li class="correct">CORRECT ANSWER</li> <li class='inc1'>incorrect</li> <li class='inc2'>incorrect</li> <li class='inc3'>incorrect</li> </ul> </li> </ol> I store test data the following way: <div id='cont' style="display:none"> <span ><h3 class="q" id="q1">question1</h3><h4 class="a" id="a1">answer1</h4></span> <span ><h3 class="q" id="q2">question2</h3><h4
jquery Multiple File upload Plugin
Hi , I am using JQuery Multiple File upload Plugin ..Is there an way to pop an alert message with the number of files he/she has selected after clicking submit button to submit files.. Thanks in Advance.. Kiran
Validation plugin and issue with numberOfInvalids and remote validation.
I'm trying to hide an 'errorContainer' when there are no more errors. However, when using remote validation, it appears that the number of invalids is not set correctly when I tab out of an 'email' text field. When I have focus on email (first input in my form), I can enter a valid email and tab out. The 'unhighlighted' function is called and console displays: Invalids: 1 but then onfocusout is called and console displays: emailAddress undefined At this point, I'll be in the next input field (emailAddressConfirm).
area tag using rect - poly
hi guys...i am having problem with this code i downloaded.. in this code,it only uses a rectangle..i want to use a poly in an area tag. the code in rectangle is like this: i dont know how to rearrange the code for the poly. Please help me guys...Please var areacoord = $(this).attr("coords"); var areaalt = $(this).attr("alt"); if (areaalt != '') { areaalt = areaalt.replace("'", "’"); areaalt = areaalt.replace('"', '"'); } var areaclass = $(this).attr("class"); if (areaclass != '') areaclass
Is it impossible or am I not lucky enough to get an answer after a long search: how to validate optional fields with default value?
Hi, I made some changes to the following example: http://docs.jquery.com/Plugins/validation#Example <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <style type="text/css"> * { font-family: Verdana; font-size: 96%; } label { width:
How can I call a method from my current class using keypress ?
Hello, I have the following code in one of my pages. My problem is caused, because the method "processEvent" is never called, but I have no idea why. I guess it is broken, because I don't relay the "this" object correctly. Any ideas? <script type="text/javascript"> var MyClass = function() { this.init = function() { $("mydiv").keypress( this.processEvent ); } //////////////////////////////////////////// this.processEvent = function( event ) { // Something
Issue with detecting phone orientation for android - infinite loop
I need my mobile site setup that landscape and portrait orientation is detected. Initially I am just using alert messages to test this. This doesn't seem to be a problem on the iphone or the blackberry torch - I get a single pop-up displaying the correct rotation when the phone is turned. However, on the android the pop-up functionality gets into an infinite loop with the pop-ups. I've tried 3 methods as shown below but I get the same result in each. Test 1 detectOrientation(); window.onorientationchange
Show different image on hover
Dear JQuery peeps, I'm having some trouble with the following construction. I have a worldmap image with an image map where you can hover over a few countries. When you hover over a country a pane will slide down and show an image about the country. Now this is all working well except for the following. When you hover over a country and quickly hover over another the pane will slide back up and after the slide it will slide back down. All well except for the problem that the image change will start
.append() does not insert the closing tag, WHY?
Hy everybody, if i use this code: var liTemplate = '<li class="ui-state-hover">' + '<div class="imageDiv" style="background-color:#d2ca68; background-image: url(uploads/' + sessionObj[i].imghash + sessionObj[i].thumb + '.' + sessionObj[i].ext + ')>' + '<div class="delButton">' + '<img class="delImg qq-upload-cancel" src="images/close_button_red1.png">' + '</div>' + '</div>' + '</li>'; $('#unsignedList').append(liTemplate);The
Problems trying to pass an array
Okay I have some PHP code that currently works by; creating an array 'values[indexed by ID's of packets]' as the name tag in the form below. (forget the syntax ive removed alot to fit in this post) the important thing to see if Input Types are in a loop at there can be any number of them, the text fields are put in an array which is indexed by $packet['piid'] <?php foreach($packages as $packet):?> <input
Form submit e result() call sequence in autocomplete
I have an input field that with autocomplete with mustMatch option because i want that what is input is exactly in the list. Input field is valued from result call-back function: }).result(function(event, item, formatted) { if(item){ $(this).attr('name', item['@type']); if($(this).val()!=formatted) { $(this).val(formatted); }
Draggable - how to drag out of a DIV?
Hi, I got a layout and wanted to put a draggable and droppable in it, but I cannot move the draggable DIV-s outside. The layout: <div id="layout"> <div id="menu"> <div id="accordion"> <h3 class="lvl1"> <div class="lvl1 lvl"> <div class="material u303" title="U303"> <div class="material u321" title="U321"> <div class="material u129" title="U129"> <div class="material u622" title="U622"> <div id="gallery">
Input field needs several touches
I'm using jQuery v1.5.1 and jQuery Mobile v1.0a3 and have the following markup: <div class="testfield" data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </div> This works totally fine if I load it on a common desktop browser. However if I load the page on a mobile device (tested on iPhone 4 and Android v2.2) the input field needs to be selected ("touched") several times until the native keyboard shows up and I can edit the
[Accordion] prevent the opening sections with a condition
Hi, I would like to block the opening sections of the accordion after a condition. Is it possible? thanks
blank page on firebug?
Hi guys I run these codes below on firefox with firebug and the page goes blank? By the way I run the codes on safari without firebug and i see the page. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="JavaScript" src="js/default.js></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
jquery contextmenu, how to disable an action only on one LI item?
Hi all, I'm using the jquery contexmenu plugin which is working very well. As you can see in the demo, it's easy to disable action(s) in a global way -on the full set of lists . But actually, I'd like to disable an action only in one of them : looking at the demo again, I want, for example, to disable the delete action on the first LI. But i don't know how to do that. Any help/idea is welcome thanks in advance simo
Next Page