[jQuery] linkselect plugin: problem with javascript set value
I'm trying to externally update the value of the linkselect field using this._itemSelect.linkselect("val", newValue); and am getting the following exception on FF3: 'self is undefined' on line 37, since the 'self' lookup from $.data returned null. Digging in to things, it looks like $.data is getting initialized with $input[0], but at least in my browser, the retrieval is being done with $select. Changing line 178 to $.data($select[0], "linkselect", this); fixed the issue for me. Is this the proper
[jQuery] Moving from .get(xml file) to using .ajax
Hey all, My last function worked well, but it kept the info cached... so i'm thinking i need to move to .ajax. When i test one of the values, it comes back as svrSongName = undefined. Does the .ajax work differently when you wrap a function in there? Thanks for your help again.. you guys have been awesome in hinting me along thru learning how to use JQuery. Old Code looked like this: // Start function when DOM has completely loaded $(document).ready(function(){ // Open xml file $.get("kprxy.php?proxy_url=http://yp.krushradio.com/getstream.aspx?
[jQuery] Validate Plugin disabling other JS on the page
Hello all, I am using the jQuery Validate plugin (http://docs.jquery.com/Plugins/ Validation) and am running into an issue with the other javascript I need to have running on the page. I have an Onclick event wired into a radio button in the form, but when one of the required fields fails validation, the radio button onclick event listed here is completely disabled and even when the validation requirement is met and the submit button is re-enabled, the other form javascript remains disabled: onclick="javascript:setTimeout('__doPostBack(\'_ctl0$ContentPlaceHolder
[jQuery] slideToggle is jerky in Safari 3.2.1
I am using slideToggle and it performs perfectly in FF, IE6&7, and the new Safari 4. However, in Safari 3.2.1, the elements slide out, but it starts of with a quick jerk and then slides. Has anyone else run into this problem and found a solution? Thanks!
[jQuery] How do you handle 2 differents and 1 action?
I have the following piece of code which checks if a user has pressed the Enter key in a text input with id="text_input" and then performs some action: $(document).ready(function() { $("#text_input").keyup(function(e) { // Checks if the Enter key was entered if(e.keyCode == 13) { // perform the action } }); }); I also have a button with id="push_button" that I wish will perform the same action as above when clicked. How can I rewrite the above so that I check for either of those two events and perform
[jQuery] checkbox array
Been losing my hair on this. I'm trying to assign my checkbox array to a variable that I can send through a post. But I the variable 'tempy' is always undefined. I must be confused on how to reference an array, or maybe there is a better way to do this? js: var tempy = $('input[name=foo]:checked').val(); html: <input type="checkbox" name="foo[]" value="klaybul1" /> <input type="checkbox" name="foo[]" value="klaybul2" /> <input type="checkbox" name="foo[]" value="klaybul3" /> Thanks in advance!
JQuery Cycle
I am using this JQuery Script http://malsup.com/jquery/cycle/pager11.html I need to find a way to figure out what picture is selected at any given time, I could write something that follows the previous and next clicks but the fact that you can click a thumbnail and have that image come up. The thumbnails are all Links so I would think that we could do something with that but if anyone has any ideas that would be great!
[jQuery] - tableFormSynch if (Empty) {Error}
Nice plugin, I just want report a error if the list is empty, If you delete all itens, you cant add more itens anymore. I tried start from a empty list and same error, but I am still reading and studing this plugin. Congratulations Brian, Regards macm
[jQuery] jQuery plugins & function calls
I have a jQuery plugin that adds a series of links to my page, and when each one is clicked, it should display the index of the link. The problem is that every link displays the string "11". This is because when I bind the click method, I pass in an actual function, which doesn't get interpreted until its called. So its always holding a reference to the variable i, and hence, uses its current value, which ends up being 11. The reason I can't simply do: $link.bind('click', 'alert(' + i + ');'); is
[jQuery] blockui plugin crash ie 6
<html> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.blockui.js"></script> <body> Remove the table and it wont crash. <table > <tr> <td> <script> $.blockUI(); $.unblockUI(); </script> </td> </tr> </table> </body> </html>
[jQuery] ANNOUNCE: Shrinkadoo, a jQuery powered URL shortening AIR application
I'm proud to announce Shrinkadoo, a URL shortening app. http://snurl.com/d0l6l It's jQuery powered on the front end, using a CFC that I wrote on the back end: http://shrinkurl.riaforge.org/ This is a beta release but it's mostly feature complete. Check it out, I'd love to get feedback from you. Andy Matthews Senior Web Developer www.dealerskins.com P Please consider the environment before printing this e-mail. Total customer satisfaction is my number 1 priority! If you are not completely satisfied
[jQuery] [listnav] in Chrome
Using jQuery 1.3.1, This question refers to the ListNav plugin found here: http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx I've got a fairly large dataset on my page consisting of ~1000 LI elements. Each letter of the alphabet contains ~40 LI elements. Each LI element contains a varying amount of chars, but lets say ~70 chars. In FF3, it takes about 3-4 seconds for the plugin to index the list. In IE7, it takes about 1 second. In IE6, it takes about 1 second. In Safari 3.1 & Google Chrome, it
[jQuery] serialize array question for dynamic form
Hi, If i create a dynamic form(requirement for a project) serializeArray() or serialize() doesn't seem to work. Is there any reason why this is? Here's a simple example. neither function returns anything. $(document).ready(function(){ var sform = $("<form id='searchForm'></form>"); var box = $("<input id='searchBox' type='text'></input>"); var button = $("<input id='searchButton' type='submit' value='Search'></input>"); sform.append(box).append(button);
[jQuery] AJAX in IE 6 providing "Object does not support this property or method"
Here is the function I have created to handle AJAX requests on top of the latest JQuery release: // Portal for an AJAX query function ajax_query(url, data) { var ajax_return = $.ajax({ url: '/scripts/ajax/' + url + '?' + data, async: false }).responseText; return ajax_return; } I call it with something like: alert(ajax_query("script.php","variable1=true&variable2=false")); Now this code simply does not work in IE 6, providing a "Object does not support this property or
[jQuery] innerWidth + scrolling
I have a div element with scrolling. Is there a way to measure the internal width counting the scrolling? I noticed innerWidth will return me the same independently of internal width Thanks
[jQuery] .Change handler on Select element resets input Form
I attach a change handler to a Select List. When the user selects a list entry I use Ajax (.ajax) to query whether this entry requires special acknowledgement. If it does I create an absolute positioned div over the page and request that the user click a link to close it. I attach a click handler to the anchor on this popup div. When clicked, I fade out the popup div. When the div disappears all form elements (form containing the select) are reset. I need to retain the change the user just made to
[jQuery] Two versions
Hi Guys I got a small problem. I've found two plug ins I want to use, but one is only compatable with version 1.3, and the other only with version v1.2.3. So, can any one suggest how to get around this - bearing in mind, I have no idea what I am actually doing in terms of writing jQuery. Thanks in advance Neo
[jQuery] innerWidth + overflow
Hello I have an element with internal scrollbar I noticed the innerWidth() property always return the same value indepentent of my internal scroll is there a way to measure the internal width, considering the overflow? Thanks
Seperate Files for each UI Feature?
Hi I am looking at the Jquery UI thing and its sweet but when I go through the builder it builds every option I want into one big file. I rather download the core then download each of the features seperatly. Like for instance if I want the tabs. Then I just want the .css style, tabs.js file and the core.js file. Not just one big .js file. Since maybe I might want to add another feature later on and I rather not have to go back and recheck everything and who knows if the stuff might have changed
[jQuery] Wrapping tags that are not decendents
I am trying to figure out how to wrap "all a tags that are class myclass but are not descendents of divs that are class otherclass". ie match this: <div class="thirdclass"><a href="" class="myclass"></a></div> match this: <a href="" class="myclass"></a> but not this: <div class="otherclass"><a href="" class="myclass"></a></div> Something like $('a.myclass:not(DESCENDENTOF div.otherclass)'), but I'm not sure what DESCENDENTOF would be here. Thanks!
[jQuery] Replacing META REFRESH by AJAX , Loading and Post
Hi, I'm trying replace a META REFRESH every 5 secs with AJAX. On Submit of the form, I'd like to trigger the process, and use SetInterval to check a URL whether it has finished. Right now, the trigger will call a program callEquifax, which will display a page with another META REFRESH until the program is ready to display a result where the META REFRESH URL is the final output. Now I'd like to replace this using AJAX, here's what Ive attempted below but I'm missing a way to analyse the URL, not the
[jQuery] Creating a "Google"-more menu
The Google interfaces usually shows a small arrow that one can click to then display a div with some menu options in it. I like to create something like that. I have a none displayed div that'll then show when clicking on a link. But I then need to hide it when some other part of the page is clicked or a link in the actual div is clicked. How is this possible without having a event on the document that fires all the time. Please give me some examples. There can then be multiple "show menu" arrow
Total beginner - Loading new .html in DIV when link clicked
What I'm trying to do is simple to describe, but apparently hard to actually do (at least for me). I want to replicated the target="_self" functionality that frames offer, only in CSS with DIVs. Currently, an html page is loading in a DIV. In this html page, there is links to more content. I would like click on said links, and have a different .html page load in the same DIV the original content. It's probably very simple, but I'm clueless. Any help would be greatly appreciated!
[jQuery] Integration of jQuery with website
I wanted to ask something in general. There seems to be a very slight issue with my website that is running the jQuery and plugin scripts. It seems that sometimes if you visit the website or click 'Home' to go back to the main page or view other sections, the browser loads the site very quickly and it muddles up how the website looks. It's like hanging divs on top of existing divs. It's not major and by using the browser to refresh the page, everything looks fine. Is there some sort of issue with
IE 7 fadeIn and fadeOut problems
Hello all, Im new to jQuery but thought it would be nice to "pimp" my css menu with it. Now I have a fade-in when you hover over the menu and a fade-out when you move of the menu. Everything works like a charm in Firefox, Opera, Apple Safari and IE6 (just need to edit the stylesheet a bit for IE 6) the only one who isnt cooperating is IE 7. The problem: IE 7 doesnt do a fade at all... It waits the 600 miliseconds and then the menu comes, just like it was with css only. Is there anybody who knows
Auto-populate three select lists - chained selects
Hey everyone, I'm new to JQuery so I thought maybe someone on this forum might be able to help me out with this one. I'm implementing the select auto-populate functionality as posted by Remy Sharp @ http://remysharp.com/2007/01/20/auto-po ... uery-ajax/ I don't have a db back-end but have PHP installed. As you can see from the tutorial it shows how to auto-populate two select lists. I need to auto-populate a third one based on whatever the selected item on the second select list. So the values are
[jQuery] jQuery menu is flickering in IE
Sample page: http://www.broburysports.com/sportsbook/faq The drop down menu at the top flickers in IE7 whenever you hover over a submenu. I saw from other threads about backgrund caching; I implemented the solution but it hasn't made a difference. And there's only one bg image that doesn't change (image or position). I've also changed the menu from using display block/none to using visibility, and tried adding/removing classes instead of setting inline styles. Anyone know what could be causing the
[jQuery] [validate] Custom validation trigger
Hi there, I have a form which is validated with the jQuery Validate PI. The JS roughly looks as follows: <code> var validator = $("#contact_form").validate({ rules: { name: { required: true } }, messages: { name: { required: "Required field" } }, errorElement: "span" }); $(".myClass").click(function(){ // validate but don't submit }); </code> What i want with the extra function, is to validate the form, but don't submit
[jQuery] New Downloaded jQuery result "Error: $ is not defined" !
I just downloaded the compressed & uncompressed version ... I get always "Error: $ is not defined" and when I replaced with old version works fine! help?!
[jQuery] manipulation without script execution
How to use functions like .wrap() and .wrapInner() without of script execution? Example html: <div>dgbfsdfbdf</div> <script type="text/javascript" src="http://site/js/jquery-1.3.2.js"></ script> <script type="text/javascript" src="http://site/js/TEST.js"></ script> // alert('test') <script type="text/javascript"> $(function(){ alert('ready'); $('body').wrapInner('<div></div>'); }); </script> result: alerts "test", "ready", "ready", "test" should be: alerts "test", "ready"
[jQuery] Job - Need help with treeview menu
Hi, is there somebody I can hire for helping setting up my treeview menu? Basically I have problem with setting the css right. Web: http://packpilot.s15312582.onlinehome-server.info/index.php?f=packpilot The icons are not at the right position and the menu is not correctly expanable. If you#re interested, please send me an email. Thanks!
[jQuery] targeting superfish second level menu items
I am trying to implement a nav menu using the superfish plugin and everything is great except I would like to have a different background color/image for the drop down menu items and the top-level menu items. Right now this line: .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:url(../images/nav_hover_bg.png) repeat-x; outline: 0; is fine for the top-level items but I want to use a different image for the second level items
[jQuery] Superfish in IE6 showing strange left margin...
Hello, I'm trying to implement Superfish and I've been testing it in IE6, IE7, Firefox's V2 and V3 and Apple Safari V3.2.1 for Windows (don't have Mac). It's working the way I want it to in all of the above except IE6. I've created a web page showing some screen shots of what I'm seeing along with my HTML markup and CSS. You can find that page here: www.make-shades.com/superfish.php If anyone can point me in the right direction it would be greatly appreciated. All the best, Jeffrey
image mouseover
Hi all, I'm a newbie of course. I'm trying to duplicate the mouseover functionality from this link: http://www.bbc.co.uk/iplayer/episode/b0 ... he_Legacy/ Basically, when the user mouse over the image, the image will fade and the text will display. It's just adding CSS class to the image and the text div, dynamically. CSS class "background" for the image will fade the image, and then "show" class to the text div will display the text. here are the js codes, I think that's supposed to do the job (not
Quick Help - I think I'm overlooking something!
have an s3slider slide show on www.karate-usa.com/testhome As you can see, the <ul> bullet point is showing up next to the slideshow and it's not supposed to be. Here is the CSS: #s3slider { width: 840px; /* important to be same as image width */ height: 250px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 840px; /* important to be same as image width or wider */ position: absolute; /*
How to put tabs, panel-DIVs in different container DIVs?
Ok, I'm stuck. I've been pulling my hair off for over a day now with this (not much hair left). I've Googled and Googled and Googled and leafed through the jQuery UI 1.6 book, and all examples I've come across put the panels into the same container DIV with the tabs. In the site I'm building they can't be in the same container because of the way the page is laid out. In some blog comments I saw a reference to this, but the purported page with a solution was gone. So, simplified, rather than this:
[jQuery] Superfish submenu items not clickable IE7
Well, this is giving me fits. Superfish does the job in every browser but the miserable IE7, where the submenu items are not clickable. See the bottom-most (dark-brown) menu here called "In Our Classrooms" http://ivanhoeschool.com I have tried increasing the z-index to 1000 in all the relevant classes, but that has no effect. I read one jQuery list post that seemed to indicate something might be going on with the .bind function but unfortunately, I know nothing about jQuery, and didn't want to get
event handlers
I'm sure this is a very newb question, but why doesn't this work? I'm trying to add buttons to dynamically created elements, but I can't seem to figure out how to attach event listeners to them. The icon is added, but nothing happens when you click on it...! icn = "<div class='icon'/>" ; $(icn).click(function(){ alert('clicked') ; }); $("#functions").append( $(icn) ) ; thanks...
.html() help
I'm new to jQuery (coming from prototype.js). I've got an ajax call that passes variables to a template and returns html based on the variables... In prototype i could set the innerHTML of the element and it would work fine. In jQuery, when I pass through the template, it is not working but if i include the html in a script tag, it works... for example: #editRow is the unique id of a <tr> tag the template I'm including simply contains: "<td colspan=9>EDIT FORM</td>" $('#editRow').load(templatePath);
why?
hey again - why doesn't this work? $.get("assets/html/vh_listitem.html",function(data){ var html = $(data); if(alt = !alt){ $("#vh_item",html).addClass("light") ; }else{ $("#vh_item",html).addClass("dark"); } . . . thanks...
Next Page