Opera Javascript problem

[Barrucadu]

I've got a problem that needs to be solved as soon as possible - I am using TinyMCE to create a WYSIWYG editor on a site, and then posting the content with AJAX, getting it with the textarea.value property. However, in Opera, textarea.value isn't working - nothing is being returned.

 

[Kate]

Can you post some code ?

 

[Barrucadu]

Javascript:

tinyMCE.init({
		// General options
		mode     : "exact",
			theme    : "advanced",
			elements : "tinymce",
			plugins  : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,",
			
			// Theme options
			theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
			theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
			theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
			theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
			theme_advanced_toolbar_location   : "top",
			theme_advanced_toolbar_align      : "left",
			theme_advanced_statusbar_location : "bottom",
			theme_advanced_resizing           : true,
			
			// Example content CSS (should be your site CSS)
			content_css : "style.css",
			
			// Drop lists for link/image/media/template dialogs
			template_external_list_url : "js/template_list.js",
			external_link_list_url     : "js/link_list.js",
			external_image_list_url    : "js/image_list.js",
			media_external_list_url    : "js/media_list.js"
			});

function postPage(page, element, form, hideLoading)
{
	var params = '';
	for(var i = 0; i < document.getElementById(form).elements.length; i ++)
		{
			var elem = document.getElementById(form).elements[i];
			
			params = params + elem.name + "=" + escape(elem.value) + "&";
		}

	if(!hideLoading)
		{
			loadingImg(element);
		}

	var xmlHttp = ajaxObject();
	xmlHttp.onreadystatechange=function()
		{
			if(!hideLoading)
				{
					uglyEditors();
				}
			if(xmlHttp.readyState == 4)
				{
					document.getElementById(element).innerHTML = xmlHttp.responseText;
				}
			if(!hideLoading)
				{
					prettyEditors();
				}
		}

		xmlHttp.open("POST", page, true);
		xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		xmlHttp.send(params);

	return false;
}

Form:

<form id='messages-compose'><fieldset><ol>

<?php
	echo "<li><label for='from'>From:</label><strong>{$user['username']} ({$user['name']})</strong></li>";

	$users = getusers();
?>

<li><label for="to">To:</label><select name="to" id="to">

<?php
	foreach($users as $iuser)
	  {
		echo "<option value='{$iuser['username']}'";
		if((isset($_GET['to']) && $_GET['to'] == $iuser['username']) || (isset($touser) && $touser['username'] == $iuser['username']))
		  {
			echo " selected='selected'";
		  }
		echo ">{$iuser['username']} ({$iuser['name']})</option>";
	  }
?>

</select></li>
<li><label for='title'>Title:</label><input type='text' name='title' id='title'{$titlevalue}/></li>
<li><label for='tinymce'>Content:</label><textarea name='tinymce' id='tinymce1'>{$contentvalue}</textarea></li>
<li><input type="button" value="Send Message" class="button" onclick="postPage('compose.php', 'messages', 'messages-compose');"/></li>
</ol></fieldset></form>

It works in IE and FF, but not Opera.