Archive - August 2011

"An essential aspect of creativity is not being afraid to fail." - Edwin Land

Index

Windows XP Countdown
Matrix Text Effect
Moving Light Over Image
Stretch Image
Scrolling Across Text
Color Scroll Bars
Scrolling Background Image

Scrolling Tooltips
Floating Images and Links
Button Color Change on Hover
Image Zoom
Fading Pictures
Some Silent Switches

Δ Wednesday, August 31st, 2011

Δ Windows XP Countdown

How to create an end of life counter - hta - javascript - document.write

[download resource files]

Demo



Script information
This is a simple javascript that is inside a HTA. It allows you to track XP end of life support.


Script

[download resource files]   [email me]

Δ Friday, August 26th, 2011

Δ Matrix Text Effect

How to create a matrix-like text effect for you web site

[download resource files]

Demo


Script information
Matrix-like text will scroll down creating a message


Script

<html>
<title>Matrix Text</title>
<body bgcolor="black">

<!--
var rows=27; // must be an odd number
var speed=20; // lower is faster
var reveal=2; // between 0 and 2 only. The higher, the faster the word appears
var effectalign="center" //enter "center" to center it.
var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
	if (!w3c && !ie45) return
  var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
  ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
  ma_txt=" "+ma_txt+" ";
  columns=ma_txt.length;
  if (w3c) {
    while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
    ma_tab=document.createElement("table");
    ma_tab.setAttribute("border", 0);
    ma_tab.setAttribute("align", effectalign);
    ma_tab.style.backgroundColor="#000000";
    ma_bod=document.createElement("tbody");
    for (x=0; x<rows; x++) {
      ma_row=document.createElement("tr");
      for (y=0; y<columns; y++) {
        matemp=document.createElement("td");
        matemp.setAttribute("id", "Mx"+x+"y"+y);
        matemp.className="matrix";
        matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
        ma_row.appendChild(matemp);
      }
      ma_bod.appendChild(ma_row);
    }
    ma_tab.appendChild(ma_bod);
    matrix.appendChild(ma_tab);
  } else {
    ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
    for (var x=0; x<rows; x++) {
      ma_tab+='<t'+'r>';
      for (var y=0; y<columns; y++) {
        ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>';
      }
      ma_tab+='</'+'tr>';
    }
    ma_tab+='</'+'table>';
    matrix.innerHTML=ma_tab;
  }
  ma_cho=ma_txt;
  for (x=0; x<columns; x++) {
    ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
    m_copo[x]=0;
  }
  ma_bod=setInterval("MatrixColumn()", speed);
}

<div id="matrix">     The Matrix has you at EddieJackson.net     </div>

[download resource files] [email me]

Δ Tuesday, August 23rd, 2011

Δ Moving Light Over Picture

How to create moving light over picture

[download resource files]

Demo


Script information
Add your own pictures and have a flashlight effect move across them


Script

<html>
<title>Moving Light</title>
<head>
<style>
<!--

#spotlight{
filter:light
}

-->
</style>
</head>

<body>

if (document.all&&window.spotlight){
var x=new Array()
var direction=new Array()
var y=new Array()
if (spotlight.length==null){
spotlight[0]=document.all.spotlight
x[0]=0
direction[0]="right"
y[0]=spotlight[0].height
spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90)
}
else
for (i=0;i<spotlight.length;i++){
x[i]=0
direction[i]="right"
y[i]=spotlight[i].height
spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90)
}
}

function slidelight(cur){
spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1)

if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right")
x[cur]+=10
else if (x[cur]>spotlight[cur].width+200){
direction[cur]="left"
x[cur]-=10
}
else if (x[cur]>-200&&x[cur]<-185){
direction[cur]="right"
x[cur]+=10
}
else{
x[cur]-=10
direction[cur]="left"
}
}

if (document.all&&window.spotlight){
if (spotlight.length==null)
setInterval("slidelight(0)",spotlight[0].speed)
else
for (t=0;t<spotlight.length;t++){
var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')'
eval(temp)
}
}
</script>

</body>

</html>

[download resource files] [email me]

Δ Monday, August 22nd, 2011

Δ Stretch Image Across Background

How to stretch an image across entire background

[download resource files]

Demo


Script information
This will allow you to stretch an image that will grow and shrink as the page size changes


Script

[download resource files]   [email me]

Δ Friday, August 19th, 2011

Δ Scrolling Across Text Effect

How to create a light scrolling across text effect

[download resource files]

Demo


Script information
Use any text to create a progress bar looking effect, or general animation.


Script

<html>
<title>Scrolling across text effect</title>
<h2><script language="JavaScript1.2">

var message="Installing Microsoft Office 2010..."
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100						// speed of flashing in milliseconds
var flashingletters=3						// number of letters flashing in neontextcolor
var flashingletters2=1						// number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0						// the pause between flash-cycles in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script></h2>
<body bgcolor="black">
</body>
</html>

[download resource files] [email me]

Δ Thursday, August 18th, 2011

Δ Color Scroll Bars

How to change the scroll bar color

[download resource files]

Demo


Script information
This will allow you to change the scroll bar color of your web page


Script

[download resource files]   [email me]

Δ Tuesday, August 16th, 2011

Δ Scrolling Background Picture

How to create a scrolling background picture

[download resource files]

Demo


Script information
This will allow you to use any picture and to make it scroll in the background of your web page


Script

<html>
<title>Scrolling Background Picture</title>
<body>
<style>body{background-position: 0% 0%; background-color:black; background-repeat:repeat; background-attachment:fixed }--> </style>

browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

if (browserName != "Netscape" || browserVer >= 4.5) {

function moveback(movert,movedn,hPos,vPos) {

if (arguments[4])
document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";

if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]

if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
//hPos += movert//this moves to the fight
vPos += movert//this moves up
}

document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = "\"" + hPos + "\""
if (isNaN(vPos)) vPos = "\"" + vPos + "\""
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}

moveback(-1,1,-0,0, background);
}

//-->
</script>

</html>

[download resource files] [email me]

Δ Monday, August 15th, 2011

Δ Scrolling Tooltip on Link Hover

How to create a tooltip that scrolls

[download resource files]

Demo


Script information
This allows you to create custom popup toolips that scrolls when you mouse over the links


Script

<html>
<title>Scrolling Tooltips</title>
<body>

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}

</script>

</body>
</html>

[download resource files] [email me]

Δ Friday, August 12th, 2011

Δ Floating Pictures That Are Also Web Links

How to create floating pictures that are links

[download resource files]

Demo


Script information
This allows you to add pictures that float throughout your web page. They are also clickable links.


Script

<html>
<title>Floating Images</title>

var flyimage1, flyimage2, flyimage3

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);

//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");

}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

</script>

</body>
</html>

[download resource files] [email me]

Δ Monday, August 8th, 2011

Δ Change Button Color on Rollover

How to change button color on hover

[download resource files]

Demo


Script information
This allows you to add buttons that change color when you hover over them


Script

<html>
<title>Rollover Button Color</title>
<style type="text/css">

.initial2{font-weight:bold;background-color:lightgray}

.auto-style1 {
	font-weight: bold;
	background-color: lightgray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}

</style>

//Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe")
var buttontarget=""

function change(e, color){
var el=window.event? event.srcElement: e.target
if (el.tagName=="INPUT"&&el.type=="button")
el.style.backgroundColor=color
}

function jumpto2(url){
if (buttontarget=="")
window.location=url
else if (buttontarget=="_new")
window.open(url)
else
parent[buttontarget].location=url
}

//-->
</script>

[download resource files] [email me]

Δ Thursday, August 4th, 2011

Δ Image Zoom

How to zoom on image

[download resource files]

Demo


Script information
This allows to have several images that you can zoom in and out on selection


Script

[download resource files]   [email me]

Δ Tuesday, August 2nd, 2011

Δ Fading Pictures

How to create fading pictures

[download resource files]

Demo


Script information
This allows you to have several pictures that cycle through, fading into the next picture


Script

<html>
<title>Fading Pictures</title>
<HEAD>

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 10;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'eddie.bmp'
Pic[1] = 'tass.jpg'
Pic[2] = 'eddie.bmp'
Pic[3] = 'kallat.jpg'
Pic[4] = 'PaeWhite.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=10)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>

</HEAD>

</center><p>

</body>
</html>

[download resource files] [email me]

Δ Silent Switches

Adobe Flash Player 10.3.183.7 - install
msiexec.exe /i install_flash_player_10_active_x.msi /QN /norestart /REBOOT=ReallySuppress

Adobe Flash Player - uninstall
10.3.183.7 - {DB093E0B-0934-4183-BA60-5C1ADC9F6424}

10.3.181.14 - {DCC90D9D-4F8D-4A06-9050-ADDB284FF9FA}
10.2.159.1 -   {FA1D6742-0515-4A94-AD5D-F0484026E4A2}
10.2.153.1 -    {B001064C-D061-4BAE-9031-416A838D5536}
10.2.152.26 - {E5D03B2E-B2D4-477F-A60D-8E1969D821FA}
10.1.82.76 -    {406A89D6-09E6-4550-B370-8D376DDB56BE}
10.1.53.64 -    {FFB768E4-E427-4553-BC36-A11F5E62A94D}

MSIEXEC.EXE /X "{C2C211AE-6591-4388-B11B-A5F42D19FF04}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{8E9DB7EF-5DD3-499E-BA2A-A1F3153A4DF8}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{FFB768E4-E427-4553-BC36-A11F5E62A94D}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{406A89D6-09E6-4550-B370-8D376DDB56BE}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{95468B00-C081-4B27-AC96-0A2A31359E60}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{148D9D03-5D23-4D4F-B5D0-BA6030C45DCF}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{E5D03B2E-B2D4-477F-A60D-8E1969D821FA}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{FA1D6742-0515-4A94-AD5D-F0484026E4A2}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{DCC90D9D-4F8D-4A06-9050-ADDB284FF9FA}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{48DB5914-8772-472D-B8DF-E2092BE598F6}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{72D4DD4C-0749-4352-B63E-7A7C9286430E}" /QN /NORESTART REBOOT=REALLYSUPPRESS
MSIEXEC.EXE /X "{DB093E0B-0934-4183-BA60-5C1ADC9F6424}" /QN /NORESTART REBOOT=REALLYSUPPRESS

Adobe Pro X - install
I created a mst using Adobe Customization Wizard

Adobe Pro X - uninstall
MsiExec.exe /X {AC76BA86-1033-F400-7760-000000000005}

Adobe Reader 10.1 - install
"AdbeRdr1010_en_US.exe" /sAll /rs /msi EULA_ACCEPT=YES

Adobe Reader 10.1 - uninstall
MSIEXEC.EXE /X {AC76BA86-7AD7-1033-7B44-AA1000000001}


Adobe Shockwave - install
msiexec /i sw_lic_full_installer.msi /qn /norestart
sw_lic_full_installer.exe /S

Citrix Client 12.1 - install
CitrixOnlinePluginWeb.exe /silent

Genesys CCPulse 7.5.100.18 - install
setup.exe -s /f1"c:\setup.iss"

Java Client 26 - install
jre-6u26-windows-i586-s.exe /s ADDLOCAL=ALL IEXPLORER=1 REBOOT=Suppress JAVAUPDATE=0 /l javalog.log

Java Client - uninstall
26 - msiexec /x {26A24AE4-039D-4CA4-87B4-2F83216026FF}
25 - msiexec /x {26A24AE4-039D-4CA4-87B4-2F83216025FF}
24 - msiexec /x {26A24AE4-039D-4CA4-87B4-2F86416024FF}
23 - msiexec /x {26A24AE4-039D-4CA4-87B4-2F83216019FF}
22 - msiexec /x {26A24AE4-039D-4CA4-87B4-2F83216022FF}

Medisoft 16.1.2.220 - uninstall
msiexec /x {2657B0AE-EFC8-424A-9AB8-8CC969B3CC24}

Microsoft .net 4 Framework - install
dotnetfx40_Full_x86_x64.exe /q /norestart

Microsoft Internet Explorer 8 - install
ie8-windowsxp-x86-enu.exe /quiet /update-no /norestart

Microsoft LivePerson - install
lpsetup.exe /s

Microsoft Office 2010 - install
I created a msp using Office Configuration Tool (OCT), copied msp to the Updates folder

Symantec Enterprise Vault 9.0.2 - install
msiexec.exe /i SymantecEnterpriseVault9.0.2.msi /qn /norestart

Symantec Enterprise Vault - uninstall
9.0.9253 - msiexec.exe /x {899757CA-419A-4B53-8C33-7E909E8D4415} /qn /norestart
8.0.4.2002 - msiexec.exe /x {980746E3-7AA4-4982-8336-BEE639E5F3F7} /qn /norestart
9.0.2.1038 - msiexec.exe /x {8E7332CC-A2E6-4DAD-AAE3-4449563FFD4B} /qn /norestart


download complete document - [pdf] [doc]   [email me]