[jQuery] Error Handling
I'd like to know when a Javascript error occurs, and I'd like to be sent an email when this happens. I'm not sure if or how jQuery can help here, but I have a feeling that it can. I can write the server side script to email the error, that's not a problem. But, I'm not sure how to capture the Javascript error message and send it to the script that emails the error. Here's something untested that I was thinking might be a good start. I'm wondering if anyone else has coded something like this and would
[jQuery] jdMenu 1.4 -- selects appear on top of sub menus in IE
I just noticed that the updated version 1.4 of jdMenu no longer makes use of the bgiframe plugin to cover the select bug in IE6 What's the most efficient workaround? do I bind bgiframe to the ul.jdmenu ul.sub? thanks, rolfsf
[jQuery] Getting URL hash
Hi, Not sure if this is the right terminology, but what is the JQuery way to detect if, and then store in a variable, the URL's hash value, meaning anything coming after the "#"? Thanks, - Dave
[jQuery] Page Use jQuery, So Does Widget - noConflict() not working
Hello, My page includes jquery.js in the header. In the body I have a <script> tag that loads a widget.js file that contains document.write('<script type="text/javascript" src="/js/jquery.js"></ script>'); jQuery.noConflict(); The problem is that I'm losing all plugins loaded before the document.write call. In my page I use $.autocomplete . How do I get access to jQuery in my widget without breaking the parent page? Thanks!
[jQuery] What am I looking for?
Hi, I am new to JQuery and Ajax so I am not sure which direction to go to find what I am looking for. A plugin or tutorial would be great. I want to be able to load 25 items (thumbs) at a time and hit a button (Next) to load another 25 in the same div on demand. Also, what are the limitations to these approaches (<ul> <li>). I would like to use this for both a photogallery and a shopping cart. So something flexible would be great. Thank you, Abe
[jQuery] Autocomplete and JSON
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT color=#000080>How do you use the autocomplete plugin (</FONT><A href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/"><FONT color=#000080>http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/</FONT></A><FONT color=#000080>)
[jQuery] ASP.NET GridView: losing tablesorter on postback
(I apologize for the ASP.NET WebForms terminology) I'm using ASP.NET's GridView to generate a table, and the jQuery Tablesorter plugin to sort it (awesome plugin, BTW). After the page loads sorting works great, but if I click on any control that performs a postback the page reloads but tablesorter doesn't affect it (no sorting, css styling, etc.) When troubleshooting it I click a control that does a postback and the table loses sorting. I load the table in Firebug's console - it has the 'tablesorter'
[jQuery] get scrollTop of an iframe
I have an iframe in my page, and I need to get the scrollTop, or the amount the iframe is scrolled vertically, but the Dimensions plugin, and everything else I've found, just don't work. This script needs to be on my site, then when the iframe is scrolled I need to know how far it was scrolled. Any ideas?
[jQuery] Wait for custom function to complete before continuing...
Ok. I think the best way to explain this will be by an example. This is pseudo code to a degree. $.each(data, function(i,item){ myFunction() }); Now. 'data' is from a json call. this works. 'myFunction' does all sorts of stuff. It adds an li, then populates it with a bunch of stuff from ajax calls, and this works too. however, because it does so much, if i just let it loop away, it gets all confused. so, i put in a variable (window.lockAdd) to lock 'myFunction' from running again until its all
[jQuery] innerfade.next issue
I'm working with innerfade and its great so far. I've got rotating images with numbered buttons in a strip at the bottom. The images rotate in and out via innerfade and if you click one of the numbered buttons, that image displays. So far so good. Now I want to set the "current" button to a selected style when the image changes. I guess I'm looking for an .onnext event or something that would allow me to get the current number, and thereby switch the style. The effect being that when each new image
[jQuery] Star Rating Plugin v2.2: Problem disabling cancel button
Hi, I'm having a problem disabling the cancel button. Maybe it's just me ;) code says: //required: false, // disables the 'cancel' button so user can only select one of the specified values Here's what I tried: <form id="form1"> <input class="star {required:false}" type="radio" name="test-1- rating-2" value="1" title="Worst"/> <input class="star {required:false}" type="radio" name="test-1- rating-2" value="2" title="Bad"/> <input class="star {required:false}" type="radio" name="test-1-
[jQuery] is there a way to retrieve objects with a given :hover color?
I'm trying to access all objects with a given color, but I can't figure out how to get objects by :hover color. I'm using this code: $(document).ready(function() { $('*').each(function() { var fg = $(this).css('color'); // do something with $(this) $(this).addClass("identifier" + color2Id(fg)); } } This works for objects with basic selectors, like "a {color:blue}" but not for objects like "a:hover {color:red}". Is there some way to find the objects that have :hover
[jQuery] Correct Selector syntax
I have this block of HTML: <snip> <label for="playerName">Player Name: </label> <input type="text" name="playerName-0" class="required spell" minlength="2"/> <span class="spellResponse"> <br/> Did you mean: <span style="color:#295DAD;"><em><strong><span class="correctWord">Robert</ span></strong></em> Yes: <input type="radio" value="Y" class="spellQ" name="spellQ"> No: <input type="radio" value="N" class="spellQ" name="spellQ"></span><br/></span> </snip> I am using a click function
[jQuery] HTML symbol handling with jQuery??
Hi, I'm currently using JQuery with innerfade to create a slideshow feature on a website I am developing, Each image has information regarding the copyright of the photographer. Unfortunately it seems that JQuery is adding & instead of the original & therefore I am unable to get the HTML © code to display properly because it comes out as &copy; Does anyone know any simple way of overcoming this issue, Thanks, Andy
[jQuery] Expression for finding a displayed DIV?
Hi, I have a number of DIVS of class = "policy" on my page. At any one time, only one will be displayed, that is, have the CSS "display" attribute set to "block". How can I write a JQuery expression to find the ID of such a DIV? Thanks, - Dave
[jQuery] Sortable Problem
The problem with sortable is that if i bind a list element with it, no click event fires for that element or any of its sub-elements. Given below is the source code. if i comment the sortable line the click event will work fine. Any solution for this problem champs? <ul id="testUL"> <li> A <ul> <li>A.1</li> <li>A.2</li> <li>A.3</li> </ul> </li> <li>B</li> <li>C</li> </ul> $("#testUL").sortable({}); $("#testUL").click(function() { console.log("test has been clicked"); } );
Highlight container on field focus
Hi, I'd like to highlight the field container when the field is focused, just like wufoo does. Sample wufoo form can be previewed here: http://tinyurl.com/6rfebn Although they provide the javascript publicly, but I want to do it with jQuery. I understand it can be done by adding/removing classes, using something like: $("fieldname").click(function(){ $("input.class").removeClass("xshown").addClass("xhidden"); $(this).addClass("yshown"); }); ...but that would create too many functions I guess.
[jQuery] Nicejforms with 2 forms
Hi, I would like to use the plugin nicejforms (<a href="http://www.lexcat.ro/nicejforms/" target="_blank">http://www.lexcat.ro/nicejforms/</a>), this one works with only 1 form on the page. But i want to use it with several forms on the page, how can i fix it? An example with 2 forms => <a href="http://www.hybridbears.com/nicejforms/" target="_blank">http://www.hybridbears.com/nicejforms/</a> thanks -- Alexandre BOCA <a href="mailto:boca.alexandre@gmail.com" target="_blank">boca.alexandre@gmail.com</a>
[jQuery] Resizing table columns with colspan
I've been successful keeping a couple tables in sync with regard to the column widths for some time. Nothing fancy here; both tables have the same number of columns and one table is the master with the data, and the other is a header table. I set the column widths on the header table to the values provided by the master. I'm using jQuery's builtin width() function for reading and writing this property. Works great. Now....I need to add a new row to my header table, and the columns in this row will
[jQuery] Problems with JQuery Cycle Plugin and IE6
Hi, I'm relatively new to using JQuery so maybe making a newbie error bt can't see where. I've installed the JQuery Cycle Plugin on the homepage of a website I've built and it works perfectly in Firefox, Safari, and IE7 but it crashes IE6. I have used this plugin before and it worked perfectly in all browsers and I can't see that I've done anything different. The line that is causing the crash is: <code><script type="text/javascript">$('#s1').cycle('fade');</script></ code> When I comment this line
[jQuery] json - push or serialize DOM data (id,name,class,...)
I'm having a hard time serializing my DOM, serializeArray seems to just store :input value attributes, I'm trying to push other attributes on a json variable, but I can't seem to find anything like php's array_push and such. James
[jQuery] validation plugin - dynamic form - using element other than text area
Hello, For the dynamic form in the validation plugin, can I use any other element other than the text area. For my needs the dynamic content includes a text area. I have tried tfoot, div, span, fieldsets with no avail. Thanks in advance Stephen
[jQuery] Farbtastic RGB to Hex and vice versa
Hi All, I have spent some time messing around with the brilliant Farbtastic plugin trying to get it to work with RGB and failed. i'm wondering if someone could point me in the right direction. In the mean time i am using these functions to convert in and out of RGB on my page: http://www.openjs.com/scripts/graphics/hex_color_rbg_value_converter.php thanks in advance for your assistance. --etho
[jQuery] $().ready targetting a IFRAME pdf document
HI *, is there a way to know when a pdf embedded document is loaded? I've tried the following solution with no successfully results <iframe id="stampa" src="/foo.pdf"> </iframe> <script language="javascript" type="text/javascript"> var stampa = document.getElementById('stampa'); $(stampa.contentDocument).ready(function(){ console.log("foo"); stampa.contentWindow.print(); }); </script>
[jQuery] Not sure what this is called...
Hi, I am new to JQuery and am not sure how to refer to what it is that I am trying to do. I am working on a couple of sites and I want to be able to set a number of items showing per page and then hit a next button to load that quantity again within the same area. Like a carousel and like pagination and does not load until requested. For these examples I am thinking something like 25 thumbnails being dynamically loaded into a grid Scenario 1, I am working on a shopping cart and I want to be able
[jQuery] unsub
[jQuery] selecting and traversing related items/objects in tables
Hi i'm having trouble selecting items that are next to each oterh and would love some help The first issue is a dynamic table with a "remove row" link in the last column For each row in the table i want to add an onclick event to the "remove row" link, that refers to some information contained in the columns of that particular row (for e.g. the unique database column name to remove) <thead> <tr> <th>No</th> <th>User</th> <th>Role</th> <th>Actions</th> </tr>
[jQuery] Cycle plugin - Is there an equivalent for scriptaculous and/or prototype?
I have a situation where I have to use prototype/scriptaculous and not jquery =( I've been trying to find something similar to the jquery Cycle plugin for prototype/scriptaculous, but haven't found anything close to it. I've been so spoiled by jQuery and Cycle... anyone know of anything remotely close to Cycle for prototype and/or scriptaculous?
[jQuery] ajaxSuccess function is not run
I use jquery.form plugin to submit a form , but the ajaxSuccess() function not run, other function run exacitly , how can i let jquery knows it run success Codes： function submitImageUploadForm(){ // 显示 loading 图片 $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); // 即时消息提示 $('#upload_error') .ajaxStart(function(){ $(this).text("请稍等，照片正在上传中...");
Click to remotely hide/show an object [solved]
Basically, I have a list of items where I would like to click on an item and (1) have it display a child <div> tag while (2) hiding all the <div> tags associated with the other <li>. I figured the easiest way to do this would be to hide all the <div>s through CSS then picking out the <li> that got clicked and turning its <div> back on. It's this second part I can't figure out. The full page is at http://www.thefineline.org/jQuery/switcher.html but here is the relevant javascript code: $().ready(function(event){
[jQuery] I love the Cycle plugin! Is there anything similar for scriptaculous and/or jquery
For my freelance business I love jQuery and the excellent Cycle plugin. But at the day job we're married to prototype/script.aculo.us (and don't want to load 2 js libraries). Just thought I'd ask around here if anyone knows of something for prototype/scriptaculous that is as awesome as Cycle... or at least remotely similar. thanks!
[jQuery] how to select?
I have been trying to select the <a> tags in a <ul><li> config. with no succes: $(document).ready(function() { $('#sub-portfolio .button').click(function(event) { $('#sub-portfolio .button').removeClass('selected'); $(this).addClass('selected'); event.stopPropagation(); }); }); html part: <ul id="sub-portfolio"> <li class="button"><a href="">Print</a></li> <li class="button" id="web">Web</li> <li class="button">Video</li> </ul> my goal is that each time you click a <li> it gets the 'selected' class(so
[jQuery] jquery library to smoothly swap out DIVs
Hi, I want to mimic functionality on this page ... http://www.gomow.com/service.shtml with the exception that when you click on a link in the center the middle section swaps out without the page reloading. It would be nice that upon clicking a link, a hash appears in the URL. Any ideas about a JQuery library that might do this? Thanks, - Dave
[jQuery] Hover Problems
I am creating my first site with jquery. (Its my first time with javascript, and I love it) I have most of it ready, one thing I am completely stuck on. I have a bunch of images that when you hover over each one there should be a div appearing. Right now when I hover over any image the div appears on all images. I only want it to appear on the image that you are hovering over and not on all instances of the image. I tried a lot of things, I need some help. my html: <div class='item'> <div class='img_cont'>
[jQuery] How do I use ColdFusion and jQuery variables for pagination?
Hi, all... I'm a bit confused about how to get variables from jQuery that I can use in my ColdFusion code. In typical CF pagination, I use startrow and maxrows variables to limit the query output. How would I get these variables from the jQuery? I just can't piece together what's happening. Below is the jQuery I'm currently using. The total number of records is set in the jQuery using the recordCount CF variable. Thanks for any help! Rick <script type="text/javascript"> function pageselectCallback(page_id,
[jQuery] figuring out cursor position between letters
Hi All, I'm wondering if anyone might have any thoughts about how to go about this (via jQuery or plain js)... I have a div with some text in it: <div id="myDiv">This is some text</div> I want to be able to obtain the "cursor position" if the user clicks anywhere between letters/words in the div. IE, if they click between the "h" and the "i" in "This", I want to be able to know that they clicked between letters 2 and 3 (or 1 and 2 in an 0-based array). I don't want to try to get a cursor position
Get id of current element
Hi there, I wonder how I can get the id of the current element i'm looking at. I use a jquery selector with only classes to get the elements. regards,
Custom Menu (2)
Hi there, I am building a new site a.t.m. and I am kinda stuck. I was using a fairly simple Superfish menu but I think I need to take a different approach. Please take a look at this picture: http://img91.imageshack.us/img91/7366/newmenuqb2.png. On the top there are a few menu items. Beneath there are a few div's, hidden except the first one. What I like to achieve sounds quite simple. When you hover on a MenuItemX the corresponding div show up (with a fade) and the current one fades away. This way
fade does not work on a certain DIV
Hi, I have a certain div i want to fade onclick, but it does nothing. Other divs fade fine. I get a javascript error in IE: invalid argument. Here's the fade code: $("#webdesign").click(function(){ $("#front").fadeOut("slow"); }); And heres the div: <div id="front"> <img class="navbutton2" src="portfolio/webdesign_k.jpg" style="left:100px;top:150px;"> <img class="navbutton" id="webdesign" src="portfolio/webdesign_z.jpg" style="left:100px;top:150px;"> </div> Any idea what's wrong?
[jQuery] CSS Only
Hello, Perhaps I am doing something wrong, however, I tried using your default menu with default styling and it worked great (looks great too). Then i turned off CSS to see how it would degrade and the menus did not work at all. I was under the impression that superfish hooked up to a functional suckerfish menu. This being the case, if I turn off javascript, shouldnt the standard suckerfish menu apply? If I am doing something wrong to test, or misunderstanding, would love to know. Thanks all, David
Next Page