Dr. Hafiz Shahid Amin

New Page 1

About me

Rise Of Peace
My Novel

Visting Hospitals

My Poetry

My Contacts

Medical Software

WebSite Codes
Applets

Tuloo e Amn

Inframe Bar Scroller

BY;

Dr. Hafiz Shahid Amin (MBBS, DCA, DLO)

ENT Surgeon, Sargeon Naak Kaan Gala

drshahee@hotmail.com drshahee@brain.net.pk, Gujranwala-Punjab- Pakistan

Step 1: Copy the below into the <body> section of your web page where you wish the scroller to appear:

<div id="tempholder"></div> <script language="JavaScript" src="dhtmllib.js"></script> <script language="JavaScript" src="scroller.js"></script> <script language="JavaScript"> //SET SCROLLER APPEARANCE AND MESSAGES var myScroller1 = new Scroller(0, 0, 480, 32, 1, 5); //(xpos, ypos, width, height, border, padding) myScroller1.setColors("#006600", "#ccffcc", "#009900"); //(fgcolor, bgcolor, bdcolor) myScroller1.setFont("Verdana,Arial,Helvetica", 2); myScroller1.addItem("<b>Click here for <a href='http://drshahid.com.pk'>Dr Shahid Com Pk </a>, the net\'s #1 DHTML site!</b>"); //SET SCROLLER PAUSE myScroller1.setPause(2500); //set pause beteen msgs, in milliseconds function runmikescroll() { var layer; var mikex, mikey; // Locate placeholder layer so we can use it to position the scrollers. layer = getLayer("placeholder"); mikex = getPageLeft(layer); mikey = getPageTop(layer); // Create the first scroller and position it. myScroller1.create(); myScroller1.hide(); myScroller1.moveTo(mikex, mikey); myScroller1.setzIndex(100); myScroller1.show(); } window.onload=runmikescroll </script> <div id="placeholder" style="position:relative; width:420px; height:32px;"> </div>

Step 2: The script requires two external JavaScript libraries to run, which you'll need to download and put in your webpage directory. Download the following zip file, and extract its contents:

mikescroll.zip (download NOW)

As mentioned, upload the two .js files contained inside to your webpage directory.

Scroller Customize

Scroller(x, y, width, height, border, padding) *	Creates a new Scroller object positioned at (x,y) with the given width and height. The border and padding values define the size of the border around the scroller and margin between the border and the item text.
setColors(fgcolor, bgcolor, bdcolor)	Sets the default text, background and border colors, respectively, for the scroller. Note that you can insert HTML tags in the item text to mix text colors. The defaults are black, white and black respectively.
setFont(face, size)	Sets the default font face and size for item text. Any values allowed in a <FONT> tag can be used. Note that you can insert HTML tags in the item text to mix fonts. The defaults are "Arial,Helvetica" and 2 respectively.
setSpeed(pps)	Sets the scroll speed in pixels per second. The default is 50.
setPause(ms)	Sets the amount of time the scroller will pause whenever a new item scrolls into view. This pause gives the user time to read the text before it starts moving again. The time is given in milliseconds (1000ms = 1 second). The default is 2000.
addItem(str) *	Use this method to create the items for a scroller. The string can contain text and HTML tags so you can use images, links, etc. You can add as many items as you want. Text is wrapped automatically to fit within the scroller but note that if an item exceeds the defined width or height of the scroller, it will be clipped.

Back to Top Home

Dr. Hafiz Shahid Amin (MBBS, DCA, DLO)

ENT Surgeon, Sargeon Naak Kaan Gala

drshahee@hotmail.com drshahee@brain.net.pk
Gujranwala-Punjab- Pakistan