[jQuery] Validation Problem with Opera 9.5+
Hi All, I have created a contact form here: http://test.fibranet-services.com/bunnymelody/dev/contact.asp It is working well in IE6 , IE7 and FF3 but I am having problem with Opera 9.5+. It's seems that Opera didn't recognize the validation rules that I put in the form. Can somebody help me with finding solution to this? Thanks, Nimrod
[jQuery] asp.net server control events in jquery
Do asp.net server side control events like asp button click fire in jquery? Please reply asap
[jQuery] Using JQ to parse strings (IE?)
Hi, I hope someone has some tips/advice on this one! I've noticed my code has an issue in IE. I try to apply JQ to a string, as so: $(htmlString).find(someSelector) //htmlString is basically an entire page, someSelector is an ID But IE never finds the elements, even though FF does. I assume putting strings into $() isn't the best practice? I then tried to inject the htmlString directly into the DOM, so I could definitely parse it with JQ once it was part of the page, but this was even worse: scripts
[jQuery] Jquery slow
When I use Jquery on server controls in ASP.Net , I see the slowness in animation starting. But if I use the client controls , it is fast. Is there any solution for this...???
[jQuery] IE7 change event not bubbling
I've got code that works great in FF but only partially in IE7. The problem centers around event bubbling (correct terminology?) and the change event. Essentially, I am binding the change event to a table, and filtering for changes to checkbox and text inputs in the cells. The table contents are dynamic, which is why I bound the event to the table itself and not all the inputs (supposed to be more efficient too, if I understand the technique right). I also have a click event bound to the same table.
[jQuery] autocomplete - other items on web page showing through autocomplete list. Only in IE6
Hi all, I would just like to thank you all in advance for taking time to help me. I am using ... Autocomplete - jQuery plugin 1.0.2 Revision: $Id: jquery.autocomplete.js 5747 2008-06-25 18:30:55Z joern.zaefferer $ In IE7 and Mozilla, the autocomplete works fine. When I use IE6, the item below the autocomplete text box, displays in front of the autocomplete list. With the auotocomplete list showing behind the the text item. Any help would be much appreciated. Thank you
Update CSS between two items
Here's the code I have: <div id="boxone" class="arrow">box one</div> <div id="boxtwo">box two</div> Here's the css I have: .arrow{ background-image: url('arrow.jpg') no-repeat; } I'm new to jQuery, so I need to find a solution where if you click on "box two", #boxtwo will have the background image and #boxone will not. Then, if you click on "box one", #boxone will have the background image and #boxtwo will not. Any help is appreciated in advance.
[jQuery] Question about Anchor-based URL navigation with jQuery
Hello, I am currently working on a jquery slider for a customer's portfolio. The project is nearly done, but I am having an issue and I was wondering if someone could enlighten me with a problem that I am having. If you go to this page: http://sonata.websitewelcome.com/~tiptop/logo_design.php you will see that you can browse the logo projects. When there is a related project to a logo, an ajax function will feed a div with a thumbnail and a link to the page of the related category pointing to the
[jQuery] ui.slider issues with .data() and moveTo
I'm using jQuery 1.2.6 and ui 1.5.2 and am trying to implement a slider with two handles. When one handle moves too close to the other, I want the other handle to move too in order to keep a minimum range. I found two things that don't necessarily work as they should: 1. When flipping dynamically from one handle to two handles, I used the $('#sliderId').data('slider').options.range = true. This did set the range option to true, but the range div was not shown and ui.range was undefined. 2. When one
[jQuery] Scroll to top animate in Opera 9+
Hi, I tried successfully this function $('html, body').animate({scrollTop: 0}, 'slow'); on most browsers but in Opera 9+ it doesn't behave correctly, just scrolls some content of the page while other remains static until the function stops? Does someone have noticed this? Thanks
[jQuery] Help with google chart
I want to scale the line graph according to the maxvalue and the minvalue so that the graph is appropriate with respect to scale. Any help how can I do this. I mean if the maxvalue is 10 and minvalue is 0 then I want the graph range to be 0-10 and not 0-100 which it is present(thats my interpretation correct me if I am wrong) Please Help, Thanx
[jQuery] jcarousel reset
The jcarousel plug works really great. I only have a problem with the reset function. I try on a page to change the content of the carousel without reloading the page. I'm using for this the $(document).ready(function() {} in order to change the carousel on a click. It doesn't quite work and I was wondering how could I get the reset function to work. It always freezes firefox when using it. regards, Damien
[jQuery] blockUi and Jquery animate function problem (IE7 of course)
I use blogUi plug in for a long time know and everything works fine. Excellent job. Recently i decide to use the animate function of jQuery to pop up an absolute position it window that holds form data. The problem is that when i use the animate function to pop up the window the blockUi in Internet explorer 7 cannot handle oppacity and cannot display the loader. Just white background. When the Ajax request finished the white background removed and the form appears normally. I try not to use the animate
[jQuery] Superfish extra request
Hi, I modified the skin of the menu using png images and I realised that when the menu completely loads if you hover any item of the menu, the menu makes a request to the server in order to obtain the hover image. This happens only once. I think while the browser caches the image. How can I stop this? maybe by preloading that image? Thanks
[jQuery] attr('title') giving odd renaults
I'm using attr('title') to find the title of the first anchor in a list and then make that title the value of an alt tag for an image. $('#imageswap a:first').attr('href', function(){ var altName = $(this).attr('title'); $('#productimage').append('<img src='+ this +' alt='+ altName +' class="product" />'); $('img.product').fadeIn(1000); }); The problem is if the anchor title has spaces (title="firstWord secondWord thirdWord") it gives me: <img class="product" thirdword=""
[jQuery] Debug Plugin?
In development mode, sometimes we make stupid mistakes like misspelling a selector. Many people have been caught by passing a "complex" selector to .is() and expecting it to work. There is little debugging or error-checking done in jQuery to alert you of potential problems. I had a thought after discussing this with someone recently - would a "debug" plugin be useful to detect common mistakes and warn the developer? Not all the info would necessarily be errors or problems, but if you are not seeing
[jQuery] Clarifications one the jQuery.prototype.init.prototype line
Can anyone explain to me in detail, what exactly this line of code does: jQuery.prototype.init.prototype = jQuery.prototype; I just can't wrap my mind around it clearly... figure it has some- kinda relation to the map-over functions at the top of jQuery but... I need some sort of walk-through...
[jQuery] new to jQuery
Hi friends, 'm very nwe to jQuery. I started reading the book Manning jQuery.... I find it interesting.. So far this is the first JavaScript Library 'm ever trying so 'm pretty much impressed by the ease with which can do lot of things. I 'm not very much familiar with server side scripting. So what kinda application can I make using JUST jQuery so I can get idea about real world application. Thanks
[jQuery] display select and input values in a div
Hi there, I'm working on a script that let's you pick dates and times and it will string it together, but I'm having trouble matching my elements. My form elements all have class of date_bits and they're a mix of selects for month/day/a.m./p.m. and input boxes for time: <p class="q"><label for="start_month">start</label> <select name="start_month" class="date_bits"> <option value="01">January</option> <option value="10" selected="selected">October</option> </select> at <input type="text" name="timenumber"
[jQuery] Jcarousel orientation problem on first page load in Safari
Hey We have a carousel that display horizontally with 5 elements. However, when we try to access that page with an empty cache (reset safari) and navigate to the page, the carousel is displayed vertically instead of horizontally. After that, when the page is reloaded or access a second time it works fine. The problem seems only to occur with safari. We think it's something to do with the CSS/JS load time or processing time. We checked the load time and CSS files are loaded before all JS files. Any
[jQuery] JCarousel orientation problem on first page load in Safari
Hey We have a carousel that display horizontally with 5 elements. However, when we try to access that page with an empty cache (reset safari) and navigate to the page, the carousel is displayed vertically instead of horizontally. After that, when the page is reloaded or access a second time it works fine. The problem seems only to occur with safari. We think it's something to do with the CSS/JS load time or processing time. We checked the load time and CSS files are loaded before all JS files. Any
[jQuery] JCarousel orientation problem on first page load in Safari
Hey We have a carousel that display horizontally with 5 elements. However, when we try to access that page with an empty cache (reset safari) and navigate to the page, the carousel is displayed vertically instead of horizontally. After that, when the page is reloaded or access a second time it works fine. The problem seems only to occur with safari. We think it's something to do with the CSS/JS load time or processing time. We checked the load time and CSS files are loaded before all JS files. Any
[jQuery] Cornerz 0.5
I released Cornerz v0.5 today. http://labs.parkerfox.co.uk/cornerz/ Features : # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Supports fluid layouts. # Original div still shows through, so can easily do hover effects # Script is only 4.0k uncompressed # Tested on : * IE6 XP/Vista * IE7 XP/Vista * Firefox 2 Ubuntu/Windows * Safari 3 Windows/Mac * Opera 9 Windows/Linux * Chrome, iPhone Version
[jQuery] JCarousel orientation problem on first page load in Safari
Hey We have a carousel that display horizontally with 5 elements. However, when we try to access that page with an empty cache (reset safari) and navigate to the page, the carousel is displayed vertically instead of horizontally. After that, when the page is reloaded or access a second time it works fine. The problem seems only to occur with safari. We think it's something to do with the CSS/JS load time or processing time. We checked the load time and CSS files are loaded before all JS files. Any
[jQuery] gzip
I gzipped the latest jquery min file on a Mac OSX 10.4.11 and set the link to the script in the head using the gzipped file. It worked fine in Firefox 3, but did not work in Safari. Does anyone know how to make a Mac gzipped javascript file work in Safari and still work in the other browsers?
[jQuery] traversing DIV containers
<div id="wrList"> <div id="div_wr"> <input type="text" id="wrName" value="Jerry Rice"> <input type="text" id="rec" value="115"> <input type="text" id="yds" value="1500"> <input type="text" id="TDs" value="14"> </div> </div> would like to edit these text fields as I drag them around. The js files passes the DIV containers as objects named i. how can I edit the text fields (traverse the i object). thx. very new to this - tecmo
[jQuery] Getting width of broken image?
I'm loading in a batch of images dynamically. Some of the images might not exist and I'm wondering how I might test for that image using jQuery (1.2.6). All I really want to do is to remove that img from the DOM so that it doesn't show on the page. I thought at first it would be simple enough to test the width of the image. All the valid images should be around 600 pixels wide, whereas the broken image should be 30 or so. I tried this: ${'img').each(function(){ alert( $(this).width() ); }); But
[jQuery] wrapping a <tr> with <table> fails in IE
I am trying to wrap a <tr> with a <table> in IE and it ends up just removing the row. This works in Firefox without an issue. Also, I can wrap the <tr> with a <div> in IE and that works, however my table rows get all jacked up, as a result of the div's between rows. Has anyone else encountered this issue? Please say yes...
[jQuery] Amazon's Windowshop - Flash Necessary?
I'm just a jquery novice, but I was wondering if it would be possible to do something like Amazon's new windoshop.com without flash and just use jquery, html, and css.
[jQuery] mcdropdown mouseout problems
I am trying to use mcdropdown for an easy search function for a shopping cart. The category list is long enough to force two columns. When mousing from the first column to the second the entire menu will disappear. In another case when drilling down below 3 levels if you mouse up to a parent selection the entire menu will disappear. My test page is at: http://reloadinginternational.com/catalog/includes/index_nav.php To experience the first issue select search by caliber and use the mouse to select
[jQuery] Validating divs depending on show / hide [validate]
I'm currently using show/hide in a form, allowing users to add more fields to the form. The problem I'm having is when the divs are hidden they are still validated. How can I prevent the hidden (.hide) fields from being validated? You can see the page I'm working on here. http://www.evisions.com/summit/pre-conference/presenter-registration2.asp There are 3 divs I'm hiding until checkboxes are selected: #co-presenter #co-presenter #co-presenter3 I don't want these to validate unless they are shown.
[jQuery] idTabs and hoverintent
Hi there, I've implemented idTabs on a website and used the mouseover event to toggle between the tabs. Now I've been thinking of also integrating the hoverintent plugin, so the tabs only change when it looks like the user wants to hover there. Can anybody please help me with this? I've tried to chain the hoverintent command but it needs an on and off event, but I don't know where to get that from idTabs. Thanks Ettiene
[jQuery] Tablesorter/pager: pager info overlapping table.
OK, I am a Jquery noob and hooked up some of our old CF tables to the excellent tablesorter plugin and it works great(thanks Christian), hooked up the pager (added pager div after closing table tag) and when it firsts loads the div is overlapping the table. What am I missing? Am I supposed to add the pager div or is it appended? thanks for any/all help! -- View this message in context: http://www.nabble.com/Tablesorter-pager%3A-pager-info-overlapping-table.-tp20197628s27240p20197628.html Sent from
[jQuery] next 'span' element that is not a sibling
Hi guys, I'm trying to navigate trough keywords, using jquery. So i would click on the 'next' link beside the highlighted keyword and it will take me with focus() to the next highlighted keyword within the div element. This is the code im using but its not working, since next() only searches for the next sibling, but the next 'span' tag could be not a sibling, but within another parent. Sorry for using the font tag, but i inherit this html, from another system. <script type="text/javascript"> $(document).ready(function()
[jQuery] [released] themeable canvas loader icon, with semi-transparency support
http://mediabeez.ws/mediaBeez/permalink.php?tag=visCanvasLoaderGraphic This the second opensource plugin that I release; a loader icon capable of displaying colorfull yet semi-transparent animated graphics. It's simple to use and design for.. I'll admit right now that there are still some issues in IE, like activeX warnings in some cases, but i hope that over time those can be fixed and updated too.. Comments and bug-notices are very welcome, either on the list or via the comments-button (top-left
JQuery - $("xx").remove(); Not working w new JQuer
Hello, Im having a bit of difficulty with a form. Basically i used a script to add and remove text input elements which can be found here: Mohdshaiful Add/Remove Elements Now this script relied on an old Jquery pack (mid 2007 release) This pack can be found here: Old JQuery The use of JQuery is for this: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Test jQuery</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"
[jQuery] A jQuery Container Class
A jQuery Container Class that allows you to add components via an items config option. You can see the post, demo and code here. http://santrajan.blogspot.com/2008/10/jquery-container-class.html
[jQuery] $(this) question
Hi! I have this in html: <a href="javascript:addSubject();">add</a> and this in js: function addSubject() { alert( $(this).attr("href") ); } /* expected output: * *javascript:addSubject(); * */ I tried some alternate method but those not works neither... What is the problem ? Thomas
Animation problem
Ok I'm having an issue making a horizontal accordion animation. Here's the page that I'm working with: http://sethbaur.com/accordian/. When you click the colored bars to activate the animation, the image disappears for the duration of the animation. I do not want it to disappear. Any ideas? Javascript: $(document).ready(function(){ lastBlock = $("#slide1"); maxWidth = 621; minWidth = 35; $(".slide").click( function(){ $(lastBlock).animate({width:
Fading Text
Hi, this is probably a really noobish question, but I'm only just beginning to learn Javascript and looking at Jquery I've decided to start with that. What i'd love to be able to do i have the text contained within a pre-determined div to fade in on the page load. If anyone know how to do this or has a tutorial I can follow please let me know. Thanks
Next Page