[jQuery] Block UI
Hi, please fix problem with submit and image butons on block. Right now if focus left in form user can resubmit form by "Enter" even if I block form/window by .block()/.blockUI().
Fading Rollovers with jQuery
Hello, I'm a noob at jQuery and I'm having problems with some rollover code that has an animated transition between the two images using transparancy. I've created an online example: http://www.ants-designs.com/jquery-test/ The files are zipped here: http://www.ants-designs.com/jquery-test/jquery-test.zip The problem occurs after hovering over the links or images a number of times in quick succession; some of them tend to hang on the rollover image or sometimes they get stuck completely and I need
[jQuery] fading rollovers causing problems in IE6 and IE7
I've used the code provided by, http://jqueryfordesigners.com/image-cross-fade-transition/ Here's the site in question, http://www.hbportfolio.net/clients/thestlnightlife/ Any idea why sometimes it would show both images underneath each other in IE6? It shows last image twice in IE6. And I think it shows double images for all in IE7. It's really weird... Any ideas? Thanks in advance! :)
[jQuery] Change text on toggle effect
Hi guys, I've written the below function to change the text on toggle, problem is i want this though i don't want this to be controlled by the JS. currently have 2 spans.. <span class="view">View details</span> <span class="hide">Hide details</span> The 'view' class is visible while the 'hide' class is hidden initially. I would like to show the 'hide' class on toggle and hide the 'view' class. Is that achievable? Here's some code for reference. Cheers C. /////////////////// js ////////////////////////
[jQuery] jquery not working in IE...period
Hello all, I just uploaded jquery on my website, http://www.bloompocket.com. If you're looking at the homepage with FF or Safari, you'll see that there is 10px padding above the green "ShareThis" icon. However, in IE, that icon kisses right up against the text above it. I am using the following code to add a class to the containing the ShareThis icon: $(document).ready(function(){ $(".more-link+p").addClass("share_this"); }); And FYI, here is the code I'm using to call jquery: <script src="http://www.bloompocket.com/js/jquery/jquery-1.2.6.js"
[jQuery] style selector (noob question)
Hi, does anyone know if it's possible to extract a style attribute from a style (and not an element)? For instance: <style> .myclass { background-color:white; } </style> I have some legacy javascript that takes colors as parameters to functions and i'd like to be able to define those in a style sheet and then 'extract' the colors from that. I can only get it to work if I do something like this: <div class="myclass" /> ... var color = $(".myclass").css("background-color"); any ideas? Craig.
Problem with val
Hello I have 5 input texts all with class "myitem", I want know the value of each field to sum. I'm using this code: total_direct=0; for (i=0;i<=5;i++) { total_direct=total_direct+$(".items").val()[i]; } But val() only catch the first value. Why?
[jQuery] tabindex for beginners
Hello I finally managed to make jquery work for me. I want to set all "input" tabindex to -1 (not selectable by tab key). This is what I wrote (taken from the source of an example) <script type="text/javascript"> $(document).ready(function() { // set tabs $(':input').each(function(i, e) { alert("<" + this.id + ">"+ " TABINDEX= <" + $(this).attr ('tabindex') + ">" ); $(this).attr('tabindex', -1); alert("TABINDEX AFTER = <" + $(this).attr('tabindex') + ">"); }) }); </script> The 1st alert shows me
[jQuery] Issues in JCarousel scroller
Hi there We are facing an issue with JCarousel scroller while loading dynamic data. The scenario is like we have a set of images loaded on to the scroller initially. Later upon a click event on one of the links on the page, we are loading a fresh set of images (via AJAX) to the scroller. We referred the following example to achieve the same.http:// sorgalla.com/projects/jcarousel/examples/dynamic_ajax.html To an extent we achieved what was required. i.e. loading the dynamic data to the scroller.
[jQuery] Fade effects when using replacement technique?
For an idea, here is a snippet: n_video.clone().insertAfter(u_video); Is there a way to make it so the content that is inserted, is inserted with an "effect?" If anyone can provide an example that would be awesome. Thanks!
[jQuery] jquery load and get function
hi, i've been going through some ajax tutorial, and most of the tutorial show something like: (let just say "test.php" and "/test" both return me a string of "hello world" $(document).ready(function(){ $("#quote p".load('test.php') }; ); the load and get function is trying to get the result from test.php and i got a "hello world", this is ok for CGI style. then i try to use short/pretty url like, (for example in Rails) $(document).ready(function(){ $("#quote p".load('/test') }; ); i suppose it will
[jQuery] Problems with sortable()
Can someone tell me why serialize returns nothing? <ul id="sort"> <li id="1">123</li> <li id="2">abc </li> <li id="3">456</li> <li id="4">xyz</li> </ul> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jqueryui/1.5.2/jquery-ui.js"></script> <script type="text/javascript"> $('#sort').sortable({ cursor: 'move', axis: 'y', update: function() { sorted = $(this).sortable("serialize",
[jQuery] Sortable / draggable problem -- items shift on drag
I've noticed that when using sortable(), when I click-and-drag an item, it shifts left and up. Not sure what is causing this. Has anyone found a way to keep draggable items from changing width and x-position when dragging? ...Rene
How to swap an image
I'm new to jQuery and I'm trying to customize it for an image swapping effect on my site. My problem is that I have 6 images which I want to open in the #view div. How do I assign a thumbnail (I made one for each image) to link to a diff image which will load itself in #view? I named the images img1, img2, img3... for posterity's sake. Do I use each() or something else entirely? Here is a sample HTML I made for this <ul class="list"> <li><a href="#" class="pic"><img src="img1.jpg" /></a></li> <li><a
[jQuery] scope issues in safari
I need to calculate the widths of the divs of class 'clause' dynamically based on the widths of their contents, divs of class 'word'. The following code works correctly in Firefox: jQuery('div.clause').each(function(){ var width = 0; jQuery(this).children('div.word').each(function(){ var thiswidth = jQuery(this).width(); var padding = jQuery(this).css('padding-left'); width = width + parseInt(thiswidth) + parseInt(padding); }); jQuery(this).width(width+30); }); but in Safari it seems that a) the
[jQuery] Object-oriented plugins?
Does anyone know of a good example of an object-oriented plugin for jQuery? The reason I ask is that the jQuery convention is to return <b>this</b> at the end of the plugin to allow for chaining. While that's great for simple plugins, some of my advanced plugins instantiate object that I would like to access at various points in my script. From the looks of it, jQuery's "tabs" plugin seems to use an object stored "somewhere" (perhaps in the element). But to invoke methods on that object, you have
[jQuery] Is there a menu button plugin for Jquery
Is there a menu button plugin for Jquery? I need Something similar to http://developer.yahoo.com/yui/examples/button/btn_example08.html or http://developer.yahoo.com/yui/examples/button/btn_example0.html in Jquery. I have a grid structure and need need to put menu button on each row. Each row has data retrieved from database. Action chosed from menu button will perform on the row. (I do not know number of rows beforehand.)
[jQuery] Best way to grab an item from an object?
Hi, I was wondering what the fastest way to get an item from an object is, for example I have this object: var TESTS = [ { id: 1, name: 'Test 1', }, { id: 2, name: 'Test 2', } ]; If I know the id is 1, do I have to iterate through the whole list to retrieve the name, or can I use jquery's filter function or something else. Thanks! -- View this message in
[jQuery] which event i should use for changing 'input type text'?
I am working on JQuery event that populate another function when the user click the check box, radio buttion and the drop down list. They are all work fine with 'change(fn)'. However the problem I found is when i use 'input type text' that get the value from calendar picker. The function populateSearchInfo(); was not triggered when the value in the inbox was changed. Any Idea? Can anyone suggest other event? the following is the code example. Html: <div class=searchCalendar> <input type="text" value="26-11-2008"
[jQuery] Anyone know how to find the topmost elements of a specific type?
Anyone know how I can find the topmost elements of a certain type, eg. Say I have several <ul> lists on a page, which in turn contain sub- lists, and so on. Is there a selector I can use to find all the topmost <ul> elements. I've been raking my brains over this, and can't see a way with css style selectors, have i overlooked something? Ideally I'd like to do: $('ul:topmost') or: $('#container ul:topmost') Cheers - Mark
[jQuery] Show and Hide methods on div tag stuttering animation
<div>Hello,</div> <div> </div> <div>I am using .show() and on a div object. In both IE and FF the display starts out nice and smooth and then seems to stutter at the end of the show. I have tried using .show("fast"), .show("slow") also, but with the same results. Does anyone know a fix to this?</div> <div> </div> <div>Thanks,</div> <div>TS</div>
[jQuery] Preloading content pager with nav... please suggest?
Hi All, I've looked through all the plugins on the main jquery site and as my name suggests, I'm not a veteran jquery user. I'm not really sure which to choose for what I am trying to do and thought I'd ask the forum... I am looking for a plugin to page through picture/audio pairs with their paths stored in the database. It should preload one for either 'previous' or 'next' and generate a simple navigation scheme like: <<previous 5 6 7 8 9 next>> If it is pretty then that is a bonus too :p Many THANKS
[jQuery] Jquery Lightbox issue in IE7
I have used Lightbox for portfolio, it works well in all browsers on my locale machine. When I upload it on server for first time I can see & click "Next" but for second image "Next" button goes down. Please let me know if there is any solution. URL: http://creativevisa.net/ver3/index.htm
[jQuery] jQuery Tooltip plugin 1.3
I have used this successfully for elements that were defined in the initial page (hardcoded into the html). But now that I have a couple I .append() dynamically, I cannot get the text to popup. It seems as if the .tooltip() doesn't work if the element is added after the page loads. Note that I perform $("#tooltipID").tooltip() after the $ ("#container).append() is done. I would expect that as long as the element I want to bind the tooltip to exists, it should attach itself to that element. I even
[jQuery] [tooltip] plugin
I have used this successfully for elments that were defined in the initial page (hardcoded into the html). But now that I have a couple I .append() dynamically, I cannot get the text to popup. It seems as if the .tooltip() doesn't work if the element is added after the page loads. Note that I perform $("#tooltipID").tooltip() after the $ ("#container).append() is done. I would expect that as long as the element I want to bind the tooltip to exists, it should attach itself to that element. I even
[jQuery] ajaxSubmit plugin
Hi, I am trying the ajax form plugin. After I defined new value of url and type properties within Option Object, those values of the properties didn't override the corresponding attributes value in the form. Does anyone know why? Thanks
[jQuery] Hi all, jquery issue (major) with IE - all versions
HI all, This only happens with IE (all versions), on line 1120 in jquery-1.2.6.js I get the following error. Line 1120: Invalid Property Value The line in the js file is the following: elem[ name ] = value; It inside attr: function( elem, name, value ) Does anybody have a problem similar to this?
[jQuery] Events with the slider
I have a page where I need to trigger a function call when a user changes the value of either end of the slider. I create the slider when the DOM is ready using this: $('#productmatrix-slider').slider({ min: sliderMin, max:sliderMax, range: true, change: function(e,ui) { submitProductMatrix() } }); The function 'submitProductMatrix() is defined elsewhere in my .js file. So, this works whenever I grab one of the slider handles and move it. However, I also have a button the user can click that will
[jQuery] can't get an attribute from an appended <img>
hi, this is my first post on the group so, i have a form through wich i'm sending an ajax reques to a php script and get the result back. to be more clear i write a text into an input box then i submit it to a php file where I make an image from the text using gd2. Then I send back the path to the image. I use this path so i can add images to a div. add the images to the div i'm using append(). The ids of the images are dynamicly made. all ok until this point what I want to do is, when I clikc an
[jQuery] Function Optimization w/ jQuery
I've been reading the jQuery documentation and trying to improve this function(well functions) and its siblings, however I'm running into all sorts of syntactical errors when I make changes past this point. For example, I know there is a better way to write this.elements ['activities[ActivitiesTab]'].value = ckd; or var radios = document.forms['ActivitiesTab'].elements['activities[ActivitiesTab]']; But the biggest issue is I know there are alternatives to statements I make that can be much shorter
[jQuery] Help in modification of Easiest Tooltip and image preview Plugin
While I was searching for a simple plugin that can make a tooltip image preview, I found this one : http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery it has 3 types & am using this type : http://cssglobe.com/lab/tooltip/03/ but the problem that, the tooltip is overlaping the window size, so how can I fix this ? the .js file is not packed & here it's : http://cssglobe.com/lab/tooltip/03/main.js Thanks for your time, Mahmoud M. Abdel-Fattah
[jQuery] window close
Hi all, On click of hyperlink, i am cerating one popup which is under one div having class but no id. On click of "close window" hyperlink in the popup i want to hide this popup. But not able to hide this. I tried this, but not working $(this).parent('.popup_window_wrapper').css({'display':'none'}); popup_window_wrapper: Is the class of popup div. Please help me.
[jQuery] [BrainStorm] $.fn.is can't support complex Event Delegation
Event Delegation are showing its advantage,especially in large webapp. what's event delegation: http://icant.co.uk/sandbox/eventdelegation/ jquery has several plugin to support it, check the one: http://dev.jquery.com/browser/trunk/plugins/delegate/jquery.delegate.js?rev=5519 it use $.fn.is to check whether the event.target match the selector. but "$.fn.is" is too weak to support: http://docs.jquery.com/Traversing/is quote: If no element fits, or the expression is not valid, then the response will
jquery autocomplete pls help
Hi, It's take weeks now and I search around the Google and still unable to find what I was looking for. I'm using jquery autocomplete and it's work great but I add two radio button to my search form and I want the autocomplete to send the query string "q" and also the value of the selected radio button to my search.php file. If the user click on the first radio button and type something to the text filed, then the autocomplete will send the query sting and the selected radio button value. If anyone
[jQuery] jquery & swfobject Flash detection
Hello. There is a Flash movie in my page - if the user doesn't have Flash, I want a jQuery Cycle slideshow to play instead. It all looks great, but I don't know how to tell whether the slideshow is running even if it's not needed! Will my jQuery function run, even after SWFObject has removed the div it's targeted to? If it does, I'm wasting memory so my next question would be: How should I write a conditional, to execute the function only if Flash is not present? Hope I've explained it clearly enough
[jQuery] png and black backgrounds in IE7
I read quite a bit about this problem, and there doesn't seem to be a good fix. But it have the impression that the only reason why Ie7 shows the black background is because of the change in the opacity during the animation. This is the code that I have right now. I try'd to change the opacity:"show" into opacity"0.9", so that the opacity wouldn't be changed during the animation. But that didn't really work, actually the whole animation stopped working. What would I need to change in the code to
[jQuery] How to disable both weekends and national days
To disable weekends i use: beforeShowDay: $.datepicker.noWeekends But i can't use funktion for national days at the same time! beforeShowDay: $.datepicker.nationalDays Is it possible to give beforeShowDay two values?
[jQuery] set class to active list item
I have the following code to fade menu items and highlight the active one. I can't get the active one thing to work. I've searched a lot but could only find ways to add a class to the anchor, and I would like to add the class to the li (cause the anchor already has a class) Here is my code <script src="_js/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(function () { if ($.browser.msie && $.browser.version < 7) return; $('#navigation
[jQuery] [TUTORIAL] Create AJAX websites based on anchors navigation likes Gmail
In this tutorial we will see how to create an AJAX website without lose the reference to the URL. What is that not lose the reference? If you have created some full AJAX website you have realized when you change the web content, the URL is not updated, so, the URL reference is lost. Services like Gmail uses it to increase the navigation's user experience. Check it out at: http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/ Cheers!
[jQuery] detect visibility of nested elements
hello, is there a selector or something to detect the visibility of a nested element? for example, i got the following: <div style="display:none"> Invisible text</div> 'p:visible' will return the preceding p-tag, although it's not visible at all, as it's parent isn't. do i have to loop through all parents and check their 'display' property or maybe there's a more elegant solution to this? max
Next Page