JQuery :: Stop Propagation Of Space-Key?
Feb 23, 2011
as a little side-project, I want to make a search engine that behaves similar to the "Just Type"-Feature of Palm webOS: When the user presses a key somewhere on my site, a box scrolls in containing the typed letters and the search results. In order to realize that, I bound a "keydown" event to $(document). I have but one problem: the "space" key. It is correctly recognized, the space is concatenated to the search term; but then, the site scrolls down (found out it's the default action when pressing space in the browser). How can I stop this pagescroll (and maybe other standard-actions) from happening, i.e. my event should recognize the keydown, but not the browser? I tried event.stopPropagation() and event.stopImmediatePropagation(), but somehow it doesn't work. Event when I add "keyup" and "keypress" to the mix (code below).
[Code]...
View 3 Replies
ADVERTISEMENT
Jun 14, 2010
New to JQuery, not new to JS or even ext/js. I need to know how to create a modal dialog box that appears when a user clicks a cell in a table. The modal dialog box should contain, the information in the table row.
If you have something quick and easy, perfect, otherwise, I was hoping you could answer a few questions:
Normally, in ext/js, I'd do something like setting a listener on the div containing the table, then use the js event object to get the row (it's parent), then get the row's children (each of the <TD>s) and walk through and update the form or whatever else I'm displaying.
Is this basically what I'd do here? What are the functions that would probably yield the most readable results (search, find, etc)? Should I/Do I need to install a jQuery extension, or does the base language support this functionality easily?
View 5 Replies
View Related
Nov 3, 2011
I m trying to make a person stay on same page on cancel, but the confirm takes the user to the next page like they press ok. how can i stop it? code...
View 1 Replies
View Related
Oct 19, 2010
How do I add a stop button to stop the clock. Here is my code below.
<HTML>
<HEAD>
<script language="Javascript1.2">
<!--
[Code]....
View 3 Replies
View Related
Oct 12, 2009
i'm trying to create a tree menu, each time i click into a category it shows me the subcategories.My code works fine but i have some spaces between a category and his subcategories, it's not a css problem
[Code]...
View 6 Replies
View Related
Aug 11, 2009
I using JQuery to call back asp.net web service, The web service is simple, only query from SQL Server and return result as JSON. everythings is cool. Only problem is the key of dictionary after Deserialization by eval() method,It cannot access. For example:
[Code]....
View 1 Replies
View Related
Aug 26, 2011
I'm working on this site [URL] and suddenly there is a blank space to the right of the site. As far as CSS is concerned it is not there. I am posting here because I was experimenting with jQuery at the time (I know almost nothing about it). However, I have removed all the jquery code from my files and it has made no difference. IE is giving me a 'console' undefined error.
View 3 Replies
View Related
Aug 7, 2010
When addClass('choose') to li, there is always a white space right under it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URl]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="demo_inc/jQuery.js"></script> .....
View 2 Replies
View Related
Jan 31, 2010
When I fade something out the items below it jump up, then jump down again whenI fade it back in. Is there a way to maintain the space so the items below don't move?
View 1 Replies
View Related
Feb 14, 2011
I just wonder if this is even possible, I'm not a jquery programmer by any means, but I hope I can use it for the purpose of my project. I know wordpress includes jquery automatically, so I wanted to see if I can take advantage of it
View 3 Replies
View Related
Sep 4, 2009
I'm using $("form").serialize(), and then doing an AJAX request.JQuery automatically replaces spaces with the + character.(I couple replace the + character with a space on the server side, butI want the users to be able to enter the + character when they submit
forms.)
View 2 Replies
View Related
Jun 3, 2009
I have created a simple portfolio item for a site I am working on, with left and right buttons to move between the visible thumbnails in the portfolio.
The problem is this: when I click on one of the left or right buttons used to scroll the active list items, it resizes the space between all of the thumbnails by 1 pixel per click, up to 10 clicks.
Here is the markup and my javascript:
View 1 Replies
View Related
Dec 2, 2011
Warning: Complete newbie! I am trying to installthis simple slideshow as a header on my site. It is working fine, but there is an incredibly large gap after the header (see photo below) that is not supposed to be there. Here is the code I am using:
<script language="javascript" type="text/javascript" src="http://www.logfinish.com/logfindesign/pop-up.js"></script> <table width="1004" border="0" align="center" cellpadding="0" cellspacing="0">
tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<style>
[Code]...
View 1 Replies
View Related
Oct 16, 2010
I have been trying out image replacement on radio buttons and check boxes for styling forms. In this case I might have something like:
<label for="usd" class="currency">USD</label>
And using addClass
$(this).addClass('hover');
It turns into
<label for="usd" class="currency hover">USD</label>
The problem is that in IE6 if you were to have two custom radio button classes on the same page then the first one takes on the styling of the last one because IE6 can't figure out the chained class. Ideally I would want the class to be amended on hover toclass="currencyhover" instead so I could write a unique CSS class like .currencyhover instead of .currency.hoverIs there some way to use addClass and not have it add a space between the already existing class and the new one? If not, is there some way to trim it
View 1 Replies
View Related
Feb 1, 2011
I have an accordion in which all the data is being populated from a database. The problem is that after it runs through the query and adds my data it leaves alot of extra spaces which leads the user to have to scroll a great deal before finding the next header.
Here is my code.
<?
$sqlQuery = "SELECT id, date, name FROM webinars ";
$result = mysql_query($sqlQuery);
?>
[Code].....
View 2 Replies
View Related
Sep 13, 2009
I'm currently using the Jquery Flipv plugin, which works well. The only problem is, some words have extra padding at the end, depending on how many characters.
I'm not sure why this is, but it seems that the conversion to vertical text creates some extra spacing on certain browsers.
View 2 Replies
View Related
Apr 30, 2009
I have a div ( id="rightheader") and inside there is a table. The following code replace all content of the table with empty space and then remove the table header.
[Code].....
but that just doesn't produce anything.
View 2 Replies
View Related
Apr 22, 2011
I have a JSP page that I am updating via an AJAX post. When the page gets sufficiently large, I get a "script stack space quota is exhausted" message. I realize it is due to the size of the response, but is there a better way than the following?
jQuery.fn.success = function(responseText, statusText, $form) {
var formId = '#' + $form.attr('id');
$(formId).replaceWith($(formId, responseText));
// Set up our form object again now that we've replaced our form with the data coming back.
$form = $(formId);
// ...
};
View 3 Replies
View Related
Nov 14, 2011
I have an input box with a 'did you mean' box that pops up under it, and it pulls it's results from another php page, however when a term with a space in it, such as "I am" vs. "Im" is entered, it stops working. This is the code I'm using to pull the results. So I made a added a simple string replace to change each space into '+';
search = $('#search').val().replace(' ','+');
search.keyup(function() {
results.load('results.php?q=' + search);
});
But for some reason it is only changing the first space into a '+'; so for example: "Hello how are you" = "Hello+how are you". But I need it to change to "Hello+how+are+you";
View 2 Replies
View Related
Jun 4, 2011
I wonder how to create the effect of objects being aware to other objectsthis is a good example:[URL].. I'm searching for some resources and good tutorials
View 1 Replies
View Related
Sep 1, 2011
I'm currently following this tutorial on loading pages with Ajax:[url]...
For some reason when a new page is loaded via Ajax by clicking a link on the left-hand navigation, the new content returned has a large gap that appears on its left-hand side. My question is what's causing this and how can it be fixed?There's not much in the source, so reading the code shouldn't be difficult.
View 2 Replies
View Related
Sep 23, 2010
So I created a custom rule following numerous examples out on the web for a dynamic text input, but for some reason it seems to be letting spaces through even though my regexp tests out ok to not match when the value is any combination of spaces...
$.validator.addMethod("noSpace", function(value, element){
return this.optional(element) || /^[a-z0-9][a-z0-9_ ]{0,70}$/i.test(value);
}, "Please enter a name starting with either a letter or a digit.");
$('#form').validate({
rules: {
[Code]...
The odd thing is, it will work if you type in a space followed by a character, but if you type in one space, or one space followed by x number of spaces, it just lets it through like it's valid. But yet when I look at the demos and examples that I pulled this from, they never let those scenarios go through.
[Code]...
View 5 Replies
View Related
Dec 28, 2010
The Farbtastic color picker is an elegant solution to the color-picking problem, but its usefulness is prohibitive in those situations where there is not enough screen real-estate. Because it is large, these are many. Since I want to use it in such a situation, I started working towards a solution.
The designed solution involved in clicking on something small, such as Click to Activate, and having the rest of the page become faded-out, while the color-picker appears superimposed over other parts of the page.
That solution is implemented up to a point. In the code posted:
- The trigger appears as part of the original DOM.,
- Clicking the trigger makes the page text fade, the color-picker appear, and the trigger changes to something like Click to Deactivate,
- Upon clicking, it does disappear, and the page text resumes it original appearance..
After this point, one might work towards making it more modular and more easily usable as is farbtastic itself.
It requires a var to hold state, and other things. Ideally, it could be combined with the original to offer a wider range of usage patterns. I have no doubt that the code can vastly be improved, since I am relatively new to jquery, although not to computing.
The code is posted below, in the hope that it proves useful to others, The only change made to the farbtastic.js code itself is to add "id='fbc' " to the outermost <div which is added internally. This change is not shown because it would involve posting all of farbtastic.js for this one change. The section of text used to illustrate presumed page content is from the NSIS Users Manual, and has no significance beyond being some text. The div named 'overlay' was employed to allow shifting the whole thing around as a unit relative to the trigger but might be eliminated were that not needed, since everything else works without it, Note also that the input#color from the original farbtastic has been replaced by 'repeater' which is a <div, but seems to work ok to get the color info.
View 1 Replies
View Related
May 9, 2007
I was using the following code:
element.value = element.value.replace(/ /g,'');
to remove all the spaces in a string.
However in IE6 it complained with and "Expected ')'" error.
How can I tell IE6 to replace just spaces (i.e. not using s)?
I tried / / and /[ ]/ but neither of them worked either.
View 13 Replies
View Related
Sep 16, 2010
What is the best way to handle space in a pop up window parameter?
Code:
<script type="text/javascript">
// Popup window code
[code]....
View 1 Replies
View Related
Apr 16, 2011
Basically the php gives the javascript a list of movies located in my directory, I am able to successfully launch any movie not containing a "space." I changed the code a little bit to allow for a "text input" and manually typed the name of a movie with %20 instead of a space and it worked. So I would like to modify the above code to do this automatically without visibly changing the movie titles. I am not sure where I should change the code.
View 13 Replies
View Related
