Javascript Debugging How?
Jul 21, 2001If I write a Javascript and want to debug it, what's the best way to do it. The browser just says, "error in the page!"
View 7 RepliesIf I write a Javascript and want to debug it, what's the best way to do it. The browser just says, "error in the page!"
View 7 RepliesI have many bit of javascript code that does not work. Becasue I dont have a great heal of experience using javascript, Im not too sure where the code goes wrong.
Is there any good javascript debuggers that I can use that will allow me to go through line by line of that javascript code to see whats going on?
Is there any IDE supporting javascript debugging?
View 2 Replies View RelatedA newly added, not-quite-wanted function of my job is remotely
debugging JavaScript errors on other people's web applications. I have
tried finding a JavaScript debugger that would allow me to do that, but
other the Microsoft Script Debugger, I couldn't find any other.
Are there such programs? Basically, what I'd like to be able to do is
trace commands step by step and view the values of certain variables.
I was unable to figure out how to get Microsoft Script Debugger to
work. I read the documentation and executed it, but I keep getting
"Syntax error" messages whenever I want to see the value of a variable.
Add to that the fact that I am not a developer and I do not know
JavaScript (other than to read it, which is enough for me to figure out
what the problem is) and you see my problem.
I have read about the option of adding message boxes all over the
place, but this would not work out for me either, since I would need to
make changes to this code on the web server, where I don't have access,
and it would be a lot more tedious.
For those skeptical as to why I still expect to be able to debug
problems:
The problems are caused in most cases by the proxy we add on their web
servers, and they are due to values being changed on the fly. I only
need to find out where the code breaks and read the values of the
variables, which gives me the solution ("do not change this variable").
I really want to make my scripts work in Opera. I really, really do.
But it seems like an uphill struggle. First of all, I can't get ANY
kind of debug output. No error messages in the "javascript console" -
but then, I have never seen ANYTHING in Opera's javascript console. Is
there some kind of voodoo I need to perform in order to make that work?
Then, when Opera doesn't like something about a script (even if it works
fine in Spidermonkey), it will sometimes refuse to load it entirely,
which means I can't even do alert() based debugging. What the hell?
Can anyone give me some insight as to how they go about making their
scripts run properly in Opera? I make a point of sticking to ECMAScript
standards (and then making per-browser exceptions where needed *COUGH
IE*), but Opera just doesn't want to cooperate.
This is in Opera 8, by the way. I haven't upgraded yet, since I don't
use it, and I think more people still use 8 than 9 so that's what I want
to target.
Microsoft Script Debugger has been depreciated.
What tools are recommended for debugging JS for IE? I'm only interested in IE7 and 8, but mostly 8.
There are plenty of tools for FF...
I'm finding (like small syntax errors) in my JS/html which are sometimes hard to spot straight away. For example, when coding python on the web, I usually use try: except: and then use the error function to output what went wrong on the webpage.
View 3 Replies View RelatedFirst, is this an appropriate NG for talking about debugging
JavaScript in Aptana?
Assuming it is, I'm trying to get a script to read an external text
file and display the text somehow. The script just dies in the file-
read operation, with no symptom. I tried unsuccessfully to get the
Debugger to run the HTML file.
I put up the following on my personal website:
1. The HTML file: http://home.comcast.net/~CaptQueeg/DemoFileIO.html
2. Some Aptana settings: http://home.comcast.net/~CaptQueeg/...bugSettings.jpg
Did any obvious mistakes jump out at you? Do my Aptana settings
suggest a reason why I can get anything happening under the debugger?
I recently changed my commenting system to display comments from newest to oldest (newest first). I also moved my comment form above my comments, like in Youtube.However, I have many JQuery problems when I have 2 or more pages of comments. Here are some of them:
1. If I comment, the last page (oldest) comments are displayed when the comment is submitted.
2. If I "reply" to a comment, the comment form moves below the comments.
Code:
function setup_comment_ajax() {
jQuery(".comment-navigation a").livequery("click", function () {
$link = jQuery(this);
[code]...
I'm looking for a little help/feedback regarding using a plugin called jqPrint. I haven't used jQuery extensively, and I am new to plugins, so please forgive any novice errors.
First of all, i see on the source page for the plugin [URL].. that it is made for 1.3.x. I assume this does not mean that mean it is incompatible with 1.4.2, which is what my project uses. I have a script with the source code, and I can access a test function. However, I'm running into several problems when trying to to use the primary function of the script.
[Code]...
I'm not quite sure what I'm doing wrong. The script is set up so I can access a test function, but the source function does not work. I would think anyone using the author's script should not need to edit it, but I can't figure out why my project cant' find the jqprint function.
I have a couple of server side scripts that keep troubling me. So far I used Visual Studio to debug them, but for some reason I can't put in breakpoints and stuff ... So debugging like I'm used to is not possible. (I'm developing the sites in dreamweaver) I've tried adding a logging function to a flat textfile, but I've been told traditionally writing to a file is not possible in a server side script... how I can best debug such an application? Is it possible to do so in Visual Studio? Another tool?
View 2 Replies View RelatedI've been playing around with a madlibs exercise while trying to learn simple javascript. I have three input boxes and a button display an alert containing the input from the boxes.
Am I right to be assigning variable names to the values from the text boxes and then referencing those variables in my alert?
I've been working on it for hours and can't get past this point.
Inset a name:
<input type="text" id="textbox1" size="10"/>
</br>
Insert a verb :
[Code].....
I'm trying to attempt a simple animation, as indicated by the following code. The intention is to move the object (a paragraph element node with id message) to the right by 200 px and down 100 px, by 1 px a second.
However, there seems to be a bug or my methodology is incomplete as the browser returns the Textvalue of the paragraph without any styling.
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 RelatedI am looking for a method to extract the links embedded within the
Javascript in a web page: an ActiveX component, or example code in
C++/Pascal/etc. I am looking for a general solution, not one tailored
to a particular page/script.
Hopefully, the problem can be solved without recreating a complete
Javascript interpreter. Any ideas?
I have some javascript that I have written into the <body> section and it works great. But I would like to make it into a javascript function and define the function in the <head> section. Then in the <body> section write a small bit of javascript that would call the function() object. Code:
View 2 Replies View RelatedI would like to know how to write javascript such that, a part of it isnt considered as script, & rather as HTML. Code:
Ok, the layer div can be written using document.write. But, Google ad itself is a javascript isnt it. How can it be written into this? How does this work?
Ok so, this is my purpose:
- to be able to load asynchronously (via AJAX) some javascript ads (like google's or adbrite) so as to make them be loaded in the background, then update the page after the ads have loaded via innerHTML
Why?
-Because 90% of the time in my newer sites, javascript ads are the major offender in terms of speed of page rendering
My problem:
Via ajax, I can call a php file that retrieves some javascript and outputs it, XMLhttprequest returns those javascript lines, but they don't render in the page, since they miss the whole page loading, and are apparently not parsed
For example, let's say I call a php file via ajax, and it returns the output into a variable named "text" containing "document.write('hello')"
if I use xxx.innerHTML=text, nothing happens
My 1st solution:
Passing those javascript lines to eval() [like eval(text) ], but this produces a second problem, that I couldn't solve (probably because of my lack of knowledge in javascipt):
if I eval the code, it deletes my current page and renders a new one
for example, if I parse a document.write, my page disappears, and a new one is rendered with the document.write text
What I want is basically to make that "document.write" appear inside a div in my page, adding to the content (and not overwriting the whole page), much like what happens when using innerHTML
Is this even possible? How would you go about it?
I tried xxx.innerHTML=eval(outputfromphpfile) but it overwrites my whole page...
Just a quickie: is it possible to place javascript within javascript? The following is the code I am using to create a pop-up for a picture gallery. I would like to place a banner from a banner exchange in bold under each photo. When I use the code below I get an error message:
<SCRIPT language=JavaScript>
<!--
function openpic(pic_name) {
myWin= open("", "displayWindow", "width=640,height=510,status=no,toolbar=no,
menubar=no,scrollbars=yes,resizable=yes,alwaysraised=yes");
myWin.document.open();
myWin.document.write("<html><head><title>" + pic_name + "</title>");
myWin.document.write("</head><BODY><center><TABLE CELLPADDING=Ɔ' CELLSPACING=Ɔ' WIDTH=òr'>");
myWin.document.write("<br><img src=kate/image"+ pic_name + ".jpg><br>");
myWin.document.write("<br><br><BR><br><BR><br><BR>");
myWin.document.write("<script language='javascript' type='text/javascript' src='http://www.linkbuddies.com/ad.go?id=134039+2&n=3'></script>");
myWin.document.write("</center></body></html>");
myWin.document.close();
}
//-->
</SCRIPT>
Basically, on one of my sites I'm running adsense and today I added Chitika. The problem is, I can't run those type of ads through my banner advertising program.
The banner advertising program calls the banners/HTML from code like this:
<script language=JavaScript src=http://www.mysite.com/advertise/abm.asp?z=1></script>
And using that program I'm able to either choose a banner or HTML I want to display when that code above is used. It displays HTML ok... but when I try to run an ad of either adsense or chitika nothing displays on the page. The code that would be called is:
<script type="text/javascript"><!--
*Chicika code in here*
//--></script>
<script src="http://xxx/xxx/mm.js" type="text/javascript">
</script>
So... it looks like I can't have javascript call another javascript to display on a page. My question is then... how can I edit the above to make it work or how can I work around this problem? I'd really want this to work with Chitika and not so much with adsense... but it appears both Chitika and Adsense use similar javascript code.
is it possible to use functions from javascript file A.js in javascript file B.js?
View 5 Replies View Related