[jQuery] Superfish menu activate on click
This is a really cool patch: http://plugins.jquery.com/node/3967 It makes your menu like those cool dropdowns on digg.com. Request: can we have [ click -> open menu -> second click -> close menu ] like a normal drop down box? Thanks!! I found a BUG: When you click the top menu item, then mouse out (and do not select an item) the hover CSS is still applied. The menu should go back to 'not hovered' CSS style Here is the resulting file (for windows users who have no 'patch' command): /* * Superfish
[jQuery] Need to get value of table cell
Hey all. I have a table and I need to access the value of a particular cell in the selected row. I've seen this type of code before but can't remember what to search on. Any clues?
[jQuery] How to bring focus to a window in jquery?
I am trying to bring focus to window using jquery. The window is popup initiated through a button click on the parent page. I have some ajax calls going on in the child window, so data is being updated. My issue is that if the user clicks on the parent window and hides the child behind it, i would like to bring that child window back to the forefront if there is a data update. inside $(document).ready I wire up these events: $(window).blur(function(){ WindowHasFocus =false; }).focus(function(){ WindowHasFocus
can't assign values to variables inside change()[SOLVED]
I'm trying to make a number drop list that will control how many drink drop lists there will be. these are the values I'm trying get, but it doesn't seem to work var former = $(this).closest('tr.food').next('tr.drink').find('div').length; var now = $(this).val('quantity'); $('select[name="quantity"]').change(function() { var former = $(this).closest('tr.food').next('tr.drink').find('div').length; var now = $(this).val('quantity'); if (former
[jQuery] Slow jQuery Event Cleanup in Firefox
Let me start by saying that I am doing something rather unorthodox with jQuery, and I realize that this is probably outside the realm of what is reasonable. I have a 65x65 HTML table, giving me 4225 TD cells. I am making each of them clickable with the following code: $('td').click(function () { // do something }); It works wonderfully in all browsers (well, IE is a little slow, but it's IE). When I go to close this page, Safari and Opera close almost instantly, IE pauses for a moment and then closes,
Update cost total on a e-commerce type site on the fly
Hey, maybe Jquery isn't the answer for this, but is there anyway to have the total cost of items in a computer builder be updated when the user selects different parts? So if they change processor from model-x to model-y, the grand total of the computer would be updated immediately. If jquery may not be a solution, where could I look? Google didn't give me any good results unfortunately. Thanks ahead of time! Roeland
[jQuery] Event Cleanup Slowness in Firefox
I have a 65x65 HTML table, giving me 4225 table cells. I am using jQuery to make each cell clickable with the following code: $('td').click(function () { // do stuff }); I realize this is a lot of events and that this is likely well outside the realm of what's considered reasonable. The good news is that this code works great in all browsers (well, IE is a little slow, but that's IE for you) until I try to close the tab. Most of the browsers close very quickly, but Firefox can take up to 20-30 seconds
[jQuery] Workaround for data-URLs (data:image/jpeg;base64) in IE
Hi, Does anyone have a work around the lack of support for data-URLs (data:image/jpeg;base64) in IE. I've seen some crazy php scripts using mhtml + vml but php isn't supported in the environment I'm working in. Thanks for your Help. Daniel
[jQuery] change onmouseover function call
hi there, have a puzzling one. i have a fairly simple function call that we use to display tooltips over certain image elements. we put the function call in the onmouseover attribute of the image element. looks like this: <script> function CreateTip( strTipMessage ) { // GENERATE TOOLTIP } </script> <img id="img" src="/images/image.jpg" onmouseover="CreateTip( 'this is the tooltip' );" onmouseout="ClearTip();" /> what i would like to do is to change the tooltip that is displayed when the image is
[jQuery] data-URLs for IE workaround
Hi, Does anyone have a work around the lack of support for data-URLs in IE. I've seen some crazy php scripts using mhtml + vml but php isn't supported in the environment I'm working in. Thanks for your Help. Daniel
hover issues
Hi folks, Here's the issue - I am trying to have a div element displayed when I mouseover a separate image and hidden upon mouseout. It works, except the displayed div flickers. I understand why it flickers, but what might be a solution? You can see it at http://www.jontakiff.com/brooks/zinc_picture2.html. Just hover over the main image and try to click the links. Here's my code: <script type="text/javascript"> $(function(){ $('#imagecaption').hide(); $('#imagehover').bind('mouseover',function(){$('#imagecaption').show();});
[jQuery] refresh a DIV
I have a DIV with a php query in it. i'd like to get pointers to maybe 2 solutions. Ideal situation: I have a other jquery script that launches an onComplete like: 'onComplete': { } basicly i want to let it do a refresh on <div id='records'> #My sql query# </div> other situation I want to refresh this DIV every 5 seconds. Can someone help me pleaaaase! D.
[jQuery] Temporarily disable inline onclick
Hello, I was wondering if there was a way to temporarily disable an inline onclick event, which i can reattach later. Here's the scenario: My page has an edit mode which makes the text of certain elements editable. Edit mode is enabled -> text that is editable gets a click event bound to it by jquery Clicking the element allows you to inplace edit and save the info Disabling edit mode removes the click event to activate an editable element Everything works great unless there is an onclick attribute
[jQuery] Inserting rows of DIVs to create a list
Hello, I'm trying to create a dynamic list of data using jQuery... Each row will have an INPUT and a BUTTON element. I'm thinking of holding a hidden 'template' for each row and then duplicating the 'template' row for each row needed and then edit the ID and innerHTML of the DOM elements for that row... Is this possible? Thanks, Nick
$('form').serialize() and html tags
hi folks, i have an issue, that is quite anoying me. i'm having a form with an FCKEditor instance that needs to be postet via ajax. all the fckeditor stuff works great and i am able to post and recieve the data. But the problem is now, that you are able to make text bold, italic, ... which is kept like "<b>This is a Test</b>". when i now use the serialize() function, the parts that are formatted are just getting lost. so the text: "This <b>is a test which</b> drives me nuts" is becoming "This drives
[jQuery] Superfish over a Cycle element in IE 7
I spent hours looking for an answer to this and here is the solution: When you want your Superfish menu to appear over a Cycle slideshow, make your ".sf-menu, .sf-menu *" look like this: .sf-menu, .sf-menu * { }
get state of slidein/slideout
Hi, first sorry for my bad english. I try to slidein/out dynamically some pictures while hovering elements. The problem ist that slideing is beeing processed consecutively and if you hover some elements in very short time its fading a while... I tryed to stop fading with stop(); but it seems that stop(); is just pausing fading. Thats bad when i try to replay... a solution for normal animation i found here, but it doesn't works for sliding... http://www.learningjquery.com/2009/01/q ... ue-buildup
Jquery is not working on Loaded content using .load
Jquery is not working on Loaded content using .load. Please tell any solution if you have?
[jQuery] Superfish join code clarity patch
These join statements seemingly behave the same as simple string concatenation, the latter being much more readable. Index: superfish.js =================================================================== --- superfish.js (revision 36485) +++ superfish.js (working copy) @@ -15,7 +15,7 @@ var sf = $.fn.superfish, c = sf.c, - $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')), + $arrow = $('<span class="'+c.arrowClass+'"> »</span>'), over = function(){ var $$ = $(this), menu
[jQuery] one check box to select entire group
Hey guys, I have a table where the header has check boxes so if you click on that, it will select all of the other checkboxes in that row. The issue I have, it's not a select all checkboxes, but ones that have a specific naming convention. Example. If my header is named ckb_category1 I need to be able to find all checkboxes that are in that column that have naming like ckb_category1_item1. Then each row following would have a different item id, but keep the category1 the same. Is there a pattern
[jQuery] Sort tables with hidden (.accordian collapsed) rows
I have a table where every other row is collapsed (using .toggle). I want to sort on the visible rows, but the sort, of course, sorts the hidden rows as well...the result is that the hidden rows may not longer be associated with the same "parent" row. Here is a snippet: <table id="aSortableTable"> <thead> <th>tortable column 1</th><th>sortable column 2</th> </thead> <tbody> <tr id="toggle1"><td>main row 1<td>main row 1 column 2</td></tr> <tr><td colspan = 2>desc. for main row 1</td></tr> <tr id="toggle2"><td>main
[jQuery] cluetip ajaxcache:false does not work in IE7
<div>How can l have IE 7 respect the ajaxcache set to false? </div>you can see an example at <a href="http://www.strikingconcepts.nl/development/kittiwake">http://www.strikingconcepts.nl/development/kittiwake</a><br clear="all"> the first tooltip is >an experiment< provides an example<div>in the cluetip.js file I have set the option like this: </div><div> </div><div> ajaxCache: false, </div><div> </div><div> </div><div>any help appreciated </div><div>Geert</div><div>-- </div><div> ////////////////\\\\\\\\\\\\
[jQuery] PNG Fix option that doesn't resize background PNGs?
I am using Andreas Eberhard's PngFix plugin: http://plugins.jquery.com/project/pngFix Unfortunately, there's a known issue with it resizing background images to fit the container. I am using a PNG sprite so create a rollover effect for some buttons. As such, I don't want the background resized, but cropped. I don't care if the rollovers are missing in IE6, but I obviously can't have 3 squished buttons showing up. Is there a jQuery based fix for Transparent PNGs in IE that will not resize the background
[jQuery] html to text
I'm pulling html from each td tag which resides in the tablerow of a table like so; $('table tr td').each(function() { $('<div>').text($(this).html()).appendTo('#jaheur'); }); For each match it creates a div which holds the HTML in text format. I noticed that it transformed a line break <br /> to (without the slash) what causes this behavior? Does this only happen with self closing tags? Can I prevent it all together?
[jQuery] SlideDown() nested div?
I have a flv video nested inside of a div that slides down using slideDown(). Is there any way to get the flv video to slide down along with the parent div? Currently, the video pops up after the slide down motion has completed.
[jQuery] selecting children
Hi, my question is, why next line doesn't work: $("#conditions-"+get_sufix(type)+" > div,tr,span,label,select,input").each(function(){...}); nor next line: $("#conditions-"+get_sufix(type)+" div,tr,span,label,select,input").each(function(){...}); nor next line: $("#conditions-"+get_sufix(type)).children ("div,tr,span,label,select,input").each(function(){...}); and next line does work: $("#conditions-"+get_sufix(type)).find ("div,tr,span,label,select,input").each(function(){...}); for searching child
[jQuery] no :ge : le filters?
If I could 'or' :eq and :gt somehow then there's the answer - but I haven't seen that talked about. Is it possible? I'd like to accomplish: $("div.foo:ge(2)").remove()
[jQuery] Convert js to jquery
Hi, I am trying to convert the below js code to jQuery format, since I am using jQuery for my site. Posted below the code, your help is appreciated. http://woork.blogspot.com/2008/01/tabbed-search-bar-using-css-and.html ---------------------------------------------------------------------------------- <script language="javascript"> function setSearchOptions(idElement){ /* Total Tabs above the input field (in this case there are 2 tabs: mikode, user id) */ tot_tab = 2; tab = document.getElementById('tab'+idElement);
[jQuery] [form] Handling "re-ajax'ing" a form after a submission attempt
Hello, I am having a problem re-binding a form with ajaxForm() and Zend Framework. I got the ajax form submit working, but on form validation failure I am passing back the form html within a json object and I re-stuff the div container with the form html in order to render out form errors. This works fine. My problem is re-intializing the form that has been passed back with the ajaxForm() function. When I try re-submit the form, nothing happens. When the form is passed back via JSON object, I still
[jQuery] Jquery Tabs, want to remove white line under selected tab, without removing line under unselected tab
Hello, My Jquery Tags are working perfectly. But the only problem I am now experiencing is the selected tabs have a 1px white line underneath them. I have matched the colour of the tab and pane, but the 1px line underneath makes the tabs look separate from the pane. Has anyone encountered this issue and know of a quick fix? Please bear in mind that I would like to keep the line under the unselected tab... Here is my CSS ui-tabs .ui-tabs-hide { display: none; } #tabs ul li a { background:#ECEDFC none
[jQuery] jQuery contextmenu problems
I'm using the "jQuery contextmenu plugin" combined with "jQuery treeview async plugin". This means that I load in all data into the treeview from the database. Next step is that I want to be able to right click these dynamically loaded elements and alert the id of each element. I get it working in IE, but not in firefox. Any ideas why it would not work in firefox?? jQuery(document).ready(function(){ jQuery("#black").treeview({ animated: "1", url: "source.php", persist:
[jQuery] How to get the inline value for 'Display' style property via jquery/js??
I have an inline css attribute which is set in the codebehind but changes dynamically in the browser via jquery. The display of a textbox and a couple of dropdowns are altered formblock to none based on some rules. When I view the source of the page the dropdown that is visible still has the original, server-side set display values in its source. So the jquery method $("dropdown").css("display") doesn't yield the value I'm looking for. Is it possible to retrieve the actual value of an inline style
[jQuery] why does load cost so much time?
Hi, recently I changed my ajax returned content format to html pieces, using a load() function with an expect of time decreasing used for dom manipulation. On the contract, it could be even longer than the previous xml processing time. After a debugging with firebug, I found the function data() consumes most of time, 90% of the total one. Here's a quick illustration: <table class="profileTable" cellpadding="0" cellspacing="0" width="100%"> <tbody class="profileTbody"><tr class=""><td class=""><a
[jQuery] getJSON
i am trying to load json. but it seems like its not working. nothing is alerted. supposed to be the case? <script type="text/javascript"> $(function() { $.getJSON("data.js", function (json) { alert(json); }); }); </script> data.js [ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry}, {Value: 3, Item: Biology} ];
[jQuery] Cycle Plugin : [cycle] terminating; too few slides: 1
Hi, Cycle Plugin is great!!, but i have a problem, in my home pages firebug say: [cycle] terminating; too few slides: 1 but in another sections of my website Cycle Plugin work great!!. The images, im loading from database with a while.... Anybody know about this msg? thanks
[jQuery] ui.tabs : callback show doesn't work
Hello. I meet a strange problem with ui.tabs that I can't understand. I have 2 tabs which work fine. There are few links in the first tab and when I click one of these links, the second tab is selected... this part works fine. But I want the second tab scroll down the description, and I've a problem with this part. <link rel="stylesheet" type="text/css" href="/design/css/jquery-theme/jquery-ui-1.7.custom.css" /> <script language="javascript" type="text/javascript" src="/js/jquery.js"></script> <script
SlideToggle: Starting slide from specific height?
Hi jQuery-Fans, I would like to slideToggle a div-Container starting from a specific height. Right now the container is sliding down from height 0px to 400px, but I would like to show the first 200px immediately and then slide down to the full height of 400px. Any ideas on how to do that are appreciated Thanks!
[jQuery] slide/scroller to top
Hello How is it possible to slide scrollbar to the top with jquery? Thanks a lot for help!
Dropdown menu with clickout
I'm trying to achieve this effect by putting a full page big background div with z-index lower than the one of the dropped down menu. With this code: $("li.lang").click(function () { $("#backgroundSelect").show(); $("#select").show(); }); $("#backgroundSelect").click(function(){ //$("#selectlang").hide(); alert("hide!"); //$("#backgroundSelect").hide(); }); I can click on my li.lang, the dropdown menu (#select) is showed, the background too (I made
$.getJSON sending "null" page?
I am using this statement in a Javascript page to send an Ajax request to a PHP page: $.getJSON("respond4.php",myvar,returnfunction); "respond4.php" is the PHP page that I am trying to send the variable "myvar" through to. "respond4.php" is in the same directory as the Javascript page that contains the above statement. Yet, I am getting this error in my Apache error log: "File does not exist: C:/Program Files/Apache Software Foundation/Apache2.2/htdocs/null, referer: http://localhost/newajaxtest01.htm"
Next Page