Please copy this code and run on your editor and see preview, as you can see this when you type user name and press enter, it will show text type animate , these code is under javascripts.
Now I would like to change to session variable in php code or javascripts, if person log in by type the user name in "log.php" and redirect to home page "index.php" to show "Welcome [user_name]" with text type animate, how is that possible to write code in php or javascript to show text type writer in session variable in home page after they log in log.php page!
please help!
see code in bottom:
<html>
<head>
<title>Decrypting Text Effect</title>
<style>
a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}
td {color:black;font-family:verdana;font size:8pt}
p {color:black;font-family:verdana;font size:8pt;text-decoration: none}
h1 {color:black;font-family:verdana;font size:12pt;text-decoration: none}
</style>
<script language="javascript">
var got;
var chars;
function change()
{
var randstring = "";
var rslength = chars.length - got.length;
var decrypted = document.getElementById("decoded");
var encrypted = document.getElementById("encoded");
for(var x=0;x<rslength;x++)
{
i = Math.floor(Math.random() * chars.length);
randstring += chars.charAt(i);
}
if(randstring.charAt(0) == chars.charAt(got.length))
{
got += randstring.charAt(0);
decrypted.innerHTML = got;
}
else
{
encrypted.innerHTML = randstring;
}
if(chars.length > got.length)
{
setTimeout("change()", 10);
}
else
{
encrypted.innerHTML = "";
}
}
function startdecrypt()
{
var decrypted = document.getElementById("decoded");
var encrypted = document.getElementById("encoded");
decrypted.innerHTML = document.getElementById("firstN").value;
chars = decrypted.innerHTML;
decrypted.innerHTML = "";
got = "";
setTimeout("change()", 10);
}
</script>
</head>
<body>
Enter your name here: <input type="text" id="firstN">
<input type="button" onClick="startdecrypt()" value="Start">
<p>
<span id="decoded">Your text goes here.</span><span id="encoded"></span>
</p>
</body>
</html>