[jQuery] Detect Enter event with Jquery on Linux
Hi there, I am using jquery to make a Comet chat client. But I have problems to detect "press enter" event on Linux. It's really strange. The same code runs well on windows: j.input.bind("keydown", function(l) { if (l.keyCode == 13) { //doing some stuff here, like sending the message Any suggestions?
[jQuery] Superfish Wordpress
hi, i to do this in the header $('document').ready(function(){ $('ul.sf-menu') .find ('li.current_page_item,li.current_page_parent,li.current_page_ancestor') .addClass('current') .end() .superfish({ pathClass : 'current' delay: 500, speed: 'fast' }); }); </script> and this in the body. <body> <div id="page"> <div id="header"> <h1><a href="#"><?php bloginfo('name'); ?></a></h1> <h2 id="blog-description"><?php bloginfo('description'); ?></h2> <?php include (TEMPLATEPATH . '/searchform.php');
[jQuery] validate : check if email @ domain (website)
I've 2 inputs (email & website) and using Validate Plugin. I want to check if the email is on same domain .
[jQuery] UI Tabs and xStandard Object
Hi I seem to have found the following bug. (I am using the the latest versions of all products mentioned) When using jQuery UI Tabs with the following code in one tab, I then select another tab then selected the first tab again the content of the xStandard object is lost or reverts to the initial value. All other form values on the tab are sill preserved as expected. <object type="application/x-xstandard" id="editor1" width="100%" height="550" codebase="http://xxx/XStandard/ XStandard.cab#Version=2,0,0,0"
[jQuery] Input fields bug
Hi, I recently stumbled upon an odd bug i haven't seen earlier while developing my website ( http://demo.7u.nl/liveandtravel/index.htm ). The bug is only relevant for IE browsers (even IE8 though). When clicking on a block with text, like 'Stranden' or 'Rondreizen', you see a popup with the relevant page This popup is actually the jQuery plugin 'BlockUI'. After you've openend a popup once, the input fields below (in the 'Bel mij' block) will act very odd. You can only focus the field by navigating
Trigger <option> binded function by js
Hi. It's my first post in this forum, please be patient In short i have: $(document).ready(function(){ $('select').change(function(){ alert($(this).val()); }); $('select').attr('value', 3 ); }); When JS change the select's option function alert() don't trigger.. Why ? By what way I can change select to trigger binded function ?
DatePicker in jQuery
Hi All, I am using jQuery datepicker plugin. Now What I want is to set the minDate/maxDate value. When I assign in number of days,months and years, it works perfectly. Example:- $("#date_to").datepicker({minDate: -5, maxDate: '+11D'}); But is there any other way to set some date value in minDate/maxDate. directly? Example:- $("#date_to").datepicker({minDate: '2009-07-20', maxDate: '+11D'}); Thanks
Iterating through XML to get tag names
How do I iterate through an XML and get each tag name, without knowing in advance what these tag names are?
Extremely Simple Message Board
I've been trying to learn how to use ajax. This is a simple message board that I made. There are three files (index.php, process.php, getmessages.php) and a mysql database. Simple Message Board
[jQuery] Struts2, JQuery and JSON result to create a dynamic ajax website
Hello all, i wrote a simple guide that explains how to use together Struts2 and JQuery to create dynamic content with Ajax and JSON. http://www.zulutown.com/blog/2009/07/12/ajax-dynamic-content-with-struts2-jquery-and-json-plugin/ I hope someone can appreciate it Thank You
[jQuery] error
jCarousel: No width/height set for items. This will cause an infinite loop. Aborting... i am geetting the above error msg can anybody help me
[jQuery] Accordion-like functionality
Hello, I'm trying to accomplish an accordion-like function, but instead of dropping down the section below, the content just lays over the other options. For example, take a look at the Accordion example here: http://jqueryui.com/themeroller/ Notice how when section 2 is clicked, section 1 rolls up. I'm trying to achieve something where with section 1 open, the user would need to click on section 1 to close it and then could select section 2 which would overlay its content below, rather than pushing
[jQuery] Ajax upload script
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18783"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=989290718-21072009>Can anyone point out a good Ajax upload script. I need one simply for uploading images.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=989290718-21072009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet
How to replace "<td/>" - Please HELP
Hi all, I'm a new into jQuery and I'm stuck with a problem : replace the HTML tag "<td/>" with some code. How to do that with jQuery ? Thanks a lot !
Please give me your comments about this problem with IE
I have installed this great menu on a shopping cart development that I am doing but I have a problem with Internet explorer, the text moves to the right, I have uploaded two picture samples The site can be analyzed online here: http://www.vitwebdevelopments.com/onlin ... .php?cat=1 #1 with firefox ( it looks perfect) #2 with IE, the text moves to the right Please help!!! I feel stucked. How can I solve this problem
Combining several functions
Can someone please help me put this together...? I have a grid consisting of a bunch of DIVs. What I would like to do is append another DIV to the main row DIV when the main row is clicked. And then load that appened DIV with content from another page using $.ajax method. Here is what I have for the appending and removing the new DIV (which appears to be working OK with one exception): $(function() { $('div:even').addClass('hrow'); $('.row').toggle( function(event) { $(event.target).addClass("srow")
Copying html to another div from a partial update
Hi, I have an ASP.NET MVC web application, consisting of subcontrollers, each generating their specific html contained by divs. As an example, on the same page this is generated (among other stuff): <div id="trace"/> and <div id="survey"> textfields and ajax submit button </div> Now, the survey has a submit button in a Ajax.BeginForm, that does a partial update of the durvey div itself. What I also want to do, is that if the submit button is clicked, not only the partial update occurs of the survey
[jQuery] Ingrid, the jQuery datagrid!
Hi all, Happy to announce that the Ingrid datagrid project is still very much alive! With the help of Patrice Blanchardie, Ingrid has been moved to its new home on Google Code, and includes quite a few bug fixes and updates (full list below). Also included is an updated example of a remote PHP script used to render the table-html input required by Ingrid. It clearly illustrates what params are passed in from Ingrid (page, sort, sort dir, etc). I know this is easily retrieved via Firebug's concole
Column Hide/Show mechanism
Hi, I'm looking for a column hide/show mechanism. I have a table that gets rendered as below. http://img197.imageshack.us/i/expandb.png/ When I click on the black triangle button, I want the following to happen. http://img525.imageshack.us/i/collapsey.png/ If you look at the Item Number row, clicking on the button hides/shows the item number variants (the extension after the first five chars) and displays only the main item (one with only 5 chars). Please let me know how to achieve this or if this
Lookup Field
I am new to using JQuery. Is there a plugin/widget or something which would help me create the following: I have a form field which holds a key value to another table. The user wants to be able to type key values into the field, but they also sometimes want to do a lookup and select one of the child table rows and have the key populated to the form field. I was thinking to have just a basic form field with a little "lookup" icon next to it. Is there a widget for this in JQuery? Some other slick way
[jQuery] jQuery => License
Hello Team, I just want to know that do I need to purchase a license if I want to use jquery on public sites. Waiting for your quick reply!!
CSS and unbind problem
Hi, I have a table tag within a div tag. I want to bind a click event to the div tag, but suppress the click event in the table tag. Pseudo code: <div id="foo"> hello<table><tr><td>world</td></tr></table> </div> <script> function myfunction() { alert('here'); } $("#foo").bind('click', myfunction); $("#foo table").unbind('click', myfunction); </script> This example does not work. Clicking the table text still calls myfunction() Any help would be appreciated.[/code]
[jQuery] Preemptively getting the "auto" height of a <div>
Hello, I have a <div> with a height of 300px, overflow hidden, and a lot of text -- more than can be displayed in the <div>. I would like to .animate() the <div> to display the entire text. Without animation I could just use .css("height", "auto"). When I use the same code in animation -- .animate({"height":"auto"}) -- it returns the height of the <div> before animation, i.e. 300px. Instead, I need to set a variable before animation that captures the value of "height":"auto" without actually applying
[jQuery] please help i have 2 jquery in one page and only one working
<head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>:: Navin Designs :: Creating Your Home On The Web</title> <link rel="stylesheet" type="text/css" href="main.css" /> <LINK href="css/style.css" rel="stylesheet" type="text/css"> <SCRIPT language="javascript" type="text/javascript" src="js/ jquery-1.3.2.min.js"></SCRIPT> <SCRIPT language="javascript" type="text/javascript" src="js/ jquery.easing.1.3.js"></SCRIPT> <SCRIPT type="text/javascript" language="javascript">
jQuery Animation: clicking twice?!
Hi all, when clicking an item on my website, it has to expand so you see some more options (links). Now, when I want it to appear, I have to click it twice, after I clicked it twice, it works perfectly with one click.. Anyone who can help me out here? You can find the code on: http://www.spurtersite.aclebbeke.be/spurters.php >> Beneath "Tijden" >> "Toon alles" Thx!
[jQuery] Binding of object
Hey, is it possible to get the "binding" of an object. Let`s say i do $("#login").click(function); so the next time i call $("#login") i want to check if a click event is already bind to that obejct. So that i don't have a double binding (in this case the click is doubletriggered) My solution was to unbind it. $("#login").unbind("click").click(function); This does work but i was just curious if there is another possibility to check this.
[jQuery] Modify look & feel of scrollbar
Hi Guys Is there any way I can modify the look and feel of my scrollbar ? I looked into the jScrollPane plugin but it only works for jquery 1.2 and Im using 1.3.
[jQuery] Tablesorter & Pager Problem
This works fine when i just use tablesorter but when I add pager plugin code , it doesnot work properly. What happens : When I click on the header to sort, it displays me a just the header row What should be done : ....... Following is the code, <html> <head> <link rel="stylesheet" href="/css/custom-theme/jquery- ui-1.7.custom.css" type="text/css"> <link rel="stylesheet" href="/tablesorter/themes/blue/style.css" type="text/css"> <link rel="stylesheet" href="/pager/jquery.tablesorter.pager.css" type="text/css">
[jQuery] Replace div with another div
I'm trying to figure out how I'd explicitely change out a div. Lets say this div is in the page. I guess first I'd have to verify if it's in the page: <div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev- disabled jcarousel-prev-disabled-horizontal" style="display: block;" disabled="true"/> And if it is, I want to remove it and add this in the same place: <div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;" disabled="false"/> I have not a clue how to do this.
[jQuery] jQuery - Best way to get this ID from the DIV.
Hi, I have this HTML: <div id="1" class="item clearfix"> <div class="image"> ...</div> <div class="product">x ...</div> </div> <div id="2" class="item clearfix"> <div class="image"> ...</div> <div class="product">x ...</div> </div> In the "product " DIV i have an " x " that x is an image icon, when clicked it is suppossed do delete the product, i have it working very good, but i don't know if the way i do to get the ID via javascript is the best way or is a more simple way to do it. My js to get
[jQuery] Superfish How to programatically unexpand menus.
I notice, when someone tabs through with the keyboard, and presses enter on a link, it triggers the click event on that link (which is good) but then the menu stays open.. In my case, I'm not directing the user to a new page, just loading up ajax content, so the menus just hang there open.. I want to close them after a click/pressing enter.. Does anyone know of a way to do this? Or should this go with my gripes about keyboard navigation.
[jQuery] Inline JQuery
Hi, Can I copy all code from jquery source into inline <src> html ? I need to use it in Blogger template. Thanks, Feris
[jQuery] jqgrid default loaderror handler : is it possible?
Hi, I would like to specify a default loaderror handler for all my jqgrids... 1. is this possible with $.extend($.jgrid.defaults...)? 2. how can I get a reference to the grid in my default loaderror handler?
How to use the dialog button's style for asp.net buttons?
Hello all, I've just started to learn jQuery since yesterday so there are a lot to learn. My question is about the jQuery UI dialog: How can I use the style that was used for the button in the dialog for asp.net buttons? I would like all my buttons to have the same look and feel. Thank you very much, Kenny.
Fade up images once scrolled into viewable area?
I have just seen this brilliant effect on http://butdoesitfloat.com Where all images are loaded in, so scroll bars know how far the scroll is. Then they are faded up (using jQuery Cycle) once you scroll an image within the viewable area of the browser. Any idea how i could achieve this?
[jQuery] [tooltip] Fade on IE
Hi, I am using and modifying the sample demo page and have a error on IE: Using: $(function() { $('#pretty').tooltip({ track: true, delay: 0, fade: 500, showURL: false, showBody: " - ", extraClass: "pretty", fixPNG: true, left: 120 }); }); The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support
[jQuery] Menu items count
Dear Sir, Im new to joomla, and im tryin to use your Superfish Menu on my site, The problem is my menu has more than 10 objects and Superfish menu only shows 10 objects and rejects the rest of em. is there any way to increase the number of objects it shows? Many thanks in advance, Andre
[jQuery] Caching jQuery objects
Hi, I just created a little widget using jQuery. The code is kinda ugly, but I'm trying to improve it at least a bit. The first thing I wanted to do was to cache the jQuery objects. In this case I created global variables for this. Besides the global variables, I have a couple of functions using "live" to bind a handler to an mousedown or click event. Now, when trying to use the variables in those functions I recognized two "effects": 1. Trying to apply .attr('disabled': true) to one of the cached
[jQuery] appenCache issue in tablesorter with IE7/IE8
Hi everybody, I'm using the tablesorter plugin with the zebra widget and I've run into an issue with IE8. I'm setting a number of tablerow (tr) elements to invisible and then run a tablesorter update + appendCache action to make sure the zebra widget picks up on the changed structure of the table. This works fine in all browsers except IE8. With a bit of debugging I've pinpointed it with reasonable certainty to the appendCache function in tablesorter (actually appendToTable) but I can't find anything
slidng menus
heya wonder if anyone can help me with a problem, i have a menu on my site which uses the following code: $(document).ready(function(){ $("ul.mainmenu>li a").click(function(){ var whatmenu = $(this).attr("id"); var openmenu = "#" + whatmenu + "-menu"; $("ul.submenu").hide(1000); $(openmenu).show(1000); return false; }); and it works fine but
Next Page