[jQuery] $().fadeIn using a png in IE7 , it's ugly.
I'm trying to fade an image using .fadeIn , The code works but the implementation in IE7 is ugly. Any work arounds/ fixes? I'm using jQ 1.2.6 and it works fine in FF... I've also tried to use it on an <img> and a <div> with the background image as the png. Still no luck. Any help would be appreciated! Mumbo
[jQuery] IE 7 not displaying expandable icon
I am using treetable plugin...http://plugins.jquery.com/project/ treetable Please see following http://www.woodranchit.com/casetree/ On IE the expandable icon is no showing. I guess it to be issue with margin-left: -19px; padding-left: 19px; in IE7. On FF and Safari it works fine. Please help with the fix.
[jQuery] jCarousel inside a Thickbox fails in Chrome and Safari, ok in FF and IE
Has anyone had good success getting jCarousel to work *inside* a thickbox? I've gotten it to work in Firefox 2 and 3 and IE 6 and 7, but not Safari or Chrome. Any ideas? If not, I think I'll try a different carousel implementation. Any thoughts much appreciated!
[jQuery] [validate] Requiring values on optional fields
I've got a user contact information form, which has among other fields an e-mail address field. The e-mail address field has a "test" function that allows the user to send a test e-mail message to confirm that the e-mail address is indeed correct. However, the e-mail address isn't required in order to save the user contact information form, so I've got it defined as: <label for="emailaddress">E-Mail address</label> <input type="text" name="emailaddress" class="{validate: {required:false,email:true}}"
[jQuery] Programmaticly close sticky cluetip
Hello All, <br /> <br />I know sticky cluetip can be closed by setting mouseOutClose:true or clicking the close link. Is there a way to programmaticly close it? <br /> <br />Thanks! <br /> <br />Bo
[jQuery] superfish dumb question
Hi, I am using Superfish in Joomla and think that it is great! I have set up my main navigation bar using a horizontal Superfish menu.I am having one problem. I can't figure out how to change the a:link color for any ul levels. I changed the background to match my template, but don't want my links to be the blue that Superfish comes set up with.I would appreciate any suggestions. Thanks, J http://converse1schools.org
[jQuery] IE7 event problem
I have a drawer that I want to pop open whenever you an anchor with a certain class assigned to it is clicked. If you look at this page in Safari, Firefox, or Chrome you can see the desired result.... The links in question are: 1. The first Click here in the bulleted list. class="open_drawer_questions" (Opens a contact form) 2. The Click here in the firt column of text class="open_drawer_questions" (opens the same contact form as above) 3. The click here in the last column of text class="open_drawer_body"
[jQuery] intro using fadeTo and setTimeout won't work
I've been trying for a week and spent endless hours on a tiny little code, and I cannot take any more of it so please help... code nr 1. not working, but I think should: $(document).ready(function(){ $("#logo").css('opacity','0.01'); for (var i = 10000; i>0; i-=100) { setTimeout(function() { $("#logo").fadeTo("fast",1-i/10000); $("#percentage").html(i/100 + '%'); },i); } }); Code nr 2. not working, but I think should (it's supposed to do the same thing as the one above): function changeFade(i) {
[jQuery] Serious bug in JQuery
I have a page that when loaded, it gets a javascript error. It occurs in jquery-1.2.6.js on line 662 on this line: var id = elem[ expando ]; It says elem is undefined. This occurs in IE and FF. This only occurs on this specific page. It is an aspx page. Thanks
[jQuery] cycle plugin ovelapping in IE6/IE7
Hi, I'm trying to position a menu div over a cycle slideshow. It works fine on Safari/Firefox but in IE6/IE7 the menu goes under the cycle slideshow upper slide, till the effect -fade- starts to be applied to the next slide. Is there a means to force the menu div to appear always on top of the cycle slideshow ? Here is a page where theproblem can be seen : http://kubota.cym.fr/?page=test_menu test_menu I'm using cycle pluging version 2.32 and jQuery version 1.2.6. I would very much appreciate an
[jQuery] how to wrap an given part
hi guys ... my html is something like that <h3>head1</h3> content content <h3>head2</h3> content content content Now i want to add divs to split this into containers. It should look like that <div class="1"> <h3>head1</h3> content content </div> <div class="2"> <h3>head2</h3> content content content </div> What is the best way to do this?? I started with somethink like that: var first = jQuery('div.prod_left_content h3:first').html(); jQuery('div.prod_left_content h3').each(function(){
[jQuery] [Validate Plug-in] Jorn, et al... how do I made this validate onblur?
Hi, Jorn, et al... How can I adjust this plug-in code to validate only on blur? Thanks, Rick <script type="text/javascript"> $(document).ready(function() { $('#add-rental-property-form').validate({ errorPlacement: function(error, element) { error.appendTo('#'+element.attr('id')+'_error'); }, rules: { street_number: "required", street_name: "required", city: "required" }, messages: { street_number: "Please enter the property street number.", street_name: "Please enter the street name.",
[jQuery] Sortable...flash object losing its state when dragged. See example
See example at http://jsbin.com/areko I'm using jQuery UI's sortable functionality. Try playing the youtube video, then click on the text "DRAG" to drag the elements around the youtube video, it continues to play fine. But if you attempt to drag the video itself, it will reload the flash, causing it to lose whatever state it was in. Anyone have an idea on how to keep this from happening? I'm working on an application where the flash object needs to hold its state while being dragged. example code
[jQuery] [validate plugin] How to call a function before the validation start?
Hi, I'm using the validate plugin, I have a comment form where I want to leave the possibility to insert an anonymous comment, but I want to alert the user before the submit. Then, if I have this code, what I have to do, to add a confirm('Are you sure')? I'm looking for a method like "onBeforeSubmit" :-) Thank you. if($('#commenti_form').size() > 0) { $("#commenti_form").validate({ invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { $("div#error_container").show();
[jQuery] hiding a <div> using html select (drop down)
I tried to hide the <div id="divarea"> using the toggle() function below. javascript code <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"> <script type="text/javascript"> $(document).ready(function() { $("#dropdown").click(function() { $("#divarea").toggle(); }); }); </script></blockquote> <div> html code </div><blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt
[jQuery] XML data consumption issue with Internet Explorer
Hello, I'm new to jQuery and I've been playing around with an example I found regarding xml consumption. The thing is it works perfectly in every browser, except IE, where it only displays the tables headers. I'm sure many of you here have already seen something like this. Here is the code: /**********************************************************************************/ // Start function when DOM has completely loaded $(document).ready(function(){ // Open the xml file $.get("data.xml",{},function(xml){
[jQuery] JQuery Spell Checker plugin
Hi, I am looking for JQuery spell checker plugin from brandon... I can below below link but there is no script and documentation available.. Any idea how to get this plugin. <a href="http://plugins.jquery.com/project/spellcheck">http://plugins.jquery.com/project/spellcheck</a> Thanks Raghu
[jQuery] Extract Dropdown Menu Items to Array?
Is there a way to extract the text of all the items included in a dropdown menu, into an array? Thanks in advance to all for any info.
[jQuery] Please help me to find my mistakes on below code
Hi, I am trying to solve ajaxStart and ajaxStop issue from last 3 days but can not solve...can somebody tell me what's my mistake here. I want to show a loader image for different DOM element ids on different ajax request. Problem is that when I am calling an ajax request on one form submission then not only it's corresponding but also other loader image is showing, while only one loader image must be show. Here is my code: First Block code -----------------------------------------------------------------------------------------------------------------
[jQuery] Improvements to jQuery's Trac installation?
Hey guys, I'm finding it really hard to use Trac to keep tabs on jQuery development and the bugs I've filed. There are just a couple of weird things about jQuery's instance of Trac that make things hard: * I don't get emailed when tickets are updated. Maybe this problem is limited to just me, but it makes it hard to give timely responses to ticket comments. * The "My Tickets" view doesn't seem to work. This means I can't easily keep track of tickets I'm involved in. * I can't modify tickets I've
[jQuery] IE issue if using $(self.element[0]).html("<object></object>") rather than $(self.element[0]).innerHTML = "<object></object>" ;
I was having a nasty issue with IE trying to invoke swf method from javascript after inserting the movie in the DOM with $(self.element [0]).html("<object id="movie01">....</object>"). It was working nicely in all browsers but IE where I would get a "Object doesn't support this property or method " message and javascript to actionscript communication would fail. Adobe knowledge base was talking about object naming issues or ActiveX kill bits but none of the recommendations would work for me. I finally
[jQuery] [TUTORIAL] How to Create a plugin for jQuery
Hi guys I continue posting tutorials about jQuery, this time it's a little introduction with 2 examples to create jQuery plugins, I hope you find it useful! http://yensdesign.com/2008/12/how-to-create-a-plugin-for-jquery/
[jQuery] Toggle Animation?
I'm relatively new to jquery, and i'm trying to find a way to toggle a simple animation? At the moment I have this, which moves a div 400px to the left upon clicking a link. Pretty straight forward. $(document).ready(function(){ $(".slide").click(function () { $("#slider").animate({marginLeft: "-400px"}, 1000, "easeInOutQuad") }); }); I want the link with the "slide" class to toggle that div to animate 400px to the left on click, and then animate it back to 0px upon another click. Really
[jQuery] Requesting a file in a parent directory with .ajax
Hi there! If the file I want to to load is in my web root and is called: loadme.php And my javascript with all my JQuery code is in: js/jquery.js If I call the following function in jquery.js, what's the correct path? $.ajax({ url: '../loadme.php', Will adding the "../" correctly refer it to load from a parent directory?
[jQuery] two submits in the same form
Hello, here I provide more of my code so we you see exactly what I'm trying to accomplish... code: $(document).ready(function() { var validator = $("#form1").bind("invalid-form.validate", function() { $("#summary").html("<tr><td aling='right' width='2%' class='ico'><img src='warning.gif' width='16' height='15' /></td>"+ "<td width='98%' valign='top' aling='center' class='err_validation'>"+ "<t1taglib:PrintMsg msgcode="RECOVERABLE_ERROR_MSG" /></td></tr>"); }).validate({
[jQuery] accordian, with selected item, mostly done....
hi all, Im trying to produce a menu where if the list item has a class of selected it will remain "open"... the menu im using is.... <ul class='menu'> <li class='selected'> /store/Apparel/arsenal-football Arsenal <ul> <li class='selected'> /store/Books/arsenal-football Books </li> <li class='selected'> /store/Apparel/arsenal-football Clothing & Apparel </li> <li class='selected'> /store/DVD/arsenal-football DVD's </li>
[jQuery] accordian, with selected item, mostly done....
hi all, Im trying to produce a menu where if the list item has a class of selected it will remain "open"... the menu im using is.... <ul class='menu'> <li class='selected'> /store/Apparel/arsenal-football Arsenal <ul> <li class='selected'> /store/Books/arsenal-football Books </li> <li class='selected'> /store/Apparel/arsenal-football Clothing & Apparel </li> <li class='selected'> /store/DVD/arsenal-football DVD's </li>
[jQuery] Browser Hangs while hiding 2K+ table rows
I've been converting a legacy web app to use JQuery. I've now cleaned it up so that my HTML validates and I have instrumented the code with classes and id's as appropriate. This app is essentially a table that displays the status of jobs for Autosys. The problem that I'm having is that when I hide the entire list, the browser hangs for several minutes. There are sometimes over 2000 rows. I have cached the full resultset into a variable, though I'm not sure how helpful this is. In the code below,
[jQuery] jQuery unbind not working in greasemonkey ... simple test case included
Hi all, Thanks for any help with this one. I've developed a very simple test case to demonstrate the behavior. First I created unbind.html (below) that includes jQuery, binds, then immediately unbinds all anchor tags to tmpfunc that would print 'hello world' on the firebug console. It works as expected. On unbind.html, I include a link to unbind.user.js (below) that does exactly what the script on unbind.html does. That is it binds and then immediately unbinds all anchor tags to tmpfunc. Expected
[jQuery] issue regarding superfish horizontal menu
Hai Joel Please let us know one thing is that menu (ul item) are appearing smooth on internet exploer 7. But problem is that the (li item) is not showing smooth on internet explorer 7. li item edges is too sharp than Ul item. Please let us know how can i do it smooth. Thanks Best Regards Amit Negi
[jQuery] Need documentation for error status strings in $.ajax:error
Looking through the source, I see that the "textStatus" parameter of $.ajax's error callback can be one of the following values: * timeout - when your specified timeout is exceeded * error - http error, like 404 * notmodified - when requested resource was not modified since last request * parsererror - when an xml/json response is bad I would like it if this was in the documentation for $.ajax and $.ajaxError - I didn't realize those statuses were being provided by jQuery, and I don't think I could
[jQuery] How can I generalize this code for all values?
Don't know if that's the best phrasing for the subject, but what I'm trying to do is develop some code that will work for all for inputs of type 'text', instead of hard-coding the id values. The original code is this: $('input#street_number').blur(function() { if (this.value.length == 0) { $('#street-number-required-error').fadeIn(500); $('#submit').attr('disabled', 'disabled') } if (this.value.length > 0) { $('#street-number-required-error').fadeOut(500); $('#submit').attr('disabled',
[jQuery] ui datepicker error onSelect:
For the life of me I cannot get this to work: Jquery 1.2.6 and ui 1.6r2 and tried with 1.5.3 stable $('input.tdate').datepicker({onSelect:function(dateText){alert (dateText);} }); Keeps throwing when calendar date is clicked: inst is undefined _get()()jquery-u....3.min.js (line 198) _changeFirstDay()()jquery-u....3.min.js (line 146) onclick()checklist# (line 1) [Break on this error] return chars;},_get:function(inst,name){...onth ();inst.endYear=date.getFullYear();} line one of /checklist is just
[jQuery] SimpleModar overlay container size issue
I have a script that dynamically detects the size (using outerwidth and outerheight) of a <div> tag that I use as my modal window. It works on all pages of my site except this page: http://www.lacopts.org/dbase/register.php where it erroneously displays the container height, eventhough it is passed the correct height in containerCSS property. I've tried looking at the generated code with FF but I don't seem to spot the problem. Any thought? Thanks, Isaac
[jQuery] $({key: value}) functionality?
I'm looking into ways to manipulate Javascript objects using jQuery, and I was wondering if there's anything I can do with the selectors when passing an object to jQuery. For example, $({ obj1: { name: "a", prop: "x" }, obj2: { name: "b", prop: "y" }, obj3: { name: "c", prop: "z" } }).filter('[name="a"]'); This returns an empty jQuery array, though. If I don't use a filter function, $(...) returns the object with jQuery properties as expected. It seems like passing an object to jQuery is undocumented
[jQuery] Rewrite $('slide-images').getElementsByTagName('li'); with JQuery
<div id="slide-show"> <ul id="slide-images"> <li><a href="accordion1.jpg" class="thickbox" rel="gallery- plants"> <img src="accordion1.jpg" alt="One" title="One" /></a></li> <li><a href="accordion2.jpg" class="thickbox" rel="gallery- plants"> <img src="accordion2.jpg" alt="Two" title="Two" /></a></li> <li><a href="accordion3.jpg" class="thickbox" rel="gallery- plants"> <img src="accordion3.jpg" alt="Three" title="Three" /></a></li> </ul> </div> how can i rewrite this function
[jQuery] params list
Hi, this code return function list: var o = {} for (v in $) { o[v] = $[v]; var Typeof = typeof $[v]; $('<div><span>'+Typeof+' </span><span> '+v+' </span></div>').appendTo('body'); } How to return option list for each class above? thanks Dirceu Barquette
[jQuery] how to display ads after page load
Hi, In my application, I have some ads which are from other sites. They gave us the Javascript to display their ads. Its taking time to load the entire page, because of their ads. So I am trying to load their script after loading the page. How can i do this? Can anyone help me. Thanks, Mohan
[jQuery] how to select the content of the current table row?
Hey guys, i'm having a hard time with jquery right now. Imagine the following simple table: CODE: <table border='1' id='list_tracks_table'> <colgroup> <col width='40%' /> <col width='20%' /> <col width='20%' /> <col width='20%' /> <col width='0%' /> </colgroup> <thead> <tr> <th>Title</th> <th> Genre </th> <th> Speed </th> <th> Length </th> </tr> </thead> <tbody> <tr> <td> Cocktail Lounge </td> <td> Chill </td> <td> 126 </td> <td> 03:03 </td> <td class='hidden_url_field_for_track_list'> /mp3/stream/MM-MB-0030-COCKTAIL-LOUNGE-126BPM.mp3
[jQuery] Smarter way to write this repetitive code?
$('.headline:eq(0)').click(function() { $('.article-text:eq(0)').fadeIn(); }); $('.headline:eq(1)').click(function() { $('.article-text:eq(1)').fadeIn(); }); $('.headline:eq(2)').click(function() { $('.article-text:eq(2)').fadeIn(); }); Is there a smarter way to write that so it wasn't so repetitive? It is in practice here: http://css-tricks.com/i/ I'd like to be able to add and remove headlines without adding these chunks of code if possible.
Next Page