jquery-1.4.2.min.js
I'm trying to use the Alt+keyCode in my web-app and want to prevent the event from bubbling up to the browser.
The following works fine in FF & Chrome, no event propagation, but fails in IE8:
$().ready(function() {
$('html').keydown(function(event) {
if (event.altKey) {
if (event.altKey && event.keyCode == 83) { // 'S'
[Code].....
$(".change_page").click(function(e){
e.preventDefault();
do_stuff();
});
I noticed when I click one of these links, there is an ever so slight lag on all browsers. Maybe less than half a second, but it'snoticeable.
Now, when I remove e.preventDefault() and use return false instead, everything runs a lot smoother.
I have this function which prevent the default envent of a link. So far is ok. Then the function execute some tasks and then I need TO CONTINUE with the event with something like event.continueDefault(); Can I do this?
Something like:
$('.link').live('click', function(event) {
event.preventDefault(); // STOP THE EVENT
...//EXECUTE SOME TASKS
event.continueDefault() // LET THE EVENT CONTINUE. Of course, this line doesn't work.
});
I'm using IE8 and when I pass: event.preventDefault(); I get an error
message:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/
4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR
3.0.30729; .NET CLR 3.5.30729)
Timestamp: Fri, 17 Jul 2009 20:07:41 UTC
Message: Object doesn't support this property or method
Line: 256
Char: 3
I know the title is not so good, it's hard to explain the simply thing I'd like to do.In fact, I'm looking for a reverse e.preventDefault() method, something like that :
$(document).keydown(function (e){
if ( e.keyCode == 9)
{
[code]....
I am checking if a form on a jQuery tab is changed, and if it has, the user should get a popup warning when they navigate away from the tab with the form or click any other link on the page for that matter. So I setup this code:
$('a').bind('click', function(event) {
if (formChanged == true) {
event.preventDefault()
[code]....
in the $(document).ready() function. I can see the code is executed, but the click on the link still comes through and the form is lost. I've tried .click() and .live('click') as well but that doesn't work either.
I want create a page which has animation at the bottom of that page. I use jQuery to do that. This is the way I do it
<a href="#" class="animation">Animate this</a>
And this is the jquery
$(document).ready(function() {
$('a.animation').click(function(e) {
e.preventDefault();
//animation goes here;
});
});
When I run the code, all animation run very well except the page always scroll to the top. I try to change the href attribute to javascript:void(0); but it still run like that..
he scenario is that I want to add on onclick handler to a link. When
the onclick handler fires, I want action A to take place, which will
be a request. I want to insure that action A completes before the
click to the link retrieves the page. To do that, I would like to
issue a preventDefault(), wait for action A to complete and then
direct the browser to the page specified in the link (e.g., set
location.href="clicked_link_ref").
I just cannot find any practical information that leads me to a way to
do this. I have googled and read the O'Reilly book on JS and the JS
cookbook, as well. I haven't been able to backtrack from their
examples to a solution to my own problem.
In the following script:
function txKeyPressHandler(theEvent) {
var key = theEvent.which || theEvent.keyCode;
switch (key) {
case Event.KEY_RETURN:
txIMSendMsg();
var userAgent = window.navigator.userAgent;
if (userAgent.indexOf('MSIE 6.0') == -1) theEvent.preventDefault();
break;
}}
if I take out the if clause, forcing the preventDefault to get called even
for IE6 it causes a JS error (just in IE6).
The Yahoo! UI event library goes to extremely great lengths to solve
this problem. Their solution is very creative but uses browser
sniffing. In Safari 1.3 (and earlier?) the following example follows
the link when it should not. Does anyone know of any solutions without
browser sniffing?
<p><a id="one" href="http://www.yahoo.com">link cancelled with
e.preventDefault()</a(isn't cancelled in Safari 1.3, is cancelled in
Safari 2)</p>
<script type="text/javascript" charset="utf-8">
document.getElementById('one').addEventListener('c lick',
function(e){e.preventDefault();}, false);
</script>
Has anybody used <button type="submit" name="dil" value="bert">dilbert</button> and attempted to add submit validation through the submit handler and preventDefault() only to find out the element value is missing? I'm currently experiencing this problem and it's a real headache.
View 4 Replies View Relatedlook at this script :
$(function(){
$('input').bind('keypress',null,b).bind('change',null,a);
});
function a(){
[Code].....
this script bind both keypress and change of the text box to functions b and a. at keypress event handler if user type a char on input box the value of input box change to x and the user char discarded. In this case we expected to run the onchange (change) event because the textbox value is changed BUT this doesn't happen.
Im trying to make a sticky footer and it works fine in all fo the browsers except ie, it wont add the needed height, when using height() it works but if i use innerHeight() it wont work, heres the code
[Code]...
I have what I thought was a simple piece of code to count characters in a text area. The code works fine in FF and safari, but not in IE. Can someone explain if the problem is my code or something else.
View 3 Replies View RelatedI've got a problem with animate() that isn't animating the height attribute properly ... no idea why. I've got a picture gallery with text description below the pictures. I reduced the div hight of the container that's containing the gallery (#Gallerie ) to hide the text area and showing only the pictues. Theres a button (Resize_Gallery ) to resize the div containter to full size and shrink it again. But the animation doesen't work like it should. Instad of a smooth vertical movement it partialy moves smooth than jumps to the destination position and then a bit lower.Well, I've got no clue why this happens. When I use slideToggle() the movement works fine. So whey is animate() so different?
$('#Resize_Gallery').toggle( function(evt){evt.preventDefault();
var $GalleyResize=$('#Gallerie');
var $ResizeButton = $('#Resize_Gallery');
$('#Gallerie').animate({ 'height': '100' }, 1500); $ResizeButton.text('Klein');
},function(evt) { evt.preventDefault();
var $GalleyResize=$('#Gallerie');var $ResizeButton = $('#Resize_Gallery');
$('#Gallerie').animate({ 'heigth': '242' }, 1500); $ResizeButton.text('Gross');});
i have a very simple ajax request, on Chrome and FF, IE 8 it works very well. IE 8 returns "error", "complete"
the content /test.php :
<div>test</div>
Ajax request:
$(document).ready(function()
{
$('#test').click(function(){
$.ajax({
[Code].....
I'm trying to replace a ^ if the user types it in. This works ..
[Code]...
I'm working on a weather api. A call to an internal PHP page GETs XML and returns JSON. However, I cannot get it to evaluate as an array:
(function($){
$.ajax({
type: "GET",
url: baseUrl + "weather_data/get_forecast",
[Code]....
Firebug (FF 3.5) displays the response in the JSON tagged perfectly parsed, but the code above fails.
I'm trying to grab the X/Y co-ordinates of given elements on a page, and scroll to them using the window.scrollTo() method. This is working for standard text boxes (INPUT objects), but for drop down lists (SELECT objects), the JQuery .position() method isn't returning the result object:
var el = $("#[id$=" + elements[i][1]);
if(el.position() && el.position().top) {
var top = el.position().top;
var left = el.position().left;
window.scrollTo(top, left);
break;
}
This works just fine for text boxes, but will not work for selects/drop down boxes. I've stepped through the code and the element el is always populated correctly, so its not the get statements that is at fault. If I inspect the value of el.position().top I get 'null or not an object' and el.position() returns 'undefined'.
I am using what I thought was a fairly standard way to add table rows. Generated a string - and then $("#table1 tr:last").after(totalString)
However, in IE7 this completely fails and in IE8 it appends to the top of the page.You can see this here:[URL]...
I am wondering why:
$.post("remote.php",
{'f':a_searchtype, 'partial':value},
function(data){
$("#result").html(data);
[Code].....
causes javascript errors in unrelated sections of code.
The second version can be used in a common routine that doesn't know what is being passed.
The submenu works fine with FF, IE8 etc. But it fails with IE7.I have to use sprites background images and the second level sub menu
have to be positioned at a certian place.When I hover top of sub menu, it is ok. But the below of that submenu, such as Radio, Artikler, Hvem er vi?, I am not able to select in IE7.
So jQuery 1.3.2 defines the visible filter like this:
Sizzle.selectors.filters.visible = function(elem){
return elem.offsetWidth > 0 || elem.offsetHeight > 0;
};
Now I've got a table of hidden (style="display: none") rows. The user will click something that will .show() a specific row, and the whole table -- along with a lot of other stuff -- will be displayed in a lovely thickbox. The problem is that MSIE 8 assigns offsetWidths and offsetHeights to the rows; even those with "display: none" active on them. In "compatibility mode," MSIE will set the offsetHeight to 0, but there will still be an offsetWidth.
Firefox doesn't have this problem; Chrome doesn't have this problem. I'm not sure if MSIE got wildly confused by moving hidden rows into a thickbox. I know I've broken MSIE's rendering of other similar tables on the page, but I doubt those have anything to do with jQuery. I've got around it by using .addClass and .removeClass and filtering on that new class instead of :visible, but I'd rather know that :visible is working as intended in the long run.
jQuery script I wrote works nicely on one computer, fails on 3 othersManaged to get jQuery datepicker to work nicely with $wpdb.This all seems correct to me:
<li><label for="from">From</label>
<input readonly="true" type="text" name="from" id="from" value="Click here to choose!" class="requiredField" style="position: relative; z-index: 100000;" />
[code]....
Here's the page.[url]...
it uses a tabbed menu using the tutorial at [url]...
the tutorial uses text in the <li>'s, but I need to use images
problem is, clicking on the image does not trigger anything
but clicking on the "cc" "t" and "f" text does
what do I have to change?
Maybe it isn't really best practice (as it turns out) to use both jQuery and Dojo in the same application, but there are things I like about both libraries (for example jQuery is faster with animations, while Dojo has interface objects I like better). Nonetheless, best practice or not, I use both and that seem to create some complications.
The first time I load content via AJAX with jQuery DOJO seems to properly parse the checkboxes, datetime pickers, etc. which are sent with the new HTML. However, it seems the second time the parser won't react. I'm calling dojo.parser.parse() every time I load content with jQuery's $.ajax call. So basically my code looks like this:
Code:
$.ajax({
url: 'ajax.php',
success: function(data){
[code]....
It's like when an ID has been treated once by Dojo it doesn't want to do it again. there's a way to let Dojo know it has to parse the same IDs again?