[jQuery] JQuery and PS3?
Is there anyway to make the following functions of jquery work on the PS3's web browser or does it work at all with the latest firmware installed? Thanks..
[jQuery] fadeOut, fadeIn and ClearType on IE browser
Hi, I using fadeOut and fadeIn to show/hide a selected <TR> from a <TABLE>. With this code: if ( toggleSrc == toggleMinus ) { $(this).attr('src', togglePlus).parents ('tr').siblings().fadeOut('slow'); } else { $(this).attr('src', toggleMinus).parents('tr').siblings ().fadeIn('slow'); } The workaround I tried [1] is this: if (jQuery.browser.msie) { this.style.removeAttribute('filter'); } With this I can get a solve the problem, until while the animation (fading) is taking place, i can see the ugly
[jQuery] Jquery.Carousel -- need help understanding loading content via ajax
I've implemented the Jquery.Carousel on our site. I'm stumped on how to load content dynamically, however. The demo site: http://sorgalla.com/projects/jcarousel/#Dynamic-Content-Loading ...shows how to load content into a blank carousel when the page loads. We'll have data (LIs) already loaded. I then want to load additional LIs when a person slides the carousel to the last item currently loaded. I assume that would be done via the 'itemLastInCallback' property. This is what I have: $("#mycarousel1").jcarousel({
How to change the onclick for a href
Hi Everyone, I am looking for a way to change the onclick for a href. I.e, I dont want to change it to something new, I'd like to take the existing onclick logic and replace it with a modified version of what it originally was. I hope I've explained my question well. Any ideas would be greatly appreciated. Cory
[jQuery] Jquery validation plugin question
Hello, Thanks for building this validation plugin, I like it. I have a question: The error class automatically gets added to the label with the same for="" name, but for a certain error I need to change the element that gains the "error" class. For instance, I added this line to the error placement so that a certain element receives the error class but then realised the error class would not be removed when the error is corrected by the user: <code> else if (element.attr("name") == "aupairLanguageList")
[jQuery] How to keep a dialog open after browser refresh or click a action on the dialog
Hi there, When I tried to use a dialog, I had a problem. When I clicked an action button/link on a dialog, the dialog disappeared immediately. I don't know how to keep it open until I click "close" button. Thanks a lot.
[jQuery] How to safely pass XML string as a param in Ajax Post?
Hi, I am using $.ajax POST to send some XML string to the server side code (ASP page). However, when I try to load the XML string into XMLDocument in the ASP page , I get an error saying "Invalid character". :( If I changed the method to "GET", it works just fine. Any ideas? Help.... params = "myXML=<zone id='234'>asdf</zone>"; $.ajax({ url: 'getMeDataWithThisXML.asp', type: 'POST', data: params, processData: false, cache:false, async: true, success: function(result) { xmlObj = result;
Strange jQuery Exception
Hello, When I added a plugin to my page, it broke the rest of the scripts on the page and raises an exception: [Exception... "'Syntax error, unrecognized expression: [@src$=png]' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] The plug in I added is located here: http://www.fyneworks.com/jquery/star-rating/ The page that I mentioned is located here: http://wisetopic.com/music Here are the three scripts
[jQuery] Retrieving values from elements of the same class
For the following code: <script src="jquery-1.3.2.js" type="text/javascript"></script> <script type"text/javascript"> $(document).ready(function() { $('.approve').click(function() { alert($('.approve').prev().val()); }); }); </script> <div> <input type="hidden" value="1" /> <input type="button" class="approve" value="Approve" /> </div> <div> <input type="hidden" value="2" /> <input type="button" class="approve" value="Approve" /> </div> <div> <input type="hidden" value="3" /> <input type="button"
how do you get the current inline css attribute value?
I am using asp.net and assigning a value (block or none) to an inline css display attribute on a few form elements. Works great. I can then use jQuery to show or hide these elements as needed. However when I view the source the attribute value is the same as what I intially assigned it during the load event regardless of the current visibility of the element. So is there a way for jQuery to return the current display value for the element? Should I be looking somewhere other than Alert($(elementname).css('display'));
[jQuery] 1.3.2 fadeOut and floating child elements
Hi, I recently upgraded my web project from 1.2.6. (I love the speed improvements!) The HTML in the project has a lot of floating elements. And when I call the fadeOut effect on the parent div. The child elements aren't hiding like they used to. (Side Note: fadeIn does work) Example: <div id="fadeMeOut"> <div style="float:left;clear:both;"> <div style="float:left; margin-right: 10px;">Box 1 (needs to hide)</div> <div style="float:left;">Box 2 (needs to hide)</div> </div> $("#fadeMeOut").fadeOut("slow");
[jQuery] cluetip retrieving parts of ajaxfile and noncaching in IE7
<div>Hi there to you all,</div>I try to make the tooltip retrieve an ID from an ajaxfile with this:<div> <div>$(document).ready(function() {<div> $('a').each(function() {</div><div> var thisHash = this.hash;</div> <div> $(this).cluetip({ </div><div> ajaxProcess: function(data) {</div><div> var $div = $('<div></div>').append(data).find(thisHash);</div><div> <span class="Apple-tab-span" style="white-space:pre"> </span> return $div;</div> <div> </div><div> }</div><div>
.parent().parent().parent().... is there a better way?
Hello guys, I have following code structure (pseudo code..keeping it short): <div > <textbox /> <table> <thead> .... </thead> <tbody> <tr>..... </tbody> <tfoot> ... </tfoot> </div> In one of the cells, I have a button. To get to the top, I am right now doing var parentDiv = $(sender.parent().parent().parent().parent()).find("#myDivID")[0]; This works..but I was wondering if there is a better way to go up the chain of elements till I find what I am looking for...? Thanks in advance.
Table problem please HELP :)
Hello, all Jquery Gurus i'm new in JavaScript, but i like JQuery very much I'm doing now some project and trying to use JQ. I'm loading data from PHP file into table and i would like to use <button> or other tag to make that <td>data</td> visible (it's default hidden). $(document).ready(function(){ $("a#more").toggle(function() { $("td").next("td#more").show('slow'); $("a#more").text('Schowaj'); }, function() { $("td").next("td#more").hide('slow'); $("a#more").text('Pokaż');
[jQuery] Timing of 1.3.3 release
Anybody have any insight into when 1.3.3 might be released? There are a couple of bugs that are wreaking havoc on our application, but have apparently been fixed in 1.3.3 (#3993 and #4017). Thanks, - Dave
[jQuery] Submenus above horizontal Navbar ?
Hi there, is there any possibility to display my submenus above my horizontal main menu ? I have the main menu under my header (picture) and I want the submenus to displayed up there, not underneath my menu bar, where it interferes with my content section. Does anyone of you what I have to change in the javascript and css files to get this working ? Thanks for your support Ronald
Background animation
An example of what i want to achive is at www.mhauken.no/telling.html - but with an easier and better code. When you click the button it moves a background image up in sequences and the reverse when you click again. The code that I'm using is: $(document).ready(function(){ $(".run").toggle(function(){ $("#box") .animate({backgroundPosition: '0px -26px'}, "fast") .animate({backgroundPosition: '0px -52px'}, "fast") .animate({backgroundPosition: '0px -78px'}, "fast")
ajax tabs nested in tabs
Hi everybody i am totally new to jquery and i am trying to use the tabs plug in with the following form. Tabs nested in tabs. My problem is that i want to call the nested tags through ajax. When the tabs are loaded through ajax (as expected ) do not work because the new elements are not binded to the jquery code. can anyone help me do the binding or give me another solution that works. Thanks in advance! the code is really simple <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[jQuery] Submenus above horizontal Navbar ?
Hi there, is there any possibility to change the javascript und css code, so that my submenus open above my main horizontal navigation ? I have the horizontal navigation-bar right under my header picture in wordpress and i want the dropdown menus to open above, not underneath, since this would interfere with my content. Thanks for your help... Ronald
[jQuery] Error with autocomplete
This is the http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ plugin Hi, I've encountered an error with the autocomplete plugin. We have 2 textboxes, both with different sources of data to populate the autocomplete. Only 1 textbox is visible at one time, both appearing in the same place. 2 links appear above the textbox which toggle visibility of the 2 textboxes. <ul class="searchScope"> <li><a id="searchScopeAll" href="javascript:void(0)">Search All</ a></li> <li><a id="searchScopeStaff"
[jQuery] OnMouseDown = create draggable, OnMouseUp = create droppable
Hello, I am creating a website that must have hundred's of drag- and droppables so, I want to enable a Draggable on the mouseDown event (partially working) and a Dropable on the mouseUp event or something. So that they dont have to be created at once. <b>Question 1): </b> As my title suggest, I want a draggable on the OnMouseDown event. This is already working: <i>function createDrag(id){ $("#"+id).draggable(); } <div id="draggable" onMouseDown="createDrag('draggable');">Drag me</ div></i> But
[jQuery] Callback functions
Anyone know why the callback function here isn't working? $('#anim_flipper') .animate( {top : '1130px'}, {queue:false, duration: 1100} ) .animate( {left : '335px'}, {duration: 1400, easing:'easeInOutQuad'} ) .animate( {top : '1126px', left : '339px'}, { duration: 600, easing:'easeOutQuad'} ) .animate( {top : '1142px', left : '330px'}, { duration: 900, easing:'easeInOutQuad'} ) .animate( {top : '1130px', left : '335px'}, { duration: 900, easing:'easeInOutQuad'}
[jQuery] Error with autocomplete
This is the http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ plugin Hi, I've encountered an error with the autocomplete plugin. We have 2 textboxes, both with different sources of data to populate the autocomplete. Only 1 textbox is visible at one time, both appearing in the same place. 2 links appear above the textbox which toggle visibility of the 2 textboxes. <ul class="searchScope"> <li><a id="searchScopeAll" href="javascript:void(0)">Search All</ a></li> <li><a id="searchScopeStaff"
Drag and Drop
Hello Everyone, I have a problem with a drag and drop script. It works in Firefox Opera and Safari, but not in Internet explorer 7 or 8. If you look in IE the template of the site is also broken, but I think this is just a CSS issue, and think I can handle that, but the drag and drop function is also not working. This is the source: <h1>Schakelreplacers - Configurator</h1> <!--<script type="text/javascript" src="js/jquery-1.3.1.js"></script>--> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
[jQuery] looping through json
how can i loop through json like: { "departments": { "department": {"ID": 1, "Name": "Physics"}, "department": {"ID": 2, "Name": "Chemistry"}, "department": {"ID": 3, "Name": "Biology"} }} i tried $.each(json.departments.department, function(i, n) { alert(i + " " + n); }); and got ID: 3 Name: Biology but i wanted something like 1: Physics 2: Chemistry 3: Biology
[jQuery] Ajax call with XML Response
Hi, I'm very new to JQuery and am having a problem with an Ajax call that returns xml. The error event is being fired, but the textStatus value is 'parserror' and the errorThrown value is 'undefined'. The xml response is valid so i'm not sure what could be wrong. $.ajax({ beforeSend: function() { }, type: "GET", url: "ajaxttest.asp", dataType: "xml", timeout: 1000, contentType: "text/xml", success: function(xml) { alert("in"); complete: function(XMLHttpRequest, textStatus) { alert("comp"); },
[jQuery] [validate] phoneUS problem
When I am using the phoneUS rule in my validate options I get the following JS error: $.validator.methods[method] is undefined http://localhost/inns/inc/jquery.validate.js Line 471 As I look through jquery.validate.js, I see no reference to phoneUS. Am I missing something here? Thanks, AJ
[jQuery] Trigger Problem? (tablesorter)
Hello everyone!! i'm learning and doing a control panel in PHP + Ajax.. i used some plugins: <script type="text/javascript" src="../er.extra/jquery-latest.js"></ script> <script type="text/javascript" src="../er.extra/ jquery.tablesorter.js"></script> <script type="text/javascript" src="../er.extra/ jquery.tablesorter.pager.js"></script> <script type="text/javascript" src="../er.extra/ jquery.columnfilters.js"></script> it's all right, but when i add, remove or edit some row it didn't update! i used
[jQuery] UI Slider Tearing in Firefox
Ok, this is really bothering me. In IE7 and IE8, Opera 9 and 10a, Safari 3 and 4b, the jqueryUI slider works beautifully. However in Firefox (3.1b3), the slider handle tears while being dragged. I can't figure out what is causing it. Does firefox have a really slow refresh rate causing this tearing, or what is going wrong here. It only seems to be a problem with my code, as the slider on the example page works fine. Slider code below... $('div.scrollbar').slider({ animate: true,
[jQuery] UI Slider Tearing in Firefox
Ok, this is really bothering me. In IE7 and IE8, Opera 9 and 10a, Safari 3 and 4b, the jqueryUI slider works beautifully. However in Firefox (3.1b3), the slider handle tears while being dragged. I can't figure out what is causing it. Does firefox have a really slow refresh rate causing this tearing, or what is going wrong here. It only seems to be a problem with my code, as the slider on the example page works fine. Slider code below... $('div.scrollbar').slider({ animate: true,
[jQuery] Jquery UI 1.7.1 Tabs - Close open tab on mouseout from overall tab group
I am currently using $(document).ready(function() { var $tabs = $("#tabs").tabs({ selected: -1, event: 'mouseover', collapsible: true }); I have tried including a .mouseout(function(){ //$tabs.tabs('option', 'selected', -1); $tabs.tabs('select',-1); }); // Used various combos of these I can see that a mouseout event is fired, when you leave the tab and move your mouse into the now showing div and another mouseout event is fired when you leave that div. What is
$.ajax(...) call error - what is wrong?
$.ajax({ 'url': 'calendar_task.php', 'data': {'action': 'updateTime', 'id': '1', 'timeSector': timeSector, 'start': startTime, 'end': endTime}, 'dataType': 'json', 'error': function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); }, 'success': function(data) { alert(data); } }); output is an alert with "error" which is thrown because there is an error in the ajax call...what could be the reason for this? all the variables passed are defined. i commented
Sometimes jQuery effects don't work...
I'll try to explain this the best way I can... Sometimes the effects that I have created don't quite work. For example: I have a "smooth scroll"-type effect when someone clicks on a link at the top of the page. When you click "icons" in the navigation menu, the page slides down to a div with the id of "iconsSection". However, every once in awhile, I'll click the icons link, and it will only slide down to the "wallpaperSection" div. This happens all of the time, and it's frustrating as hell. I am
[jQuery] Jquery.media fails with querystring
Hi, If there's any kind of query string on the end of an flv file name in the href of the element that is to be overwritten the media plugin fails to overwrite the element with the embed code? Anyone know how to fix/work-round this?? cheers, James
[jQuery] Play video in modal messages
Hello, I want to show a youtube video in a modal messages but the video is different on every link. So someone presses on the link <span id='afleveringVideo'><a href="http://www.youtube.com/watch? v=gNNVF8rJjrw" id="video" title="Bekijk de spoiler van {$foo.aflevering}" class="basic">Bekijk de spoiler</a></span> It starts the following: $(document).ready(function () { $('#afleveringVideo input.basic, #afleveringVideo a.basic, #video').click(function (e) { e.preventDefault();
using $(this).attr('onclick') seems to convert to function..
Trying to get the contents of a button's onclick value, then use that value after I convert the button to a link. But when i do attr('onclick') it seems to be converting the simple string into an event function. But then when I try to put it back into my link, its all messed up. Here is the code: <script type="text/javascript" src="catalog/javascript/ajax/jquery.js"></script> <script type="text/javascript"><!-- $(document).ready(function(){ $(":button").each(function(){ alert($(this).attr('onclick'));
Jquery lag time help
Hello! I hired a designer to piece together 2 WordPress skins for a new website. One of the skins uses a great jquery "featured posts" section seen here http://matthew-fox.net that works perfectly. But once the themes were combined, the jquery starting acted up. The featured posts box works, but it is no longer instantly loading a post, instead having about a 10 second delay where no post shows. Here is the site where the delay problem is http://fan-sites.org/wp/ If anyone and help me on a freelance
Slidetoggle multiple divs?
I'm having no problem with a single slideToggle div, but I need to have two or three on a single page, with each opening in the same place. So I basically need each click to check whether one of the other slide divs are open, and close (or hide) it, then slide the clicked on open. Here is the code I have for the single div: $(document).ready(function() { $('#showThis').live('click', function() { $("div#showThisPanel").slideToggle("slow"); }); }); My html I want to use for multiple panels:
Bind/Unbind a function
Hi, I have tabs where I call the following function on one of them: $('a.tab-2').one("click", function(map) { myOwnFunction(); }); It's important that this function is just called once otherwise I get problems with the javascript application. Now users can click on buttons to change the result. A ajax request is made and affects also the javascript application. For this reason the above function should be called again but it doesn't as I use ".one()". What I actually need is a function where
replaceWith while keeping original button index value?
I am trying to replace all input type button and submits with 'link' versions. so a [_SEARCH_] button becomes SEARCH But if I have multiple on each page, it only uses the value of the first button it finds on that page, instead of using the value of the index of the button that was just replaced. <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"><!-- $(document).ready(function(){ $(":button").replaceWith("<a>" + $(":button").val() + "</a>"); $(":submit").replaceWith("<a>"
Next Page