[jQuery] Simple sliding help
I can't find a way to slide left a horizontal list of images. Here is what I managed to do: http://treazy.com/pek/album/ As you can see, first, while sliding, the images suddenly "bump" and, second, I can't seem to find how to remove 100px every time someone clicks next (.css("margin-left") returns a string "0px" which I can't use as an integer to subtract 100 px). Any help? Thanks in advance. Panagiotis
[jQuery] Adding namespace to every css class
Hi, Is there a way to add namespace to every css class? a. Dynamically on the page? b. If it is not possible dynamically, how to do it not dynamically. For example --------- Original css------------------ .nav {.....some css atribute.... } .main {.....some css atribute.... } .box {.....some css atribute.... } ----------------------- I want to change the above css to below css ----------- Converted CSS ------------------- .newNameSpace .nav {.....some css atribute.... } .newNameSpace .main {.....some
Please help, I just can't get it to work!!!
I am trying to get the jquery cycle plugin to work on but no matter what I try it doesn't work. I have looked over all the code at 'http://malsup.com/jquery/cycle/' but it just doesn't give bassic instructions. I would really appreciate any help, i'm sure it's something small that i'm doing wrong... Head code--------------------------------------------------------------------- <script src="jquery.cycle.all.js" type="text/javascript"></script> <script type="text/javascript"> $.fn.cycle.defaults.speed
[jQuery] Help with the Scroll Function
Hi and thanks in advance to any who can help. I am trying to build out a portfolio site (http://www.xyforge.com/ portfolio) and am using the scroll function to show/hide content. The problem that I have is I want the first child of the #content <div> to initially display on load, and then disappear on any subsequent clicks of the menu. Here's the function: <script type="text/javascript"> var cel = null; function toggleContent(el) { if (cel) { $('#' + cel).slideUp('slow'); }
[jQuery] jCarousel - IE7 & z-index of items versus dropdown menu
Hello, I'm having trouble with the z-index (I assume) of the list items in jCarousel appearing above an activated dropdown menu in IE. Setting the z-index of jacarousel-container to -1 causes the container to disappear completely. Upping the z-index of the curtain does nothing. You can see the problem at http://www.mycomicspage.com, click the arrow in the Explore tab to see for yourself. You will see the items in the carousel (all the icons of the various comics) appear on top of the drop down curtain.
[jQuery] Question about function objects vs object literals?
Hi all, I'm stuck in a situation where I need help. Any help will be highly appreciated. I've created an object, after creating the object, I'm assigning one of its functions to an event handler i.e. to onBlur event of Text-area. Problem is that when I try to access object properties from the handler function, I cannot access them in some cases and get a value of undefined. Here is the sample code that I'm trying METHOD A: --------- function TestObj(src, dest){ this.src = src; this.dest= dest; this.count
[jQuery] struggling to get iframed content using jQuery Thickbox plugin for a calendar
Hi All, I'm working on a calendar for a site in the works at this link: http://208.79.237.221/events/ My goal is that when a user clicks on a link within the calendar the details of that event pop up in a thickboxs iframe. I'm adding the class="thickbox" and query string to all the links in the tables via jQuery because I can't do it through the CMS. $("table.calendar a").addClass("thickbox").each(function(){ var href = $(this).attr('href'); var query = "/?KeepThis=true&TB_iframe=true&height=400&width=600";
Complex roll-over?
Ok so here's a picture http://i14.photobucket.com/albums/a309/ ... egular.png There are 4 squares in that image. I want to be able to mouseover each of them, and accurately do so (even the ones behind the others). Once I mouseover these images, I want an effect (let's say drop shadow) like so http://i14.photobucket.com/albums/a309/ ... /green.png or http://i14.photobucket.com/albums/a309/ ... yz/red.png Any ideas as to how the best way to achieve this would be? I looked around and the only ways I
[jQuery] Ajax Cluetip intermittently calling adjacent href
Hi I'm new to jQuery. We are creating a site using an Ajax Cluetip. It works great in the today's events section, but the mini calendar intermittently calls the adjacent href showing the tooltip for the wrong date. Any suggestions would be greatly appreciated. The site is temporarily at http://www.beansoup.net/ To duplicate the issue, mouse over the calendar dates in the left sidebar and occasionally you will get the tooltip for the adjacent date. Best, Brian
Click functions executes only once
Hello people. I have a problem and I have not yet found an answer via google or the search on this forum. I hope i can make my problem below clear for English is not my native language. Using jqueries .post and .replaceWith functionality i tried to make a value from an item toggleable. I have an amount of divs with a class representing its status. On page-load a php/smarty scripts displays the divs with the correct class. With a jquery click-function on a img inside this div i load a php-script changing
[jQuery] [Treeview] Why plus icon can't display and last node aren´t clicable in IE 6?
Hello all I have a problem with IE 6 and Treeview.. alwasy last node aren´t clicable, see: http://img84.imageshack.us/img84/8655/treeviewvw6.gif and here. How can I solve that? Thanks
[jQuery] Detecting pressed keys (not keypress, but if it's already pressed)
Hi guys and girls, I don't know if this is possible, but I'm aiming to detect whether or not a key is pressed, as in the key is already pressed when the page loads. My application changes the page when Ctrl+arrow is pressed, but without being able to detect whether Ctrl is still pressed when the next page loads, both keys have to be pressed again. So is there any way to detect if a key is currently pressed, but the keystroke occurred before the page loaded? Many thanks to all who help, Charles
[jQuery] FF3/Mac, auto margins, and .offset() issue
I recently created a plugin with jQuery using quite a bit of the Dimensions plugins (jQuery 1.2.6) to absolutely position DIVs throughout a page. It works great in FF2 Win/Mac, FF3/Win, IE6/7, and Safari Win/Mac, but FF3/Mac seems to be giving me a bad left offset on a DIV when it has an auto margin. It's off by 1 pixel (-1 from what it should be). It works fine when the margin is set to a number. Anyone else run into this problem? Can someone confirm that this problem exists on their FF3/Mac setup?
[jQuery] pngFix or .width() problem
Hi, I'm using pngFix and I'm running into some weird thing. I have a .png file (logo.png) . Dimensions: w: 124px, h: 124px. When doing the pngFix, the dimensions are altered to 120/120. It seems that width property of the image will return 120, but it in fact is 124px! Within the pngFix, the .width is used to determine the with of the .png $("#logo img").width() ==> 120 $("#logo img").attr("width") ==> 124 Used html: <div id="logo"><a href="#"><img src="logo.png" /></a></div> Used css: #logo { width:
[jQuery] Replace not a function with Regular Expression
Trying to pull in flickr feed and replace the _m with _b in the url to print large images. $.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne? id=81799453@N00&lang=en-us&size=b&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item) { $("<img/>").attr("src", item.media.m).match(/_m\.jpg/g, '_b.jpg').appendTo("#images").fadeTo(1800, 1.0); if ( i == 8 ) return false; }); $('#images, .content
[jQuery] Iterating returned JSON?
I'm using getJSON and PHP is returning JSON that looks like this (I inserted returns for readability) [{ "id":"220", "choice_name":"Foobar", "loc_affiliation":"Foobar Inc.", "address":"c\/o Some Co, Inc.\r\n999 W. 104th Street\r\nInglewood, CA 90304\r\nU.S.A.", "is_usa_address":"1", "phone_no":"562-555-5965", "fax_no":null, "email_addr":null, "contact_name":"John Doe" }] What I would like to do is iterate each name value pair in the object and process it accordingly. If tried jQuery's each() and
[jQuery] Lightbox w/o resize
I'm looking for a lightbox type presentation (like thickbox or similar), but I would prefer one that does NOT resize the images. Any suggestions? Thanks! Chuck
[jQuery] jqGrid and modal windows
Hi to everybody, When I open a jqgrid inside a modal window and I use "search button", the "searching form" appears behind the modal windows where the jqgrid is placed. Is this possible to put in over it?
[jQuery] Problem with IE7/jQuery's AJAX load function
I experienced a problem with jQUERY's AJAX load function in IE7. I have a tag cloud on our site which, on click onto a word, loads page recurrencies of that tag in site's pages. But in IE7, when data from JSP come back to jquery, I get a runtime error, specifically in line " if ( value != undefined ) elem[fix[name]] = value; " from the code snipped below attr: function(elem, name, value){ var fix = jQuery.isXMLDoc(elem) ? {} : jQuery.props; // Certain attributes only work when accessed
[jQuery] [treeview]
Hi I've got some troubles with treeview: http://reunion-industrial.es/reiphp/productos.php First time it loads it Works perfectly, but when I click on one subsubsubfamily and the page reloads, it seems the treeview loads all the ítems at the same time. That is visible only a few ms but it makes the site ugly… Do you know how could I mend this??? Thank you very much
[jQuery] Search for a div tag
Greetings, I am new to JQuery and looking into this. We are trying to find a way to create a client side javascript that looks for a pattern on the page and changes the size of a div tag. For example the specific div tag is generated by Sharepoint at 143pixles. We want to have JQuery alter any of these on the page that match this pattern to 200 pixles. Is this possible, and can someone point me in the direction of a demo on how to do this? Any help is apprecaited. Thank you.
[jQuery] YUI munging?
Why does the YUI Compressor not munge the variables in the jQuery source? If I try to compress only a part of it, then it works fine. Is there a way to compress the source smaller? Thanks!
[jQuery] Making List Elements in a "Tabs" Setup Accessible with the Keyboard
I have a rather lightweight script that is page-weight efficient that I need to make accessible to keyboard users. Here's the tabs script so far: /* * Tabs Functionality * @author Joe McCann */ $j('#qaNav li a').click(function(){ var $removal = $j('.makeSelected.selected'); var $hideDiv = $removal.attr('rel'); var $showDiv = $j(this).attr('rel'); if ($showDiv == $hideDiv) return; switch ($showDiv) { case '#citizens': var imgIndex = 0; break; case '#business': var imgIndex = 1; break; case '#veterans':
[jQuery] livequery + facebox loading after an ajax call
Been trying to add a facebox after ajax the page has been loaded via ajax... $(function() { $('a[rel*=facebox]') .livequery('click', function(event) { jQuery.facebox({ loading_image : 'loading.gif', close_image : 'closelabel.gif' }); return false; }); }); demo at http://gh.phiz.net/_explore1618/provider-details.html the facebox does start to load but then the script loads in its own window rather than
[jQuery] Blocking and Unblocking form processing
Hi, I have a singel php page which posts the form data to itself, processes it en either shows the same page with error results or redirects to a new page. I am trying to implement blockUI since it involves some lengthy processing (checks on other servers). I can block the page in the click event of the submit button or use the submit event for the form. And then..... I would like to unblock again too, either because the same page is shown or a redirect is given to the success page. It seems though
[jQuery] Validate plugin: RFC2822 compliant emails
Looks like the default email validation isn't of the correct version. My team is going with this as a custom validator, but the validate plugin might want to update http://en.wikibooks.org/wiki/JavaScript/Best_Practices
[jQuery] get(index) method does not return DOMNode in jQuery 1.2.6?!
After upgrade to v.1.2.6 i got many errors in places, where my code works with nodes, returned by jQuery.get(index) method. Under firebug i sow that return value in 1.2.6 is not the same as in 1.2.3. Can you explain this? How to get native DOMNode object in jQuery 1.2.6?
[jQuery] Accordion madness and two divs inside
This is about accordion, but i want to do something, which hasn't been showed here: http://www.learningjquery.com/2007/03/accordion-madness Ok: I've got something <pre><code><div class="demo-show2"> <h3>Title 1</h3> <div>Lorem...</div> <div>Lorem...</div> <h3>Title 2</h3> <div>Ipsum...</div> <div>Ipsum...</div> <h3>Title 3</h3> <div>Dolor...</div> <div>Dolor...</div> </div></code></pre>
[jQuery] Really simple images gallery
So this is what I basically want to do and don't know where to look for: I have a series of images in an unordered list which, with CSS, they appear from left to right (using display: inline if I remember correctly). On the very left of the first image and on the very right of the last, there are two buttons: previous and next respectively. When someone clicks on the next, the first image slides left and disappears while at the same time, from the right, the next image slides and appears after the
[jQuery] How to generate a new css class on runtime?
I'm trying to generate a new css class with Jquery which is not defined in .css or html <style>. How do I generate a css class so that I can assign the class with .addClass() method?
[jQuery] Single queued function after animation
How can I call a single function after an animation? That is, a function that does not iterate upon each matched element but only once? <ul> <li>1</li> <li>2</li> <li>3</li> </ul> $('ul li').animate({left: 450}, "slow").queue(function(){ /* this function should only iterate once */}); If I simply call the function after the animation in the code, it seems to be called right after the animation starts. Thanks, suprfish
[jQuery] Adding hover to all table rows (tr) but the first one.
I'm having a difficult time figuring out how to add a hover effect on all but the first table row (tr). I appreciate anyone's help. Thanks!
[jQuery] .attr does not work with read-only SVG IDLs
If I use the .attr method to set attributes on elements I run into the following problem when using it for SVG content. Most of the SVG IDLs define properties as read-only although they are writable as DOM attributes. In JQuery-1.2.6 the code for .attr has changed to use the property mechanism (element [property]) for setting it if available. Now, that does not work for the read-only IDLs of SVG; one could only use the DOM interfaces (element.setAttribute (property, value)). Is this a mistake in
[jQuery] more on mce + jquery
<!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.16674" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Hi,</FONT></DIV> <DIV><FONT face=Arial size=2>i've another problem with mce + jquery: i've to read the content of the textarea transformed in a html editor by mce but either </FONT></DIV> <DIV><FONT face=Arial size=2>$("#myTextarea").val()</FONT></DIV>
[jQuery] Problems with accordion plug in
Hi, I'm having a few problems with the accordion plugin. When the page loads it automatically adds the class 'selected' to all my links. It shouldn't do this until I click on a link. Once you click on a link the plugin works as it should do except for the arrow buttons don't change. Can someone help me? I want all the links to be closed when the page opens and for them to open when you click on them. I've used this plugin before and got it to work without a problem but I can't see what I've done
[jQuery] Question about Event Handling Optimization
Is there a significant performance impact on detecting for events on elements which are not found on a certain page? For example, when using jQuery to code large sites i have always used a global event include i.e events.js to attach a $(document).ready for all possible site events. This allows the script to be cached on first page load, and all "inside page" events would not have to download page events with a separate specific uncached file, i.e. "somepage.js". I've always wondered though if this
[jQuery] determine if form still "under focus"
Hello! I have bumped into a problem that I have been trying to solver for hours now, without any sign of hope. I have a form which is loaded into a div through an ajax call. I would like to hide the form again as soon as the focus is lost. The form consists of inputs, textareas and selects. I have tried .blur() both on the form and the parent div, but that just didn't react. I can obviously bind a .blur to an input field, but that doesn't help, since I only want to trigger my function if the cursor
[jQuery] Jquery image gallery dev help
hi guys, i try to make jquery image gallery try to take advantage using animation but i had issues when i try to animate to scroll from right to left all looks good but the other way around from left to right it doesn't look that smooth, it a bit jumping here the gallery http://www.pagecraft.com.au/gallery/love-slideshow.html all the code in common.js anyone know what's wrong with it ? any comments or help much appreciated. thank you Cheers, Agus
[jQuery] new plugins and some questions
Hi group... After some time of using jQuery I recently took time to create two plugins myself. The first is a sorting plugin called TinySort: http://plugins.jquery.com/project/TinySort The other is a file browsing plugin called SFBrowser: http://plugins.jquery.com/project/SFBrowser I have a couple of questions. The first is about TinySort. It returns the selection in the new order, and there is also the option to return only the sorted elements. To do that the plugin returns like this: return this.setArray(aNewOrder);
[jQuery] Find parent width from sum of child divs
Hi There, It's my first time posting, and I've only been using jquery for a couple of hours, but I'm pretty darn impressed with what can be down with so much ease. I'm building a slider style gallery (it's kind of like a full screen version of the coda website if your familiar with it). It's completely dynamic in the approach I'm taking, because it needs to be linked with a cms. One container div (#scroller) sits as an absolutely positioned element inside another container div (sort of like a window).
Next Page