[jQuery] unable to create validator that prevents transition to next field on errors. [ $(this).focus() this.focus() both fail ]
Hi I'm new to jquery and was making pretty good progress until this silly problem started bogging me down. I am sure this is something people do all the time, but i could find no good samples to work from... If anyone could point out what i'm doing wrong, or what the trick is, i'd greatly appreciate it ! The simple form below has an input with name=animal. the validator tries to check if the user is typing in 'dog' or 'cat'.. both of which are invalid... I try to keep the user in the invalid field
[jQuery] jQuery Ajax grid
Hello, We are starting a new ASP.NET MVC application and want to use an jQuery Ajax grid. I came across following options: - jqGrid (better than Flexigrid because it supports editable cells) - Flexigrid (looks better than jqGrid) - tablesorter - Ingrid - jqGridView - OTHERS? Which is the best choice for jQuery Ajax grid ? Which is the most popular jQuery grid/table ? Thank You.
[jQuery] select range of code and wrap, multiple times
Hi folks, I hope you can help me out, I have a bit of html that looks something like: div --h1 --h2 --p --p --h2 --ul --h2 --p And am trying to figure out a way to grab from that code each h2 and its siblings, up-to-but-stopping-at the next h2, for example, I want to grab from the simplified tree above: h2,p,p; then h2,ul; then 2,p and wrap each group in a div so that the final result looks like div --h1 --div ----h2 ----p ----p --div ----h2 ----ul --div ----h2 ----p I hope what I need is clear and
[jQuery] expandoPane
Hey Guys, Just wondering if anyone knows how I can an effect like dojox expandoPane using jQuery. http://api.dojotoolkit.org/jsdoc/1.3/dojox.layout.ExpandoPane . I'm sure it must be possible, but I'm not that familiar with jQuery yet. Thanks in advance.
[jQuery] number of checked boxes
Hello all, I have a form with some checkboxes and I would like to submit it (through jquery) only if at least 1 checkbox is checked, otherwise I want to display an alert message. How can I get the number of checked boxes? I tried $("INPUT[type='checkbox']").is(':checked') but looks like it doesn't work. Any ideas about how I can achieve so? Thanks and have a nice day! Sig
[jQuery] Textarea value with javascript
Good day How can I get current textarea that was changed in fckEditor value with javascript. I got: <textarea name="comment" id="comment">Hello</textarea> Then happens this: $('textarea').fck({ path:'/fckeditor/' }); , so now I get fckEditor insted my textarea. Then I change the original text in fckeditor to "Hello world". When I press the button with javascript like this: function myfunc(formid) { gotForm = document.getElementById(formid); newContent = gotForm.elements.comment.value; } Variable
[jQuery] Newbie question- declarative selectors inside procedural code
Hi. I'm very new to jquery, and a lightweight coder, so apologies for the newbie question. I think I understand the "implied loop" declarative nature of jquery selectors, that say (sort-of) "for everything matching the selector do"{ <some stuff> } What i'm struggling to get my head around is how this works inside a function once you HAVE a "this" object? Example: I have a list of the form- <ul id="map"> <li><a class='EM' href='#' title='East Midlands'><span>East Midlands</span></a></li> <li><a class='NE'
[jQuery] [New Plugin] jQuery Generic Pagination
I figured I'd drop a message out to the board about a new plugin I've finished documenting and released, called Pagination. It's a small, relatively simple jQuery plugin which makes rendering and managing Pagination controls very easy. It automatically generates groupable controls, which can be themed, moved, and reused without a lot of overhead. The plugin is open ended, allowing the user to define how they want to render the content. It's a very simple way to create grouped pagination triggers.
[jQuery] Jquery Block plugin
Hi all. I was trying to use the Block plugin. I really need to show a modal popup on AjaxRequest and Stop it on Request End. How can I do that. I have seen etTimeout($.unblockUI, 6000), but I need to run server code,so I need to set this time out to the elapsed time in my server method. Thanks
[jQuery] Values (a cheesy intro to a very useful plugin)
http://plugins.jquery.com/project/Values Think of this as val() crossbred with serializeArray() and raised on steroids. Or a JSON<->HTML mapping tool. Or a template plugin that can handle complex data structures, works in reverse and uses only HTML as its syntax. It works with single values. It works with value arrays. It works with whole objects. Or all three combined. Oh, and did i mention that it is really easy to configure and/or extend? Flexibility abounds, but it mostly just works, making your
[jQuery] Parents without a particular child
I've been staring at code for way too long. I have a data structure like: <ul id="mylist"> <li class="active">Stuff <a href="#" class="movethis">Move</a></li> <li class="active">More Stuff</li> </ul> How do I get the li that doesn't have 'a.movethis'?
[jQuery] Suckerfish - issue with vertical styling
Hello, Thanks for making such a great menu system as Suckerfish available to the Joomla community. I am having trouble with the vertical styling of the menu. On mouse- over and mouse-off, every menu item turns to a grey color and stays that way until I refresh the page again. Any suggestions? Here is an example of this. Check out the orange vertical menu on this page: http://turkanabasin.org/review Thanks in advance for your insight.
[jQuery] Superfish open menu with ENTER key
Hello I am using Superfish 1.4.8 for making a keyboard accessible menu with sub levels that open only when the user has tabbed to the option (focus is active on the element) and then presses the ENTER key. The reason for this is that this is intended for browsing with screen reader applications that will get confused if the sub level opens automatically, it needs to be done until the user requests it. Is there any way to use the click event instead of focus to open the menu? I am thinking about this
[jQuery] Question about Tutorial: Find me: Using selectors and events
Hello, I'm very new to jQuery and trying out some of the tutorials. In this tutorial, http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery there is an exercise: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery and I have a question about this snipped of code: $(document).ready(function() { $("#orderedlist li:last").hover(function() { $(this).addClass("green"); },function(){ $(this).removeClass("green"); }); }); As described in the tutorial, this code will add and remove the green
[jQuery] ajax append problem
Hello, im using this script to load a external site into my DOM. It works fine but i need just a part of this test.html. For example: I want to append just the div "#cont" from test.html How can i do that? <script type="text/javascript"> $.ajax({ url: "test.html", cache: false, success: function(html){ $(".content").append(html); } }); </script> Thanks for Help!
what to use for this?
hello, so i'm still practicing my jquery skills. so i decided to make a "shopping-cart". Basicly i just want to do the following i have an inputfield where you have to input a code lets say "abc". THen it should get the price of that particular item out of the database and print it on the same line, lets say in a table. So i have read a lot and came across $.ajax() (see my previous topic) but i have read a lot about .json? aswell, and i'm confused what to use and what's the difference exactly? with
Help needed to create JQuery sliding content areas/panels...
Hi. I'm looking to create sliding panels, similar to the ones that you can see on the right hand side of Internet Dreams (http://www.netdreams.co.uk/) with the "+" on them. I would like to have the ability to have certain panels open or closed when the page loads, as well as a small icon that changes when clicked to open or close. I've been researching for a while but struggled to find a good tutorial or plugin. Any help would be great. Thanks!
[jQuery] Getting the child element on click
Simple stuff here but I'm new to jQuery from Prototype. My HTML is like this: <div class="feature"> <h2>Heading Goes Here</h2> <img src="photo.jpg" /> Text goes here </div> // repeat x10 Javascript: (runs on page load) $('.feature h2').click(function () { $(this).parent().children("p").slideUp(400); }); What I want to happen is for the element inside the .feature class to appear when the <h2> of that <div> is clicked - make sense? I tried using next() and a few other methods
[jQuery] Question about strange Superfish behaviour
Hello, Thanks for making such a great extension as Superfish available to Joomla users. I am having a strange problem with the menu when I try to use it on my site with vertical configuration. When the page loads it appears fine. However, after hovering over each menu item, the color of the menu turns to grey and stays that way until I refresh the page. Surely this cannot be the way the menu is designed and must be a problem on my part. An example of this issue can be seen here: http://turkanabasin.org/review
[jQuery] Odd .hover effect in IE7
Using hover effect works fine in Firefox however it produces an odd effect in IE7. On hover the background-image gives the appearance of shifting up 1px and to the left 1px, also the text font changes. The background-image has rounded corners, the hover effect changes the corners to appear straight. Very strange. The lite version of the page code is below. --- [ external js file (using jquery v1.3.2) ] --- $(document).ready(function() { $("ul#menu_primary > li a").hover( function() { $(this).animate({
[jQuery] jQuery Timers Loop
I've used the jQuery Timers plugin (http://plugins.jquery.com/project/ timers) to animate through my client's "five steps" on this page: http://www.cmzmedia.com/irarollover/ but is there a way to get it to continuously loop through the animation? The documentation page (http://jquery.offput.ca/timers/) doesn't seem to cover anything like that. Thanks in advance.
Modal Dialog movements
Hi, On click of a link I am displaying modal dialog without specifying any position arguments. By default, it positions the dialog in middle of the screen and also, it does not responds or moves along with the scroll bar changes. The problem with this behavior is that, if the document is long in length then dialog box appears below the working area and I have to scroll down to get hold of it. When I specify position attribute, it does appear at desired location but then when I scroll down, it keeps
settings for JGlide Menu
Hello to everyone, I'm trying to set up a menu with this plugin http://www.sonicradish.com/labs/jGlideMenu/current/ i think it's a really cool menu, but actually there is no howto documentation. i'm confused on how can i disallow&drop, hide the external frame, hide the top bar with the close button? thanks a lot
JQuery, Content Placeholders & CSS ID's
Hi All, I am building an ASP.net webpage using JQuery portlets. Everything seemed to be working great when constructing my test page (The portlets could be dragged-and-dropped around the page, and I had an update function writing their locations to a backend database). However, now I am trying to clean up the layout and move parts of the code to a master page, I appear to be having problems... My master page consists of a content placeholder in the head of the page (for any Javascript & CSS I want
Control handle position on one slider with another
Hi there. I'm trying to control the position of the handles on one slider with a different slider. So I have two sliders, and when I move one, the second mirrors what the first is doing. I'm very new to jquery and feel i'm missing something pretty basic. if anybody could help me out that would be greatly appreciated. <script type='text/javascript'> $(function(){ $('#normal_form').hide(); $('#slider1').slider({ range: true, animate: true, values:
[jQuery] ajax/IE6 problem viewing data on page
Hi All, I'm new to this so please be patient. I'm using the following Jquery script: var counter = 0; function loaded(){ $.ajax({ url : "status_", error : function (data) { counter++; if(counter == 3) { $("#Status").html("server disconnected"); counter = 0; } }, success : function (data) { $("#Status").html("server connected"); $("#placeHolder").html(data); } }); self.setTimeout('loaded()', 10000); } Basically this script is being used as a work around for a problem we have encountered in Cherrypy
[jQuery] jQuery Validation Plugin
Can anyone tell me how i can change which attribute on my form field triggers the validation? currently it appears the be the name attribute. So in my Rails app using Rails helpers, it sets the name to somthing like formname ['fieldname'] and the whole name. in my script if i do something like rules: { formname['fieldname]: 'required' } etc....it causes the script to break. I need a workaround if anyone has ever come across this problem.. Thanks in Advance
[jQuery] [nyroModal] problems getting ajax-loaded content to trigger nyroModal window
I posted this on the nyroModal group as well, but thought I'd throw it out to the JQ group. Im decent with JQ on static content, but am an ajax newbie. http://70.32.84.175/events/ At the preceding link, on initial page load, the events loaded beneath the slider interface, 'view details' links trigger nyroModal fine, but upon slider interaction (new results loaded via ajax) 'view details' links are still class="nyroModal" but do not open in the nyroModal window. I have inserted the $('a.nyroModal').nyroModal();
[jQuery] Selecting previous sibling from an ordered list
Hello, I only started using jQuery recently and have hit a problem, I have an application that is rendering a list of applications which could have multiple releases within each application and multiple versions within each release. I have the following markup: <ol id="selectable"> <li class="app_name">App1</li> <li class="app_release"><span class="bullet">↪ </ span>R1</li> <li class="app_version odd"><span class="bullet">↪ </ span>0.1</li> <li class="app_name">App2</li> <li
Hiding columns - freezing
Hello all. I have a rather large table, so I will give you a shortened version for a sample. See below. I have 3 types of columns and they are identified by their class (in the TD and TH)... they are 1. Always - cells that always appear - includes a primary key 2. Main - cells that are necessary to be shown, but can be toggled 3. Advanced - cells that are superfluous but helpful for the viewer. I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which
[jQuery] Validate selectedValue in a combobox
Hi all, I have a simple combobox like this: <form id="myForm" action="" method="post"> <select id="city"> <option value="">Select a city</option> <option value="1">Milan</option> <option value="2">Turin</option> <option value="3">Rome</option> <option value="4">Venice</option> </select> </form> and a validation rule like this: $('form#myForm').validate({ rules: { city: { required: true } }, messages: { city: { required: "<span style='color:#ff0000;'>Please, select a city</span>" } } }); The problem
[jQuery] [Chrome, Safari 3] Problem with Tabs plug-in loaded dynamically
Hi, I've got following problem with UI plugin loaded dynamically on page. Whole application works fine on FF, Opera and IE. Unfortunately problem occurs in Chrome and Safari. I've got some master page with menu, and I'm loading new pages on click event using following code: $('#menuwelcome').click(function() { $.post("welcome.aspx", function(data) { $("#load").hide (); $("#load").html(data).fadeIn("slow"); }); }); Page is loaded into div on master page. In this loaded page, I've got code which is
Hide until completely loaded
Hello I created a slideshow using the cycle-lite pluginLINK. LINK TO SLIDESHOW The slideshow is nearly great. The first time you load the images it is a bit bizarre. The images loads and fades at the same time. Is there a way i can hide the images until all has loaded then trigger the slideshow. $(function() { $('#slideshow').cycle({ timeout: 4000, speed: 1600, pause: 1, delay: 4000 }); });
[jQuery] Can the click() function be used in an if statement
Hello, I would like to know whether a jquery click function can be used in an "if" statement. The reason why I am asking, is because I haven't seen any examples of this being done on the web. I want to use this approach because currently Jquery keeps initiating two events from one mouse click, eventhough the css for each element is different. I think the best way to avoid this problem is to use flow control to exclude the other mouse click event. If element A is clicked then skip B.... Regards Martin
Can't use form or header in dialog ??
Hi, I use the jQueryUi widget for my website and I want put a form or function header (to redirect) from the dialog.. Can I do that ??? My content code in the dialog is : <form action="page.php" method="post"> <select name="name1"> [...] </select> <select name="name2"> [...] </select> <input type="submit" /> And when I click on the input button, it reacts as a <input type="button" /> Help me please !
JQuery (or other) equivalent of Microsoft Webparts [SOLVED]
Hi All, I have a question that I was hoping someone could help answer for me. I am developing a new project, and one of the requirements is to have drag-and-drop "webparts" on some of the pages (like the drag-and-drop zones that are provided on iGoogle pages). I have been experimenting with Microsoft's Webparts in .Net, and it seems to be working ok. I like the fact that the customisation of the webparts (location, minimised, maximised etc) is stored in a database and is easy to setup. Also, the
[jQuery] 2 links => 1 action
Hi! currently I have this: $('.contenttitle>h1>a').click(function() { ... Is there a way to say $('.contenttitle>h1>a'). or $('.item>a'). click(function() { .....? It's just that I have 2 different links to click but behind the same action... Thanks!
[jQuery] A Serious Problem with IE6,My code doesn't work in IE6 & IE7
::::::::::This Is My Scipt ::::Js/JStoun.js:::: // JavaScript Document jQuery(document).ready(function(){ var isShown=0; var DashCommentPanel=0; $('#SubmitCommentStyleButton').click(function(){ if(DashCommentPanel==1){ $('#DishAComment').animate({ marginTop:'0px', }, 'slow' ) ; DashCommentPanel=0; }else{ $('#DishAComment').animate({ marginTop:'-134px', }, 'slow' ) ; DashCommentPanel=1; } }); --------------------------------- $('#CuriousPic').css('margin-top','-55px');
[jQuery] jQuery Ajax breaking in IE..... please help!!
I am developing a VoIP Customer Portal with jQuery/Ajax. Everything works fine in Firefox, but in IE and Safari, the JS breaks. I used MS Script Debugger to get a backtrace, and i find that the breakpoint is at a jQuery Ajax call: var AJAXURL = 'app/ajax.php'; $.ajax({ url:AJAXURL+"auth-login", type:"POST", data:"user="+uname+"&pass="+pass, dataType:"json", success:function( json ) { // code removed
jQuery BlockUI from IFrame
Hi, I have an IFrame inside a main page. I am using jQuery BlockUI to show a popup and block the UI. Currently, it's blocking the IFrame only and positioning the popup with respect to IFrame position. I know this is normal behaviour. But I want to block the whole [parent] window and position the popup in the middle of screen always. Thanks in advance. Imran
Next Page