[jQuery] jqGalScroll in Joomla
Installed jQuery into Joomla article, portfolio scroll, looks awesome, works fine! Only one problem, it shows bullets beside each image and pagination... It's fine on a regular html page Can you guys help??? What should i do?
[jQuery] [tooltip] catch images before showing them
Hi, Im using jQuery tooltip to show a preview of links using http://url2jpg.nu/ First time it takes a long time, how can i cache all images before hovering the link? Regards Stefan
[jQuery] jquery cycle; click for next image
Hi there, I've got some next/prev links going with my jquery cycle and I'm trying to also include the div .folio_cycle to be clickable for next image; can someone help me with that reference? http://rejectedrobot.com/portfolio/new.html
[jQuery] jqGrid with JSON - blank table?
Hi - New to JSON and new to jqGrid. I have successfully created a simple demo using XML. Took me about an hour (I'm slow). However, I struggled about 8 hrs to get the JSON version to work. In fact, I even removed the server-side JSON and used the embedded JSON string technique (as noted in the PDF docs on page 30 - using datastr). Still - the grid rendered with a blank table. I discovered the solution in many newbie fits and starts - the last bit that I discovered is that the brackets shown for json
[jQuery] image caching problem
Hi folks! I have a simple profile image upload script. The problem is that I can't change the actual image with jQuery, because is cahed ( i suppose ). Only one picture allowed per users so I renamed their files to user1.jpg, user2.jpg, etc. I tried to use $('#somethin').attr("src", "userN.jpg"); but it has no effect, because it was the same src before so the picture wont change. How could I make it reload these pictures correctly ?
[jQuery] click(function) in an iframe
Hello, I've got a menu on my page that opens when clicked, and stays open until it's reclicked or the user clicks anywhere else on the page. Basically, it behaves the same as an application menu. The problem is that a large part of the page is occupied by an iframe and I can't figure out how to get a click there to register. Here's the code: This works: $("#leftPanel,#banner").click(function(){ hideMenu(); }); Neither of these (and several other attempts) don't work: $("*:not(#menu)").click(function(){
[jQuery] Animated resize of a thumbnails inside a table
I'm (still) trying to create a hover effect over a thumbnail image, a simple animated grow is what I'm looking for. Has anyone done this and is interested to share some insight? I'm tripping on the first step, changing the thumbnail position to absolute (of 4 major browsers that I'm using to test the site, every one of them has a different idea of where the thumbnail top and/or left position should be. This is what I've got so far: $(".dlPicturesImg").bind("mouseenter", function() { // if (bResizing)
[jQuery] slideToggle animation 'skips'?
Hi all, I've written a short accordion-like script to show/hide a element. The problem is the slideToggle animation skips just before completion rendering it very 'unsmooth'. The slideUp seems to work just fine. At first I thought it would be fixed by removing all padding but didn't seem to fix it. It can be seen here: http://lyf.dk/t/slide and the script is like this: $(document).ready(function() { $('div.news> div').hide(); $('div.news> h3').click(function() { $('.news h3').removeClass('on');
[jQuery] jQuery UI accordion animation
Hello, I am using the jQuery UI accordion widget and cannot get it to animate. I am calling like this: $('.ui-accordion').accordion() My jQuery UI build contains the "effects core" and "effect slide". What am I missing in order to achieve the animation? Thank you!
[jQuery] jQuery 1.3 + live/livequery + draggable problem
Through the wonders of jQuery 1.2.6, jQuery UI 1.6rc2/4 and LiveQuery, I am able to make divs that are generated after the page load be draggable via something like so: $(".results_container").livequery(function() { $(this).draggable({ helper: 'clone', cursor: 'move', revert: 'invalid', start: function(ev, ui) { var title = $.trim( $(this).children("div.results_title").text() );
[jQuery] Superfish (and Suckerfish actually)
I would guess that I'm missing something here rather than it being a problem of Superfish (and Suckerfish too)... Instead of wanting to change HTML page when you click on one of the <a href> links that are my menu items, i.e <ul> <li><a href="the_next_page.html">Next page</a> </ul> I want the links to be set via a jQuery click event such as: <ul> <li><a href="#" onclick="javascript: something();">Do something</ a> </ul> Which is fine, but when you click on the menu item, the menu stays on screen
[jQuery] missing trigger callback
Thanks for your code I'm using ContextMenues to invoke non modal js-windows showing additional datas (pictures, datasets ...) in my WP-CMS. This works fine with jqModal for inline content but not with ajax! If the jqModal-window is not closed there is no event and no callback to update the window! In my case I could use the ContextMenu hook to establish an ajax request to update the window, but I think it would be usefull to have a jqModal callback invoked by the trigger. Thanks Michael -- View this
[jQuery] about "speed up references to window"
I see "var window = this" from latest svn code I use firebug debugger it. info:"Exception: redeclaration of const window" but in core.js var // Will speed up references to window, and allows munging its name. window = this, // Will speed up references to undefined, and allows munging its name. undefined, // Map over jQuery in case of overwrite _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = window.$, i want to know what does "speed up references
Help with (what I thought was) a basic fade/hover :(
Here's the code I have (I'm using it along with a textarea resizer): <!-- JQuery --> <script type="text/javascript" src="js/JQUERYlatest.js"></script> <script type="text/javascript" src="js/jqueryResizeTextarea.js"></script> <script type="text/javascript"> $(document).ready(function() { $('textarea.resizable:not(.processed)').TextAreaResizer(); $('iframe.resizable:not(.processed)').TextAreaResizer(); }); $(".opaque img").fadeTo("slow", 0.6); // This
[jQuery] livequery always fires initial toggle function following ajax response
I'm trying to use livequery, toggle, and ajax together. The toggle methods fire off ajax requests that will update the div containing the DOM elements that are bound to the click/toggle (the reason I'm trying to use livequery in the first place). Unfortunately, it seems like livequery always rebinds to the initial toggle fn first, so I lose the benefit of using toggle. If I remove the ajax calls, the toggle works correctly of course. Any suggestions appreciated. code snippet: function toggleExample()
[jQuery] Using jquery to construct menus like nbc.com
I'm trying to utilize jquery to construct a menu structure that is similar to what you see at fox.com and nbc.com. Basically I have a menu that is a ul list, with each li selector given it's own id. Below I have a div container for each menu item, which are set to be hidden by jquery upon load. I've been the mousever/mouseout actions to trigger turning each div container on/off, but the problems I'm encountering with this are 1) it works when hovering over the main menu selection, but not when the
[jQuery] event name
var handler = function(e){ //How do I know what event triggered this function? //this does not work: alert('e = ' + e); if(e=="focus") alert("focus"); else if(e=="blur") alert("blur"); } jq('input[@name=city]').bind("focus", handler); jq('input[@name=city]').bind("blur", handler);
[jQuery] IE Problem
The following code works in Firefox and Opera, but does nothing in IE. The problem is the loading of the json file. Am I missing something? $(document).ready(function() { alert('two'); $.getJSON('./files/v-winter.json', function(data){ alert('three'); $('tbody.schedule').empty(); }); });
[jQuery] using html() I get a non-secure error message in IE
I do not know Javascript or Jquery very well, but by process of elimination I have determined this script(not written by me) is the cause of the non-secure error message in IE on a shopping cart checkout page. <script type="text/javascript" charset="utf-8"> elm = $('#display_cart_summary') elm.html(elm.html().replace('shopping cart', 'doggie bag')); elm = $('#content_area') elm.html(elm.html().replace('shopping cart', 'doggie bag')); elm = $('#font_checkout_cart')
[jQuery] mouseout problem
hi all, i has a litle problem when using $(IdElement).shie("slow"); this my code my JQuery $(document).ready(function() { $("#text_span").mouseover(function(){ $("isPopUp").show("slow");}); $("#isPopUp").mouseover(function(){$("#isPopUp").css("display", "block");}); $("#isPopUp").mouseout(function(){$("#isPopUp").hide("slow");}); } My HTML <div id="isPopUp" style="display:none"> <div><img src="some source"></div> <div> <a href="a">one</a> <a href="a">two</a> <a href="a">tree</a> <a href="a">four</a>
[jQuery] Debugging in IE7
I haven't really found a good solution for debugging in IE7. Any suggestions or recommendations? Thanks, Nikola
[jQuery] malsup cycle plugin: possible to have images change with nicer transparency
DURING IMAGE CHANGES the white part of the picture which I believe is transparent is visible and cuts into the next image. Is this normal and unaviodable? On firefox/linux I have 3 jpgs 3 gif (hope I did the transparency right) and 3 png images... they are mostly white pictures so if transparency is possible (gifs and pngs obviously) the edges of the transparency parts (edges of pictures and lots of the body of piture too) still show when doing the change bettween images. This may be normal and there
[jQuery] remote method - custom message
(I'm using the uncompressed v1.5 download here!) It looks like the implementation of the remote method is supposed to support custom messages from the server when using the remote method but because of a trivial bug, they don't work. This quick change fixes the problem (details below) From: 915 success: function(response) { 916 if ( response ) { 917 var submitted = validator.formSubmitted; To: 915 success: function(response)
[jQuery] [autocomplete] Show all options regardless
I'm trying to find an autocomplete/potentially combobox plugin that does everything we're looking for so I don't have to roll our own. So far the Jörn's is working the best but I can't seem to make it do exactly what I want. Here's the behavior I desire, perhaps there are some options I'm missing or another plugin that would be better suited. * When the input box has the focus, I want it to display the choices * I want all choices to be displayed regardless of what is typed in the box. * It should
[jQuery] mouseOut problem, tip not dissapearing
We have a page that when you hover over images the tooltip shows, when you click on the image, the list of images is hidden but the tip seems to still say on the screen till i move mouse over another object that has a tip on it. Is there any way around this problem?
[jQuery] Need advice on new jQuery plugin
I had a need for a certain functionality on my web page and thought I would try my hand at writing my first jQuery plugin (I'm sure that's how everyone gets their first plugin started). Since this is my first plugin, I would really appreciate it if I could get some feedback and criticism (be harsh, I can take it) on my plugin. Rather than pasting all the code in this post (I can if that is better), I started a google code project for it. The project page is: http://code.google.com/p/postlink/ and
[jQuery] anatomy of a web browser request
Does anyone have any good documentation that describes the different steps a browser goes through when requesting a web page? I'm interested in the timing of different browser 'events' (ie 1st byte received, some HTML is rendered, dom-ready, browser.onload, all HTML is rendered page done, etc.). Thanks, Tristan
[jQuery] Jquery validation not working in thick box
Hi Why Jquery validation not working in thick box ? pls advise me thanks for advance
[jQuery] feature suggestion: .attr() without params returns the whole list of attributes
I would like to suggest a feature to add to jquery attributes commands: I 'm using custom attributes to store UI states. At some point i would find it handy to be able to just console.log($(this).attr() ) to see all the attributes and their value. Not a groundbreaking change, but a nice -to-have... thanks Alexandre
[jQuery] [validate] How can i count validation errors and trigger alert on submit?
Hello I'm new to jquery and im trying to use the " jQuery plugin: Validation " but i want to use an alert with it and also count how many error have occured and put that in the alert as well. how do i achieve this thanks
[jQuery] cycle, jquery loads correctly on my firefox, but not on friends.
Hello, I am using JQuery 1.2.6, lightbox .5, and cycle together to create a slideshow feature for a site i'm doing. the scripts load for me on my computer, but not for my client using (he tried two machines IE 6, firefox 3) it just tiles all images vertically and lightbox doesn't function. http://www.shervinetaat.com/films/bandits/index.html Could someone verify that I am initializing everything correctly, I'm new to jQuery: <script type="text/javascript"> $(document).ready(function() { $('#slideshow').cycle({
[jQuery] IE bug with Thickbox and jqGalScroll
Stuck on an IE bug. Check it out at: http://fansn.com/temp/thickbox/ You'll notice when you click the link in IE, the Slideshow comes above the thickbox and does not scroll with the window. Notice though when you close it, you can see it properly working for a split-second. So I've been trying to figure out what makes it work that split second (when it fades TB_Window) but have come up short. Any ideas or fingers in the right direction would be great!
[jQuery] Tabs - reloadTab
Hi, First I just wanted to say how much I love Klaus' Tabs system, I've been using it a lot lately and it has worked flawlessly. I'm using nested tabs and I've been attempting to create a function which reloads the selected nested tab. I'm sure this is a trivial task but my limited JavaScript experience has gotten me stuck. This is what I have so far: $tabs = $("#container > ul").tabs(); $tabs2 = $(".ui-tabs-panel > ul").tabs(); function reloadTab() { var currentTab = $tabs.data('selected.tabs');
[jQuery] Facing issues in UI/tabs
I am facing two issues in using the tabs library : 1. ) I read the old version at http://stilbuero.de/jquery/tabs/ here a method is given to adjust height of all tabs to the largest by : $('#container').tabs({ fxAutoHeight: true }); but in version 3 I couldn't find anything like this in the documentation.. how can I do this in version 3? 2) Default selection is the last element rather than the first one.. where as on specifying $("#contents > ul").tabs({ selected : 0 }); correct behavior is taking
[jQuery] row highlite in jquery
Hello, I have following poblem to highlight row, i use followin jquery $(document).ready(function() { $("table tr").css ({ background:"#eeeeee" }).hover( function() { $(this).css({ background: "#DE2211" }); }, function() { $(this).css({ background: "#eeeeee" }); } ); }); problem is it highlight every row even header on hovering..is there way to not highlight <th> only,,can i add condition that if table tr is th then background is #eeeeee..i want to do without class pls perdon my english.
[jQuery] How to prevent incremental ajax requests?
Hi all. I'm using this very simple script to load remote content inside a div: $(document).ready(function() { $("#frm :input:visible:enabled:first").focus(); $().ajaxStart($.blockUI).ajaxStop($.unblockUI); $('.carrega').click(function(){ var row = this; row.abbr = row.abbr + "qtde=" + $('#qtdeLotes').val(); $.ajax({ url: row.abbr, cache: true, dataType: 'html', success: function(data){ var $conteudo
[jQuery] Draggable function for new created div..
Hi all , I have a poroblem with new created div.. draggable function is not working. normally draggable div is working successfull like this code. <html> <head> <script src="js/dragYeni/jquery.js"></script> <script type="text/javascript" src="js/iutil.js"></script> <script type="text/javascript" src="js/idrag.js"></script> </head> <body> <div id="parentElem"> <div id="insideParent"></div> </div> <script type="text/javascript"> jQuery(document).ready( function() { jQuery('#insideParent').Draggable(
[jQuery] The EU will implement new regulations passenger baggage
In order to ensure flight safety, the EU member states from November 6 passenger baggage from the implementation of the new requirements. By then, all countries in the European Union airport boarding or transfer passengers EU countries, the carry-on hair gel, toothpaste, face cream and other liquid or gelatinous material may not be more than 100 milliliters, and must be mounted on a volume of not more than 1 liter transparent plastic bag, plastic bags can be repeatedly sealed for security inspection.
[jQuery] jquery UI Dialog containment
I have created a few Dialogs and want them contained within a div. I was surprised to see that the containment options is not available for the UI Dialog. Is there any technical reason for this. I have used $.extend($.ui.resizable.defaults, { containment: '#myContainingDiv' } but I also want the end user to not be able to resize the dialog's outside this containing div. When I extend the resizable defaults it works but does not allow resizing right to the edge of the containing div. Thanks for any
[jQuery] storing objects in jQuery data
I am storing js objects using jQuery.data eg. var newDeployment = { server: server, application: application, references: references }; $('select#something option:first').data('value', newDeployment); The problem is that I then want to get a copy of that value, to modify, and store elsewhere, but it is like I am getting a reference to the object, since if I say var newVar = $('select#something option:first').data('value'); newVar.references = newReferences; it's updating
Next Page