[jQuery] Display background image in optgroup on IE
Guys, I'm wondering if any of you might have some kind of "jquery related" hack in order to be able to display background images in IE (6,7,8) for the OPTGROUP element. I've been looking for a way to acomplish this everywhere with no luck. I'll appreciate any leads. Thanks!<br clear="all"> -- Rodrigo Alfonso
[jQuery] help with indexing items with random variable to appear in correct order
Hello, Below is a script I am working on for a slideshow for a set of 5 divs. I am generating a random number to represent the index of the starting div, i.e. the one that gets displayed in the middle. All of the other 4 divs get relative indexes so that they appear either to the left or right of the starting div. When the forward or backward buttons get clicked, 4 of the 5 divs animate and the 5th gets positioned to the oppossite far side as it should. My problem is that when I am performing my
[jQuery] Superfish: Leave sub <ul> menu visible when a tag class is set as active
Hello, I'm using superfish for a drop down hover menu. It works perfect except I would like the sub menus to remain visible when one of the <a> tag from the menu has class="active". Here is a quick overview of the menu html: <ul class="primary-links"> <li> <a href="main">item parent 1</a> <ul> <li><a href="page2">item child</a></li> </ul> </li> </ul> If the current page is main -- class='active' is automatically added to the A tag (with Drupal). If you are currently in page2, the class='active' is
[jQuery] (validate) dash/hyphen in radio id problem
Hi, I'm using the bassistance.de Validation Plugin for jQuery and I have the following problem : When using a dash(-) separated id for genres (i.e. genre-f / genre-m), I get the following js error : "missing : after property id" with the following code: rules: { genre-f: { required: "#genre-m" }, genre-m: { required: function() { return $("#genre-f").is(":checked"); } }, It seems that the js (json?) doesn't allow the use of a - inside a variable
[jQuery] Twitter for support?
Over the past few months I've been fielding an increasing number of support requests via Twitter (for Cycle, BlockUI, and Form plugins). In some ways it's a nice way to respond to simple questions but obviously it's not well-suited for more in-depth questions and responses. I generally direct people to this Google Group for anything non-trivial but I'm wondering what others think about leveraging Twitter for simple Q&A. Thoughts? Mike http://twitter.com/malsup
[jQuery] detecting events on iframe: reload
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Can I detect somehow if a content has been loaded in an iframe? I'm not talking about the first loading of the iframe, but afterwords. I have a flash movie inside an iframe and this flash movie loads a document in the iframe when a button is clicked, all I want is the main page to detect when this content has been loaded or when iframe content is modified or refreshed... Any hints? </td></tr></table>
[jQuery] Flipv Vertical Text and extra space
Hi all I'm currently using the Jquery Flipv plugin, which works well. The only problem is, some words have extra padding at the end, depending on how many characters. <a href="http://www.openstudio.fr/jQuery-flipv.html?lang=en">http://www.openstudio.fr/jQuery-flipv.html?lang=en</a> I'm not sure why this is, but it seems that the conversion to vertical text creates some extra spacing on certain browsers. Can anyone tell me why this is? I'm trying to get advice through the site, but it's all in French
[jQuery] Jquery Starter - Need help
Hello, I have just started jquery and stuck in some basic. Before telling the problem, here are the 3 simple files that am working with. ======================= test.php =========================== <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
[jQuery] jQuery / Plugin history and callback
Hi, I'm working on my own plugin jquery but I have a issue and I don't find any solution. The plugin handles tabs. One main feature about this homemade plugin is to manage static en ajax tabs and an history. When the user click on back or forward button, tabs is reloaded. So I use this plugin for history http://www.mikage.to/jquery/jquery_history.html which requires a callback (init). My issue : if I have many tabs on my page, the callback (it's a function that loads the content match in URL (#)
[jQuery] 'key' related events throw up warnings in FF
Hi everyone Everytime I try to use a keyup/keypress/keydown event in my code, I get a warning in my Firebug whenever it is fired:
Offset.top is always the same number, why?
This is my css and my jquery code. However it should have different offsets it doesn't. I guess it only takes the first object. How can I solve this? <div id="blocks"> <ul> <li><a href="#"><img src="portfolio/alles.jpg" alt="" /></a></li> <li><a href="#"><img src="portfolio/bart.jpg" alt="" /></a></li> <li><a href="#"><img src="portfolio/ei.jpg" alt="" /></a></li> <li><a href="#"><img src="portfolio/hout.jpg" alt="" /></a></li> <li><a href="#"><img src="portfolio/ronde.jpg"
[jQuery] shadowbox / ajax IE8.0.6 issue
Hi All, We have an issue in our site that only occurs in IE 8.0.6, 8.0.7 / FF / Chrome / Safari are all fine. To replicate visit <a href="http://www.sportsmembership.com.au/narrenorthcc/players-participants/adult-players-fees-280-00/">http://www.sportsmembership.com.au/narrenorthcc/players-participants/adult-players-fees-280-00/</a> and click add to cart on one of the 1/2/3 month badges. We take some attributes, hit an ajax call to add the item to the cart, and update the cart badge in the black
[jQuery] animate : animable properties
Hi, I'm coding a jQuery plugin to draw modal windows. In this plugin, I make animations to show and hide the modal window. I'd like my plugin to be as much customizable as possible. So I want the animations to be customizable also. To do this, I have one option for the general css properties (the style of the window), one for css properties before "showing" animation, and one for css properties after "hidding" animation. To make the "show" animation, I start by applying general style + before styles
[jQuery] Buy or sell
We have great deals for Real Estate Investors. As real estate investors ourselves we are very eager to work with other real estate investors like you. http://www.greenmiraclesinc.com/inv.php?sysac=9&pg=26&tm=
[jQuery] Unknown pseudo-class or pseudo-element 'odd'.
Hello, I am using JQuery 1.3.2 and the following code line: $("table.Engine tbody tr:odd").addClass("Alternate"); I get the following error on firebug: Unknown pseudo-class or pseudo-element 'odd'. What am I doing wrong? Thanks, Miguel
[jQuery] Why no entire text is replaced when I pick a date on the datepicker?
I have a datapicker on the date field with a format of yyyy-mm-dd. After selecting a date on the datepicker, only a portion of the default value is replaced. Can someone tell me what is missing and how to resolve this problem? Thanks very much in advance.
[jQuery] Removal of element before body
Hi, How can I remove an element before the body of the document, the long and the short of it is that a script I use places a statement (amongst other things) dynamically into my web pages and based upon which browser I use, sometimes it places it inside the <head> and sometimes places it before the <head> and in some browsers not at all. I know it shouldn't, but it does. So basically, is there a way of removing the br statement if it exists before the body element?
Beginner looking for help with selector
Hi, I have a row of a table stored as a variable tr. How can I select something related to this, for example the first cell in the row? $(tr+'td:first'); I've tried stuff like this but not had any luck so far. Any advice would be appreciated. Thanks.
[jQuery] jquery question on slideUp fadeIn and show
Hi All, jquery noob question here. I've got a php script that runs a few price checker kiosks out on the sales floor at work and I've got a element that I can get to slide up when a product is scanned and slide back down after a 5 second pause with: $(function() { $("p").slideUp("slow"); setTimeout(function(){ $("p").slideDown("slow"); }, 5000); }); but when I change the slideUp and slideDown to fadeIn and fadeOut I'm not getting the element to fade in or out. Instead the element shows up on the
[jQuery] ajaxForm - upload issue
Hello everybody! I've recently stumbled upon a very strange issue and it consists of the following: I have a form that I submit using the ajaxForm plugin. I have 2 file fields: thumb and .swf The iframe option is set to true and the form uploads ok the images but does nothing with the .swf file and I have no idea why is this happening Is there some filesize limitation to the plugin or something of this sort? Cheers
$.getJSON amd IE6
Hello all, I am stuck!!! Have done this code below to get some photo sets from flickr and populate them on a gallery page... At first this paints the sets and their first image, and when clicking on the set link will call $.getJSON again to populate the rest of the images for the specific gallery... This works well for IE7,8 FireFox3 and Chrome - but the second $.getJSON does not work for IE6 (I do not even get an error) - it just seems that IE6 is not interested to issue the $.getJSON request...
script for dsl speed
iam trying to code a dsl speed report. But it delivers false results for the dsl-speed. i think it's because of the script time which increase because of jquery. Maybe anyone have suggestions: //MESSUNG1 time = new Date(); starttime = time.getTime(); $("#ladefeld").load("http://domain.de/functions/randomstring.php?length=200000", function (responseText, textStatus, XMLHttpRequest) { if (textStatus == "success") { // all good!
[jQuery] event coordination problem
Hi- In a form, I'm trying to validate a field when they move off it. But this causes a problem when the field has the focus and they click a button to process the form. In this case, only the field's blur event (or change event) gets fired and nothing for the button click event. Seems like a reasonable thing to want to do, so I figure I'm missing something in they way I've coded this. Any suggestions? Here's the very simple code that exhibits the behavior: <head> <script type="text/javascript" src="./js/jquery.js"></script>
[jQuery] Enable a disabled checkbox after the user has completely scrolled down to the bottom of a textarea
Hi, I'm trying to recreate a behaviour which enables a disabled checkbox after the user has completely scrolled down to the bottom of a textarea ("agree to license terms"). My current state can be found at http://jsbin.com/izagu The checkbox is not being enabled with my approach. I can enable the checkbox if I explicitly set scrollTop to a value, but then I'm not able to scroll anymore at all. So I am guessing it probably has to do with the scroll check not working properly. Any hints appreciated.
can jquery do this?
I use jquery on my site already and want to have functionality from the below http://www.frontpageslideshow.net/ Does anyone know of any jquery versions of this? Thanks
Submitting form with hidden field containing html tags
Hi and thanks for reding this. I am trying to submit a form through jquery to a php page. here is the script for the editor //First lets initiate some variables var isEditable= false; var isIE; var isGecko; var isSafari; var isKonqueror; function initiateEditor() { //check what browser is in use var browser = navigator.userAgent.toLowerCase(); isIE = ((browser .indexOf( "msie" ) != -1) && (browser .indexOf( "opera" ) == -1) && (browser .indexOf( "webtv" ) == -1)); isGecko = (browser .indexOf( "gecko"
Animation Issue with Script
I've implemented the following script http://webresourcesdepot.com/wp-content ... /standard/ into my site however the animation part of the script is not working and I'm unsure why as the code hasnt changed and the name of the <DIVS> are also correct. It's a basic add and delete shopping basket with tow test items and if you refresh the page the items are added but the animation doesn't function correctly. The page can be found at: http://www.hpieurope.com/clearance/ The Code samples are below: ecomm_functions,js
HTA application with jquery
Hello, First time using jquery and i'm stuck. I'm creating a HTA application and i have a slide out menu, the slide out menu works great but when i have a select box it goes behind the select box. I've googled for days looking at select box and iframes etc but haven't been able to get it to work. The closest i've come is using this handy plugin http://www.brainfault.com/2007/07/23/select-box-replacement/ Now this works ok but when i load another select box on the page e.g. <span id=Newbox></span>
settings jquery tabs cookies
Hi All, I have used this code for UI tabs. http://jqueryui.com/demos/tabs/ I tried to get back the last visited tabs after page refresh using cookies. But I failed to set cookies here. Any thoughts on this? Thanks
[jQuery] Autocomplete plugin - customization
Hi I'm trying to make a custom hack to the autocomplete plugin. I want it so that when you select a suggestion I can separate the data in that suggestion and insert parts of it into four different elements. I'll use split to get the data into an array and then use the Val function to set the values of the elements, but what is the easiest way to customize theplugon like this? Can I do this wihout editing the plugn itself?
Jquery History Multiple Anchors
Hi, Firstly I am new to jquery so forgive me if I am being stupid. Okay so I am stuck on this one last bit and would really appreciate some help. Here is the link to my test site. http://tdesigns.net84.net/ajax/simple.php What I am trying to do is I have this 3 column layout sort of thing. When someone clicks a link in column one a few links load up in column 2 and then when someone clicks a link in column 2 some content shows up in column 3. I have managed to do this using the history plugin, but
[jQuery] Jquery Modal Dialog
Hi, I used the jquery modal dialog from the jqueryui.com, that is currently draggable from the title only. is there any way i can make that draggable by inserting a div at the footer of the dialog or make it draggable from everywhere in the dialog.
[jQuery] Get help with wildCard selector
Dear all,<div> </div><div>I have certain div with below format</div><div><div id="abc-01"></div><div></div></div><div><div><div id="abc-02"></div><div></div></div><div><div><div id="abc-03"></div> <div></div></div><div> </div><div>I want to get the no of div who contain abc-* and i have used the wildcard , but i seems not work for me... </div><div>I have tired</div><div>$('#div[id^="abc-"]').size()</div> <div> </div><div>Can anyone give some hints to me with many thanks!</div><div> </div></div></div>
[jQuery] missing background-image
Hello guys, I have a series of divs (all with the same CSS class) and I'm trying to add dynamically a background image to each one (each div needs a different image) so here my code $('.panel').css({'background-image' : 'url(../images/sub/'+ $ (this).attr("id") +'.png)'}); but unfortunately my divs don't have any background; however if I hardcode a image, for instance $('.panel').css({'background-image' : 'url(../images/sub/bg1.png)'}); every div has the (same) background. Finally if I print out
[jQuery] [Autocomplete] Autofill & Comma Seperator Issues
Hi, I am trying to use this autocomplete http://docs.jquery.com/Plugins/Autocomplete but I'm having some issues with it. I'm trying to create a simple tag autocomplete feature. This is what I want to type (Example 1) TextArea: Cake, Ca, Caldren, Calimari, This is what I get (Example 2) TextArea: Cake, Cake, Caldren, Calimari, In Javascript, my var data = ["Cake", "Caldren", "Calimari"]; As you can see, I cannot type "Ca" because the information will autofill to "Cake" every time I type a comma. The
[jQuery] JQuery cycle plugin bug(?) in firefox
Hi All, I've discovered some odd Firefox behaviour when using the JQuery cycle plugin. I'm simply trying to cycle through a few images. When you first visit the page, firefox fails to render the images correctly with the first overflowing it's container and the rest appearing as squashed thumbnails. When you refresh the page (but not shift+refresh) it all works fine. See http://www.thecathedraldeli.com/beta.html for an example. Has anyone come across this before? Any help would be much appreciated.
Loading images one by one
Hi, I am working on a project for my portfolio. For this I am preloading images using the each statement. However I do not want jQuery to go to the next image before the previous one is loaded - unless it can't load the image at all! How can I fix this? this.each(function() { var par = $(this); var obj = $("li a", par); var img = $("img", par); var b = $("li", par).width(); var w = $("li a", par).width(); var h = $("li a", par).height();
Cool jquery rollover, but problem with IMG in style sheet
Hello. I have a pretty cool jquery rollover based on one that appears on Kyan Media's website. On this forum, slowgary helped me make the buttons clickable. But now I have a new problem with the CSS for the script. Here is my test blog: http://loriandersondesigns.com/totshotsworkshops/ You can see the blue rollovers in the center of the screen. However, the IMG call in the CSS for the script forces ALL images in my blog posts to show up in the top left corner of the page. Is there a way to alter
[jQuery] Does anyone see any problem with this code that might cause IE not to work with it?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher"
[jQuery] jQuery called twice, if I delete one, all jQuery scripts stop working
I got this at the bottom of a website: <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.cycle.all.js"></script> <script type="text/javascript" src="/js/slider.js"></script> <script type="text/javascript" src="/js/newnav.js"></script> <script src="/js/jquery.js" type="text/javascript"></script> <script type="text/javascript" src="/js/whymac.js"></script> If you notice, jquery is called twice. If I delete either one, anything that works with
Next Page