Good Javascript Editor
Mar 27, 2007 i want to download a free open source javascript editor :)
can anyone recommend a good one for me.. :) if you could recommend one that handles nodes and dom aspects that would be great
i want to download a free open source javascript editor :)
can anyone recommend a good one for me.. :) if you could recommend one that handles nodes and dom aspects that would be great
I want to know what is the best Javascript editor for Windows, that have a good syntax highlighting, IntelliSense(it's that technology of the menu when typing, like on Eclipse, but I can't remember it's correct name) and a class browser, what is very useful when you want to see the names of your classes and functions, also to browse on then.
View 1 Replies View RelatedI have still yet to see a JavaScript Editor that comes close toreading a good JS book, learing it and using it with a text editor.
Anyway, here my recipe for build successfull DHTML Applications:
If you want to support only M$ IE stop here and do the following:
1) Install blindfold
2) Repeat the phrase - I love my cage :p
Buy the Book: Buy O'Reilly's JavaScript The Definitive Guide
~ The best damn JS guide & reference period, end of story, finito
Get a good Text Editor with Syntax Highlighting support
~ Real programmers don't use WYSIWYG tools
~ You will never learn with these tools
~ Code is always inefficient
~ Apps to Use:
~ OSX - BBEdit - Powerful but no MDI support :(
~ Win32 - UltraEdit - Low cost, high power, competent
yntax Highlighting
~ ^nix - Kate or KDevelop - Well written but needs KDE (big)
~ Does not work with OSX's X11 Client :[ - ('+' key
doesn't work)
Browser Development Platform
~ Mozilla (1.3+) (FireFox release suggested)
~ Why Moz?
~ Mozilla based development works in:
~ IE 95% of the time
~ Konquorer (KDE/Apple...), Opera 99%+ of the time
~ Why not IE?
~ IE based development works in standards based
browsers only 50% of the time
~ IE black hole methods (non standards based) causes
people to ignore standards based DHTML objects,
properties and methods.
~ Browser Support Baseline
~ IE 5.5sp2+
~ This is the first (reasonably) stable
version of IE for advanced JS coding.
~ When ever I experience weird bugs from users I have them
them upgrade to IE5.5sp2+ and it goes away.
~ Netscape 6.n+
~ Netscape 4.7 should not be supported!
~ Opera ? (I plead ignorance here)
~ Konquorer/Safari ? (I plead ignorance here)
Debugging Methodology:
~ Use JS Console (Moz)
~ Put try/catches at all error prone functions / methods
~ Because of IE's error stupidity, you should get as
close to the source as possible.
~ Read stack property of error in Mozilla to
read stack of error (powerful)
~ Install JavaScript Console Status in Mozilla
~ Use window.onerror handler
~ In IE, read arguments.callee.caller... to read stack
~ Goes only to last error throw point ! not error source
point :[
~ Note: at this time, there is no way to to get to
the Error object in Mozilla from this handler.
Therefore no stack in Moz. Use Try/Catch instead
Add the following code to every page:
_w=window
function getElem(s){return document.getElementById(s)}
function getEvent(e){ return is.ie?_w.event:e }
Event Declaration
~ Avoid using inline javascript declarations (In HTML Tags)
~ Inline declarations is where you call a function or
run code from the html elements definition
(onclick="<RunSomeCode>")
~ This technique will not allow you to access
the event argument in Mozilla...
~ Instead use getElem("<Element ID>").onclick=<function name>
~ Declare handlers like:
function mySlickFunction(e){e=getEvent(e)...
~ This will ensure you always have Event Object
~ If you want to get fancy you could normalize the Event
at getEvent()
~ Method Declaration
~ Declare <obj>.<meth>=function <obj_acro>_<event>(args){
~ Example: myObj.smile=function MO_smile(args){...
~ Why? - When you build you're stack in the debug
you get the method names!
Other Stuff:
~ Use JSON (www.json.org) as much as possible to nest data
structures (for more complex programming).
~ JSON is fast (primitively supported), stable easy to read.
Could anybody else add to this list?
If people are interested, I can make a document and add other stuff
like JS debugging libraries, Consoles and other slick JS Debugging
stuff.
I want to know what is the best Javascript editor for Windows, that have a good syntax highlighting, IntelliSense(it's that technology of the menu when typing, like on Eclipse, but I can't remember it's correct name) and a class browser, what is very useful when you want to see the names of your classes and functions, also to browse on then. Something like VbsEdit, but for JavaScript, because I use it to my VBScript things, but now I'm moving all to this wonderful world of JavaScript.
View 9 Replies View RelatedI have made a mistake which in not so serious because I ambigginer on jquery.
So I am looking for some text editor with good grammar check function.
Are there any good web UI component libraries -open source or commercial - that you can recomment? They need to be cross browser compatible and have good documentation. Jquery UI is very good but limited in number of controls it offers. YUI is very verbose and very hard to use. extJs only other one I can think of. Any others you use and like?
View 2 Replies View RelatedI often use the HTML reference guide at Microsoft which is located
here: http://msdn.microsoft.com/library/d...ce/elements.asp
It gives a descriptions and examples of HTML elements. Can anyone
point me at any similar resources for Javascript?
Can anyone recommend a good javascript drop-down menu?
I am searching for one with these features:
- can easily be used for horizontal and vertical menus;
- is search engine friendly (not mandatory);
- resizes properly when increasing/decreasing browser text sizes;
There are so many choices, and so little time, so if you know of any great ones that are free or affordable, please let me know.
What is the best editor to use for JavaScript?
View 10 Replies View RelatedI am looking for a Javascript WYSIWYG editor that I can include into a perl script to allow for editing a formfield, similar to what this forum offers when you make a post. Is there a script that I can use to code into the perl script to allow that to happen?
View 4 Replies View RelatedHas anyone seen a javascript image editor of any sort?
I can imagine one that allows you to load up an existing image - draw lines, place text, fill etc using something like XMLHttpRequest to work. It would be like a java image editor but lighter. It would then let you save the new drawing.
I've tried looking round but not found much except a business card designer which allows you to type text at predefined locations.
I've been playing with some javascript code and have produced a very
rough proof of concept source code editor written in javascript (a bit
like FCKeditor). Its not ready for release ((L)GPL>2 when it is) but I
thought I'd ask for any guidance and tips.
The intention is to provide a language nuetral source code editor
writen purely in html and javascript so that it can provide code
highlighting/completion etc, eventually as part of an ajax(ish) IDE so
with fckeditor you can manage web sites completely remotely.
There is a temptation to try and use mozilla/venkman but I'd like it to
run on small handhelds too so I will stick to writing it in pure
Javascript/Html.
The intial plan is to produce a javascript editor and then a stylesheet
editor (using the CSS editor on Firefox may make this a low priority)
but I'd like it to be configurable for any language so almost any
coding can be done over the web.
Anybody know any examples of similar that I could plagiarise to get the
basic architecture right?
I am looking for a good - if not THE BEST - Javascript Editor
available, prefarably to include it in Eclipse.
I found Aptana, but it still seems to be buggy, it had problems with
special german characters.
The best would be an editor similar to the Eclipse Java editor - I
want to be able to click on a function or variable to see how and were
it was defined..
I am currently assisting in development of a PHP 4 / MySQL based web application. The application creates large environmental reports based on the information that the users input. Multiple sections of the site allow uses to enter text into a Javascript based Rich Text Editor that will then take whatever they enter and save it into the database. Once the first user enters this information it is sent up a level to a senior reviewer, who then checks the information that the first user entered.
At the end of last week, we had a user call us asking if we could track the changes that any particular user of the system makes, much like Microsoft Word does. I am only a beginning level developer, so I am unsure of how to do something like this and our senior developer is unsure as well.
My only thoughts to the issue would be to make a loop with x amount of users and an array of colors and as each user would make changes to the report, it would automatically loop through each color so that anyone could see who edited what. This seems a little too easy though.
I did a few Google searches but was unable to find anything relevant. Can anyone here help me out or point me in the direction of some way to do this?
I know there are tons of them floating around, but as with all products, some are better then others. Anyone recommend a good drop down menu that I can use on a site that is "almost" standards compliant, so basically, the less bulky code the better.
Sorry, mean to add, this is to be used on an image as the link. We have 5 tabbed looking images so its something like this
<a href="#"><img src="blah.jpg" alt="Blah image" /></a>
6. Display a message saying Good Morning if it is in the morning, Good Afternoon if it is in the afternoon, and Good Evening if it is in the Evening. This is my code:
[Code]....
what do you use firebug for in connection with javascript?
Just want to explore new ways of using it.
Currently I use it to:
1. debug my scripts using console.log(), etc.
2. test small things in the built in 'live' console
At present I am reading Javascript for Dummies, no-one tut please! Can anyone suggest a good beginners book for javascript that is easy to understand but allows progression from nothing to competent (graphics welcome); which includes everything.
View 4 Replies View RelatedI got a simple rollover with a little twist to it… and I have a little glitch.
The two only images that I am trying to get to swap are:
Button_on.jpg
Button_off.gif
That’s it. And it’s the same images for all 5 links
This means that …
all 5 links should start with button_off.gif. And any of the 5 links should swap to button_on.jpg when I get my mouse over it--while all others remain with button_off.gif.
The rollover works, but the only image that swap is on link #5. That is whether I bring my mouse to link #1 or link#2 or any other link. The only image that keeps swapping is link #5.
Check it out and try moving your pointer over the links and you’ll understand
MY TEMPLATE
Afterward, I’ll add text links above these rollovers using CSS. PS: is there a way to create a similar effect using CSS?
I am a complete beginner to JavaScript (well I know this: document.write and alert) and I kneed a really good tutorial for beginners. Preferably free but I will pay up to �3 (not a lot I know but oh well)
View 1 Replies View RelatedI want to have some advice about immutable objects. I made a constructor.
function Point(x, y) {
this.x = x;
this.y = y;
}
This is a very simple one and now I want to make it immutable so that
once an object is created it cannot be modified.
I came up with 2 ways.
[1]
function Point(x, y) {
this.x = function() { return x; }
this.y = function() { return y; }
}
[2]
function Point(x, y) {
this.getX = function() { return x; }
this.getY = function() { return y; }
}
They are both immutable.
You can read x and y but cannot change them.
[1] is short and easy to use but sometimes likely to be error-prone
like
var p = new Point(2, 3);
var x = p.x; //should be p.x() instead of p.x
[2] is straight-forward but looks verbose.
I have to access the data like p.getX() .
Which way is more recommendable?
And is there a better way to make an immutable object?
Can anyone suggest to me a good jquery pop up window script.
View 3 Replies View RelatedI was wondering are there any good slideshow scripts (transitioning image) which is also clickable into Lightbox?
View 4 Replies View RelatedI'm looking for 5-radio button replacement. The user should be able to slide a slider between values from 0 to a 100. Text will appear under it that will say "I strongly agree" "I agree somewhat" "I am indifferent" "I disagree" "I strongly disagree" depending on the values of the slider (they should change in real-time). Unfortunately I do not have the skill to make one, especially one that has a good browser-compatibility. Does anyone know any good snippets? I'll keep searching on google and post back if I find one.
View 14 Replies View RelatedI am writing an application that (unfortunately) will work only with certain browsers and operating systems. Does anyone have a link to a good "browser/OS detection script"?
I'm looking for something simple that I can just include in each page of my html code, and us it like this:
if (! IE5.5+ for windows) {
fail
}
I was wondering if anybody knows of a good replacement for the select element. Maybe something using jquery?
View 7 Replies View Related