when I extend the Image Class (using prototype), IE6 starts to cry:
Code:
Image.prototype.resize = function(width,height) {
var inc;
if(this.width > width) {[code]....
I'm not sure if its because I have the function name resize, but it seems that the script crashes once it comes across that snippet of code.
This line of code:
var Orb[i]=new Element("img",{src:"../images/Orb.png"}).update("container");
Results in this firebug error:
missing ; before statement
[code]....
Does anyone know of a hacked up JS patch for Error.prototype.stack or a getStack functionality for IE and Safari?
Does Opera have Error.prototype.stack?
Maybe something like:
Code:
Error.getStack = function getStack( error ) {
if( error.stack ) return error.stack;
// look up the call chain...
var fakeStack = [ ];
for( var caller = arguments.callee.caller;
caller != null; caller = callee.caller ) {
fakeStack.push( caller );
}
return fakeStack;
};
This is just typed in. I need tested library code that I can rely on.
I'm trying to add a prototype method to the Image object, but I always get the error "images[i].getSize() is not a function". Why?
View 1 Replies View RelatedAccording to ECMAScript, the root of the prototype chain is Object.Prototype. Each object has an internal property [[Prototype]] that could be another object or NULL.... However, it also says that every function has the Function prototype object: Function.Prototype, it confused me, because a function is an object, for a function object, what is its function prototype and object prototype..For example:
var x = function (n) {return n+1;};
what is the relationships of x, Object.Prototype and Function.Prototype
I am trying to get to the bottom of javascript object, prototypes etc. I have a fairly good grasp of it, but I get confused the closer I get to the base object.prototype. FIrst of all, I was under the impression that all objects descend directly from Object. But some objects (like Array) seem to inherit properties and methods from the function.prototype. So does this mean that the chain is like this:
object -- function -- array Second, I noticed (on the mozilla javascript reference site that object.prototype inherits properties and methods from function.prototype and vice versa!? How can this be? I must be missing something important about understanding the chain?
I am building a preloader using the usual:
var img = new Image();
img.onload = done;
img.onerror = image_error;
img.src = 'image.gif'
Things seem to work fine except some times the loading will fail due to a problem such as network error or dropped connection or something. Then the browser will actually cache the image as failed and will not re-attempt to get it again from the server even though it would have probably succeeded on the second attempt.
I have done some testing and it seems that with Firefox I can go through the above procedure (img.src = ....) and it will attempt to get the image again. IE doesn't do that. It will immediately fire onerror again even though if it had attempted to load the image again it would have succeeded.
Any ideas how to get IE to drop the failed image from the cache and request it again from the server?
This JavaScript checks if all the images in the document exists. If a particular image does not exist, that image will be replaced by a custom image! Works with IE only.
This is how it works. In IE, if a particular image does not show up, then its dimensions are 28 x 30 (without the 'alt'). So, the script checks all images with this size after removing the 'alt' tag. If such an image exists, it is a broken-image.
<script language="JavaScript">
function checkImages()
{
if(document.getElementById)
{
var imagesArr = new Array();
var setDefaultErrImg="image_nf.gif"; // Default image to be displayed on error
var setDefaultErrTxt="Image Not Found"; // Default text to be displayed on error
imagesArr = document.getElementsByTagName("img");
for(var i=0; i<imagesArr.length; i++)
{
if(!imagesArr[0].getAttribute("nc")=="1")
{
var tempImgAttrib=imagesArr[i].getAttribute("alt");
imagesArr[i].setAttribute("alt","");
if(imagesArr[i].width=="28" && imagesArr[i].height=="30")
{
imagesArr[i].src=setDefaultErrImg;
imagesArr[i].setAttribute("alt",setDefaultErrTxt);
}
else
{
imagesArr[i].setAttribute("alt",tempImgAttrib);
}
}
}
}
}
window.onload=checkImages;
</script>
When you use the script you will require your custom image (image_nf.gif, here)
i have anerror when i try to swap background images, it works fine in firefox, safari, opera but in IE7, i get this :
[Code]...
I'm having a problem with the image swap javascript provided by Dreamweaver. Here are the versions of all software concerned:
Internet Explorer 6
Firefox 2.0.0.7
Dreamweaver 4
- function MM_swapImgRestore() { //v3.0
- function MM_preloadImages() { //v3.0
- function MM_findObj(n, d) { //v4.0
- function MM_swapImage() { //v3.0
The image swap works fine in Firefox. The problem occurs in IE6. The roll over image in the 4-6index.html page loads the onmouseover image of all the images over the schedule image at the bottom (see website).
When you follow one of the links, such as "see the activities" the image swap script fails completely on that page and produces an error, which is identified, in the debug brief, as being on line 2, character 5 (which, if i'm not mistaken is the character > )
I've created a test page using the same Dreamweaver code for 3 image roll overs and the code worked fine. Upon comparing the code from that test page and my website i see no difference. The Javascript in the header is identical and the code in the body follows the same structure. Code:
I'd like to switch any broken images in dynamically loaded HTML to a warning graphic, something like:
[Code]...
This works with with the 'click' event but not with 'error' or 'load'is there another way to do it? I remember with .live() there were restrictions on what events could be bound, but I can't find that in the documentation anymore for jQuery 1.7's .on()
IM NEW AT THIS AND I'M WORKING ON MY FIRST WEBSITE. I USED iWED AND I DON'T UNDERSTAND WHY IT WON'T WORK. WHENEVER I TRY TO OPEN IT IT SAYS: Parse error: syntax error, unexpected T_STRING in /home/a2460084/public_html/beto/index.html on line 1
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">[code].....
I'm new to jQuery and the validation plugin, I just wondered if it is possible to get the error messages to be shown in an error summary section instead of inline?
View 1 Replies View RelatedI am developing a web page . For this i am using Javascript embedded in html. In the application ,the user can input data via interfaces in the page which is chosen and read from a master xml file , the chosen data then needs to be stored and saved in a xml file.I have designed the web page in FrontPage.
Now the problem i face is while trying to save the output xml file i get error Permission Denied , error code 0 . This happens when i try to open the page in browser IE 6.0 SP2.I am using DOM parser methods for doing the xml manipulations/savings etc.urprisingly this works in another machine.Also can i use the all of the same javascript code if i want to run it in an IIS. Do i have to do some changes to make it server side javascript code.
Trying to use a small bit of script to slide open and closed a div.
Copied it from another page where I have it working just fine. Coding in coldfusion.
When clicked, nothing happens, and firebug pulls an error of DC_ShowDeptStaff is undefined.
Script is:
Code:
Call is:
Code:
Full code is:
Code:
I am working on a simple javascript craps game program. I need some advice since it won't display who the winner is, keep tally of who wins/loses, and the number of total games played. After using the error console there's an error with document.forms [0].thrower.value not being defined.
<html>
<head>
<title> JavaScript Craps Game</title>[code]....
I can use "with" like this:
function MyObject(message)
{
this.message = message;
}
function _MyObject_speak()
{
alert(this.message);
}
with (MyObject)
{
prototype.speak = _MyObject_speak;
}
I was wondering why I can't use "with" like this:
with (MyObject.prototype)
{
speak = _MyObject_speak;
}
One of the complaints about prototype.js (google for it if you're not
familiar with it) is that it's poorly documented. I have this inkling
that the key to understanding prototype.js is in the bind function.
The problem with Javascript is that the "this" operator is poorly
overloaded and it is often hard to understand in the context of
object-oriented javascript
So, let's start with the definition:
Function.prototype.bind = function(object) {
var method = this;
return function() {
method.apply(object, arguments);
}
}
As I read this, it states that all functions (which are themselves
objects) will, in the future, have an associated method called "bind".
The function() function, so to speak, simply instantiates a Function
object with the parameter list and then evals the statement, sticking
the resulting execution-tree in the current code frame.
The "this" there refers to the function object associated with the call
to bind(), right? But the word "arguments" there refers to the
arguments passed to the function object *generated by* the call to
bind().
In every example within prototype.js, bind() is called either in a
constructor or within a method contexted to a javascript object, and is
always called with "this" as its argument, e.g.:
this.options.onComplete = this.updateContent.bind(this);
As I read the code it seems to be stating that the "this" object
referred to within bind()'d functions are being coerced into always
referring to the current instantiated object.
But isn't this always the case anyway? Is this a rather confusing
attempt to ensure "this" purity whereby the call
method.apply(object, arguments)
is forced to always have the reference to the containing object present?
I think I've got it. Bind() generates uniq functions that contain live
references to the objects to which they belong, such that the function
object can then be passed to setTimeout() or onMouseOver(), handlers
that accept functions but not objects.
Lets say we run: window.alert = function() { };
Is there anyway to 'restore' the original alert() method or is it gone
forever?
I know you can do window.alert = Window.prototype.alert, but lets say
you also set Window.prototype.alert = function() { } or lets say we're
in Opera, which doesnt have a Window "class".
I would like to set up an event observer outside of an object, so I
can't use this.bindAsEventListener. How can I pass the correct object
reference?
I tried something like this, and various other variations, but no luck.
This works when I set it up from inside the object, using "this.",
Event.observe(targetId,'click',targetId.select.bin dAsEventListener(this),false);
I wanted to add an object as a prototype to separate my methods more
nicely, however, I ran into a couple of problems. Apart from the
obvious "scope" issues I found that any instances of my class shared
the objects methods and properties.
I realise (now) that this is actually how prototypes work, they share
functions and objects rather than create new instances of them for
every "class", but is there any way around it? (or shouldn't I be doing
things like this at all?) Code:
I am working on my own pop up calendar, mainly because the one I am currently using crashes the Safari browser at times.
So, I want to verify that what I am doing will work, in that I want to be able to have multiple calendars open at the same time, each independent of the other.
So, I start it off with:
var Calendar = {
dateSelected: null,
topPos:null,
leftPos:null,
somefunction:function(e) {
...
}
};
If I create more than one calendar object, will they have their own variables, in that the dateSelected, topPos and leftPos will be unique to that instance?
Or, is there a better way to do this, that is cross-platform.....
In my research in the javascript language I have encountered problems
with implementing prototype inheritance while preserving private
methods functioning properly. Here is an example: Code:
I want ask you if, for a web portal/application, is better prototype or Jquery? I don't want to innesc some type of flame, but after the announce that drupal use JQuery and that the new Wordpress
2.2 use Jquery I ask myself if my choice of use prototype.js is the bettere choice.
I have <div id ="changeable"> with some html in it. I have a link that calls the function to replace the info in the div. The problem is that the "creative_development.inc" file is added to the top of the div and does not replace the content. How do I replace the content, and not just add content?
View 1 Replies View RelatedI'm trying to make an addEvent function that will automatically attach itself to the object using a class.
My question is how can I add the function so when I write obj.addEvent("click",myfunction); it will add the event?
Here's my current function:
this.prototype.addEvent = function(type,fn)
{
if(window.attachEvent)
this.attachEvent("on"+type,fn);
else if(window.addEventListener)
this.addEventListener(type,fn,false);
}