Skip to content

Instantly share code, notes, and snippets.

@apapatp
Created August 19, 2011 21:01
Show Gist options
  • Save apapatp/1157997 to your computer and use it in GitHub Desktop.
Save apapatp/1157997 to your computer and use it in GitHub Desktop.
</head>
<body id="splash">
<div id="page">
<div id="header"></div>
<div id="main">
<div id="content" style="margin-left: 350px; margin-top: 200px;">
<p>You will need to enter: </p>
<ul style="text-align: left;">
<li style="color: green; font-size: 45px;" id="first_name">First Name</li>
<li id ="last_name">Last Name</li>
<li id="zip">ZIP</li>
<li id="dob">DOB - MM/DD/YYYY</li>
<li id="email">email</li>
</ul>
</div>
<script src="swfobject.js" type="text/javascript"></script>
<script language="JavaScript">
{literal}
var flashvars= {
max_chars:"30",
clear_default:"true",
default_text:'Enter your First name',
field_name:"first_name",
background_color: "c44224"
};
var params= {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#c44224",
wmode: "transparent"
};
var attributes = {};
attributes.id = "OnScreenKeyboard";
swfobject.embedSWF("http://localhost/reds/Keyboard.swf", "flashContent", "1074", "473", "9.0.0", false, flashvars, params, attributes);
function getFlashMovie(movieName)
{
var isIE = navigator.appName.indexOf("Microsoft") != -1;
return (isIE) ? window[movieName] : document[movieName];
}
function keyboardSubmit(fieldName, userSuppliedText)
{
console.log(fieldName + userSuppliedText)
$('#' + fieldName).hide();
//document.getElementById('flashFeedback').innerHTML = '<h3>actionscript user said [' + fieldName + '] = '+ userSuppliedText + '</h3>';
// send back next settings
// setFlashParams ( max_chars, clear_default, default_text, field_name, background_color )
// NOTE: background_color is optional
var nextField;
var bgcolor;
var default_text;
switch (fieldName)
{
case 'first_name':
var returnResults = submitData(fieldName, userSuppliedText);
if(returnResults)
{
nextField = 'first_name';
default_text = 'Please re-enter your First Name';
}
else
{
nextField = 'last_name';
default_text = 'Please enter your Last name';
$('#first_name').hide();
$('#last_name').show();
bgColor = 'c44244';
}
getFlashMovie('OnScreenKeyboard').setFlashParams('30', 'true', default_text, nextField, bgColor);
break;
case 'last_name':
var returnResults = submitData(fieldName, userSuppliedText);
if(returnResults==true)
{
nextField = 'last_name';
default_text = 'Please re-enter your Last Name';
}
else
{
nextField = 'zip';
default_text = 'Please enter your Zip';
$('#last_name').get();
$('#last_name').hide();
$('#zip').show();
bgColor = 'c44244';
}
getFlashMovie('OnScreenKeyboard').setFlashParams('30', 'true', default_text, nextField, bgColor);
break;
case 'zip':
var returnResults = submitData(fieldName, userSuppliedText);
if(returnResults==true)
{
nextField = 'zip';
default_text = 'Please re-enter your Zip';
}
else
{
nextField = 'email';
default_text = 'Please enter your Email Address';
bgColor = 'c44244';
$('#zip').get();
$('#zip').hide();
$('#email').show();
}
getFlashMovie('OnScreenKeyboard').setFlashParams('30', 'true', default_text, nextField, bgColor);
break;
case 'dob':
var returnResults = submitData(fieldName, userSuppliedText);
if(returnResults==true)
{
nextField = 'dob';
default_text = 'Please re-enter your Date of Birth';
}
else
{
nextField = 'zip';
default_text = 'Please enter your Zip Code';
$('#dob').get();
$('#dob').hide();
$('#zip').show();
bgColor = 'c44244';
}
getFlashMovie('OnScreenKeyboard').setFlashParams('30', 'true', default_text, nextField, bgColor);
break;
case 'email':
var returnResults = submitData(fieldName, userSuppliedText);
if(returnResults==false)
{
nextField = 'email';
default_text = 'Please re-enter your Email Address';
}
else
{
window.document.href = 'confirm.php';
}
break;
}
$('#' + nextField).css({color:'green'});
$('#' + nextField).css('font-size', 45);
}
function submitData(fieldNameValue, userSuppliedText)
{
jQuery.ajax
({
url: 'data.php',
type: 'POST',
data: {fieldName: fieldNameValue, value: userSuppliedText},
success: function(result)
{
alert(result);
console.log(result);
},
async: false
});
jQuery.get$('data.php', function(submitData) {
$('.result').html(data);
alert('Load was performed.');
});
console.log(window.false);
if(window.false == true) {
return true;
} else {
return false;
}
}
{/literal}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment