This has been frustrating. Works perfectly fine in Firefox, but just dies in IE. The onload doesn't seem to want to work when the function is in the head script, but if I put all the script in the body, it loads slower. I've tried window.onload, but it doesn't seem to work well since my images need to be modified after it loads.
View 1 Replies
I have an frame in one of my documents (not a frameset document). The top
level document has an "onload" handler in the BODY tag. I have found that
if the frame is unable to navigate to the document it desires, the top
level document "onload" handler does not fire, and therefore important
Javascript function I need called is not called.
The frame document's URL belongs to a service which is not always available,
and when it isn't available, a 404 error results in the frame and ends up
neutering the top level document body onload handler.
I can deal with the 404 error, but is there some way to ensure that the top
level document's body onload handler fires?
I'm having a hard time figuring out why the onload event is not being
called for the frameset window in the following simple example. It is
being called for each of the component frames. Code:
I wander what gets loaded the fastest (1-2 or 3) in what succession:
<head>
<script type="text/javascript">
function andAction() {
// doing stuff
}
</script>
</head>
<body onload="andAction();">
<script type="text/javascript">andAction()</script></body>
just in the head and nothing more
This I am sure off:
<head>
<script type="text/javascript">
window.onload = function andAction() {
// doing stuff
}
</script>
</head>
<script type="text/javascript">andAction()</script></body>
just in the head and nothing more (should be 1)
Third and last which is faster:
body onload or window.onload
I'm seeing a difference in behaviour between
window.onload = f();
and
<body onload="f();">
Specifically, window.onload appears to fire before all the elements of
the page have been rendered. As the difference is consistent across
IE/Moz/Opera, I'm assuming it's deliberate - can anyone point me
towards where this behaviour of window.onload is defined in the
documentation? TIA. Code:
I have a bunch of text that I want to split into an array of sentences. I have the following code that works just fine on FF and Chromium, but ofc has to fail on the pile of *** that is IE [code]...
It does not produce any errors, but the resulting array often has empty strings as value instead of the sentences that should be there. how to do this in a way it also works on IE?
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]...
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].....
I'm working on a script for Hulu that will present the user with some options, then automatically sort their queue depending on those options (a blessing for someone like me with 450+ entries). The sequence is as such:Read and store all entry rowsPresent user with a form to assign shows to categoriesPresent user with a form to assign weights to categories (so something can show up more or less often in a "block") as well as options for how to sort entriesSort previous row listings based on user inputDecide the order of shows and change the values of their respective "Order" boxesI've gotten it to work up until this last part. I'm creating the dialogue boxes using proper DOM input (at least, I believe so), but for some reason I can't use getElementById() or getElementsByName(). I can use getElementsByClassName() and getElementsByTagName(). When trying to use the first two, I'm just told that it isn't a function.
Here's the code section itself, the problem line is Line 3:
Javascript Code:
This is inside an onclick event; finalBox is declared outside of that handler. I'm able to use finalBox.getElementsByClassName in the same function about 20 lines up. For reference, here's where I create the elements I'm trying to find:
Javascript Code:
CustRow is a function that helps me shorten the code of adding a cell to a row (with addCell()); it creates a row element and attaches it to the given table element.
That first piece of code is the only place where I use getElementById. My main thought is that I'm doing the ID wrong and, for some reason, it's not registering with the DOM (though that doesn't explain why getElementById() still fails instead of returning null/undefined). Also, while I hope to eventually make this a FireFox add-on, I'm executing all of this through the FireBug console, so I don't know if that would affect it or not.
Any insights? I can change it to use getElementsByClassName (and it appears to work), but this is really frustrating me and I'd prefer not to use a messy work-around. (Actually, getElementsByName would be best, but I thought that getElementById would at least work.)
I have created a simple form for uploading text files.You can see two versions of this it at: http:[url]....The form created with static HTML, works fine in current versions of the major browsers.However the dynamic form, fails (only) in IE.It fails because IE does not send the file at all when the form is submitted.
View 7 Replies View RelatedI have an XML tag that looks like this.
XML:
Code:
And I'm testing if I have an attribute in the image tag like below. All is fine in FireFox but in IE it fails on the hasAttribute test. why IE is not accepting it?
JS:
Code:
I have a list of input1's and inputs2's. The input ones are an accept button and the input2's are a deny button. However, I set up an alert to tell me the name of the input 1's but I am only told the name of the last input1 in my list.
I would like input1.name to show me... something like accept[3]. Where 3 is the uid of the user being accepted or denied. The name works when I look at the source code, but fails when I try to create the alert.
How can I achieve this result?
Code:
So what to do here, thats the question:
- You want to get the data of the button that has been pressed, if such function exists.
- Then use AJAX to send the form data to some file that probably doesnt exist yet.
- Give the PHP a responce, and echot he response to replace the buttons.
There are no problems with the following image loading code fragment
and window.status assigments/updates in IE but in Firefox window.status
fails to update. Any suggestions?
(function imageLoader() {
for (i=0; i <= 358; i+=2) {
imgSRC = 'cue'+i+'.gif'
cues[i] = new Image();
cues[i].cnt = 0;
cues[i].onload = imagesToLoad(i);
cues[i].onerror = createErrorHandler(imgSRC);
cues[i].src = imgSRC;
}
})();
function imagesToLoad(i) {
return function () {
if ((i += 2) <= 358) window.status = (179 - (i>>1)) + ' images left
to load.'
else window.status = 'image loading completed.'
}}
function createErrorHandler(imgSRC) {
return function () {
this.src = (this.cnt++ < 3)? imgSRC : 'missing.gif'
}}
I am using ASP to dynamically generate a series of forms. When the
page is loaded, everything appears to be correct, except that the
first form generated fails with a "FormName is Null or not an Object"
error. Each subsuquent form created by the code after that works
perfectly. Why is it that the first form, generated with exactly the
same block of code, fails? 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 have the following code that, among other things, should validate US telephone numbers with format: "(800) 800-8000" with hyphen, parenthesis and spaces optional.My main problem is that it validates also numbers like 800 or 800000000000000 etc.The code works perfectly on test pages but not on my website. Something similar happens also for the zipcode.
View 2 Replies View RelatedOn my site I'm using an external (big) javascript file, in this external file there is a function with the following line in it:
function showslide(){
return(currentSlide);
}
In my main html file the external javascript file is loaded within the head section. This external file does a lot of other stuff besides returning a number.Somewhere in my html file I need to call the showslide function. I tried doing that with this:
<script language ="Javascript" src="upload/3weg_slider.js">
document.write(showslide());
</script>
But it doesn't return anything, when I place an alert line within the function it doesn't show up either.
I have an input element on a form. When I open a popup form and then close it, I try to put the focus back on my input element by using the focus() method. However, that fails and it doesn't get focus.When I press tab to get out of this input element, it takes several tries for it to get the tab event (since it wasn't focused, but how come it suddenly gets focus to respond later?)
View 2 Replies View Relatedhere'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
View 2 Replies View RelatedI have a small number of functions on an object and for every function I wish to make a different function that calls the original where the this can be passed as a parameter. I am making a library and this is a convenience method for people who don't know about call/apply.
Currently (one of) my function looks like this:
function _find(){
return find.apply(arguments[0],Array.prototype.slice.call(arguments,1));
}
However since my functions are in a object I was wondering if I could make a new array dynamically?
var func = {'find':find}, func_new={}; //this is just an example I don't have this part in my code
for(var attr in func)
func_new[attr] = Function('return '+attr+'.apply(arguments[0],Array.prototype.slice.call(arguments,1));');
Two calls, one from a form and one from the html body reach the same 'window.open' function but only the former works.
The idea behind the simplified script of my post is to select to open one of two windows (files) by pressing one of two buttons. Each button passes a different parameter to the 'open/focus' window function. This function has an argument(arg) place holder to determine which window(file) to open(or focus) when a button is pushed and a corresponding string(argument) is passed. The window function is simply a double function,repeating the same if-else statements. That is, with the function(arg): "if(if-else) else(if-else)", the argument passed to 'arg' will determine if[to] {open else focus file1(button1)} else[to] {open else focus file2(button2)} in a new window.
Using a PC with either Explorer or Firefox, both the form button and the button coded in the html body opened a new window, but only the form button could bring the window forward(via 'object.focus') if it was already open. Using a Mac with Firefox, the form button worked well either to open or to bring forward an existing window, but the the button coded in the html body did nothing. Two 'alert' are place in the window function to show that the html button's call is reaching the window function. My question is that if this call from the html button passes through the same statements as that of the form button, why does it fail? (The script is in Perl, but it can be viewed as html in the source page.)
PHP Code:
#!/usr/bin/perl -w
use CGI qw(:standard);use CGI::Carp qw(fatalsToBrowser);use strict;
my $query = new CGI;
my $JSCRIPT=<<EOF;
[Code]....
I'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'.
