[jQuery] jquery Validate
Hello, I am using the validate plugin and displaying the errors using grouping technique. Works fine, and I get a single error message at the end of it. text: "text1 text2 text3 text4" }, errorPlacement: function(error, element) { if (element.attr("name") == "text1" || element.attr("name") == "text2" || element.attr("name") == "text3" || element.attr("name") == "text4" ) { error.insertAfter("#text4"); } else error.insertAfter(element); } text1,text2,text3,text4 are 4 text boxes. Now,
multiple Tabboxe on a pge / works but dirty - JS help needed
Hello everybody, I found a nice Tabbox tutorial (thanks to the author) which works nice and smooth. I altered the code a bit so that multiple boxes will work on one page. Well, that works too - but it is made the dirty way. All and all I need like 15 boxes on 1 page and the dirty code KB would blow the site I am no JS coder and I'm trying for some days now to find a way to get the thing working Kay. Here ist the code - which works - 2 boxes. There is the function openTab and the class tabbed-box.
[jQuery] loop through div
how can i loop through each div on a page and have them appear one by one i am trying var arrayList2 = $.makeArray(document.getElementsByClassName (".type")); $.each(arrayList2,function() { $(this).show(); }); thanks -tj
[jQuery] How to get the http request information when I send a request to server by javascript ?
Hi all guys,<div> </div><div>Hope you are doing great. </div><div> </div><div>Now I hit a wall about how to get the http request information when I send a request to server by javascript.</div><div> </div><div>I can get the http response information from server when I use the Ajax, but now I want to get the request information.</div> <div> </div><div>Just like Firebug console output , I have attached a image from firebug. </div><div> </div><div>Hope to get your any feedback, and thank you in advance.</div><div>
[jQuery] make sure animate stays on screen (top of animate anyway).
I started working on a mobile app for my site, and it's working pretty good so far, but I have a problem with the animations. What i've got (you can see it at http://zifimusic.com/v2/mobile), the page gets a list of concerts which is scrollable. clicking a result will slide the list over and show the selection you made. That all works well, and keeps things in position so you return to the same spot you left in the list. However, I was hoping for a way to find the relative position of the selected
[jQuery] Annoying IE Flash
I get an annoying flash in IE when I go to a page. I'm wondering if there is a good way around it. It's my 2nd & 3rd level navigation. I have a collapsing menu that is intended to only show the 3rd level nav once its corresponding 2nd level is selected. In case javascript is turned off, I have them all visible in my markup, and then hide them on page load. In IE, it shows the expanded menu first then hides them, thus the annoying flash. Here's the code: $(document).ready( function() { $('.nav3').hide();
jquery validate
hello I want to validate an input field so he accepts numeric value greater than 20 .. person type number is less than 20 open an alert is to do this with jquery?
change "#navcontainer ul li a:hover" css entry?
Hi all.... its late and I'm stuck! I have the following entry in my style sheet: #navcontainer ul li a:hover{ color: #559697; } When the DOM is ready I need to change the hover color but I cannot for the life of me seem to pin down the selector..... thinkits cause I'm tres fuzzy! Grateful for any help! Nell
[jQuery] validate plugin (validate elements)
how to just validate elements in a div
[jQuery] Show/Hide element
Hello, I have a list of fieldsets and each one has a legend. I am thinking in having something like: <fieldset> <legend>Personal Data</legend> <ul> <li>first element</li> <li>second element</li> </ul> </fieldset> How can Show/Hide the ul when I click the legend? I would like to have many fielsets on a form and being able to Show/ Hide the contents of any fieldset. Thanks, Miguel
[jQuery] jquery-corner plugin not working anymore?
Hey guys, i am having trouble with the jquery-corner plugin. To narrow down my problem i created a really simple example page: CODE: <html> <head> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.corner.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ alert('yippie!'); jQuery("#home_start_register_button input").corner(); //]]> </script> </head> <body> <div id='home_start_register_button'> <form action="/registrations/start" method="post">
[jQuery] dropShadow intermittent Height/Width issue
I'm having an issue with a drop shadow on a table element. Sometimes when the page loads, the drop shadow is the wrong width and height for the table. I can't reliably reproduce the error, but it seems to happen more when there's nothing in the cache. The size seems arbitrary -- it's not the same as a different element on the page, nor is it a logical size that the table could have been in the flash before the html rendering is complete. It's a pretty normal set up -- the document ready event has
[jQuery] nyromodal with javascript in ajax response
I've got what should be a fairly simple implementation of the nyromodal (like thickbox). I use the modal multiple times on my page, and call it by just using nyromodal as the class on the a-tag that makes the request. The problem I'm having is that on one page I'm trying to put my javascript widget in the nyromodal so that it can be grabbed there (it doesn't really fit onto my own page as it's the same content as on the main page). However, when I load the nyromodal, the page shows up as blank, it
[jQuery] Does jquery.cycle.all.js work with jquery 1.2.1?
hi there so i basically downloaded a newer version of jquery and am using that on my site to get some other effects working, but now the slideshows have stopped working that normally work. you can see for instance at http://www.danhaskett.co.uk/index.php?/new-work/kulttuurivihkot-magazine/ do i need to update the jquery.cycle.all.js file? thanks alot! dan
[jQuery] Form Plugin data return type
Hello, I'm trying to submit a form via Ajax and receive a JSON return type http://imgur.com/2KZ1.png As you can see in the screen shot, I call the method ajaxForm, and on success of the ajax call, processJson is being invoked. This method only outputs a data.message alert. For some reason, the message is always "undefined". I am showing a screen shot of my Firebug debugging, showing that the variable data is indeed populated with the data I have. What am I missing?
checking if element with given attribute exists in wrapper
Hi all, I'm cloning an image from one div to another. But before I append it to the other div I'd like to check whether the img I'm about to append already exists in the other div or not. Now I know that for the basics it's checked easy enough with; if($('#myDiv').length) But this goes beyond that, as you need to check if the attribute (src) of the to be cloned img already exists in the div it is about to get cloned to. I've tried several options :has(img[src="xx"]), an each loop with .is(img[src=xx]),
[jQuery] UI slider 1.6 - how to pass the slider values to an ajax script?
Hi I am a novice to javascript and jquery developer trying to pass slider values to an AJAX script. My slieder looks like this: $(function() { $("#slider-range").slider({ range: true, min: -10, max: 66, //values: [Math.pow(10,2), Math.pow(10,5)], values: [20, 30], slide: function(event, ui) { $("#amount").val('' + (Math.round(Math.pow(10,(ui.values[0] / 10))) ) + ' - ' + (Math.round(Math.pow(10,(ui.values[1]
[jQuery] jquery validate
hello I want to validate an input field so he accepts numeric value greater than 20 .. person type number is less than 20 open an alert is to do this with jquery?
[jQuery] How best to create Google Calendar functionality in Jquery?
Hi, I'm rather new to Jquery and hope someone can point me in the right direction here. In my current project I need to implement some calendar event functionality (similar to Google Calendar or Mobile Me calendar). In a nutshell, I need to be able to: - Create new div with click and drag - Resize div by clicking on handles (while updating start and end times) - Drag divs to reposition on day grid (while updating new start and end times) I know that JQuery UI offers some basic dragging and resizing,
[jQuery] How to trigger "click" event in jquery
Hi All, I am struggling with something very simple. 1. onclick event for li element is binded with mootools 2. I can easily trigger onclick via function with mootools like $('lst4').fireEvent('click'); ///works fine 2. I cannot trigger onclick via jquery. I am trying function test(){ //$('lst4').fireEvent('click'); ///works OK, calling mootools $j('#lst4').trigger('click'); // does not work, returns no errors } I am using both mootools ans jquery. $j relates to jquery (var $j = jQuery.noConflict();)
[jQuery] Nested draggable list not causing droppable events to fire
I have a nested list of the type below. It represents a folder hierarchy and I am trying to make it so that if the user drags any folder in the tree, all of the children will be dragged along with it. In the example below, if the user drags Folder1 the entire tree comes with it (which is what I want). However, Droppable events only fire when one of the child li's (Folder1.1.1 and Folder1.1.2 in this example) are dragged into the droppable area (a div called dropZone). It seems to me that if an element
[jQuery] Loading javascript within javascript
I'm using an excellent javascript library (the library does not use jquery if that matters). I need to provide other sites with a reference to my javascript api (which depends on the above javascript). However, I don't want other sites to have to enter something like this: <script type="text/javascript" src="http://www.othercompany.com/ library.js"></script> <script type="text/javascript" src="http://www.mycompany.com/ myapi.js"></script> <script type="text/javascript"> $('some-div').myapiStart();
[jQuery] [autocomplete] Auto-suggest ?
Hi, I'm a young developper, and i want to enhance the autocomplete plugin. In fact, I can't use this plugin for an "auto-suggest", for a Tag input (User can select a tag which already exists, but he can create one if he doesn't exist ) I try but i fail to use autocomplete plugin for this. Can you help me ? Thanks :)
[jQuery] [validate] Dependant on string does not work
So i upgraded to the latest version and waisted my day :( Seems like the dependant requiring does not work (withh 1.3.1). The error occures for instance when you have a require: '#item:filled' option. What happends is in this code: depend: function(param, element) { return this.dependTypes[typeof param] ? this.dependTypes[typeof param](param, element) : true; }, dependTypes: { "boolean": function(param, element) { return
[jQuery] unbind all events from jquery 1.3.2
Hello I have a custom application build on top of gecko 1.9 and using spidermonkey and some c++ calls js->c++->js When i reload one application page i get some events triggered after the page has been loaded. The GC is destroying my objects and html elements some how, but the events remain attached. Is there a possibility to unbind all events at once? I tried: $(window).unload(function () { $(document).unbind(); or $("body").unbind(); or $(document, window).unbind(); }); but the events are still
[jQuery] AJAX External content doesnt work properly
Hi all, I have problem with page, where I am loading external page into DIV. This page is working, but after AJAX upload anchors doesnt work.Scripts are in source code of pages htt://83.240.47.84/skyrace22/pilots.php //working page htt://83.240.47.84/skyrace22/test.php //problem after loading into DIV in new page thx for help
[jQuery] Very Small Script Not Working in IE 7
Hi guys. I had recently asked for help regarding a script that animated some text. Nothing serious. It works great in all versions of FF, but does not work in IE 7. Any suggestions will be greatly appreciated. My DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> The JQuery: $(document).ready(function(){ // Using multiple unit types within one animation. $(".sidebar a").mouseover(function(){ $(this).animate({ marginLeft: "10px",
[jQuery] [tooltip] Possible to disable hiding onclick?
I'm a first time jQuery user and I just finished integrating jQuery and tooltip (http://docs.jquery.com/Plugins/Tooltip) on my website. Things are going great and I'm regretting not using it for so long, but my problem is that my tooltips disappear on click. This isn't an issue for links but I have some <span>'s and other elements with tooltips that I don't want disappearing until the user mouses off. Any ideas?
[jQuery] theme issue
On a single page I am trying to use 1 theme for my accordion and 1 theme for my tabs. The themes in 1.7 have one huge css file and it seems like a real pain to go through and delete what I don't need. Even if I could do that it's not really a good solution because i might want to use that theme for that component on another page. Is there a way for me to only load the theme for certain components like I could before? http://localhost/css/jquery-ui/redmond/ui.tabs.css http://localhost/css/jquery-ui/redmond/ui.accordion.css
[jQuery] [BlockUI Plugin]use links instead of buttons
At script's demo page, blockui's developer used buttons to activate the scripts. How can I use links instead? I tried it as below but it did not work. <a href="javascript:void(0)" id="demo5">xxx</a> html: <button id="demo5">Run</button> js: $(document).ready(function() { $('#demo5').click(function() { $.blockUI({ message: $('img#productimage'), css: { top: ($(window).height() - 500) /2 + 'px', left:
[jQuery] Sustain a hover over two elements
I have an <img> that, once hovered over, animates and fades in the <div> of a larger version of the picture, along with text and a hyperlink. When mousing out, the <div> animates and fades away. This works fine, only my hover function only pertains to the <img> itself. As soon as either a) the <div> appears over the <img>, or b) once mouses off the <img> to get to the <div>, jQuery reads a mouseout and animates the <div> away. How do I re-write my jQuery to allow me to fix this? Thanks in advance
[jQuery] Custom Error placement with jQuery form validation??
I am using jQuery form validation and it works great, but it displays the error message to the right of each form element. I actually want the error message for each form element to be in a specific div that I customize. For example: <input type="text" name="firstname"> <div id="name_errors"></div> If anyone can tell me how you would do that it would be greatly appreciated. Sincerely, Chris
[jQuery] showResults plugins
can somebody send me a working example of showresults plugin. The sample mentioned on the site refers some css file for template creation which I do not have and do not know where to get these from Appreciate if you send some working code sample ~nil
[jQuery] jGrid with Slider Pagination
Has anyone seen an example of jqGrid that uses the JQuery slider widget for paging navigation? Or implemented that combo themselves? The slider would replace the text input field that allows the user to input the page he/she wants to see. ComponentArt's .NET grid component offers the slider (see http://www.componentart.com/webui/demos/demos_control-specific/grid/features/ajax_grid/webform1.aspx), but I'm in a J2EE environment and my client doesn't want to deal with licensing third-party server-based
[jQuery] Return CSS Style?
Hey there. I'd like to start out by saying I'm new to jQuery, so if I am not making sense, please let me know. I'm creating a sort of style guide to my website for viewers to look up the current styles used on the site. Kind of like the jQuery docs section actually. I currently have it set up to display an example, and the HTML of the example, using a simple little script that grabs the html out of the specified div I'm using for the examples. I would also like to add a css function that returns
[jQuery] Unsubscribe
Unsubscribe ________________________________________ From: jquery-en@googlegroups.com [jquery-en@googlegroups.com] On Behalf Of Dave Roberts [dave.a.roberts@gmail.com] Sent: Monday, March 16, 2009 1:41 PM To: jQuery (English) Subject: [jQuery] Form Plugin data return type Hello, I'm trying to submit a form via Ajax and receive a JSON return type http://imgur.com/2KZ1.png As you can see in the screen shot, I call the method ajaxForm, and on success of the ajax call, processJson is being invoked. This
[jQuery] busy indicator
is there any available plugin which works for showing busy indicator ? I am looking for something which masks the page with some background color and adds this message Loading .... , some what like a modal window which blocks the actual page -- View this message in context: http://www.nabble.com/busy-indicator-tp22541449s27240p22541449.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
How to stop at ajax request?
Hi I have some code that if I get a "undefined/null" value then it means my code has to actually retrieve these values from a database through an ajax request. So I had an $.post() and in the callback part I had the variables waiting to be filled. However I noticed while it was doing is request to the server the script kept on going so by the time it came back the script had finished and had tried to use these values(what where undefined still). So how do you stop the script while it is doing the
[jQuery] Nested draggable list not causing droppable events to fire
I have a nested list which represents a folder hierarchy. An example of one of these lists is below. Basically I want the user to be able to drag any of the folders into a droppable. As is, if the user starts dragging Folder1 in the example below, the whole list is dragged along as well (which is what I want). However, when trying to drop the list into a Droppable, the "drop" event doesn't fire. If I drag Folder1.1.1 or Folder1.1.2 below, the Droppable events fire just fine. <ul> <li class='draggers'><img
Who can explain me using ===
Hello, One question I simply do not know... Who can explain me why using === or !== instead of == and != Could not find any informations anywhere...
Next Page