[jQuery] Multiple Browser windows Issue
Hi Gurus, We are planning to fix the famous Multiple Browser Windows/Tabs sharing the same session issue by using Javascript & Jquery Here is the proposed solution 1)use jQuery to register body or window onLoad event 2) Then have Java Script function on load that would look for the existing window that contains a predefined piece of information such as title or some hidden div or other element 3)If such common marker is found that means we already have window opened in which case we need to pop-up
[jQuery] Click not firing in ie6 /7
Hello, I have the following code works fine in ff and safari but the click event is not handled in ie6/7 // add tracking pcWebServiceURL to the current page function addTracking(){ var _WSURL = pcWebServiceURL; // examine every link in the page $('a').each(function(){ var u = $(this).attr('href'); if(typeof(u) != 'undefined'){ var newLink = decorateLink(u); if(newLink.length){
tabs w/fade looks killer... ifixpng doesnt work :(
dont even know where to start unless if to destroy IE6... im using jquery tabs with a fade effect from http://stilbuero.de/jquery/tabs_3/ with a css background image ( in tabs.css - .ui-tabs-panel ) heres the site: http://symmetry.digitalrenewal.com here are the script functions: //jquery tabs w/fade effect $(document).ready(function(){ $('#container > ul').tabs({ fx: { opacity: 'toggle' } }); // http://plugins.jquery.com/project/Plugins/category/49 iFixPng improved... jQuery.ifixpng('images/pixel.gif');
[jQuery] stopping form submission?
Coming from prototype, still new to jQuery.. Trying to stop a form submission like so: <form name='register' id='form_register' action='/register' method='post'>....</form> Clicking on an input with type of submit. Then the javascript: $('#form_register').submit(function () { alert('die'); return false; }); Yet this isn't stopping the event. In prototype, you could observe the submit event, and call event.stop(). Anything similar in jQuery? Thanks!
[jQuery] objects with unknown class or id
Hello all, I'm new to jQuery as we are transitioning away from Prototype. Basically we have code like this in the HTML. <div id="blah" class="blah" onclick="someFunction({src:this, something:else})>Click me</div> in our javascript: function someFunction(params){ var obj = params["src"]; .... alert(obj.id) } What happens is, if I include the jQuery library, all properties/ attributes become undefined using the traditional method. So even "obj.className" is undefined. All examples I've seen thus far
[jQuery] AutoComplete Width
Hello, How do I define the AutoComplete panel to a fixed width? I tried to do it in the CSS by adding it to Results but it does not work ... Thanks, Miguel
[jQuery] jQuery Plugin tableSorter Filter
Hello, I use the great plugin tablesorter ( http://tablesorter.com/docs/index.html http://tablesorter.com/docs/index.html ) to sort my tables. At the moment I'm looking for a way to filter the tables and it seems to me that there is such a functionality: http://www.nabble.com/TableSorter-Preview%3A-Filtering.-to6492730s27240.html#a6492730 TableSorter Preview: Filtering . There is also a demo: http://motherrussia.polyester.se/pub/jquery/demos/filter/filter-demo.html .../demos/filter/filter-demo.html
[jQuery] Identical Ajax Data Request Resend After Timeout
Hi there, I would like to use jQuery to request data using ajax sending a set of parameter values from various dropdowns with it. What developments are there regarding the possibility of sending the exact same information again after a time of say five seconds using a link that appears if five seconds is reached? I would like the option to be able to refresh the request because I find that refreshing the page after a sticking ajax request normally gets me the data straight away so I would like the
[jQuery] Ajax & JW Video Player. Fine in Firefox PC and Mac. IE6 Not working
Hi - I have a development page here: http://www.aoec.com/beta2008%5Fv1/open/index_ajax.asp When you click on the play video box on the left it shows a DIV and then replaces some black content in that div with the following code: <div id="player">Javasctipt required.</div> <script type="text/javascript"> var so = new SWFObject('../common/jwvideo/ mediaplayer.swf','mpl','480','270','8'); so.addParam('allowscriptaccess','always'); so.addParam('allowfullscreen','true'); so.addVariable('height','270');
Multiple Browser Windows Issue
Hi Javascript/JQuery Gurus, We would like to resolve the famous Multiple Browser Windows/Tabs issue using Javascript & Jquery Here is the proposed solution 1)use jQuery to register body or window onLoad event 2) Then have JS function on load that would look for the existing window that contains a predefined piece of information such as title or some hidden div or other element 3)If such common marker is found that means we already have window opened in which case we need to pop-up JS alert notifying
[jQuery] clueTip Sticky Mouseout
I like the effect of using mouseoutClose with the sticky option, however it would be nice if the clueTip also went away when someone moused off the link. That way the clueTip only showed if the mouse was over the link or the clueTip. Has anyone been able to implement this feature? Or do you know of another tooltip that has this feature?
[jQuery] interview request from InfoWorld
Hi-- I'm working on an article for InfoWorld about how developers are reacting to the announcement from the ECMAScript committee that they would abandon development of the feature-rich ECMAScript 4.0 and stick to adding smaller enhancements to ECMAScript 3.1. If anyone would be willing to spend a few minutes talking to me about the topic, please contact me? I'm trying to cast a wide net and curious to know your personal thoughts as well as the thoughts about how it might affect the direction of libraries
[jQuery] JQuery "exists" - anything in core or a plugin that does this?
Hi, I can't seem to find anything that does the following: $("img").exists(function(matches) { /* do something with matches */ }); the difference between "exists" and "each" being it is only run once and supplies all the matches as an argument. The long-hand way of doing this is something along these lines: var matches = $("img"); if (matches.length) { /* do something */ } Before I write myself a quick plugin, is there an obvious alternative I've missed??? Regards, James
[jQuery] IE - 'object does not support this property or method'
Hey gang, I've written a bit of jquery code which I am absolutely amazed works on both Safari and FF, but IE is giving me errors. I've put the code on an external server so you can see what it is. http://zifimusic.com/mapickl/selectDate.html Basically what I have is a select list which when hovered over user superfish as a dropdown menu. Then when hovering over the 'select date' option from the select list (which is actually superfish), the datepicker is shown. When a use selects a date, that date
[jQuery] [validate] Remote Validation
Hello, Can I validate a input using a remote function on my server side code? I could return a JSon from my server side code with "True" or "False" ... Could someone tell me how should I do this? Thanks, Miguel
[jQuery] Synching wih Flash External Interface
Hi all, new here, new to JS completely in fact! I have a client that uses jquery to produce a site with nice tables that they'd like interacting with a flash app on the same page. Basically the flash app is a graph with labels - when the labels are clicked in flash the relevant entry in the table to is highlighted or expanded. When the table element is clicked, the flash graph needs to jump to the right position. My immediate thought was to use the flash external interface to call a JS function to
[jQuery] Noob jQuery effects question. Help please :-(
Hey guys! I've got a timer running in my page that creates a new element every few seconds. The idea is to then fade in this new element. I've gotten it to work...but for some reason as the page runs (are more elements get added) the fades start to not finish. Each element gets lighter and and lighter. Sometimes they finish the effect, sometime they don't. It's very strange. What am I doing wrong? Here is the snippet: ....code that loads id, title, path .... div.innerHTML = div.innerHTML + '<div
[jQuery] AutoComplete. Show List
Hello, Can I open the AutoComplete list by clicking an image next to my input? For example, if the user does not write anything but wants to see all AutoComplete options then would click that icon on the right of the input ... Thanks, Miguel
[jQuery] getJSON not working in IE
Hi, I am implenting a page with tables loaded from a dropdown menu with getJSON. The problem is, it doesn't work in IE, it never enters the getJSON-function. Something is missing, but I can't seem to find what, and it works fine with both FF and Opera. Anyone who can tell me what is missing? The code: $(document).ready(function(){ var jsonLink; $("#jsonMenu").bind('change', function (e) { jsonLink = this.options[this.selectedIndex].value; $.getJSON(jsonLink, function(json){ $("#tableholder table").remove();
problems with ie6
Hi, I'm running two jquery applications, slicker and innerfade, and the slickbox is currently not showing at all in IE6. Does anyone know of any possible conflicts. These are the scripts I have running: <script src="<?php echo WEB_ROOT;?>js/mootools.js" type="text/javascript"></script> <script src="<?php echo WEB_ROOT;?>js/default.js" type="text/javascript"></script> <script src="<?php echo WEB_ROOT;?>js/jquery.js" type="text/javascript"></script> <script src="<?php echo WEB_ROOT;?>js/jquery.innerfade.js"
[jQuery] Reuse an ajax call and cancel it
Is there any way to reuse the same ajax call many times and cancel it if it's called again before it has been finished? Thanks.
[jQuery] xhr bug in Mac OS X Dashboard?
Hi all, I'm encountering a weird issue I can't seem to track down any info on-- I'm building a dashboard widget for OS X and using jquery to do it; when testing in safari, the following code returns the expected response (alert box with some http status code, 200 or 403 in my case): var params = { action: 'authenticate', email: 'someval', password: 'someval' } $.ajax({ type: 'POST', url: 'http://www.somesite.com/api/write', data: params, dataType: 'xml', contentType:
[jQuery] [validate] "has no name assigned" Error
I am getting a "has no name assigned" error on my form for a hidden element <input id="text___Config" type="hidden" style="display: none;" value=""> Typically I would just add a name field (which I am guessing would solve this error). However this code was generated by the fck editor jquery plugin. Is there anyway to turn off this error message so its not thrown to the user that there is an error. It is not really an error anyway. Thanks
[jQuery] tablesorter plugin will not sort dynamically generated table from jquery load(script.php)
I am experimenting with the jquery tablesorter plugin (outstanding) and am able to make it work flawlessly for tables that are loaded with the initial page. However, if I generate active content, e.g. echo a <table> into a <div> by calling $(#outputdiv).load(script.php) the resulting table will not sort. In the plugin documentation I caught mention of .trigger("update") but that did not solve the problem. What else am I missing? THANK YOU in advance for any suggestions. *** javascript *** <script
[jQuery] Swapping table rows
I am trying to get my head around the manipulator concept and table rows. How do I go about manipulating my table to swap rows? I have arrow keys to indicated the direction. So if user clicks once 'Up' in the row '2', then that row should go above row '1' and opposite effect in opposite direction of course. Regards, -Alen
[jQuery] [autocomplete] autocomplete plugin incompatible with jquery.ui ?
Hi, I can't get the autocomplete plugin working when the page also loads the jquery ui file. Is there an easy way to fix this? My test case: <!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> <script src="js/jquery-1.2.6.js" type="text/javascript"></script> <script src="js/jquery.autocomplete.js" type="text/javascript"></ script> <script src='js/jquery.bgiframe.js' type='text/javascript'></
[jQuery] Showing response text lines with delay
Hello, I'm creating a validation through AJAX and I'd like to show a "fancy" console-like text. I'll explain what I mean, the responses are: Step 1 data is correct... Step 2 data is correct... Step 3 data is correct... Validation complete! Now I'd like to show these lines of text with a delay and ofcourse without any refresh. Page a.php gives an AJAX request to page b.php and page b.php gives those lines as a response to a.php. Is this possible? Or do I have to put them in an JSON array and give
[jQuery] XML filtering
Hi all, I have two XML files - one is a list of categories, laid out like this: <categories> <category> <categoryID>1</categoryID> <categoryName>The Category</categoryName> </category> ...... </categories> And a subcategory XML file laid out like this: <subcategories> <subcategory> <subcategoryID>1</subcategoryID> <categoryID>1</categoryID> <subcategoryName>The Subcategory</subcategoryName> </subcategory> ...... </subcategories> The category XML populates a select box. When that select box is changed,
[jQuery] jQuery div on demand
Hi! Im new to the whole js and jQuery thing, but I would like some help. I have a page, that has 4 div's that are hidden on document.load and 4 images, and ive written a function for each one of them, so that when you click the image, it shows a specific div, that contains a form. What I need to get is this: when you click an image, it shows a div, that is full of other images, and then depending on which image you click, it show one or the other div, thats inside the first div. Can it be done, and
[jQuery] calling functions inside pages loaded by AJAX
I'm admittedly new to JQuery, although I'm rather experienced javascript programmer. I have an application which uses JQuery to load an HTML page through AJAX. I have logic, implemented as javascript functions, inside the page being loaded which I'd like to invoke after the page load is complete and the DOM is updated w/ all the HTML tags inside that page. I can't figure out how to do this. -I've tried using $('document').ready(...) within the loaded page; it gets invoked before the DOM is accessible.
[jQuery] Equiv of :contains for matching substring in id or class?
Hi, Apologies I'm new to jquery and javascript, the answer is probably obvious but I have been staring at this for a while and while I have something that works it seems a complete fudge. I was hoping someone could point me in the right direction. For a number of reasons I can't be certain of either class, name or id of an input field (in a fieldset containing a number of inputs but with one overall onblur), but need to check onblur to see if I need to add another event specifically for this input
[jQuery] Check box's as Array - jQuery ajax post
$.validator.setDefaults({ submitHandler: function(){ var checkedregions = new Array() var checkedtopics = new Array() if($("input.regionschk:checked").length > 0) { $("input.regionschk:checked").each(function(){ checkedregions.push($(this).val()); }); } if($("input.topicschk:checked").length > 0) { $("input.topicschk:checked").each(function(){ checkedtopics.push($(this).val()); }); } $.post("success.php", { 'userregions[]': checkedregions, 'usertopics[]':
Jumping problem in tabs in Opera
fixed
[jQuery] loading image for blockui on form submit
Hey guys, I am trying to use the blockui plugin in order to block a div that contains my file uploader while the file is in the process of uploading (form is being submitted). I have successfully achieved this, however, I want to display a cool little animated loading .gif in the blockui message, but am having issues getting it to load, and animate in some browsers (ff and ie6). I think the problem is that the image isn't getting enough time to load or something before the submit begins. I am using
[jQuery] [treeview] Trigger event...
Jorn, Greetings! Love your treeview plugin and I've used it on a number of projects. I have a particular project right now where in my particular <li> node I have a <span> that has a click function attached to it, and when that click function is called I'd like for the treeview action not to be called. Ideally, how this would is click on the hitarea item would fire off the toggler and anything else would produce in no action from the treeview plugin. I'm not seeing an easy way of doing this, am I
[jQuery] Passing around sibling nodes in jQuery?
Hi all, I was wondering if anyone knows how I might be able to pass around two sibling nodes constructed on the fly? I'm building a definition list, and have a function which creates two adjacent domnodes, something like: var term = $('<dt>term</dt>'); var defn = $('<dd>defn</dd>'); I was hoping to return them to be inserted into the list: return term.after(defn); However only one of the nodes gets returned. I could wrap them in a single container, return that container, and then take them back out,
[jQuery] Intentionally wrong nested tags?
Hi, I have a rather long unordered list with about hundred items inside. each is wrapped in <li>...</li> I want to split this list into several small lists, with, say, 10 items each. to do that I have this code: checkvar = 1; $('#right ul li').each(function(){ if( checkvar%10 == 0){ $(this).after('</ul><ul>'); } checkvar++; }); basically this works, but somehow jQuery fixes the order of the inserted '</ul><ul>' to '<ul></ul>'. interestingly, if I try to
[jQuery] [Treeview] Cookie based persistence
For those using the treeview plug-in by bassistance.de, note that for the cookie based persistence to work you must include the jquery cookie plugin which can be found here. http://plugins.jquery.com/project/cookie This may be written somewhere in the original documentation, I'm not entirely sure so I figured I might as well post it for those who are struggling with it like I was. Have fun with this great plug-in.
[jQuery] How to set background image when file name contains a space?
Hi, I have an image with path '/documentengine/user/xhuntertest/ Uploaded_Documents/Toad Getting Started Guide1_thumb.jpg'. When I try and set this as the background of my DIV using $('#frontside').css('backgroundImage','url(' + img +')'); where "img" contains the offending name, nothing appears. I figure this has something to do with the space in the file name as other images without a space appear just fine. Grateful for any advice, - Dave
[jQuery] JQuery form plugin not uploading files
Hello, this may be a stupid question, but im trying to make an upload from a form with the form plugin (excelent btw), the form data is sent to a DB through a php script. Here is the form: <form action="upload_contrib.php" method="post" enctype="multipart/ form-data" id="form_contribs"> <div style="height:60px"></div> <span class="txt">Nombre de la imagen:</span><br /> <input name="img_uploader" type="text" class="large" id="img_uploader" /> <div id="separador10"></div> <span class="txt">Descripción:</span><br
Next Page