Lair360 Blog

Version: 1.32 Hybrid
Revision: 34 Build 12

JavaScript – Advance Ads Rotator v1.32 Hybrid

Introduction: on the 6th of June, my Gmail inbox was dominated by a bunch of users!
They asked me, if I can create another “JavaScript Ads Rotator” that gives individual users’ more control over their banners. Well… this is a pretty good excuse to get my brain working!

If you want to use this new script, please feel free to copy and use it on your website, blogs or forum. However, please don’t remove any of my comments, especially my copyright regulations and rules!

Thank for your support!

Lair360 ~ Administrator

1.] Download notepad++ from the original author or from another source.
——————————-

http://sourceforge.net/projects/notepad-plus/

http://filehippo.com/download_notepad/

——————————-

2.] Copy this ‘JavaScript’ source code and save it as “ad-rotator.js”.

File: ad-rotator.js
—Copy Source Code—

// Version: 1.13 Hybrid
// Revision: 36 Build 21
// Copyrighted by Lair360
// Url: lair360.co.uk/blog/
// *******************************
// If you're using more than three ADS, please change
// the default number.
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
// *******************************
// Replace your own images, banners and urls.
if (ad==1) {
url="http://url-1.com";
alt="url-1.com";
banner="1.gif";
width="125";
height="125";
}
if (ad==2) {
url="http://url-2.com";
alt="url-2.com";
banner="2.gif";
width="125";
height="125";
}
if (ad==3) {
url="http://url-3.com";
alt="url-3.com";
banner="3.gif";
width="125";
height="125";
}
// Modifications Ends Here.
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" ')
document.write('width=\"' + width + '\" height=\"' + height + '\" ');
document.write('alt=\"' + alt + '\" border=0><br></a>');
document.write('</center>');

—End Source Code—

3.] Finally, you’ll need to add this ‘html – string’ into your webpage.

—Copy Source Code—

<script type="text/javascript" language="Javascript" src="ad-rotator.js"></script>

—End Source Code—

4.] Save your webpage and exit. After that, just alter the above JScript with your own images and links.

5.] Finish!

Copyrighted by Lair360

Version: 1.1
Revision: 23 Build 43

JavaScript – Advance Ads Rotator v1.1

Introduction: this script was written for the public. It was a small project to promote and advertise your products, companies and many more. However, you must keep the “Copyright” rules and regulations intact.

This JavaScript is free for use and it’s licence under “Creative Commons Attribution-Non-Commercial”. This means, you are free to copy and reuse any of my codes (non-commercially), as long as you tell people where they’re from.

1.] Download notepad++ from the original author or from another source.
——————————-

http://sourceforge.net/projects/notepad-plus/

http://filehippo.com/download_notepad/

——————————-

2.] Copy this ‘JavaScript’ source code and save it as “ad-rotator.js”.

File: ad-rotator.js
—Copy Source Code—

// Version: 1.1d Revision: 65
// Copyrighted By Lair360 ~2009
// ---------------------------------------------
// Time Synchronization
global.today=new Date();
        global.seed=global.today.getTime();
        function global()
        {
// Please don't modify the calculations and the seed.
        global.seed = (global.seed*9301+49297) % 233280;
        return global.seed/(233280.0);
        };
// This area is the calculation  with random numbers.
// But, please don't change anything here.
        function rand(number)
        {
        return Math.ceil(global()*number);
        };
// If you have more than one ADS, you might want to change the script here.
// Maximum ADS Rotation: 10 Adverts.
        var number=rand(4)-1
// Change the links and images here. Just change these default settings with your own adverts.
// However, please don't remove the "backwards slash" and the "document.write".
if (number == 0) {
        document.write("<div align=center><a href=link1 target=_blank>")
        document.write("<img src=1.png alt=\"sample1\" border=0></a></div>")
}

if (number == 1) {
        document.write("<div align=center><a href=link2 target=_blank>")
        document.write("<img src=2.png alt=\"sample2\" border=0></a></div>")
}

if (number == 2) {
        document.write("<div align=center><a href=link3 target=_blank>")
        document.write("<img src=3.png alt=\"sample3\" border=0></a></div>")
}

if (number == 3) {
        document.write("<div align=center><a href=link4 target=_blank>")
        document.write("<img src=4.png alt=\"sample4\" border=0></a></div>")
}
// ADS Rotation Ends Here.
// ---------------------------------------------

—End Source Code—

3.] Finally, you’ll need to add this ‘html – string’ into your webpage.

—Copy Source Code—

<script type="text/javascript" language="Javascript" src="ad-rotator.js"></script>

—End Source Code—

4.] Save your webpage and exit. After that, just alter the above JScript with your own images and links.

5.] Finish!

Copyrighted By Lair360

Version: 13.2
Revision: 43 Build 19

JavaScript – Copyright Updater

Introduction: after reading and working with JavaScript, I was trying to create an automatic “Copyright” updater for the public. This script wasn’t long, but it will let others know that your articles were written by you and you are the owner of this written material.

1.] Download notepad++ from the original author or from another source.
——————————-

http://sourceforge.net/projects/notepad-plus/

http://filehippo.com/download_notepad/

——————————-

2.] Copy this ‘JavaScript’ source code and save it as a “.js” extension.

File: javascript-file.js
—Copy Source Code—

document.write('©' );
document.write('  2004 - ');
document.write(new Date().getFullYear());
document.write(' <website name> - All Rights Reserved.');

—End Source Code—

Notes: you’ll need to change the default year (2004) and “” with your own.

3.] Import this Javascript file into your html / php file, with this ‘import’ function.

—Copy Source Code—

<font color="#F8F8FF">
<!-- Begin Copyright Code -->
<script type="text/javascript" language="Javascript" src="javascript-file.js" /></script>
<!-- End Copyright Code -->
</font>

—End Source Code—

Notes: you’ll need to replace “javascript-file.js” with your own (saved) file.
Also, if you have a white background, you’ll will need to change your “fonts” color into another colour, so that the other users could see your copyright notices!

4.] Now, save your progress and check your website!

Notes: if you want to add this “JScript” into a single ‘html’ file, you can use this alternative method…

—Copy Source Code—

<font color="#F8F8FF">
<script type="text/javascript" language="JavaScript">
<!--
document.write('&copy;' );
document.write('  2004 - ');
document.write(new Date().getFullYear());
document.write(' <website name> - All Rights Reserved.');
//-->
</script></font>

—End Source Code—

5.] Done!

Version: 43.3
Revision: 54 Build 143

CSS StyleSheet – Horizontal align for JavaScript

Introduction: there are times that your company has given you a piece of code that uses JavaScript language. But, when you added the following codes into your left or right table, it always placed itself right at the edge of your template. So, to work around this problem, you’ll need some knowledge on CSS stylesheet and html format – that is all you need!!

1.] Download notepad++ from the original author or from a mirror and install the software.
——————————-

http://sourceforge.net/projects/notepad-plus/

http://filehippo.com/download_notepad/

——————————-

Part One: basic stylesheet knowledge…
————————-
a.] all “div” tags and “td” tags are very different.
But, the most important tags which are used for javascript is the “div” tags.
b.] Everytime you insert a javascript link, you’ll need to add these codes in order.
However, if you don’t follow this simple rules, your JavaScript will not be visible by other readers.

JavaScript – table orders: div >> h2 >> script + noscript >> script + noscript – escaped >> h2 – escaped >> div – escaped

c.] To align JavaScript (manually), you’ll need to insert “h2” tags. Without this tags, the browser will ignore your javascript floating point. So, you’ll need to add this after your div tags.

d.] All “td” tags have to be anchored into a “table” tag. Without it, your “td” tags and JavaScript will trigger errors and serious table overflow! But, please think carefully and take a look at your source before you continue.

Part Two: preparing your table and stylesheet
————————-
1.] Create a css stylesheet – file with this name: Java_ads.css

2.] Paste this source code into your css file and save it…

—Copy Source Code—

h2.adsbox, #adclass1 {
float: left;
position:relative;
left: 10px;
right:0px;
}

—End Source Code—
Copyright 2001-2009 Lair360

Extra precaution: if you’re copying the above codes into your css stylesheet, you’ll need to hard – anchor your “h2.adsbox” tags before adding your id tags: “#adclass1”. If you don’t organize this code in their proper orders, there is going to be some misleading call by the server…

h2 = sub-table tags
.adsbox = primary class tags
#adsbox = id verification tags

3.] Now, open your page and add this code into your html page.
But, this code will need to be in your “td” tags and your table tags…

Tips: This technique is similar to an iframe. But, its not!
You can also safely use this source for your ads. It’s also easy to configure!!

—Copy Source Code—

<div>
<h2 id="adclass1" class="adsbox">
		<!-- Begin example code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://example-code.com/java_example.js" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.example-code.com">example</a></noscript>
			<!-- End example code -->
		<a href='http://www.copygator.com/website/lair360_co_uk/4540887.html'>
<img class="gator2" src='http://i.copygator.com/?ci=4540887' border="0" vspace="1" /></img></a>
</h2>
</div>

—End Source Code—
Copyright 2001-2009 Lair360

Notes: you can also add an image source code. But, you must be very careful and add a backslash before adding an image – escape code. This will stop your “img” tags from colliding with your JavaScript tags.

4.] Save your html file and adjust your css stylesheet.

Tips: if your JavaScript is floating on your right – panel, you’ll need to modify your “float position: right; left:0px; and right;10px;”.

5.] Finally, just add this code into your “head” ~tags. But, don’t put this before your javascript links, or else, there will be some conflict!

—Copy Source Code—

<link rel='stylesheet' type='text/css' href="css_file/Java_ads.css" /></link>

—End Source Code—

6.] Finish!

Copyrighted by Lair360

Version: 43.3
Revision: 54 Build 13

JavaScript Tutorial – How to reduce loading time

Introduction: this script was designed and tested with different browser: “Firefox, IE7, IE8 and Google Chrome.”

This Javascript engine allows the server to load all javascript in parallel mode without reducing your servers’ performances. After that, it will cache all of your script, so that the server will not upload it again! However, this javascript requires: “Java Runtime Environment.” The application can be found here: http://filehippo.com/download_java_runtime/

——————————-

1.] Download notepad++ from the original author or from a mirror and install the software.
——————————-

http://sourceforge.net/projects/notepad-plus/

http://filehippo.com/download_notepad/

——————————-

2.] Create a Javascript file and save it as: “java-preload.js” (without the quotes).
3.] Copy these script into your new JavaScript file…

—Copy Source Code—

/* Start of JavaScript */
/* Author: Lair360
  Version: 34.5
     Revision: 65 Build 12

http://lair360.co.uk

*/
if (!window.addScript)
{
    window.addScript = function (src, callback) {
        var head = document.getElementsByTagName("head")[0];
        var script = document.createElement("script");
        script.src = src;
        script.type = "text/javascript";
        head.appendChild(script);
        if (typeof callback == "function") callback();
    };
}
window.addOnLoad(function () {
    window.addScript("object-one.js");
		window.addScript("object-two.js");
});
$(function () {
    $.getScript("object-one.js");
		$.getScript("object-two.js");
});
/* End of JavaScript */

—End Source Code—
Copyright 2001-2009 Lair360

4.] Save your “JSscript”; replace object-one.js and object-two.js with your javascript files or links (that has javascript).

5.] Double check your script and save it again.

6.] Use this code below and add it to your ‘page – header’…

Notes: you you’ll need to change the file’s location if the JSscript is in a subfolder.

—Copy Source Code—

<script type="text/javascript" language="Javascript" src="Js-Engine.js" ></script>

—End Source Code—

7.] Upload them to your server and check your website!
But, you must clear your Internet Temporary files and cookies for the changes to take effect!

8.] Finish!