I am having an issue with adding namespaces to my JavaScript. When I run this code in FireFox everything works fine. When I run this code in IE7, I get and error saying “Not Implemented�. It is pointing to the line of code where I Instaniate the object (testNameSpace.menu = new js.JavaScriptCodeIsHere(); ). Does anyone know why this works in FireFox but IE7 tells me I have not implemented something? Code:
View 2 Repliesvar BN = {
foo: function() {
alert("hello world");
},
z: function() {
alert("hello world");
},
}
I would like to add a member moo to BN whose definition is
var moo = {"a":"A","b","B"};
How do I do it?
Using the Firebug console is there a way to log the content of the global namespace? I particularly want to recognise when something is added to it by my code. I could step through my whole code :( but I'm hoping there is an easier way.
View 3 Replies View RelatedI know function name can be invoke by string using the following:
window[functionName]
But how do I use this for namespace function i.e. myname.function ?
I need to get a reference to a tag with a custom namespace, e.g.: <foo:MyTag/>. I've tried $("foo:MyTag") but that doesn't seem to work.
View 5 Replies View RelatedI am getting this error b/c I am passing a parameter to function showAlert() from onload. Is there a way to get this to work where I can pass the parameter and set the text of the alert?
HTML
<body onload="elementClick(this)">
JavaScript
function elementClick(form) {
var doc = document.getElementsByTagName('form')(0);[code]].....
I'm working on an app, which createsvisualizations based on SVG. I was using jQuery SVG by Keith Wood at first [URL], but at some point I've noticed that it's very inconvenient for some stuff and wrote my own functions to handle everything. One of the quirks when creating svg trees dynamically is that you have to create all elements and set attributes using the SVG namespace ("[URL]"), otherwise they aren't rendered correctly by browsers.
Here's an example of how you create a text element...
var svgns = "[URL]";
var newText = document.createElementNS(svgns,'text');
newText.setAttributeNS(null,"x","0");
newText.setAttributeNS(null,"y","0");
$(newText).text("some text");
$(svgGroup).append(newText);
There doesn't seem to be a way to do that more effectively using jQuery. For instance, you can't use attr to set multiple attributes, since it won't use setAttributeNS.
Actually the selector works in this form:
$objects = $("dl\:object",contextelement)
but not in this form: $(element).children("dl\:object").I don't care that it doesn't work in the second, because I only need one time access, since I replace these custom elements with valid html using javascript, as soon as the page loads (sort of like xfbml I guess).My concern is that it DOES work even in IE, which only returns a tagName of "object" from <dl:object>. (given the following html attribute: <html xmlns:dl>). So I'm suspicious. I've tried following the code that matches the selector, but I can't do it, it's too complex for me to follow in a reasonable time.
How this image gallery with lightbox is done? I am trying to figure this out and was searching, but couldn't find how this was implemented with lightbox. [URL]
View 3 Replies View RelatedI just started implementing jQuery in the College site that I work on. I really like it, but on the pages I have used it on, I seem to get a 3-4 second lag sometimes. The puzzling thing is the "sometimes" part since this only happens about 25% of the time.
The first place I am running into this is on the homepage. I have implemented a content slider using jFlow. Sometimes when the page loads there is a 3-4 second lag when you can see all of the slides. I submitted this problem to the tutorial page where I learned how to make the content slider, but have received no response. All of the pictures in the content slider are pretty small, so I don't think that is causing the lag.
The second place where this problem happens is on a page where I have used a simple jQuery technique to stripe every other li in an unordered list. Again, about 25% of the time there is a 3-4 second lag before the striping effect kicks in. This is a very lighweight technique and there are no major graphics on the page so I don't know what is causing this.
Here is the code implemented on the search results page:
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
[code]...
The original code (from my Google custom search control panel) included a FrameWidth of 600 and I changed it to 500 but it didn't make a difference.
I am trying to do implementation of the Nivo Slideshow on my website. I've been at it for a couple of days now and I'm just about ready to give up:
Here's my markup:
<div id="slider">
<img src="/images/Slide1.png" alt="" title="Dead Kool"/>
<a href="[URL]"><img src="/images/Slide2.png" alt="" title="Alex Kidd" /></a>
<img src="/images/Slide3.png" alt="" title="Asteroids" />
</div>
My CSS:
#slider {
position:relative;
width:620px;
height:350px;
background-image:url(../images/title.gif);
background-position:-10px 30px;
background-repeat:no-repeat;
background-attachment:fixed;
} .....
Slider CSS:
/*
* jQuery Nivo Slider v2.3
* [URL]
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* [URL]
*
* March 2010
*/ .....
The test site is here [URL]. For some reason I just can't get it to work.
I have been working on this code in the last few hours with my boss and we are completely stumped. We are currently writing our companies new site, and we have come across a problem. We built a mini samples user control that shows on a few of our pages, that works with no problem. In that user control, we implemented a Rad Window Control by Telerik.
We have the auto populate thumbnail images and full size images from a database during the ItemDataBound event on our Repeater, this too works fine with no problem. When we first implemented the window, we added anchors to the thumbnails in the code behind so when a user clicks on a thumbnail from the parent page the thumbnail shows up in the window scroll bar at the bottom when the window opens. This worked fine except when you click on a thumbnail with the window closed the parent page would scroll half way down and then the window would open. The scroll function worked fine and had no problems with it, but we wanted to fix the parent page issue.
We decided to do accomplish the same task but with javascript. Since it only meant a few changes we thought it would be no problem, but we are stumped like never before. The javascript code we are using works fine, but when we try to implement it in the window, it doesn't do squat. We suspected that the javascript was being called before the page was loaded but even when using onload in the body tag it still doesn't do anything. We then added a literal and populated the text in the PreRender event but still no avail.
I made a test page that had the exact same javascript functions as the samples page but with hard coded content rather than data binded. This page works exactly as it should, but the samples page doesn't. I have already looked into the Telerik support forums but can't find anything near related to our issue so I thought I would stop by here as a last resort. I hope that we are just missing something and is an easy fix, rather than having to rewrite everything but if it's needed then it has to be done.
So here are my questions for you :Can you look at our code and see if we are missing something. Maybe a fresh pair of eyes will do the trick.Would going back to the anchor system be better and just try to fix the parent page scrolling issue?
I have posted our samples page and the test page that I made.
view-samples.aspx
I have a login panel on my website that is implemented as an overlay div. So if the user clicks on a link that requires authorization, this div is made visible with javascript. In the login panel there is a form consisting of a field for the user name, the password and a submit button. What I want to do is when the user entered his name/password and clicked on submit I want to do an asynchronous request and check whether the password was correct.
My question now is: What is the best way to do this check? Intuitively I would create a response xml file where I store a variable like <correctPassword>1</correctPassword> and check whether this variable is 1 (true) or 0 (false) and react accordingly.
Is that the way to go or is there a better approach to achieve this?
I have an inline datepicker on my page...I need two things:
1.) I've implemented the onSelect method, but what I really want to do is do a non-modal popup for the user to see what calendar events from the database that are on the date selected. I've worked out all the database and json parts, but now I need to make the popup near the calendar. I'm surprised that there isn't any mouse coordinates passed to the onSelect function. Anyone ever attempted something like this?
What I'm looking for is something similar to this: [url]
2.) Also from the link above, you see how they have a star on the dates that have events associated with that date? How can we modify the date so that there is some way to distinguish days that have events associated with them versus ones that don't.
I'm sure this is a very trivial and probably simple thing to fix, but unfortunately I've run into a massive wall with it!
(Vague disclaimer - i'm new to Javascript and jquery, but learning slowly.)
I've implemented the scrollTo and prettyPhoto plugin on my websites, both work brilliantly on everything but Internet Explorer: [url]
I've used the following code to initialize the jquery:
I've followed instructions for both plugins pretty well down to the T, so i can't see where i've gone wrong here.
I wanted to ask how it is possible to get error messages from the server till it is implemented in the remote method.What do you think is the less work intensive alternative.I also wanted to ask if i have two fields A and B, and the values of B depends on A. How do i make it with the plugin and the remote method ?I saw that there is a way of writing custom methods:URL...But how do i combine it with the ajax calls?
View 2 Replies View RelatedThe DOM Level 3 specification has a section (1.2.2.2) that talks briefly about "groups" of event listeners. What does this mean? Is this similar to attaching event listeners with a namespace, as in jQuery: "event.my_namespace"?
View 2 Replies View RelatedI have seen namespaces created (or really to avoid creating namespaces) like this
(function () {
alert("hi");
})();
but today I saw this
new function() {
alert("hi");
};
Is there a difference? The second one looks much cleaner so I'd prefer to use that one.
I have this below script: in Firefox, it works fine but in IE, i saw an alert box and then I saw an error that says: "not implemented"
Code:
<html>
<head>
<title>javascript</title>
[Code]....
I'm working on some code and am running into brick walls. I'm trying
to write out Javascript with Javascript and I've read the clj Meta FAQ
and didn't see the answer, read many similar posts (with no luck
though), and searched through the IRT.ORG Faqs
(www.irt.org/script/script.htm).
The Javascript is designed to open an popup window and then inside that
window call another script which will resize that window. There may be
another way around this but the reason I tried this approach initially
was that I wanted to call the onload handler in the popup window to
resize the image only after the image had completely loaded. I've had
some code in the primary Javascript file (showimage.js) before that
works if the image has been cached but on the first load, it doesn't
resize properly which tells me it is probably because it is trying to
resize the window based on the image size but it isn't completely known
at that point. So I removed that code and tried placing the resizing
code in the second Javascript file (resizewindow.js). BTW I've tried
other code to open a popup image and automatically size it ie Q1443 at
irt.org but that doesn't do exactly what we need.
Even if there is another way to do this with one file, I still want to
figure out why this isn't working in case I run into it in the future.
I thought what I would need to do to use document.writeln to write
Javascript would be to escape any special characters and to break
apart the script tag ie
document.writeln('</SCRIPT>');
would become
document.writeln('</SCR' + 'IPT>');
I have a HTML page and 2 Javascript files. All files are in the same
directory and have permissions set correctly.
Here are the 3 files (keep in mind wordwrap has jacked up the
formatting):
index.html
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1"
SRC="showimage.js">
</SCRIPT>
</head>
<body>
Click the house<BR>
<A ONCLICK="newWindow1('house1.jpg','Nice House')"><IMG
SRC="house1thumb.jpg"></A>
</body>
</html>
showimage.js
------------
function newWindow1(pic,sitename)
{
picWindow=window.open('','','width=25,height=25,sc rollbars=1,resizable=1');
picWindow.document.writeln('<html> <head>');
picWindow.document.writeln('<SCR' + 'IPT type="text/javascript"
LANGUAGE="JavaScript1.1" SRC="resizewindow.js"></SCR' + 'IPT>');
picWindow.document.writeln('</head>');
picWindow.document.writeln('<body onload="resizewindow();">');
picWindow.document.writeln('<img src=' + pic + '>');
picWindow.document.writeln('</body> </html>');
picWindow.document.close();
}
resizewindow.js
---------------
function resizewindow()
{
// Do resizing here.
// Right now this isn't being executed
alert("resizing window");
}
Can anyone provide some pointers as to why this javascript is failing?
I'm using IE6 on Win2k and when I click on the image to open the popup
window, it does open the window but it is white with no content and the
system immediately goes from about 4% CPU usage to 100% and
consistently stays there until I kill that window with the task
manager.
Attached is a simple HTML file that adds and delete rows. In the add
row function I set an attribute "onClick" this triggers the
testMessage() function. When I try this in Firefox it works just fine
however on IE it just refuses to work.
What is interseting is the ROW that already exists has a similar
'onClick' event which works when the page is loaded, but subsequent
"row" additions to the table to not work in IE. Code:
two possibilities or the attribute type of script:
text/javascript (the one i usually use) application/x-javascript
what are the differencies between both?
depends on the html content?
for example html 4.0.1 versus xhtml 1.1?
I'm getting errors in Firefox everytime I try to run this frame resize code, but it works fine in IE. I can't seem to figure out what the problem is with it.
The error is: Error: theFrame has no properties
Line: 8
The line that the javascript console is showing an error for is in italics.
code from page:
<html>
<head>
<script type="text/javascript">
var defaultCols="100px,*";
var hiddenCols="0px,*";
function ShowHideMenu(){
theFrame = document.getElementById("framed");
if(theFrame.cols == defaultCols) theFrame.cols=hiddenCols;
else theFrame.cols=defaultCols;
}
</script>
<frameset cols="100px,*" name="framed">
<frame src="lframe.htm" name="frameMenu">
<frame src="mframe.htm" name="content">
</frameset>
</head>
<body>
</body></html>
Come someone let me know what I'm doing wrong here?
I'm already past the basics of Javascript, and i need something that takes me to the other level and teaches me the new technologies and cool stuff (drag&drop, AJAX, OOP in javascript, maybe XUL...etc). So far i found these two books:
1. Sitepoint's "The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks".
2. Worx's "Professional JavaScript for Web Developers (Wrox Professional Guides)"
Both seems to cover very insteresting topics, but i can only buy one of them. So which one do you suggest?
and by the way, i've read the sample chapter 5 of Sitepoint's book, and it seems like the author(s) just put the solutions/codes there and let you figure them out on your own. Is this how the rest of the chapters are?
This is a question about defensive web browsing. Ocassionally I run into a page whose JavaScript does something that I find obnoxious. I would like to turn off JavaScript only for that page (instead of disabling it globally). It would be cool if there were some way to do this through a "bookmarkable" JavaScript snippet using the javascript: pseudoprotocol. Does anyone know any trick to do any of this?
View 2 Replies View Related