[jQuery] set the gap of start and end date in datepicker
Hi I have simple problem in which I want to set the difference of 2 dates max 60 days. I am able to select dates from past in 2 textboxes and I want when user select start date , the end date calender should disable everything after 60 days.. here is the code I am using: Date.format = 'mm/dd/yyyy'; //this function is used to show only past dates in calendar. $('.date-pick').datePicker( { startDate: '01/01/2000', endDate: (new Date()).asString() } ); //this
[jQuery] [tooltip] Passing the mouseover event to the bodyhandler
Hi, I made a small adjustment to the jQuery Tooltip plugin from bassistance. The mouseover event is now passed to the bodyhandler, this makes it easy to use event delegation of bubbling. You an for example attach a tooltip to a TR instead of adding it to all TDs in the TR. The old way: $('#mytable > tr.myclass > td').tooltip({ bodyHandler: function() { var id = $(this).attr("id"); return CreateTooltip(id); }, track: true }); The new way: $('#mytable > tr.myclass').tooltip({ bodyHandler: function(e)
[Can it be done?] JQuery - Moveable Graph
Hey there. I'm new to jQuery so I'm still unsure as to the limitations of it. I've got a form I'm creating for the client, where it will be structured something like this: This is pretty old school. We want to be more slick SO we came up with an idea that would make the above form look more something like this: So, the user will be able to use the mouse to click and drag those little circles up and down, forming a graph. Once they're finished and click next, we need to insert some values into the
Help with disabling mouseover mouseout
Hi I need som help with some code for my portofolio. I have a row of thumbnails, that animates on mouseover and back to its original state on mouseout. The code looks like this: <script src="js/jquery.js"></script> <script src="js/effects.core.js"></script> <script src="js/effects.slide.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".img_container").mouseover( function () { $(this).animate({ height: "100px",
[jQuery] Rollover Effects instead of alternate images
Hi, Just wondering if there's some effect in JQ that we can use to simulate rollover. Usually when user hovers a mouse over a link/image it changes its src/ background to another one (for example arrow.png -> arrow_o.png). So users feels like it is highlighted or similar. But we always must have 2 images (similar ones). Maybe there's some effect that can simulate this highligting/hover for user so we don't need to have 2 images. I understand it will never be as good as alternative image, but still.
[jQuery] Autoselect a checkbox on user's input value
Hi all, I have two checkboxes like these ones: <span> <input name="place" id="internal" type="checkbox" value="internal" />Internal (up to DN 40)<br /> <input name="place" id="external" type="checkbox" value="external" />External (over DN 40) </span> and a textbox like this: Insert the DN number: <input name="DNnumber" id="DNnumber" type="text" /> I'd like a sort of validation that when the user insert a DN number greater than 40, the checkbox "external" will be automatically selected (without change
[jQuery] Pass var to click event
I am having trouble passing a variable into a function used within a click event. I am doing the following: var test = 'Works!'; $('#action_confirm').click(function(test) { alert(test); }); I keep getting undefined. What am I doing wrong?
The this object doesn't work within my each function
Ive been messing with these stupid 4 lines of code for hours: $("div.display-price").each(function() { this.text('test'); alert(this); }); For some reason it does find the elements but it won't read anything from this. When my page loads, I get the correct number of alerts, and they're saying "[object HTMLDivElement]" So I would think it has correctly found the elements I was looking for... But when I try to do something with the this object, like this.text or this.val I get an error. this.text('test')
[jQuery] scrollUp and scrollDown mis-aligning text on IE
Hi jQuery, I have created a little demo here: http://marino.dk/test_a/ when you add a contact a new one scrolls down..you have the option to remove it too and it scrolls up. but the problem is when doing this in IE the text looks like it's in absolute positions to the page and not the contact. try adding and removing a contact in IE you should see the problem I have tried this with firefox and chrome and they do not have this problem. any suggestions? regards, Crisium Peter Wraae Marino
[jQuery] open content in new window?
Been trying on and off for days to find a happy cross-browser way to open up a new window and append some content to it. Obviously not a javascript pro here, and my Google-fu has failed me...
[jQuery] .find().replaceWith()
I have a variable called html thats created on document load with jquery and XML, I want to search that variable for a string, and replace it with another. ie html = '<td>UP</td><td>DOWN</td><td>UP</td><td>UP</td><td>DOWN</ td><td>UP</td>' I then basically want to do: html.find("<td>UP</td>").replaceWith("<td><img...></td>") It does not need to be recursive, but can be. If recursive, will get used before the var is dumped to a div. If not will get used in the loop and change the html var as created
[jQuery] Big problem with Jquery
I really like jquery but I found one big issue with Jquery. There are too many plugins for same task and it is very difficult to find a good plugin that really works. For example, I am looking for lightbox equivalent plugin for jquery. I have tried 3 plugins so far and none of them is good and matches anywhere close to the original lightbox plugin. I had similar problems earlier with other UI plugins I was looking for. Is there anyway to solve this problem? Is Jquery community trying to address this
[jQuery] JQuery UI Accordion Plugin
I am a Rails developer and new to jQuery so this may be a naive question: I am using jQuery Accordion plugin in my project and it is working, but now I am trying to tweak it and do not know how to: So I have a page that displays comments as a stack of accordion folds. This is the code in my application.html.erb (master layout) file: $("#accordion").accordion({ autoHeight: false, event: 'mouseover' }); This works fine. There is a Rails form on this page where I allow the users to create a comment,
[jQuery] New plugin Grider http://github.com/boriscy/grider/tree/master
I have a new plugin called Grider, which will make your life a lot easier when working with master detail data, it can calculate subformulas, summaries, and add count to rows for fomularies. It can add new lines to a table. http://github.com/boriscy/grider/tree/master But I have a problem, the plugin wors fine but I cannot make it work tests that require to click a checkbox, please inform me if you have a solution Thanx.
Slow JQuery menu
Hello, We put together a JQuery menu but the 3rd tier runs really slow. Here is the vertical menu: http://rentapet.org/. You click on the first link, and the 2nd tier drops down fast. But when you click on one of the 2nd tier links, it takes way too long for the 3rd tier links to show up. We think it started getting slow after we added this line of code: $('#menu a').show("fast"); Before we put that line of code in the hyperlinks would not show up. We are thinking that maybe there is a better more
[jQuery] Stop datepicker onDayLinkClick refreshing page
I have a simple function: onDayLinkClick: function(date) { $('#id_from_date').val(date.asString()); return false; It puts the value in the field but then refreshes the page. Using Firebug it seems to be somewhere deep in Datepicker. Is there a way of stopping this? Tried return true and does the same thing.
[jQuery] How to avoid queue of hover events
Hi I am using the jquery hover event to transform some of my links when the user hovers over them. However when you move your mouse over one of these links several times in quick succession and then stop, the events are still executing one after the other for quite some time afterward, as if the hover events get queued. How can I avoid this "delayed" reaction and have each hover-event basically interrupt and replace the previous? Any help would be appreciated.
Sortable Multiple List, Serialize and Save
Can someone please explain how to take the code below. Heres a screen shot this is my JS $(document).ready(function(){ $(function() { $("#sortable1, #sortable2").sortable( { connectWith: '.connectedSortable', opacity: 0.6, cursor: 'move', update: function() { var order = $(this).sortable("serialize"); $.post("home/updateBOX", order, function(theResponse){ $("#contentRight").html(theResponse);
[jQuery] Disable Events under certain condition temporary?
Hello! http://www.les-elites.org/index.php?article_id=126&clang=0 http://www.les-elites.org/index.php?article_id=126&clang=0 on this site u can test what i mean. I want that when all skillpoints are used further click function is disabled or better only works to disable selection to gain again a skillpoint. On current state u can see that when skill counter is at 0, 2 clicks messes up the selection and u can select further on. my code for each icon looks so far like this: $("#2").toggle( function
[jQuery] Disable Events under certain condition temporary?
Hello! http://www.les-elites.org/index.php?article_id=126&clang=0 http://www.les-elites.org/index.php?article_id=126&clang=0 on this site u can test what i mean. I want that when all skillpoints are used further click function is disabled or better only works to disable selection to gain again a skillpoint. On current state u can see that when skill counter is at 0, 2 clicks messes up the selection and u can select further on. my code for each icon looks so far like this: $("#2").toggle( function
Thickbox, Mac and Firefox - bug?
Hello, my friends. Please, check this site using Firefox 3 on a Mac: http://www.cumplice.net/arnaldo/hotsite/ Click in the first image. You'll open a modal (using Thickbox - jquery.com/demo/thickbox/) with a video. Now, close it. The problem: after closing this modal, rollovers (using CSS or Jquery) don't work anymore. You have to click the browser again to make it work. Weird part: looking it with Firebug, I noticed that TB_window (the base of Thickbox) stays there. I'm quite sure that TB_window
[jQuery] Click event not fired when hide() called by blur()
Hi all, I am running into this specific use case and could not figure out how to do this. To simplify, I have a textarea and a DIV as code below. The way it supposes to work is when I focus on the textarea by clicking it, the DIV will show. Otherwise, it will be hidden. Then when I click the DIV, there will be an alert(). However, right now if I click on the DIV, it will trigger the blur() event first which calls to hide() the DIV. After that, the click event is not called at all. I need to be able
[jQuery] Jeditable - Need help understanding how the ID's are passed
Hello all, I am trying to update a table with the record id for a priority selected from another table. I don't understand how the record id for the record I am trying to update is passed. On my PHP page named "lead-001.php" I have the following: <script type="text/javascript"> $(document).ready(function() { $('.select_priority').editable('/lead/lead-006.php', { loadurl : '/lead/lead-005.php', indicator : '<img src="/images/spinner.gif">', type : 'select', onblur : 'cancel', submit : 'OK', tooltip
Selector problem: Empty UL inside LI
Hi *, i just tumbled over a problem with my filetree. I guess it's a really basic, easy-to-solve problem but I don't know what to do An example node from the filetree goes like this: <ul> <li>Node 1 <ul> <li>Sub Node I <ul></ul> </li> <li>Sub Node II <ul></ul> </li> <li>Sub Node III <ul></ul> </li> </ul> </li> </ul> Unfortunately the empty ULs are "necessary" by code design (got it from a book). Then I run
[jQuery] setTimeout() not working
Hello all i am losing my mind here what is wrong with this code the setTimeout is not working. I am creating a messaging system and i send and recieve data but i want it to appear on another window of the browser here is the code $(document).ready(function(){ $("form#chatform").submit(function(){ $.get("db.php",{ message: $("#msg").val(), action: "postmsg", }, function(data) { $("#msg").empty();
[jQuery] More jQuery + PHP Goodness
Hello Everyone, A while back I’ve made mention of the Rich Ajax Application Framework (Raxan) and how it can be used to help developers build jQuery and Ajax applications that integrates with the PHP backend. This time we have added more new features and functionalities that will developers to take full advantage of modern web technologies. Checkout the latest Beta 1 release from the Raxan PDI Website: http://raxanpdi.com/pdi-1.0.beta1-release.html __ Raymond Irving Create Rich Ajax/PHP Web Apps
[jQuery] Validate on combobox
Hi all, I need to validate a combobox if the user doesn't make a choice. My combo is: <select id="utenza" name="utenza"> <option value="-1">null</option> <option value="1">utenza1</option> <option value="2">utenza2</option> </select> and I'm trying this code: rules: { utenza: { required: "#utenza[selectedValue=-1]" } }, but it doesn't work. How could fix it? Thanks in advance. Luigi
[jQuery] Question: XPath User's New
I recently just picked up jQuery and am really astonished with it, but I've found the selectors api a bit lacking because you cannot select text nodes; that's not the end of the world as there are ways around that in some situations. I've run into another road block, and if you knowledgeable guys could spare some time to answer my question here please do so. I have some experience with XPath, so hopefully some of you people will have some experience with it as well as it'll form the basis of my question.
[SOLVED] DOMWindow and closeDOMWindow
Hello, guys. I'm using the great DOMWindow script from Cody Lindley. It's another modal script, but with a few twists that make it perfect for a site I'm building. http://swip.codylindley.com/DOMWindowDemo.html In this page, CL shows how to close a DOMWindow using closeDOMWindow(). The problem is: I can't find a way to close a window from inside the DOMWindow (i.e., from an Ajax loaded page). Just with buttons in the main page, like in exemple 5. Does anybody have any idea?
Fast click prompts fadeIn to show multiple divs
I'm having an issue with a script (my first try at jQuery) I wrote to fade in divs using a nav menu. If a user clicks different buttons on the nav menu quickly, it loads both divs over top of each other. Here is the code: $(document).ready(function(){ $("#about-button").css({ opacity: 0.3 }); $("#contact-button").css({ opacity: 0.3 }); $("#friends-button").css({ opacity: 0.3 }); $("#gallery-button").css({
[jQuery] How to go to top of page after form validation fails (using jQuery validation plugin)
I'm using the validation plugin at http://bassistance.de. When form validation fails, focus goes to the first invalid element. But I have a summary error message at the top of the page which I want the user to see. If the first invalid field is too far down, they don't see the message. How can I go to the top of the page after validation fails? (Seems like this should be easy, but googling didn't reveal an answer.) Thanks in advance-- Kathryn
[jQuery] Google chart - split input
Hi all I have a simple hidden input field on a page that outputs values that i want to use for google charts: <input class="total" value="02/09-2350,03/09-1200,04/09-1500,05/09-1100" /> I need to read this input and create an image like this: http://chart.apis.google.com/chart?cht=bvs&chs=200x125&chd=t:10,50,60,80&chco=4d89f9&chl=FEB|MAR|APR|MAY Can anyone help me out on this? The image url should be like this: http://chart.apis.google.com/chart?cht=bvs&chs=200x125&chd=t:2350,1200,1500,1100&chco=4d89f9&chl=FEB|MAR|APR|MAY
[jQuery] JQuery Treeview - Page reload
Hello, I'm using JQuery Treeview as follow: $("#navigation").treeview({ animated: "fast", persist: "location", collapsed: true, unique: true }); Upon page reload, all the nodes expand and then only the selected node remain expanded which is the desired behavior. However, I'd like to prevent all the nodes from expanding upon refresh as it creates a flicker. Has anyone else experience this behaviour? How can I turn it off? Thank you for your time...
[jQuery] Can't get click event fire
Hi I'm new to jQuery. I'm writing some code to show a picture if user clicks on table row. this is the table <table id="restable" border="0"> <thead><tr> <th class="cat" width="150"><a href="">Category</a></th> <th class="brand" width="150"><a href="">Brand</a></th> <th class="name" width="300"><a href="">Name</a></th> <th class="weight" width="50"><a href="">Weight</a></th> </tr></thead> <tbody id="table"> </tbody> </table> The table is filled with this function function search(sortt,dirt) { $.getJSON("/jsonsearch.php",
[jQuery] Apply or remove style
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6001.18226" name=GENERATOR></HEAD> <BODY> <DIV><FONT face="Trebuchet MS" size=2><SPAN class=258521621-24052009>I have a php for each loop that creates rows of data, each row is using the class .items</SPAN></FONT></DIV> <DIV><FONT face="Trebuchet MS" size=2><SPAN class=258521621-24052009></SPAN></FONT> </DIV> <DIV><FONT face="Trebuchet
[jQuery] Superfish: Mega Menu Ability
Hi Cy Morris, Firstly, great extension, love it!! Just wondering if it has the ability to be easily adapted into a mega menu style? For example: http://www.ea.com/ or http://www.gettyimages.com/ Basically, I guess I am after the ability to have multiple menu items in the one drop down, if that makes sense? I was looking through the code, but before I try anything, is there an easier way to adapt the menu? Thanks for your work and help, Charles
[jQuery] jQuery(document).ready() Type error on WebKit based Browsers
Hi there, I searched the internet for hours but couldn't find a solution which worked for me. I use jQuery to call a Perl-Module which outputs an XML File with all the Pictures in a specified Folder, which in turn is interpreted by jQuery to show a preview of that same Folder. It all works fine on Firefox, it works with some yet-unattended Bugs on IE7, but on Safari and Opera (and all WebKit based Browsers for that matter) it simply refuses to work. Both tell me that I have a Type mismatch. Code:
[jQuery] Firebug and jQuery
QUESTION: When the Firebug Script Debugger is enabled, and I open my documents with Firefox, my Console opens to the following block of code (see JAVASCRIPT below), my page fails to load, and an error message is produced (see ERROR MESSAGE below). If I reload the page with the Console still open, the page appears as one would expect with Firebug turned off. This same phenomenon occurs for both JavaScript Library v1.3.2 and jQuery 1.2.2. There are no breakpoints set. What is going on? JAVASCRIPT 643
[jQuery] JQuery Calendar
Hi, I m new to JQuery..In my app ,i am creating the inputtags based onthe type selected using JQuery.. These things i have done..Now with the input tags created ,If i click on them i want a calendar poopup which allow me to select a date and the value will appears in the input box..For this i m using the cleancalendar.js file..In my app i have created the tag with the class name also(which is same as the classname in my calendar.js file)..But this doesn't works for me??? $("<input id=inputdate"+dateinc+"
[jQuery] jQuery functions called from setTimeout fails
I have a jQuery function with three parameters which works just fine when invoked directly, movebus(a,b,c); but when I try to delay its invocation using setTimeout, as in setTimeout("movebus(a,b,c); ", 5000); I receive the error message in Firebug "movebus(a,b,c) not defined". Can anyone suggest why this is? regards Mike
Next Page