: In javascript

[Chocolate570]

In the TinyMCE rich text editing javascript code, in the initiation sequence, there's some javascript with :'s. I have no clue what it is and how to use it. Here's an example:

<script language="javascript" type="text/javascript">	tinyMCE.init({		mode : "textareas",		theme : "advanced",		plugins : "spellchecker,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",		theme_advanced_buttons1_add_before : "save,newdocument,separator",		theme_advanced_buttons1_add : "fontselect,fontsizeselect",		theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",		theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",		theme_advanced_buttons3_add_before : "tablecontrols,separator",		theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,spellchecker,cite,abbr,acronym,del,ins,|,visualchars,nonbreaking",		theme_advanced_toolbar_location : "top",		theme_advanced_toolbar_align : "left",		theme_advanced_path_location : "bottom",		content_css : "/example_data/example_full.css",		plugin_insertdate_dateFormat : "%Y-%m-%d",		plugin_insertdate_timeFormat : "%H:%M:%S",		extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",		external_link_list_url : "example_data/example_link_list.js",		external_image_list_url : "example_data/example_image_list.js",		flash_external_list_url : "example_data/example_flash_list.js",		file_browser_callback : "mcFileManager.filebrowserCallBack",		theme_advanced_resize_horizontal : false,		theme_advanced_resizing : true,		apply_source_formatting : true,		spellchecker_languages : "+English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv"	});</script>

I always also see the init() at the top when it's used. Is this some sort of way of setting variables in a class?Thanks.-Choco

[jesh]

I haven't looked into this much, but I remember seeing it in the TinyMCE code. It appears to be another way to set up classes/objects.Check out this link: http://www.digital-web.com/articles/objectifying_javascript/

[jesh]

After looking into this a little more, it appears that it is just a shorthand for object declaration.For example, this:

var MyRectangle = { X:0, Y:0, Width:100, Height:50 }

is the same as this:

var MyRectangle = new Object();MyRectangle.X = 0;MyRectangle.Y = 0;MyRectangle.Width = 100;MyRectangle.Height = 50;

[Chocolate570]

That's awesome. So it's like with()?

[jesh]

That's awesome. So it's like with()?

What's with()? heh.

[donspeck]

Looks like CSS is infiltrating JS, could we get rid of the var and =?

[Chocolate570]

I think you can do stuff like:with(Math) { test=round(1.5) testtwo=anothermethod(num)}And it would execute round() and anothermethod() as methods of the Math object, so you don't have to keep typing it out.

[donspeck]

Plus the advantage of obfuscation, unless your an OS kinda guy

[Chocolate570]

Good point. That thing sure confused me.