[jQuery] Is there a slider like control/plugin to scroll my table?
I have a table with both Row Header and column headers. Now this table width goes beyond the page. Is there like a slider control that will keep the row headers sticky but would scroll/move the table colums left or right as I am moving the slider. The slider control would sit at a little( 20 pixels) distance from the bottom of the table? If there is no such plugin, could you give me some pointers on how to tackle this? Thanks, Monica.
[jQuery] Call Function From AJAX Loaded Page
I am trying to call a function from this link ( <div id="twitter_display"><div class="content"> Alright! New office chair! <a class="twitter" id="1">[next]</a></ div></div> ) I want this to activate on the click() of a.twitter.................................................... but $ ("a.twitter").click(function() {... is not calling the function. What do I need to replace "a.twitter" with to get this function to call? Thanks
[jQuery] .click working once only
I'm sure this is something simple, but I'm fairly new to programming and very new to jquery. I have a table where each cell has a unique id. when the user hovers over the cell I display some options which loads a form based on what the user selects...(not important). Anyway, everything works great the first time a user makes a selection on a cell. However, once that cell has been .click(ed). they cannot click it again before clicking another cell first. I'm thinking maybe there is someway to reset
[jQuery] Error in Ajax Queue plugin
Hi I'm trying to use the Ajax Queue plugin with the following code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="js/jquery-1.2.1.js"></script> <script type="text/javascript" src="js/plugins/jquery.ajaxQueue.js"></ script> <script type="text/javascript">
[jQuery] jquery forms with ajax responses
I've been looking at this for a while and can't get this to work. What I want to do is submit a form, but have the page not redirect to the form page, but rather to refresh a div in the current page. This should be simple, but everything I do ends up taking me to the submitted form response page. Here's the code for my form and the jquery [code] $("#addShiftForm").submit(function() { var startHrSelected = $("select[name='startHour'] option[@selected]") var startMinSelected
[jQuery] iterating functionality
Hi all I have a simple hide/show function that doesn't seem to work the way I want. I need some theory help here. Currently in my code I have a loop that iterates over a block of code and builds a table. I have a two row relationship. Row one <tr> is important info, where row two <tr> has the break out info that can be shown by clicking some text in row one.. I have a jquery hide/show function that also iterate over in the loop (you see where i am going with this). So this code repeats itself over
[jQuery] Slide toggle trigger to swap images depending on show hide state
My slidebar trigger is a tab image that says close/replay. I am trying to figure out how to swap between a close and a replay image depending on whether the slidebar div is up or down. I did find a thread onjButton.js but haven't found any demo examples. <script type="text/javascript"> $(document).ready(function() { initSlideboxes(); function initSlideboxes() { $('#slidebar').slideDown(1000); setTimeout(function() { $('#slidebar').slideUp(3000); }, 5000); $('#slidebartrigger').click(function(){$
[jQuery] Jquery Sortable plugin bug when dragging Flash movie
Hello all, I have encountered a serious bug with the JQuery sortable plugin and flash movies. To explain: I am using the JQuery and the Sortable functions provided by the Interface Plugin. I have a flash movie playing in the sortable div. In IE when you drag a flash movie that is currently playing, the flash movie will disappear and may leave 'trails' of blocks shapes in its path. When you drop the sortable in place the flash movie resumes as normal. Any ideas? Appreciate any feedback. Jamie
[jQuery] Ajax with Jquery : "Load" or "$.get"
Hello, i'm fairly new to the Jquery process, but i'm enjoying a lot learning how to use it. Lately, I made my first attempt at using a "kind of Ajax" page for the Newsletter of my website. I couldn't use things like $.get or $.post because I surely don't use them well since they don't work for me (still lot to learn). But instead I used "load". And so far it has been quite effective even if I know I'm probably not on the right path. So my question is : is it real Ajax if I use Load like this : var
[jQuery] Cookie issue - path?
I have a draggable menu which remembers its position using a cookie. I want to use this menu all over my site and just use the 1 cookie to read from. It works at first if I drag the menu on the main page and go to a subpage but when I move it on the subpage it appears a new cookie is made with a new path. However I am only using the code below: <script type=\"text/javascript\"> $().ready(function() { $('#sidebar').draggable({ handle: 'div#logo', opacity: 0.8, zIndex: 50,
[jQuery] jQuery LightBox issue in IE7
Hey guys, I'm hoping you can help me troubleshoot something. If you look at the following link in FF and click on any of the thumbnails under "Photos", you'll see that the lightbox appears correctly. http://dev.healthybuyersclub.com/guide/detail.cfm?id=2 If you look at the same page in IE7, when the lightbox appears, the slideDown div the displays the Close image looks truncated. The Lightbox is Leando Vieira Pinho's jQuery Lightbox and it does in fact work in IE7 as his demos render fine: (http://leandrovieira.com/projects/jquery/lightbox/)
[jQuery] Cookie issue - path?
I have a draggable menu which remembers its position using a cookie. I want to use this menu all over my site and just use the 1 cookie to read from. It works at first if I drag the menu on the main page and go to a subpage but when I move it on the subpage it appears a new cookie is made with a new path. However I am only using the code below: <script type=\"text/javascript\"> $().ready(function() { $('#sidebar').draggable({ handle: 'div#logo', opacity: 0.8, zIndex: 50, stop: function() { var y
[jQuery] dynamically remove scripts form page
Hi all. I wonder how you remove an external script from a page. In particular i have a problem with a widget from DIGG wich uses jquery 1.1.4. Such widget imports also this version of the framework wich creates conflict with the easing 1.2 plugin because of the easing names. I tried with $("#digghack + script").remove(); where #digghack is the frist script DIGG loads, where "+ script" os jquery1.1.4. Looking at the generated source viith firebug effectively the scritp is removed from the source but
[jQuery] tablesorter: sorting tbodies
is it possible to sort tbodies instead of tr's with the tablesorter- plugin? thanks, patrick
[jQuery] Interface droppables versus UI Droppables
Hi! I'm moving a project from Interface to UI. When it was working with Interface, I used to call ".recallDroppable" when the DOM was modified (display new droppables and so on) while dragging. The comment of ".recallDroppable" is to the point :D... "* useful when the positions/dimensions for droppables * are changed while dragging a element" So! My question is "how can I do the same with UI Droppable?" It seems nothing is planed for that in UI :/.
[jQuery] Droppable Objects
Hi All I 2 droppable objects "FormObject" and"RadioComposite" object .There is another object "RadioObject". What i am trying to do is drop RadioComposite into FormObject and then drop RadioObject into RadioComposite. As of now, i can only drop RadioComposite into FormObject. After which i am unable to drop RadioObject into RadioComposite . Does jQuery support this scenario Thanks Haritha
[jQuery] Using jqGrids as the subgrid
Hello, I would like to use jqGrids as the subgrids for each row as its expanded. To that end, I have modified jqGrid to allow the dynamic creation of jqGrids that are set as the subgrid. The idea is to have jqGrid nested inside another jqGrid. This code is a work in progress and is probably quite a hack. As I am not a "client-side" guy, I don't quite know how to finish the work. I'm hoping some browser / jQuery guru will take mercy on me and help finish this thing - I need to get back to my real
[jQuery] digg widget: Top 10 list from All Topics with CYCLE
Hi all. yesterday i 'pasted' on the sidebar of my blog, the code necessary to display the Digg news widget. Unfortunately i was unhappy with any of the selectable color schemes, so i decided to get an 'unstyled' one on work on that. Then i used the jquery.cycle plugin to "rotate" the LI elements. It is defintaly better now. It was just an experiment to see how easy is to do nearly everything with jquery. www.gcmingati.net look at the end of the sidebar. Ciao GC
[jQuery] jQuery assistance w/ moving nearby elements
I have this navigation, pretty basic really: http://ghettocooler.net/stuff/code/jquery/push-nav/ But, If the user clicks on a list item in the middle, for example, I'd like all the Items above it to be triggerd, as if they were clicked as well. So, user clicks on a navigation item & it pushes any navigation items above it up as well. Same for closing the navigation items as well. Can anyone point me in the right direction? Thanks, Bill
[jQuery] Reset values of Textboxes and Dropdowns
I have some textboxes and dropdowns on my page. now I already have a function which resets my fields. I can do it by $("#myFieldId")[0].value = ""; OR $("#myFieldId")[0].selectedIndex = 0; Can I do it by some easy way..?
[jQuery] How to get all CSS values from Attributes
Suppose this piece of css, how would I get the values for top, margin- left or padding? #divname { top: 0; margin-left: 1px; padding: 7px; } Setting this is easy: $(#divname).css('height', '200px'); And getting it also: var foo = $(#divname).width(); or var foo = $('#divname').get(0).width; However top, margin etc. I don't how to fetch it. Probably very obvious problem but seem to overlook it. Thanks in advance! --- Jeroen
[jQuery] UI draggable working but not without errors
I download the jquery-ui.min.js by just selecting the Draggable plugin which produced an 18K file. $('table.draggable').draggable(); actually works just fine on my page. It even works in IE 6. BUT! I'm getting errors in Firebug and the Error Console. And on IE6 I'm getting some error warnings. When I load the page I first get this:: "$.ui[w] has no properties" jquery-ui.min.js (line 8) (since it's minified it doesn't really make sense to show what's on line 8) When I start dragging the element I
[jQuery] Best technique? .load() and div height...
Hi, I've got a few questions here... When I .load() text into a div -- basically swapping one bit of text for another, -- the div will collapse for a second while the textual content loads and switches... ...What would be the best way to retain the div size during .load()? My best guess would be to dynamically grab the div height before ajaxStart(), and then apply min-height/height to the container div only during the switching. Sound like an ok technique/approach? How have you handled such situations?
[jQuery] Using jQuery with Prism
Just thought I'd mention that jQuery can be used with Prism. All you need to do is redeclare "document" as a local variable (which points to the browser) and you can then put jQuery inside the webapp.js file. :) e.g. function doStuff(document){ //put jQuery packed here $('body').prepend('<div>jQuery Rocks!</div>'); } function startup() { var appcontent = host.getBrowser(); if(appcontent){ appcontent.addEventListener("DOMContentLoaded", function(aEvent) { doStuff(aEvent.originalTarget); }, true);
[jQuery] How to find a table cells value?
Newbie here... I have a table $("#searchDataTable"), each row has an unique id. What is the JQuery code to get the value(text) of particular cell in this table?
[jQuery] trigger all events of a type?
I'm working with jquery such that many DOM elements have an expando object. These objects need to send events to each other. I would like to use jquery custom events to make a very simple subscription event model. Instead of calling the event generator object to subscribe to an event, one would simply bind a custom jquery event to themselves. Event subscriber: $(subscriber_element).bind("myEvent", function() { alert("I received an event without subscribing!"); }); Event generator: $(*).trigger("myEvent");
[jQuery] [NEWS] Blog Post: 50+ Amazing Jquery Examples- Part1
Very cool post detailing 50 jQuery plugins: http://www.noupe.com/ajax/50-amazing-jquery-examples-part1.html Rey...
[jQuery] animate() with em fontsize units
Hello, I have a chunk of code that animates fontsize changes with the units set to em. The animation is a bit wacky. Am I doing something wrong or have I found a bug? <style> #test { font-size:1.2em; } </style> <div id="test" href="http://www.google.com">Test</div> <script type="text/javascript"> $('#test').mouseover(function() { $('#test').animate({fontSize:'1.8em'},200); }); $('#test').mouseout(function() { $('#test').animate({fontSize:'1.2em'},200); }); </script>
[jQuery] Plugin for code highlighting and row numbering?
I know I saw something a while ago, but can't seem to see it on the Plugins page. I'm looking for a plugin that can do syntax coloring and row numbering for when I need to post code samples to my web pages. The best I've found so far is Chili for the syntax coloring. But it's samples don't seem to indicate it can do row numbering. Any tips? (apologies if I'm just being blind). Shawn
[jQuery] Updating input values before the submit.
I have the following html code: <form id="googleCheckout" action="https://sandbox.google.com/checkout/ cws/v2/Merchant/747474/checkout" method="post"> <input type="hidden" name="cart" value="somevalue" /> <input type="hidden" name="signature" value="anothervalue" /> <input type="image" name="Google Checkout" alt="Fast checkout through Google" src="https://sandbox.google.com/checkout/buttons/checkout.gif? merchant_id=747474&w=160&h=43&style=WHITE&variant=TEXT&loc=en_US" height="43"
[jQuery] My First jQuery Plugin..... jQuery.Sheet, a spreadsheet for jQuery
I know there's not to much content, but let me know if you want to help out with this plugin. it has GREAT possibilities. I know alot of people have been looking for something like this. let me know what you guys think. I'll work on documentation when i get time. http://plugins.jquery.com/project/Sheet
[jQuery] Can't set CSS left for IE6
if( $.browser.msie && (jQuery.browser.version < 7.0000) ) { $('div##rightShoppingCartButton').css("left","582px"); } Can anyone see why this doesn't seem to be recognized at all by IE6?
[jQuery] rounded corners on images with jquery?
i know there are jquery plugins to round the corners on divs but is there one that will work on images? to see what i mean take a look at http://beta.asset-guardians.com/. it is a sit i am working on that in its very early stages. towards the bottom of the page there are two images (one is a baseball and the other is a ring. the baseball has square corners. the ring image has round corners. the corners on the ring image were rounded in photoshop and saved that way. it would be nice however to be
[jQuery] autocomplete bug when focus called
if I have a focus called in the code just before applying the autocomplete, then when the autocomplete runs, the data never shows. firebug shows that the call is being made, it just never displays. i take the focus call out and it works fine. this is with the latest from SVN that i just downloaded yesterday.
[jQuery] navigation and cycle plugin
i spent 3 hours and i cant make it work, if someone can helpme pls, i try to integrate this: the remove class and the pause/resume cycle jQuery("#btn_pausa a").bind("click", function() { jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow! $("#btn_pausa").toggle(function(){ $("#nota_rotativa").cycle('pause'); },function(){ $("#nota_rotativa").cycle('resume'); }); the html have 2 buttons, i only want the "pause button" keep pressed the css
[jQuery] [PLUGIN] JQZoom Updated
JQZoom has been updated to v1.1 http://www.mind-projects.it/blog/?page_id=14 It acts as a magnifier for images. Rey
[jQuery] If Thickbox doesn't load, then do something
We're finding that a thickbox doesn't load on occasion(maybe one out of every 100 times) and instead it just hangs there with a greyed out background. Is there a way to set a timeout to detect when this has occurred and then try to reload it or do something else?
[jQuery] iPhone and slide animations
Is anyone using jQuery on iPhone? I tried altering the iui iphonenav.js script to use jQuery and, though it works, it seems very very slow when performing the right to left (or vice versa) slide transitions. I'm just doing something like this... fromPanelElem.animate({ left: "0px" }, 500 ); toPanelElem.animate({ left: "0px" }, 500 ); Any thoughts?
[jQuery] Possible solution to IE7 opacity and cleartype
It's probably common knowledge that changing opacity in IE7 disables cleartype. Someone seems to have come up with a workaround: http://mattberseth.com/blog/2007/12/ie7_cleartype_dximagetransform.html Is this a viable fix? If so, how likely is it that this solution would be incorporated into jQuery's fade animations?
[jQuery] Tablesorter dateFormat
I need to sort a table based on the date format: 10-Dec-2007. Does anyone know if this is possible with Tablesorter? I've tried us, uk & iso to no avail. Thanks, Jay
Next Page