[jQuery] jCarousel Safari bug
Safari: 3.1.1, Mac OS X 10.4.11 (also exists on Safari 3.11 on Win XP) http://sorgalla.com/projects/jcarousel/examples/static_vertical.html In this example, scroll through to last image and you will see it is chopped off (top 20px or so is showing). In the carousel I am building it crops it off the last image in the first set of 3 images and anything after, though you can scroll (though nothing is visible). Oddly, ...if you go to a different site (google.com for example) and then use your back button
[jQuery] Advice on managing multiple javascript includes
I enjoy using JQuery on my projects and find that I frequently end up including many javascript files in the header of my site's layout. Obviously not all the javascript files are uses on every page. I was doing some optimization work on my home page this morning and noticed all the pages of unused code that were being downloaded. I'm wondering if there was a way or system to better manage these javascript files to prevent users from having to needlessly download so much code. Any advice? Does this
[jQuery] subclassing widgets
hello, is it possible to subclass widgets? specifically ui.dialog? ive tried something like the following but cant get it to work. $.widget("ui.mydialog", $.extend($.ui.dialog, { init: function() { $.ui.dialog.prototype.init.apply(this, arguments); // custom stuff.... } })); any hints/examples? thanks dunk.
[jQuery] clueTip and IE deadlock??
Hi guys, I've found a very strange behaviour using jQuery clueTip that eventually causes IE to die. The scenario is the following: the main app screen contains a grid (a very heavy client-side grid component, btw) with rows, and each row contains a magnifier icon that opens a preview using clueTip. I'm using jQuery 1.2.3, jQuery Dimensions 1.1.2, and clueTip 0.9.6. The clueTip is configured as sticky and mouseOutClose. Everything works fine, until you do the following: 1. Hover over the icon to show
[jQuery] key board navigation for textboxes in the grid
Hi, I have a gridview which has 200 rows and 9 columns in each cell. All the columns have text boxes. I have added the keyboard navigation to the text boxes so that the user can use left, right, up, down arrow keys to go to the next cell. But it is little bit slow. I just want to make sure if I am doing this right. If not, what would be right approach? Please see my code below. //ready event $(function(){ $('input[type=text]').not('[id^=outside]').each(function() { var current = this; this.onkeydown
[jQuery] Revisiting a page
This is noob type question but.. I have some code which runs some intialise function. I should only run once as it creates a load of listners. So I am using document.ready. The question is if some revisits the page using buttons or the reload button will that code be run again. In other words does document.ready fire whenever to go to a page ed.
[jQuery] How do I add click event to Ajax result?
hello all I have a js code as: $(document).ready(function() { $(".menu-item2").click(function(){ $.get("/foo" ,{cate:$(this).attr("name")}, function(data){$("#foo").html(data); <== data = "<a id="clickable" /
[jQuery] Dynamically change slide transitions in before callback function
Hi, I've just started using jQuery with the cycle plugin for displaying a slideshow. It works really well and does everything that I need to apart from one thing. I have a requirement to be able to change the display duration of each slide and the transition used for each slide on the fly. Changing the display duration is done easily enough by setting opts.timeout in a before callback function. I also thought that in the same function I would be able to set opts.fx to whatever I wanted but it doesn't
[jQuery] Slide box and event mouseout
Hello, I try to slideup box1 with mouseout event, but if there is an other box2 (or elements) into the box1, box1 slideup when mouse go out box2. What's the mistake? My code : <script language="JavaScript" src="./js/jquery-1.2.6.js"></script> <style type="text/css"> #conteneur { border: 1px solid black; width: 600px; background- color: InfoBackground; height: 400px;} #toolbar { background-color: ButtonFace;} #box1 { background-color: silver; width: 600px; height: 300px;} #box2 { width: 500px; height:
How to get value from select multiple
Hi guys, I need help with getting the value from selectbox I can get the value from normal selectbox $("#attendee_role").val() ; but when I use multiple <select id="attendee_role" multiple="multiple"> I can't make it work Thanx in advance
[jQuery] How to make jquery do a link?
How can I make jquery do an effect when clicking a link and when it is finished animating follow the link? I was using window.location = 'index.php' + execute but this means a different jquery for every effect (the class of the element being animated before the link is the same.
[jQuery] [treeview] Combining treeview and sortable (and droppable)
>Snef schrieb: >> Is the treeview usable together with sortable (and droppable)? And if >> so, how can I accomplish it? > >So far the treeview plugin lacks the necessary support to update >hitareas and the necessary classes after reordering elements. If you >take a look at the plugin on how the add-option is implemented, you >should be able to implement that yourself, I currently can't help with that. > >Jörn Has anyone gotten this working? I am trying to make the elements in the treeview droppable,
[jQuery] How to auto bind event to a new created element?
hi,all I bind some events to a list just like below: $(document).ready(function(){ $("oUL > li").click(function(){ // do something here }); }); but now I need to add sub nodes to the oUL dynamically, the new elements(li nodes) do nothing when I click it, Anyone who can give me some idea on how to solve it, I'm appreciated. Thanks!
[jQuery] [validate] Same rule and messages to several input fields
Hi, This post concerns the Validation plugin http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I have several input fields that should have the same rules and messages. I don't want to specify them over and over again so my question is: how can I do that? Here's an example: rules:{ customer1:{ required:true } }, messages:{ customer1:{ required:"Välj om du är kund hos Avanza eller ej" }
[jQuery] easy way to earn money from online
easy way to earn money from online more details just click it ******************************************************* http://lakshmipriyasan.blogspot.com/ *******************************************************
[jQuery] [Validate] Validation Rules based on IDs rather than Names
Hi Joern, I have come across an interesting problem regarding your jQuery Validation script that I am sure you already have a solution to, but I can't find it! I need the validation rules to look at the form input IDs rather than the form input names. I have a form that iterates 10 times, so the the names of the inputs increment by 1 each time, whilst the IDs stay the same. (This is not my doing, so I have to live with the naming convention!) For example: Form1 has input names field1_1, field2_1,
inputs selector problem in Firefox
Hi, I have form like following: <form id="form1"> <div id="one"> <input id="input1" type="text" /> <input id="input2" type="text" /> </div> <div id="two"> <table> <tr><td> <input id="input3" type="text" /> <input id="input4" type="text" /> </td></tr> </table> </div> </form> and JS code: $('#two > *').attr('disabled', 'disabled'); and it's not disabling the inputs 3 and 4 in FF, but it works perfect in IE. What am I doing wrong? Thanks in advance rgds Pawel
[jQuery] jQuery.validate: If the A field is changed, how to call the validate method of B field?
There is a question: If the A field is changed, how to call the validate method of B field? In my form, there are A and B fields, I have to call B's remote method, when one of A and B have changed, coding: $(myForm).validate({ rules: { B: { remote: function(){ return "/validateABExist.do?A="+$("#A").val() } messages: { B: { remote: "the combination of A and B is existed" } }
[jQuery] jQuery upload progress bar, maybe for form plugin
I have been reading different posts that talk about a jquery upload progress bar, but none of them gave a good solution. Is there a good solution for a upload progress bar, that can accurately progress, for file/image uploads, so that the user can see how long it is taking? Also, is there a way for the size of the upload to be calculated from the client machine, and set on the page? Similar to how a file input field shows the file name right away?
[jQuery] Cluetip + UI.datepicker + show events onmouseover
Hello, I am using cluetip 0.9.8 and UI.datepicker (http://marcgrabanski.com/ code/ui-datepicker) from Mark Grabanski. The UI.datepicker displays a calendar, and I expect cluetip to show on the event onmouseover the status of a day. Here is the code I use : $(document).ready(function() { // when mouseover on a day $('td.datepicker_daysCell a').mouseover(function(){ // add cluetip class $('td.datepicker_daysCell a').addClass('cluetip'); // add href and rel attributes $(this).attr({
[jQuery] $.ui.widget and scoping: how to get a reference to the widget instance from within a click event handler?
Good evening y'all (Europe here ;)), been fiddling around in jQuery.UI this afternoon in order to write a widget. One problem I encountered and couldn't get properly solved was with referring to the instance of the widget from within a click event. I've set up a demoscript over at http://www.bram.us/sandbox/jquery/ui/widget.html Just click the li's and watch your Firebug console ;) One path I've walked in order to get it work is to attach this (the instance of the widget) via $.data on each li. However,
[jQuery] DropShadow problem in Drupal
whatever I do I can't make dropShadow work in Drupal6! This is what I copy-paste into the drupal eyecandy DropShadow window: $(document).ready(function() { $('#page').dropShadow({left: 8, top: 10, blur: 4, opacity: 0.8, color: "red", swap: false}); }) I also tried: window.onload = function() { $('#page').dropShadow({left: 8, top: 10, blur: 4, opacity: 0.8}); } the error message in FireBug is: $("#page").dropShadow is not a function should I install and enable all the other eye candy components like
[jQuery] Question about slice
Just a beginner's question. I found slice(start, end) seems doesn't pick up that the last one specified by 'end'. Such as slice(0, 3), it picks up 0, 1 and 2. Is that correct? Jack
[jQuery] question about slice()
I found slice(start, end) doesn't pick up the last one specified by the 'end'. Such as slice(0, 3), it pick up 0, 1 and 2. Is that the way it works? Jack
[jQuery] How do i display a tooltip from a hidden div?
Hey, I've spend the last few hours very trying to find a tooltip plugin that can just show a hidden div when i move my mouse over a link. I've looked at clueTip and that has nearly what i need. The clueTip sticky example is darn close but i simply can't get it to work. What i want is a link where you can move your mouse over. when that's done the sticky clueTip comes and __should__ open up a hidden div somewhere.. i really have no idea anymore what it can be.. i've tried everything but nothing seems
[jQuery] Tablesorter 2.0 Plugin To Jquery: Highlight Sorted Column
I am new to this plugin and I was wondering if it is possible to highlight all the rows that fall under the column that just got sorted? -- View this message in context: http://www.nabble.com/Tablesorter-2.0-Plugin-To-Jquery%3A-Highlight-Sorted-Column-tp18103011s27240p18103011.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Show/Hide divs beginning with a specified string
Hi, I have a system where data is placed in a div, using AjaxSubmit to a php page, in the below format. {Employee Name1} {Date Mon} {Date Tue} {Date Wed} {Date Thu} {Date Fri} {Job Mon1} {Job Tue1} {Job Wed1} {Job Thu1} {Job Fri1} {Job Mon2} {Job Tue2} {Job Wed2} {Job Thu2} {Job Fri2} {Employee Name2} {Date Mon} {Date Tue} {Date Wed} {Date Thu} {Date Fri} {Job Mon1} {Job Tue1} {Job Wed1} {Job Thu1} {Job Fri1} {Job Mon2} {Job Tue2} {Job Wed2} {Job Thu2} {Job Fri2} As more employees are added I would
[jQuery] problem with toggle function
so I am very new to jQuery, so I apologize if this is a dumb question, but I've coded up an element like this: <p class="comments-count" id="comments-count-3" onclick="javascript:jQuery('#comments-count-3').toggle(function(){jQuery('#comments-count-3').addClass('makered')},function(){jQuery('#comments-count-3').removeClass('makered')}); jQuery('#comments-body-3').slideToggle(400)" style="cursor:pointer;">5 comments I know that's hard to read, I have to put the jQuery in the markup, because the numbers
[jQuery] cycle plugin: different fx based on prev vs. next?
Hello, I've set up a cycle slideshow with previous/next navigation. It's working beautifully, except for one nagging issue: I want the next slide to slide in, so I'm using fx: 'scrollRight'. However, it's a little disconcerting to have the scroll be to the right when clicking the "Previous" link--it seems like the direction should be reversed. Does anyone know if it's possible to set one fx option for next clicks, and a different fx option for previous clicks? This is what my code currently looks
[jQuery] Dynamically reference jQuery and delay execution until it is loaded?
Hi All, I am struggling to test if a jQuery reference exists yet on a page, and if it does continue loading my jQuery plugins. However, if it does not, I wish to add the jQuery reference, and continue loading my jQuery plugins only after the jQuery script has loaded. Below is a snippet of what I've tried (which does not work). This code is in the body tag of my page, and my specific problem is detecting if a page has already loaded jQuery into the header. Thanks! <body> <div id="global_menu"> <script
[jQuery] auto complete question
Hi, I have posted this same question before. but I am not sure if it posted or not. so I am posting again. I am trying to use the autocomplete plugin in a gridview that has around 200 rows and 9 columns each with a text box. I am using the local data option. my question is how can I use the auto complete control for each of the text boxes with out affecting performance. the textboxes in each column should have different values. so I will have 9 array variables to store the data one for each column.
[jQuery] Problem: hide/show animation tied to an anchor tag scrolls page back up to top
I am having a problem with a fadein()/fadeout() animation that is tied to an anchor. The expanding div is set in the middle of the page, and when the user clicks the anchor tag (which is placed at the top of the expanding div) the animation occurs, but the page scrolls back up to the top of the page. This makes the animation pointless since it isn't seen. Anybody have any ideas for a solution. PS - I'm only using the core library.
[jQuery] auto complete question
Hi, I am using this plug-in in our website. It works great. I have a question about using this in a gridview. I have a gridview which has template columns that has the textboxes. The grid will have atleast 200 rows. I would like to use autocomplete for all those textboxes in the grid. I am using local data option. so my question is if I use autocomplete using local data option in all those textboxes, does it affect performance? does it store the local data for each textbox item in memory or how will
setting style rendering issues
hey all, I have a little script that repositions images in a square div box. the script seems to work just fine expect that in certain browsers it doesn't work. I have no idea what's wrong with it. this is supposed to be a basic purpose of jquery. here is the code: // create gallery images $(document).ready(function() { var selector = 'img.gallery_image'; $(selector).each(function() { var width = $(this).width(); var height =
[jQuery] selector with regular expression?
Hi, Apologize, if this is a really basic question - but I couldn't find a solution for this If I had elements like <input type="radio" id="radio1"/> <input type="radio" id="radio2"/> If I wanted to select all elements with id radio* - what would be the selector expression? I tried $("#radio*") doesnt seem to work. Thanks in advance
[jQuery] jQuery Hover Causing Flicker
Hello and thank you for having me in this group. :) I am testing some code that highlights different elements when a user hovers over them.(Similar to firebug's element highlighting features) I think I've got a test version working, but the only problem is that it causes an almost continuous flicker when you hover of it. Here is a link showing what I am talking about: http://www.xitrodeo.com/hovertest.html (rollover the text in firefox - not fixed for i.e. yet - tips welcome) Does anyone know how
[jQuery] [validate] Validating forms with identical input names
I have a form that uses some PHP-style input names in order to be able to process the input values as an array after submitting: <input id="date1" name="date[]" class="required" size="10" value="" type="text" /> <input id="date2" name="date[]" class="required" size="10" value="" type="text" /> <input id="date3" name="date[]" class="required" size="10" value="" type="text" /> Since the inputs have identical names, the Validate plugin will only flag the first field as being required. Is there a way
[jQuery] Strange, but major IE issue...
Hello, I run an intranet site (so I can't post a link) at work and I'm having a very wierd problem, that I just can't seem to correct. What happens is, my script works fine on the first page that is loaded, and it doesn't matter what page it is. Then, as soon as you leave that page, the script stops working. The only way to get the script to work again is to restart the computer. I will list my findings during my troubleshooting, and then I will list the header code (same on every page, because it's
[jQuery] Debugging $.getScript scripts
Anyone have a clever method for doing step-debugging on scripts fetched via $.getScript() ? In firebug, if you add a "debugger;" to a remotely fetched script, Firebug shows the variables in the watch tab, etc, but it doesn't actually pull the script into the script window (it shows another page, scrolled to the line number of the debugger cal in the remote script). If you do the same ("debugger;") and you're using IE and Visual Web Dev for debugging JS, VWD just crashes. Obviously it's a pain to
[jQuery] Fade in an Image by replacing the src
I'm trying to switch out an image by dynamically changing the source value of an image. I tried using other methods of image replacement but none of them work smoothly, there's major performance problems. So anyway. Here's how I'm doing it right now. j("#image img").fadeTo(500,0,function() { j("#image img").attr({src : imgSrc}); }).fadeTo(500, 1); I'm fading out the image, changing the source, and then fading it back in again. Is there a way to fade the source change in? Basically I want to fade
Next Page