Ajax Editor

[Gruzin]

Hey guys, is there a good (free) ajax/javascript editor? and which one do u use?

 

 

Thanks,

G

[zq29]

What don't you like about the IDE you use for editing PHP?

[Gruzin]

Basicly I use Dreamweaver for PHP (sometimes EMeditor or wordpad). The thing I like in Dreamweaver is - code highlighting, and I want something like that (editor with code highlighting) to edit AJAX.

[redbullmarky]

Dreamweaver highlights JS too - ultimately all AJAX is. If you mean in terms of a drag and drop sort of thing that does all the code for you, then I couldn't personally recommend a good one as they all seem to do a fair bit of butchery to the code - things can get messy very quickly.

 

Personally I'm quite a fan of using libraries such as mootools / prototype, etc (the former being my current preferred weapon of choice) which - whilst they dont do all the work for you, they make things like AJAX/JSON (amongst many other things) millions of times easier, IMO.

[Daniel0]

I'd go for a library as well. I like script.aculo.us. It uses prototype to do the things. scriptaculous is for animation and drag and drop sort of things.

 

If you just need an editor with syntax highlighting then you could use one like Notepad++.

[Ninjakreborn]

http://www.interaktonline.com/Downloads/

I normally do javascript/ajax by hand when I can but there's something.

I researched straight syntax highligher extensions for ajax/javascript and there isn't really any.

But in dreamweaver go to

Edit => Preferences => Code Coloring => Select Javascript => Click edit color scheme.

Here you can set it to anything you want which is a lot better than most syntax highlighting because it's custom.

[tomfmason]

I like to use Aptana for all of my html, javascript/ajax and css. It has a code assist feature, like crapweaver, for js functions.

[Gruzin]

Thanks a lot guys,

 

Dreamweaver highlights JS too - ultimately all AJAX is.

 

Here is an example from Tizag.com:

 

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
var ajaxRequest;  // The variable that makes Ajax possible!

try{
	// Opera 8.0+, Firefox, Safari
	ajaxRequest = new XMLHttpRequest();
} catch (e){
	// Internet Explorer Browsers
	try{
		ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try{
			ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e){
			// Something went wrong
			alert("Your browser broke!");
			return false;
		}
	}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
	if(ajaxRequest.readyState == 4){
		document.myForm.time.value = ajaxRequest.responseText;
	}
}
ajaxRequest.open("GET", "serverTime.php", true);
ajaxRequest.send(null); 
}

//-->
</script>

 

so the functions like: onreadystatechange,ajaxRequest.responseText and so one are not highlighted...

 

Thanks again all,

 

Great info!

[redbullmarky]

maybe there's an easier way, but crack open:

 

C:\Documents and Settings\{your directory}\Application Data\Macromedia\Dreamweaver\Configuration\CodeColoring

 

and go to around about line 300 as a guide (at least it is on DW8). add your chosen keyword, restart DW and Bob's your Uncle

 

important note: back up any of these files BEFORE making changes!!!

another note: Application Data is a hidden directory so you might have to change the folder view options to show hidden files and folders.

[Gruzin]

maybe there's an easier way, but crack open:

 

C:\Documents and Settings\{your directory}\Application Data\Macromedia\Dreamweaver\Configuration\CodeColoring

 

and go to around about line 300 as a guide (at least it is on DW8). add your chosen keyword, restart DW and Bob's your Uncle

 

important note: back up any of these files BEFORE making changes!!!

another note: Application Data is a hidden directory so you might have to change the folder view options to show hidden files and folders.

 

Thanks Mark,

I'm gonaa try that 

 

George

[steviewdr]

I like to use Aptana for all of my html, javascript/ajax and css. It has a code assist feature, like crapweaver, for js functions.

Very Nice.

 

Aptana++