Datepicker Blocking Off Picked Date '+X'?
Newbie here to jQueryUI and javascript, but have a quick question: Is there a way to use jQueryUI to block off the picked date (not today's date) +10 days? I know how to limit to a a choice to a '+X' date from today's date; but not sure how to do the same thing with a selected date, so that as the dates progress, the maxDate doesn't. Also, to color the selected range in a particular color, would that be by utilizing the .css. An example of what I'm looking for is if my son is grounded for 10 days,
help with toggle
i am tryingo to do a list and do toggle on it it works wrell but even when i click on li makes the toggle is that a way to make works only on the ul??? thanks fot the help and sorry for the english. $(function(){ $('.a').hide(); $('.b').click(function(){ $(this).find('.b').next().toggle(); }); }); <ul class='b'>123 <li class='a'>a</li> <li class='a'>b</li> <li class='a'>c</li> </ul>
Problem with datepicker and tooltip
Hi I m getting some trouble with datepicker and tooltips : everything is okay if i don't click. once i click on a date or i click on the next month, the tooltips css and animations are disabled. here is the script : <script type="text/javascript"> $(function(){ var specialDays = { '2011': { '3': { '10': {tooltip: "Some event", className: "holiday"} }, '4': { '15': {tooltip: "Some another event", className: "holiday"} ,
Validation - Moving the 'Field Required Message
http://bassistance.de/jquery-plugins/jquery-plugin-validation/' I'm currently setting up a site which will have a contact form and I'm using the validation plugin. Currently the 'This field is required' message shows up after the form's input fields. What I want to do is have the message show up after the name label of the field. Is there anyway to do it?
Show image after drop
Hi, I'm newbie on jQuery and I hope to help me. I've an image, and after a drop to another position, I would like to show this image. How do I proceed? Thanks for your help.
.load() by class
Hi. I want to use something similar to this: $('#remote').load('http://www.url.com/page.asp?p=1 #myID');If I understand correctly, this would take the content of the element with ID "myID" and place it in the element on my page with the ID "remote". What I want to achieve is a bit different - there is a table cell (<td>) on a remote page that I want to put on my page, only this cell has no name nor ID, just a class: myClass. How can I get the same result with only a class? Also, if it makes a difference,
on focus add delete button
when an input with class="text" is focused i add a delete button to the parent element. But if there are more than 1 inputs with this class it adds several buttons on some of the parent elements. how do i prevent this? $j('.text').focus(function(){ var parts = $j(this).attr('id').split('-'); $j(this.parentNode).append('<input type="button" class="delete" value="del" id="delete-'+parts[1]+'" />'); }); $j('.text').blur(function(){
Q: AutoComplete - example using JSON backend data from mysqli via PHP
I am having trouble getting AutoComplete to work with the back end data, is there a sample of AutoComplete in action, getting it choice list from mysql data via PHP?
Disable JQuery Mobile Loading Indicatore
Hey, is there a possibility to disable the loading indicatore completly, to use a custom one. Because the jQM loading indicatore is triggered on page changes and stops after the page is shown. In my case this is not the best idea because I loading Ajax and waiting for the response. I tried to find something in the configurable defaults, but I didn't find it. Also it would be cool to update the loading text during the show process, like ... requesting data...binding data.... and stuff like that so
element onblur event doesn't fire when jquery slider handle is clicked instead of anywhere else on the page
Hi there, I have a page with a select box followed by a jquery slider. I have a simple alert that fires onblur of the select box. What I've found in practice is that the alert only fires when the html page is clicked after the select box NOT when the slider handle is used. Oddly, when I run this at jsfiddle, everything works as I would expect: http://jsfiddle.net/BxY99/2/ When I run it on a test page you can see this failure in action. http://test-psi-alpha.appspot.com/jquery I'm at a loss to explain
REInitialize ColorBox from within iFrame
Hi all, As you no doubt know, a link that is generated on the fly (ie by a JS function) and is supposed to invoke a ColorBox (due to a predefined selector) doesn't work as the link didn't exist when the ColorBox was initialised e.g., you have this in the head: $(document).ready(function(){ $(".frmMe").colorbox({iframe:true, innerWidth:1200, innerHeight:640}); } Then a link generated by JS at a later time (for example triggered by a users click) like: <a href="blah.php" class="frmMe">Easter Eggs</a>
Reverse string (email address) on copy?
Hey all! I'm trying to do this email obfuscation thing where I reverse the email direction with php and then on the page flip it right way with css. Looks great and works great, expect when I copy the email, it's of course backwards. Would you have any ideas how to use jQuery (or just plain js) to flip it right way when it is copied? Or would it make the whole obfuscation thing useless? Thanks advance! All help is appreciated :)
Feature Request: Display multiple cluetips simultaneously, allow assignment of unique id's to cluetip container
I see that the cluetip plugin project is on github so, perhaps at some point I'll be able to try implementing this feature myself, and submit a pull request. But in the meantime, I want to see how much support there is for it or if someone is already working on the solution. My team is using the cluetip plugin in a rather exceptional way. Rather than a tooltip like msg bubble that appears on mouseover, we show the cluetip on page load and require the user to dismiss it. We're using these cluetips
Problem with 64 bits operating system
I'm using jquery but i have a problem when i want to use JQuery in 64-bit operating system. Can anybody to help me? Thanks Laura
Script Stack Space Exhausted on Firefox
Hello, I have a JSP page that I am updating via an AJAX post. When the page gets sufficiently large, I get a "script stack space quota is exhausted" message. I realize it is due to the size of the response, but is there a better way than the following? jQuery.fn.success = function(responseText, statusText, $form) { var formId = '#' + $form.attr('id'); $(formId).replaceWith($(formId, responseText)); // Set up our form object again now that we've replaced our form with the data coming
Adding additional functionality to an object that is already acting as an 'accordion' header
This is probably a pretty basic question, but I'm still just learning the Ui plugin. I have a navigation frame using expanding accordions and it works fine, but when I attached my own click events to the header elements to do some other things on the site, the accordion stopped working. So I'm just trying to understand the correct way to add functionality when clicking an accordion header. Here's a sample of the code I'm using that appears to conflict. Here's roughly how the JQuery code is setup:
Converting the text of a datetime field to another format
I am trying to convert the text of a datetime field from UTC to a more American friendly format. I am having trouble getting the text to change to the converted version. I have each input of type=datetime-local assigned to a class dateTime and I am using the function below. The code runs without error, but the text of the control is not updated. Any ideas? Thanks for the help. $('.dateTime').click(function() { var mainParts = $(this).attr('value').split('T'); if (mainParts.length
jquery mobile slideshow
I like Jonathan Snook's simple slideshow: http://snook.ca/archives/javascript/simplest-jquery-slideshow It works perfectly.... That is *until* I try to use it with the jquery.mobile css file. Of course I need that css file for my mobile site. They just don't seem to be compatible. As soon as I remark that stylesheet out it works again. Anyone else run into anything like this? Who has a simple slideshow that works with jquery.mobile's css file?
Using the demo page (modal-form.html) and IE7...I cannot get my 'create new account' window to open
It works locally, but not on the app server where I am running it. I have reduced the security to low and only changed the references to the Java scripts, but still no luck. Any thoughts would be appreciated... Thanks, Bill
Docs on website: Copying example code that is in scrolling box
On www.jqueryui.com/demos/dialog/ if you click the "options" tab and then expand the first "buttons" option, the example code appears in a box with a horizontal scroll bar. I am trying to copy all the code in the box but I cannot figure out how to select all the code. CTL-A or dragging across the text does not work. Any tips appreciated. Peter
2 Functions working at the same time
Hi, Can anyone help me with this it would be greatly appreciated. How can I get 2 functions working at the same time? Here is what I have at the top: <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript" src="jquery.innerfade.js"></script> <script type="text/javascript" src="switch.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#rotate').innerfade({ speed: 'slow', timeout: 10000, type: 'sequence', containerheight:
pulling images from a directory jquery
Hi I've created a jquery slideshow what I wanna do is to pull files from a directory and add them to the slideshow like open file dialog or any other technique. any help or suggestion would be appreciated. Regards -- A.J.
Trouble getting commas in numbers.
I am very new to jQuery and I was wondering if anyone can help me out with an issue I have adding commas to an outputted field. I checked the web and used many examples but for the life of me I can not get it to work. My script is a calculator that calculates footage. The calculations work perfectly and the outputted number shows up and is corrected, but has no commas for large numbers. The script that I made has three parts to it, the jquery code that does the calculations, the input fields and
updating jquery ui custom theme
Hi everybody, I've just update to latest jquery ui (now version 1.8.12) and I was wondering: since all the "base" themes are updated from a version to another, is there a way for me to automatically update a custom theme I created for a website, or should I make it all anew? Thanks.
Trying to sent a var (myvar) from a hyperlink to jquery doesnt work in firefox only in IE. .live bug?
Hello all, I'm trying to sent a var to my jquery script when i click on a hyperlink inside the search.php. I had discovered that this will only work when using .live, but it wont work with firefox, chrome. It will only work in IE. Is there a workaround for this? This is the situation: Page 1: index.php -->main page with search input field. Page 2: search.php -->contains search results and the hyperlink with the value i sent to the jquery. This is the hyperlink: echo "<a href=\"#\" id=\"myhyperlink\"
don't redirect on form submit
i would like to know how to stay on the same page after submitting a form. is there a simple override in jquery mobile, or do i have to do something like this: $("#myform").bind('submit', function(event){ event.preventDefault(); //ajax handling here using .get() or something //update page content });
Dynamically change data-native-menu attribute on form selects
Hi all, I have a use case where I'd like to set the data-native-menu attribute on selects to true when the list gets really big but to false when it's less than 10 items. I tried setting the attribute and then do an $('#myelement').trigger('change'); but it doesn't seem to change the behavior. Can someone tell me how to actually dynamically change the behavior? Changing the attribute alone is obviously not enough :)
click event is not fired on a checkbox.
I have many checkboxes in my page and there is a script to select multiple checkbox s with shift key. when i select multiple checkboxes using shift key and submit the form i am getting only two checkboxes data (normal click and the shiftclick checkboxes), It seems the click event is not getting fired for the other checkboxes which are selected automatically through the script. Can any body suggest me how to fire click event on them. please find the below sample script that iam using. <html> <head>
scrolling vertically using images (example given)
hey, I want to achieve a similar effect using jquery and in div's not tables, any ideas? http://www.dynamicdrive.com/dynamicindex11/scrollc2_dev.htm
help with $ and noConflict()
Hello, unfortunately, javascript development has left me far behind, and i don't understand a lot of this stuff. specifically, the $ variable, and the noConflict() method/directive. can someone point me to a doc or something that explains these in a lot of detail. i read the basic explanation which unfortunately did nothing for me. specific reason for this question is: we are using a derivative of jQuery: the fancybox, along with other jQuery functionality - on some pages with multiple instances
Download not working
Is it just me or is the download not working correctly? I can't open the zip file no matter what components I choose. I'm on Windows 7 64-bit and tried to unpack using the default Windows unpacker and 7-Zip.
question about Ajaxsetup()
If I use ajaxSetup to setup an predefined ajax options before every ajax() call. Then when I use ajax, I would change some options, such as timeout, error event, async, on ajax(). Will those changed options will be inherited by further ajax()'s. Thank you very much!
Dynamic form help urgent
i hav some thing like this <td colspan="5" style=" display: none;" id="boxreply'.$row["i_iid"].'" n="'.$row["i_iid"].'"> <a class="inboxreply" n="'.$row["i_iid"].'" carid="'.$row["a_adid"].'" subj="رد:'.$row["i_topic"].'" ton="'.$nic.'" toid="'.$row["m_mid_sen"].'" href="#" > reply to sender <img src="images/Mail.png" border="0" alt="رد"/> </a> </td></tr> <tr><td colspan="5" style=" display: none;" class="replyform" id="replyform'.$row["i_iid"].'" n="'.$row["i_iid"].'">
Fancybox validation
Hey! I'm using the JQuery validation plugin inside a Fancybox window. My contact form appears in the modal popup when the user clicks a link (loaded through an external .html file with the form code), but my problem is that the validation is always skipped and the form is always submitted. The weirdest thing is it works if I put an "alert('...');" before the validation code The link: ... <a id="open" href="../Myform.html">myform</a> ... The Form (in the myform.html file): ... <form method="POST"
Problem with Jquery.get
I am trying to use the Jquery ajax get method as follows $.ajax({ url: temp_url, type: 'GET', data: datatemp, error: function() { alert("This is an error"); }, success: function(e) { alert(e); //ProcessRequest(); }, complete: function(e) { alert("This request is complete"); } }); None of the alert statements get executed and the query does not work. The temp_url is a url to the localhost:8080 server. I am a newbie in JQuery. I also used other datatypes like jsonp which also does not get executed.
Transparent AP DIV overlapping Jquery cycle plugin not functioning
Hi, I am trying place an AP DIV which floats above a jquery cycle plugin slideshow. It uses transparency so you can see the images through the Div box percentage colour. At the moment the AP DIV can only sit behind the jquery slideshow. Can it sit above the slideshow? Here is the link: http://www.hoof.net.au/cycle_home.html cheers, Alex
offset() returning invalid coordinates when inside relative div
I'm working on a link within a relative div in a very complex web app. when using offset it is giving me the position relative to the div, not the document window. Any ideas?
child selector issue in ie8
I have a series of DIV's of class ".photo" that contain a (p) text element with class ".tntext" When the user hovers the mouse over any single DIV, I'd like to animate it's child p.tntext element into view - I'm using the following code: $(".photo").hover(function(){ $(this).children("p.tntext").stop(true, false).animate({opacity:1},400); }, function(){ $(this).children("p.tntext").stop(true, false).animate({opacity:0},400); }); This seems to work in Firefox, Chrome, ie9, and Safari - but not
Issues since updating to jquery 1.5
Ever since updating from 1.4 to 1.5, I've been getting the following error. uncaught exception: Syntax error, unrecognized expression: [href=/topics/ps3]This is the code that's throwing the error. reloadLink = $("#Nav a[href=" + topic_path + "]");From reading on the changes of 1.5, it now sounds like the attribute values has to be wrapped in quotes, however, my attribue value is derived from the following. topic_path = '/topics/' + window.location.hash.replace(/^#/, '');So wrapping topic_path with
JQuery tabs lead to about:blank when used in a new embedded chrome window
Using embedded chrome in MFC project, tabs worked fine until began working on custom http-esque requests, at which point popup windows stopped loading tabs correctly. Any known issues with relative paths and CefClient? or with MFC windows? Any leads on this would be great! thanks in advance
Next Page