Fullscreen doesn't work

Question

Hi, I prepared a footer for a website and have the following issue:
There are two buttons on footer bar that interests us. One is fullscreen - clicked activates fscommand function. But fscommand works only when I debug my fla. Otherwise, nothing happens. There's an additional variable that shows if fullscreen is active - nothing happens.
There's also a "coder" info. I wanted to use navigateToURL function for "mailto:..." adress, but nothing happens, even if if changed it to google.com adress. Also debugger doesn't activate it.
I tested it in browser, completely nothing happens.
There's the code, works without any "addons":
package UI {
import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.system.*;
import flash.net.*;
//import com.greensock.*;
public class Footer extends MovieClip {
protected var footerBG:MovieClip;
protected var fullscreenMC:MovieClip = new MovieClip();
protected var copyMC:MovieClip = new MovieClip();
protected var coderMC:MovieClip = new MovieClip();
protected var fullscreenTF:TextField = new TextField();
protected var copyTF:TextField = new TextField();
protected var coderTF:TextField = new TextField();
protected const TEXT_MARGIN:Number = 20;
protected const TEXT_ALPHA:Number = 0.35;
protected var isFullscreen:Boolean = false;
public function Footer():void {
trace('Footer');
prepareElements();
this.addEventListener(Event.ADDED_TO_STAGE, onAddedToStage);
protected function prepareElements():void {
footerBG = new MovieClip();
footerBG.graphics.beginFill(0, 0.35);
footerBG.graphics.drawRect(0, 0, 100, 25);
makeButton(fullscreenMC, fullscreenTF, true);
fullscreenMC.addEventListener(MouseEvent.CLICK, onFsClick);
fullscreenTF.text = 'fullscreen';
makeButton(copyMC, copyTF);
copyTF.text = 'copyright © Mateusz Kot';
makeButton(coderMC, coderTF, true);
coderTF.text = 'coder: Krzysztof Antoniak';
addChild(footerBG);
addChild(fullscreenMC);
addChild(copyMC);
addChild(coderMC);
protected function makeButton(mc:MovieClip, tf:TextField, button:Boolean = false) {
var footerTFo = new TextFormat();
footerTFo.font = 'Arial';//AvantGarde Bk BT
footerTFo.size = 15;
footerTFo.color = 0xFFFFFF;
tf.defaultTextFormat = footerTFo;
tf.selectable = false;
//tf.embedFonts = true;
//tf.type = TextFieldType.DYNAMIC;
//tf.antiAliasType = AntiAliasType.ADVANCED;
tf.autoSize = "left";
tf.alpha = TEXT_ALPHA;
mc.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);
mc.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
mc.mouseChildren = false;
mc.addChild(tf);
if (button) {
mc.buttonMode = true;
protected function refreshArrangement():void {
footerBG.x = 0;
footerBG.y = stage.stageHeight - footerBG.height;
footerBG.width = stage.stageWidth;
coderMC.x = stage.stageWidth - coderMC.width - TEXT_MARGIN/2;
coderMC.y = footerBG.y + 2;
copyMC.x = coderMC.x - copyMC.width - TEXT_MARGIN;
copyMC.y = footerBG.y + 2;
fullscreenMC.x = copyMC.x - fullscreenMC.width - TEXT_MARGIN;
fullscreenMC.y = footerBG.y + 2;
protected function onMouseOver(event:MouseEvent):void {
//TweenNano.to(event.target.getChildAt(0), 0.5, {alpha:1});
protected function onMouseOut(event:MouseEvent):void {
//TweenNano.to(event.target.getChildAt(0), 0.5, {alpha:TEXT_ALPHA});
protected function onFsClick(event:MouseEvent):void {
trace(isFullscreen);
if (!isFullscreen) {
fscommand('fullscreen', 'true');
isFullscreen = true;
} else {
fscommand('fullscreen', 'false');
isFullscreen = false;
protected function onCoderClick(event:MouseEvent):void {
navigateToURL(new URLRequest('http://google.com/'));
protected function onAddedToStage(evt:Event):void {
refreshArrangement();
stage.addEventListener(Event.RESIZE, onStageResize);
protected function onStageResize(evt:Event):void {
refreshArrangement();
Can anybody explain why it happens this way?

Answer 1

Sorry, I missed adding this to the code
Correct fragment:
makeButton(coderMC, coderTF, true);
coderMC.addEventListener(MouseEvent.CLICK, onCoderClick);
coderTF.text = 'coder: Krzysztof Antoniak';
It also works only when debugging.