[jQuery] Validation plugin (Remove the label messages)
I've started to use the validation plugin for form validation. But I don't want it to show the label error messages. I just want to change the inputs background and border color. I don't know how to disable the label messages so if someone could help me with that, that would be super.
[jQuery] Announcing a new journal for front-end developers
2 April 2009 My name is Martin Streicher. I am pleased to announce three new publications dedicated to web developers. Red: The Journal of Ruby Development Facade: The Journal of Front-end Development Tabula: The Journal of Open Source Database Development The three publications obviously have a great number of topics in common between then, and much that is unique. Where ever possible, readers will benefit from the synergies and the novelties. These journals are to be published differently than
[jQuery] A Tree which can be filtered or searched....
Hi, I've been looking for a tree widget which can be filtered or searched by typing keyword in a textbox. When trees have thousands of nodes, its very difficult for users to browse manually. Has anyone ever seen such a widget (jquery based ideally but other will do as well). I am surprised to find that none of the available plugins support this feature! Thanks
[jQuery] help with type rendering via FaceLift (FLIR)?
hello, I have a question about using jquery with facelift. I am pulling text from an input box in a form to be rendered by facelift. the code is this: ---------------------------------------------------------------------------------------------- <!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" xml:lang="en" lang="en"> <head> <title>Christoph Dunst</title> <meta http-equiv="Content-Type"
[jQuery] Select Last <li>
Sounds simple but I cannot get it to work. Here is the structure. <ul class="list"> <li><a href="#">Abc</a></li> <li><a href="#">Abc</a> <ul> <li><a href="#">Abc</a></li> <li><a href="#">Abc</a></li> <li><a href="#">123</a></li> </ul> </li> <li><a href="#">Abc</a></li> <li><a href="#">Abc</a></li> </ul> I want to get the last <a> in the _sub_ list. Here is what I've tried with no success. Ideas? $('.list li li:last a').addClass('last-li'); $('.list li ul li:last a').addClass('last-li'); $('.list
[jQuery] IE 6 and prepend()
hi, ie6 doesn't desplay the div specified in prepend() but Firefox does. The .css() works fine. <script type="text/javascript"> $(document).ready(function(){ $('.listProdImage').prepend('<div class="sitm"></div>'); $('img.imageBorder').css({'border':'1px solid #3A91CE'}); }); </script> Any suggestions?
[jQuery] Simple selector not working in 1.3.1 and webkit (safari and chrome)
I'm creating a component for an application I'm developing and I have upgraded jquery to the last version to get it's speed boost. After some testing I have seen that my component is not working correctly in webkit browsers because there is some bug with the new Sizzle selector of the new jquery. I can't provide my source files, but I have created a simple test case that shows this error. <div style="margin-left: 40px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
[jQuery] Using Append to Copy Table Row - Would like to Create Unique Ids
I have a form, containing a table with rows of items for users to fill in. I currently have it set up so that the user can add an additional row in case they need to add more information. This works wonderfully, but I'm wondering if there's a way to generate a unique id for each cloned field. My function is currently this: function addTableRow(table) { $(table).append($(table + ' tr:last').clone()); return true; } and is called from an onclick passing in the table id. The table row contains
A Tree which can be filtered or searched....
Hi, Has this been implemented using JQuery? : http://www.extjs.com/explorer/#filtertree It seems an extremely sleek and useful feature to allow searching and filtering a tree in this way. I will be greateful if someone can point me to a Jquery or other open source implementation Thanks, rkb
[jQuery] [validate] errorClass not set until after invalidHandler is called
This makes it very difficult to determine which element is causing the error and execute code in response. For instance, the following does not work, because there is no way to determin which input caused the error because the errorClass has not been set yet when invalidHandler is called: $('#step_1_form').validate({ rules: { category_selector: "required", zip_code: "required" }, messages: { category_selector: "" }, invalidHandler: function() { if
[jQuery] [validate] Possible bug (IE 7) when setting error messages after remote validation
Jörn, I'm using your jQuery Validation plugin for an ASP.NET site. Because ASP.NET dynamically generates unfriendly form element names (e.g., ctl00$ContentPlaceHolderBody$uxPhoneNumber) I have been replacing the "name" attribute when the page loads with something more friendly (e.g., phoneNumber) so that I can use these names in the validation code (and also so that I only have to hard code ASP.NET id values in my JavaScript file, instead of both id and name attribute values). I do the name replacement
[jQuery] async treeview input types
I am relatively new to jquery and have a question about the treeview control by Jörn Zaefferer. I have done some searching about input types for this control and have only been able to find the source.php input using json. I am wondering if this control is open to XML or unordered list inputs or is it just json? Do I have to use XSL and convert the XML to json for this to work? I admit that I do not know much about reading php and unfortunately don't have the time to learn. Here is what I have: I
[jQuery] layer DIVs and slide
is it possible to have layer DIVs and slide? I am trying to have an div to slide in and out with the mouseover and mouseleave. I have that working but I want the image to slide in behind the top div. I tried the z-index but when the bottom div slides in the top drops below the div sliding in.
[jQuery] Implementing Uploadify in a CakePHP project
I am trying to implement the Uploadify jQuery plugin...but am having trouble calling the upload script specified in the "script" parameter...This is due to the fact that i am using CakePHP, and the "Pretty URLs" are breaking it. After some research through this forum, i came across a post where someone was having a similar problem in CodeIgniter...The solution was to strip the pagepath variable from the uploadify script, to allow use of pretty urls...however i still cannot get the script to find
[jQuery] Cycle plugin and paging
Hello all I am trying to work with the cycle plugin and I'm having a bit of a problem (what's new?) here is the scenario . I have multiple groups of images that I want to cycle but I don't want to target them by id I would rather target them by class however I also would like to use paging. so I tried this [code] $(document).ready(function(){ $('.pics') .after('<div id="nav>') .cycle({ fx: 'turnDown', speed: 'fast', timeout: 0, pager:
[jQuery] inserting commas into a price value
I am trying to manipulate a simple value (text node) which is a home price from 123456789 to be 123,456,789. Anyone have a resource? Thanks! -Adam
[jQuery] IE 6 and prepend()
Hi, I IE6 doesn't prepend the html I specify below but firefox works fine. The css() works fine. <script type="text/javascript"> $(document).ready(function(){ $('.listProdImage').prepend('<div class="sitm"></div>'); $('img.imageBorder').css({'border':'1px solid #3A91CE'}); }); </script> Any suggestions
jQuery anchor to the bottom
I've recently started using jQuery on a site I am building for a client, and the tabs they are using are at the bottom of the page. I am interested in having the page automatically focus to the very bottom when they click a tab. As of now, it moves up so you only see the tab, and you have to scroll down to see the information. Does anyone have any idea how I can accomplish this? JavaScript perhaps?
[jQuery] Wiring using jQuery vs. a static string in onClick
I am setting an onClick for many rows doing this: <a href="javascript:copy_value_popup({'position': 'RN', 'location' : 'Location A', 'shift' : '1st Shift (7a-3p)'}, 'loc_41_sht_59_stt_69');">copy</a> I could set this information as attributes in other parts of the table structure to get what I needed to make a way to wire these up via jQuery. I could have hundreds of these links to wire up. I know that my current way will produce more html that the page will have to download and process, but is there
[jQuery] more than 1 $.getJSON in click event
Hi all! I want to do the next: I have one string on the website. The user click to the string and the click action is run more than 1 $.getJSON call. Sometimes is needed every call output write on the website. But if I put more than 1 $.getJSON call in one click events function (see the example) I can write the first $.getJSON call output to the website, but the second $.getJSON output I can't write. I think the code is good because I changed the parameters and always the first output is okay. So
[jQuery] $.trim(string) or string.trim()
mootools support syntax like this "string".trim() will jquery support such features in the future? thanks.
[jQuery] Validation one field depends on the value of another field
Hello, I want to validate a field by using JQuery and it also need to consider the value of another field during the checking. I have the following: <input type="text" id="region" name="region"> <input type="text" id="place" name="place"> When someone press the submit button, i want to validate the place value by using Ajax.. And also need to pass the value of region. Please help me Thank You
[jQuery] Problem using jquery library in php file
I have a little problem. I have a website all implemented with php. So all the files have the extension .php. The thing is i want to use an jquery accordion but when i link the php file, where i have the accordion, to the external jquery library it doesnt work. I have a main file (main.php) and inside it on a div i have a "include menu.php". The menu.php is where the accordion is. I'm able to see the accordion on he main.php, but no animation works...just the links on the accordion. The slide functions
[jQuery] window.location get a var and its value
Hi, I have at a certain moment this in my address bar: .....search.php? search_done=1......... I need to extract the "search_done" because I want to pass this to a function which should check if search_done equals 1 or not. Anbody with a hint for me? Thanks
[jQuery] a better selection method
Hello, I'm wondering if there is a better method for the following solution. I would like to find a way to not have to repeat the same function over and over in jQuery. So for instance, I have a collection of hidden divs, and a collection of selectors below it to show the specified div and hide all the others. <div class="youtube"> <div class="1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim, est ut ultricies gravida, est leo euismod libero, ut commodo massa libero nec felis.
[jQuery] LiveQuery / Facebox / IE problem
Hi. I am trying to make a form inside a facebox, that submits to an ajax page (signin.php) and then recieves the result in the facebox. It works perfectly in FF and safari, but of course not in IE6.. It seems like the form doesnt submit at all, and i have a really hard time figuring out what is wrong. I guess this is the code that causes the problem, but tell me if you need the code of the ajax file as well. validateSignin = function(result) { if (result == 1) { window.location.href
[jQuery] jQuery Drop Shadows - IE7 Error
I am using the jquery drop shadows plugin. It works fine in Firefox, but does not show up in IE7, instead it generates error 12949. Would appreciate some help on this. Thanks.
[jQuery] Problem with variable scope
Hi there, I have a quastion for you. I am developing an application with PHP - JQuery - Google Map. Here is the link: http://www.nothingisclear.net/ndovadoIgnition/index.php/newTrip You can see inside the source page, that I load several js into the div="wrapper" Inside newtrip.js i have a initialize two google map object outside every function: $(document).ready(function(){ var data = []; var fromMap = new GMap2(document.getElementById('fromMap')); var toMap = new GMap2(document.getElementById('toMap'));
[jQuery] Superfish - missing menu items
http://rhinotechgroup.com/dev/ 2 of my parent menu items display, but not the rest of them. I have all of my menu items set to display. They also show up when I view source, but the css is hiding them.
[jQuery] Can't get key capture events to work in ie
The key capture events (keypress, keyup, keydown) all work fine in Firefox. But I can't get IE7 to do anything with them. Specifically, I am trying to capture the Enter key. I have tried both jquery 1.2.6 and 1.3.2 Before trying to do anything with the key capture, this is all I am trying to do currently: $("input").keydown(function(e){ if (e.which == 13){ alert("Enter key pressed"); } }); I register this event on document ready. As I said, it works fine in Firefox and Safari. In ie, the alert does
[jQuery] Wiring up lots of text boxes
I want to set the onChange event for a lot of text boxes on a page and the code I currently have looks like this: $(document).ready( function() { //wire up all changes $("#requirementsgrid :text").change (find_and_total_week); } ); The number of text boxes can be very large based on the results. Is this the most efficient way to set an onChange event for a lot of items on a page or is there a way for me to catch an on change for something like the form and then determine what actually made the change?
[jQuery] minimizing flicker of content for document ready
I have lots of scenarios on a pretty content-heavy and js-dependent site. I'm using jquery, and I'm trying to think of an effect way to serve unique styles to non-js users. Ideally, I would use javascript to link to a new external sheet. My development environment is not allowing a creation of a new sheet to maintain, so I'm going to have CSS rules specific for JS disabled vs. JS enabled users. I was curious about the approach below, and wondered if putting this script block immediately following
[jQuery] Heeeelp! Jquery Sortable
Hi Folks, I´ve created a jquery sortable exactly as this one: http://interface.eyecon.ro/demos/sort.html But, when I drop the box it slides very fast to the new position (exactly as in the example above). I want the box to slide smoothly when dropped, just like happens here, at bbc site (http://bbc.co.uk). How can I do this? I've read a lot of documentation and forums and can't find a solution. I tried use "revert" parameter but it doesn't work or I'm using it the wrong way. Thanks in advance, Regis
[SOLVED] Get Submit Button Value
Hi all, I'm new here - but not new to the web. I have a question about getting the value of a submit button using jQuery's .submit() to initiate a .ajax(). I need to do this because the application I'm working on has multiple submit buttons - and the script on the receiving end will be doing different functions based on which submit button is clicked - ie - Reset, Apply, Apply & Save, Commit. Like so: <input name='update' type='submit' value=' Reset '> <input name='update' type='submit' value=' Apply
[jQuery] Using the title attribute if images as captions
Hi, I'm trying to use the title attribute of images to create a simple caption below the image. To do so, I've been trying to wrap the image (floated left or right) in a div and add a caption that's taken from the image attribute. So far, I have: Code: // Create caption from title attribute for images with class="imgcaption" $j(function(){ var caption = $j('img').attr('title'); $j('img.cright').wrap('<div></div>'); $j('img.cright div').append(caption); }); $j(function(){ var caption = $j('img').attr('title');
[Problem] Removing Accordion Tabs
Hey Everyone I've been working on an interface for some time, and I am a little bit of a perfectionist... I've tried to resolve this issue but no luck so far, so hoping some of you jQuery Enthusiasts could help me maybe I have an accordion for emails on the dashboard (or messages if you will) and when you click on a tab it open up to display the message. In the footer of the content are a few links (Similar to Wordpress's Mark as Spam etc). Two of these links are 'Mark as Spam' and 'Delete', it should
[jQuery] superfish and instead of mouseover a click
Hi there, Is it possible with superfish to instead of a mouseover to expand on the top level menu to do this with a click? Greets,
[jQuery] how can I call php function in jquery ?
I have in PHP file ajax.php: class Data { public function __construct() { .................... } public function select($idl) { .................... } public function delete($id) { ..................... } } My jquery function looks now: function deleteComment(id) { $.post("ajax.php", { }, function(data) { ........... } ); } How can I in function deleteComment(id) call php function delete($id) from
Tilde (~) sibling selector
I want to select all subsequent divs to a currently selected one, but the tilde selector doesn't seem to work. I would expect the following code to hide every div after "#currentDiv", but it doesn't. $('#currentDiv ~ div').hide() If I try to select something other than a div, however, it does work. $('#currentDiv ~ p').hide() Any ideas? Thanks, David
[jQuery] Proper method to check checkbox state
Hello everyone, I was wondering what the "proper" way to check if a checkbox is checked is using jquery? I've run into two methods... both of which appear to work fine in IE,FF,Chrome and safari. <a href="http://jsbin.com/ifoka/edit">http://jsbin.com/ifoka/edit</a> Assuming that I have two checkboxes, one with an id of test1 and one with an id of test2, i used these two methods: <pre><code class="javascript"><span class="method">$</span>('<span class="selector">#test1</span>').<span class="method">is</span>(<span
Next Page