Toggle from HTML generated from JS file
Hi I have called the Jquery toggle function several times in my HTML file, using for example: <a href="#" class="link1"><img src="image" /></a> <div class="toggle-item-link1"> --Table here-- </div> This works fine - however, I'm also trying to call the same function via some HTML generated from a separate javascript file that performs validation, but can't figure out the code. I tried this to output to my errors array: errors.push("<li>Please provide FULL details blah blah - <a href='#' class='link1'>click
Validation - name issues
Using Spring MVC + JQuery. The Spring form taglib doesn't have a name attribute for input: <form:input path="form.numberValue" id="number" cssClass="required"/> It then only validates the first item in the form because they are all named the same (though they have different ID's). Anybody have a somewhat not klugy workaround?
[jQuery] [validate] - resetForm not working.
Hi, anybody have experience with this validation plugin? http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html I need to know how to specify corectly the resetForm() function. Simply I need to have submit button to continue (which validates before) AND I need to have second submit button which which will go step back in my wizard and WILL NOT validate. on the link above, in that example it works nicely...but in my settings does not.. I have also tried their jquery library etc... but
Check all not working? Gotta be simple
jQuery really ain't my thang, but I can't figure out for the life of me why this isn't working: <script type="text/javascript"> $('#checkAllAuto').click( function() { $("input[name='checkall']").attr('checked', $('#checkAllAuto').is(':checked')); } ) </script> Then I have some checkboxes... <input type="checkbox" name="checkAllAuto" id="checkAllAuto"> Check All <input type='checkbox' name='checkall' value=715> <input type='checkbox' name='checkall' value=713>
[jQuery] jQuery Cycle Manual With Text?
I am trying to create something like this: http://i27.tinypic.com/29p3woi.jpg The text would be a <span> tag or something similar. The progress buttons don't have to be the dots I can use floated next and previous arrows. Is this doable using jQuery Slideshow or Cycle, preferably Cycle since it seems more intuitive. Thanks for your help.
[jQuery] jQuery refresh class of elements
Hello, I've recently started using jQuery for a project that uses selective refreshing of elements on a web page. I found an article stating that the way to do it would be to just add a line such as the following: $("#id").load(location.href+" #id > *","") in an setInterval function call and the elements will be loaded accordingly. I tried it and it works, but my question is how does one do that for a clas of elements. If I were to substitute the #id with something like element.class how do I prevent
[jQuery] Superfish IE problem
Hi, IE6 and IE7 throw an Invalid argument error when the mouse is over a menu item, the error is here within jquery fx.elem.style[ fx.prop ] = fx.now + fx.unit; It looks like fx.now is NaN. Any clues?
selector
Hi, I have generated textbox id's like mytextbox1, mytextbox2 and so forth. What i would like is a way to see if only the textboxes starting with "mytextbox" has at least one textbox that has an empty value. This is how i intended to read out the textboxes. $('[id*=mytextbox]') then i do something... Thanks! Daniel from Sweden
[jQuery] Conflict between jquery and mootools
I need help, I'm with conflict between mootools and jquery, I found something on the internet but seucesso. Can anybody tell me which file and which line change to end this conglito change? I am waiting for help
[jQuery] .replaceWith Issue
Hey guys, I'm having a bit of an issue with the site I'm building at the moment. It's currently under http://www.swfmania.co.uk/dotcommon with the CSS at http://www.swfmania.co.uk/dotcommon/style.css and the relevant jQuery file at http://www.swfmania.co.uk/dotcommon/tabs.js If you're using Firefox or Chrome you'll see that upon clicking the tabs, the image and text all changes. Happy days. However in Internet Explorer the text doesn't change, it merely adds onto itself (This will be a lot clearer
[jQuery] jCarousel - next still enabled on last item
i am using http://sorgalla.com/jcarousel/ when i have reached the last item, where the next button shld have been disabled, its still enabled leading to an extra space when next is clicked. http://iceangel89.110mb.com/templates/folio3/
[jQuery] Beginner needs help with jquery and ajax
Hello, I basically want to catch any ajax request sent by my app and display an alert. I have tried this to no avail: <b><font size="1"><span style="font-family: courier new,monospace;">jQuery("*").ajaxSend(function(event,request, settings){</span><br style="font-family: courier new,monospace;"> <span style="font-family: courier new,monospace;"> alert('called');</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">});</span></font></b> whenever
search ajax comments
hi im searching a code for a ajax comment post... also when im adding a comment the new comment will come with an effekt like "slide" or a other... also without a siterefresh thx
[jQuery] "ancestor descendant" selector is much slower than "parent > child" when used in find() in large page
I have found that row.find("td.someClass span.otherClass") is significantly slower than row.find("td.someClass > span.otherClass"). Performance of the ancestor/descendant selector is linearly dependent on the amount of other elements on the page, outside the row element, whereas the parent/child selector is unaffected. This suggests that the ancestor/descendant query is parsing elements outside of the row, even though the query should be scoped to the row. Is this expected, or is this something that
[jQuery] cloning radio buttons/names in IE
Hi, I need to .clone() sections in a dynamic form, but get problems with the radio buttons in IE. To work as a group, the radio buttons need to have the same name (per section). This is accomplished by changing the name attribute after cloning a hidden section in a <div>. Easy with jQuery! - and it works with FF, Opera, Chrome, Safari... IE however, does not allow changing of name attribute dynamically, and treats all radio buttons across the sections as part of the same group!! Does anyone know
[jQuery] handler.apply is not a function
I am having trouble figuring out how to correct this error, i think i have narrowed it down to what function is causing the issue, since once i comment it out, it doent give the error, but the code no longer does what its supposted to. Whats weird is that the code works how it should even with the error, but i dont want any errors even if they arnet effecting anything... well here is the code: $(document).ready(function(){ //every time a textbox is clicked or focused... $('.tbox').bind('click focus',function(){
Gettin div's height?
It is supposed that dimensions plugin is already integrated into jquery code, so, how can I get the total height of a div (including contents, padding, margin, etc...) ?? I have been trying with: var divHeight = $('#thediv').height(); An also with: var divHeight = $('#thediv').outerHeight(); But none seem to work.
jquery de-bugging - tooltip
Hi i'm trying to use the tooltip plug-in on this page http://www.ecolo-sport.com/imprimeur-ec ... p?cat_id=2 but it fails - and so totally silently that I don't knwo where the problem is coming from. Firefox tells me that there are no js errors, I have the most recent version of jquery etc and the js files are all reachable at the url provided the function I'm using is this : <script type="text/javascript"> $(function() { $('td-image img').tooltip({ track:
[jQuery] Remove rows from tables according to some rules.
I have a table like this: <table> <tr class="item_collection_begin"> <td colspan="3"></td> </tr> <tr class="item"> <td class="title"></td> <td class="amount"></td> <td class="price"></td> </tr> <tr class="item"> <td class="title"></td> <td class="amount"></td> <td class="price"></td> </tr> <tr class="item_collection_end"> <td colspan="3"></td> </tr> <tr class="item_collection_begin"> <td colspan="3"></td> </tr> <tr class="item"> <td class="title"></td> <td class="amount"></td> <td class="price"></td>
[jQuery] Manipulate href
Hi group, I'm looking for a correct way of manipulating <a hrefs... The code looks like this: <ul id="my_list"> <li><a href="/portfolio/category/animals/">Animals</a></li> <li><a href="/portfolio/category/buildings/">Buildings</a></li> <li><a href="/portfolio/category/cars/">Cars</a></li> <li><a href="/portfolio/category/people/">People</a></li> </ul> and with jQuery i want to manipulate it into this: <ul id="my_list"> <li><a href="#animals">Animals</a></li> <li><a href="#buildings">Buildings</a></li>
[jQuery] 1.3.x live event problem
Hello, I noticed that after an ajax call, my jquery no longer works. After some research I realized I had to use either the livequery plugin or the live event provided out of the box by jquery 1.3.x. However, the live event used as follows does not work i.e. cacherFormulaireInscription does not work after partial dom update has been performed on the page: <b><font size="1"><span style="font-family: courier new,monospace;">jQuery(document).ready(function(){</span><br style="font-family: courier new,monospace;"><span
[jQuery] json request not working
Hi Guys I am trying to send/recieve in json. Whenever I set the dataType to "json" my BeforeSend, error and success functions don't work. Code below: $.ajax({ type: "POST", async: false, dataType: "json", url: _HOMEDIR+"send/", data: { name: nm, email: el, comments: cmt }, beforeSend: function() { $("span:last").text("Sending..").show(); }, error: function() { $("span:last").text("Failed.
[jQuery] Setting option with a variable as its value to selected
Hi, I'm trying set an option with a certain value to selected. I'm using this: $('#mySelect option[value="' + myValue + '"]').attr('selected', 'selected'); This has worked in another piece of code I wrote, but now IE 6 and 8 are throwing an error (in the debug bar). It's something similar to this: "The selected attribute couldn't be set. Unknown error." Anyone ever experienced something similar? Thanks
How to debug jquery
Hi, I am using jQuery with ASP.Net. I have some code that works in chrome but NOT in internet explorer. Maybe I could use firebug or any other input/direction would be greatly appreciated. Thnaks!!
Help about menu + submenu
Hi, I'm tryimg to build a functional menu but I am new to jQuery. As you can see at http://www.innovaturizm.com/demo/ when move your mouse faster over the menus multiple submenus can show. I've written separate function for each menu image. I think must stop the showing menu while another menu is hover but I don't know how. Code is below, thanks. //special functions for sliding $(document).ready(function() { ActivateX(); $('#anasayfa').hover( function() { hideAll();
Filtering nodes that have a : in the name
I'm a jQuery newbie trying to parse an RSS feed without much luck. The feed includes data such as this: <item> <title>Headline</title>... <dc:creator>Byline</dc:creator> </item> Here's the snippet of code I have. It extracts the title and other tags successfully, but not any of the xml tags that have the dc: namespace $('item',xml).each(function(i) { story['title'] = $(this).find("title").text(); story['link']= $(this).find("link").text(); story['byline']=$(this).filter('dc:creator').text();
[jQuery] questions of jquery'event
Hello, I was an engineer of China's javascript, I am very like jquery library, research library at a time when I encountered a small problem: in Event source code is the most common namespaced event handlers, for example, var namespaces = type.split ("."); type = namespaces.shift (); var namespace = RegExp ("(^| \ \.) "+ namespaces.slice (). sort (). join (" .* \ \. ") +" (\ \ .|$)"); I would like to ask what the role of these codes and when to use? thank you
Easy way for a dropline menu?
Hello, I'm looking for a plugin or good explained tutorial about making a dropline menu using jQuery. What I need: two levels - main and submenu support for "current" state submenu visible when main element has a class of current Is there anything like that? Tried to Google around but all I found were some examples of what I'm trying to achieve, but since I'm a newbie to jQuery, I would love some explanation/tutorial Thanks in advance Justine
New jQuery Plugin
Hey guys, I have created my first jQuery plugin. Although it functions well I'm sure it could be written much better and cleaned up. Is there I place I can upload it if anyone is interested in revising it? Posting a link to a file hosted on my site is bad forum etiquette isn't it? Anyway, my plugin is similar to the context menu ones out there, but more like an 'actions menu'. It is always semi-transparent following the cursor over certain items, and changing its items accordingly. Cheers
Newbie help with horizontal drop down menu.
Hey, I've only just started using jQuery today after finally moving onto the UI side of my project and can instantly tell how great it is. However, I am stuck with what I am trying to achieve. I've spent the last 3 hours trying to figure out how to do it from a variety of sources, but there is something I'm still not quite understanding about the way jQuery works or something as I'm unable to get the right combination to make it function. It is a navigation bar for an administration system. I've
[jQuery] Issues with readying function - shorthand works, longhand doesn't
Hi there :) At work, I'm trying to implement some jQuery on the intranet, which runs on a Java framework (Liferay). I'm having some issues, and I've narrowed it down to being the difference between the two ready (function) calls. This version of the call WORKS: jQuery(function(){ alert("Hey!"); }); This version of the call DOES NOT WORK: $(document).ready(function(){ alert("Hey!"); }); Um what?! If I try to add parameters to the functions, no jQuery functionality works on the page at all. In my local
Coda Slider and calling onload panel to display
Hello, I am using the Coda-slider.js and am wanting to get a specific panel to load instead of the default first one. So if I have 5 panels (0-4) 0 loads automatically, I'd like to have 2 (middle panel) to load first so that I'd have 2 panels to the left and 2 to the right. begin js code // when the DOM is ready... $(document).ready(function () { var $panels = $('#slider .scrollContainer > div'); var $container = $('#slider .scrollContainer'); begin html <div class="scroll">
[jQuery] form.bind("submit") firing only once in firefox 3.5 ubuntu
I have tested this on jQuery 1.2.6 and 1.3.2... After binding a form.submit event and returning false due to some logic, the second time the form is submitted, the event never executes and false is automatically used by the browser. Has anyone else experienced this? Is this a browser bug vs a jQuery bug?
[jQuery] Add post to "My favorites" page
Hi everyone. I am not familiar with js and jQuery, but need to create function to add/remove blog post to "My favorites" page and update counter of saved posts. Is any ready solution - plugin or snippet - to it? There is my html snippet. <h1><a href="http://www.example.com/add-post-to-my-favorites-page.htm" id="post_0064"><span class="bookmark" title="My Favorites — Add/ Remove">Favorites </span>Heading</a></h1> Body copy. [...] <ul class="ul_favs"> [...] <li id="bookmarks" <a href="http://www.example.com/account/
Creating a .animate "fadeIn" w.o removing the whol
Ok pretty much im trying to get it done. Tho if you do know of an existing solution or have any other ideas - Do feel free to leave a comment. 1. fadeIn/fadeOut removes the entire block 2. So .animate comes in to plays with the opacity setting 3. However, if there is something that you want to remain hidden until the user mouses over it, then animate(opacity) tends to give it away cos it only animates once the dom is loaded. 4. The solution works like this: 4a. Create a div tag with the CSS setting
[jQuery] submit inside submit
Hi, I dont understand why the following code is not working. I dont receive any errors, its just not working. $(document).ready(function() { $(function Requests() { $.ajax({ type: 'GET', url: 'content/requests/index.cs.asp?Process=ViewRequests', success: function(data) { var that = this; $("#requests").html(data); $("[name='respond']").click(function() { alert(that) $.ajax({
[jQuery] First Attempt
Hello, When I click on the either button, the size changes correctly, but goes right back to the default. What am I doing wrong? $(document).ready(function() { $('#small').click( function() { $("#textsize").addClass("smalltext") }); $('#large').click( function() { $("#textsize").addClass("largetext") }); }); Thanks
[jQuery] using data() to store additional info in the html markup
Hi! i'm trying to store some additional information only useful for my javascript. I thought i could use a data html attribute to do that but it does not seem to work: console.log() returns "undefined" here is the relevant extract of my code, in case i did something wrong: <tr> <td><div class="event 2009-08-2816C213" style="float:left;width: 65px" data="{eventLength: 6}"> <div class="event-title"><span class="classe">C213</span> - <span class="Prof">2TID1</span></div> </td> </tr>
[jQuery] frustrating IE problem
I've been having issues with my jquery code in IE. I've tried various debugging methods but they tend to point into the actual jquery js and not the code I've written. For what it's worth, the debuggers tell me it's in line 19 of the jquery source. I'm using 1.3.2 compiled code. I'm really hoping this is a simple problem like a missing ; or something but I can't find the problem and it's about to drive me crazy, haha. My code works in Firefox and Safari, but IE fails. to start, here is my code: (modified
is this possable?
Hi, Im new to jquery but I have been looking at the sliders, the range slider to be exact anyhow I was wondering if there is a way to get all the values of a slider onmouseup, so I will have say 3 sliders on a page each one will have different values. When you slide to the correct space and let go of the mouse it will fire the call back that will query a DB but to get the correct result set I need to pass over all the slider variables so the correct data will come back. So I guess my question is
Next Page