-- MySQL dump 10.13 Distrib 5.7.23-23, for Linux (x86_64)
--
-- Host: localhost Database: softwax3_accountingP
-- ------------------------------------------------------
-- Server version 5.7.23-23
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
/*!40103 SET TIME_ZONE='+00:00' */;
/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
/*!50717 SELECT COUNT(*) INTO @rocksdb_has_p_s_session_variables FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_SCHEMA = 'performance_schema' AND TABLE_NAME = 'session_variables' */;
/*!50717 SET @rocksdb_get_is_supported = IF (@rocksdb_has_p_s_session_variables, 'SELECT COUNT(*) INTO @rocksdb_is_supported FROM performance_schema.session_variables WHERE VARIABLE_NAME=\'rocksdb_bulk_load\'', 'SELECT 0') */;
/*!50717 PREPARE s FROM @rocksdb_get_is_supported */;
/*!50717 EXECUTE s */;
/*!50717 DEALLOCATE PREPARE s */;
/*!50717 SET @rocksdb_enable_bulk_load = IF (@rocksdb_is_supported, 'SET SESSION rocksdb_bulk_load = 1', 'SET @rocksdb_dummy_bulk_load = 0') */;
/*!50717 PREPARE s FROM @rocksdb_enable_bulk_load */;
/*!50717 EXECUTE s */;
/*!50717 DEALLOCATE PREPARE s */;
--
-- Table structure for table `account_type`
--
DROP TABLE IF EXISTS `account_type`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `account_type` (
`AccountTypeID` tinyint(4) NOT NULL AUTO_INCREMENT,
`Account_Type` varchar(10) NOT NULL,
PRIMARY KEY (`AccountTypeID`)
) ENGINE=MyISAM AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `account_type`
--
LOCK TABLES `account_type` WRITE;
/*!40000 ALTER TABLE `account_type` DISABLE KEYS */;
INSERT INTO `account_type` VALUES (1,'Expenses'),(2,'Income'),(3,'Special ');
/*!40000 ALTER TABLE `account_type` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `accounts`
--
DROP TABLE IF EXISTS `accounts`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `accounts` (
`accountid` smallint(6) NOT NULL AUTO_INCREMENT,
`AccountTypeID` tinyint(4) NOT NULL,
`Account_Name` varchar(20) NOT NULL,
`Account_Number` varchar(30) NOT NULL,
`archive` tinyint(4) NOT NULL,
PRIMARY KEY (`accountid`)
) ENGINE=MyISAM AUTO_INCREMENT=134 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `accounts`
--
LOCK TABLES `accounts` WRITE;
/*!40000 ALTER TABLE `accounts` DISABLE KEYS */;
INSERT INTO `accounts` VALUES (1,3,'pets','Veternarian',0),(2,1,'auto','Automobile Repairs',0),(3,1,'Aut:gas','Gas & Oil Auto',0),(4,1,'med.med','Medical',0),(5,1,'ha.sup','Hair Supplies',0),(6,1,'house:rent','House',0),(7,1,'tel','Internet/phone',0),(8,2,'hair.inc','Hair Income',0),(9,1,'eq','Miscelaneous',0),(10,2,'ma','Machine Hire',0),(11,2,'Crop.hay','Hay Sales',0),(12,1,'ins.health','Health Insurance',0),(13,1,'don','Donations',0),(14,1,'labor.service','Services',0),(15,1,'hair.util','Utilities for Hair Business',1),(16,1,'tax.personal','Taxes',0),(17,1,'office','Office',0),(18,1,'int.notes','Interest on Notes',0),(19,1,'trk.fuel','Truck Oil & Gas',0),(20,3,'horse.feed','Horse feed',1),(21,1,'liv.feed','Livestock Feeds',0),(22,1,'auto.fee','Auto Insurance and Fees',0),(23,1,'hair.cosmetic','Cosmetics',1),(24,1,'home','House Improvements',0),(25,1,'med.psy','Counseling',1),(26,1,'trk','Truck Repairs',0),(27,1,'trk.fees','Truck fees',0),(28,2,'reim.per','Personal Reimbursement',0),(29,2,'reim.bus','Business Reimbursement',0),(30,3,'drawl','Drawls',0),(31,2,'live.wool','Livestock Wool',1),(32,2,'live','Livestock',0),(33,1,'liv.supply','Livestock Supplies',1),(34,1,'bnk.fee','Banking Fees',0),(35,1,'crop.exp','Crop Expenses',0),(36,1,'hair.propane','Propane',0),(37,1,'labor.kids','Salary For Kids',1),(38,1,'med.vision','Vision',0),(39,2,'computer','Programming fees',0),(40,2,'sale.crop','Crop Sales1',0),(41,1,'house.elec','Electric Bill Home',0),(42,1,'ins.life','Life Insurance',1),(43,1,'farm.repair','Farm Repairs',0),(44,1,'bnk.notes','Bank Interest on Notes',0),(45,2,'bnk.interest','Bank Interest Paid',0),(46,1,'farm.supply','Farm Supply',0),(47,2,'misc.reb','Credit card rebates',0),(48,2,'salary.inc','Salary Deposits',0),(49,1,'labor.exp','Salary Paid Wife',1),(50,2,'com.project','Computer Counsulting',0),(51,2,'gift.personal','Gifts',0),(53,1,'trk.maintain','Truck Maintainance',0),(54,2,'crop.gov','Government Payments',0),(55,1,'farm.equipment','Farm Equipment Maintainence',1),(56,1,'med.pharm','Pharmacy',0),(123,1,'legal.personal','Legal',0),(58,2,'reim.fuel','Gas and Fuel Refunds',0),(59,2,'reim.fuel','Gas Refund',0),(60,2,'pr','Misc. Reimburser',0),(61,3,'equip.purch','Equipment Purchases',0),(62,1,'med.Dental','Dental',0),(63,1,'auto.88gmc','Fees for 2001 Ford',1),(64,1,'auto.89merq','Fees for 89 Merq',1),(65,1,'auto.97suburb','Fees for 97 Ford',1),(66,1,'auto.2007Tundra','Fees For 2016 Ford Pickup',0),(67,1,'hair.services','Misc Hair Expenses',0),(68,1,'trk.trailers','Trailer Supplies',1),(69,1,'auto.Titan','Fees for Titan Trailer',0),(70,1,'auto.SportUtility','Fees for Sport Utility Trailer',0),(71,2,'misc.rebate','Other Rebates',0),(72,2,'misc.survey','Survey Income',0),(73,3,'equip.sold','Equipment Sold',0),(74,1,'auto.97suburbFuel','Fuel and Oil for Suburban',1),(75,1,'auto.97suburbRepairs','Repairs-97 Suburban',1),(76,1,'auto.89MerqRepairs','Repairs-89 Merqury',1),(77,1,'auto.88GmcRepairs','Repairs-2001 Ford',0),(78,3,'equip.payment','Equipment Payments',0),(79,1,'office.equipment','Office Equipment',0),(80,1,'auto.97FordRepairs','Repairs-97 Ford Pickup',1),(81,1,'auto.2000Ford','Fees for 2000 Ford',1),(82,1,'auto.2003escape','Fees for 2003 escape',1),(83,1,'bnk.mort','Interest 1098',0),(84,1,'bnk.vehicle','Automobile interest',1),(85,1,'office.ISP','Internet Services',0),(86,2,'rent','Rent',0),(87,1,'ins.other','Insurance Other',0),(88,2,'royalty.gas','Royalties on Gas',0),(89,2,'lease','Goose',1),(90,2,'storage','Storage',0),(91,1,'bnk:mortgage','Bank Mortgage Interest',0),(92,1,'bnk.vehicle','Interest on Vehicles',0),(93,2,'misc.income','Miscelleneous Income',0),(94,1,'com.hosting','Hosting Fees',0),(95,2,'com.salary','Computer Salary',0),(96,2,'hair.salary','Cost Cutters',1),(97,1,'labor.legal','Prepaid Legal',0),(98,1,'farm.elec','Electric for Farm',0),(99,1,'farm.lights','Electric Lights',0),(100,1,'auto.2000Repairs','Repairs 2000 Ford',1),(101,1,'trk.2007Tundra','2016 Ford',0),(102,3,'Other','Other',0),(103,1,'auto.2009Mustang','2009 Mustang Fees',0),(104,1,'auto.2009MustangFuel','2009 Mustang Fuel & Oil',0),(105,1,'auto.2000FordM','Maintainence for 2000 Ford',1),(106,2,'rent.storage','Rent from Storage',0),(107,1,'auto.2009MustangRepa','2009 Mustang Reparis',0),(108,1,'office.cell','Cell Phone',0),(109,3,'crop.transfer','Crop Transfers',0),(110,1,'rent.trash','Rental Trash',0),(111,1,'rent.electric','Rental Electric',0),(112,3,'equip.electronic','Stuff',0),(113,2,'bnk.interest','Interest 1099',0),(114,1,'ins.home','Insurance Home',0),(115,2,'misc.nonfam','Non Family Income',0),(116,3,'bnk.transfer','Business SC Transfer',0),(117,3,'bnk.transferB','Business SWD Transfer',0),(118,3,'bnk.transferP','Bank Personal Transfer',0),(119,3,'bnk.whsout','Business WHS Transfer',0),(120,1,'aut.utilitymaintenan','Utility Vehicle Maintenance',0),(121,2,'crop.insurance','Crop Insurance',0),(122,1,'lic.LLC','Licenses',0),(124,1,'Tax.severance','TAX Severance',0),(125,3,'tax.retire','Retirement',0),(126,2,'sale.hemp','Hemp',0),(127,3,'bank.Home','Home Equity 2700007894',0),(128,2,'ssa.treas310','Social Security',0),(129,1,'Chemical','Fertilizer & Pesticides',0),(130,1,'farm.fuel','Fuel',0),(131,1,'xxx.xxx','Unknown',0),(132,1,'trk.2019','2019 Ford F150',0),(133,2,'inv.crypto','Crypto',0);
/*!40000 ALTER TABLE `accounts` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `methods`
--
DROP TABLE IF EXISTS `methods`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `methods` (
`methodid` tinyint(4) NOT NULL AUTO_INCREMENT,
`method` varchar(30) NOT NULL,
`archive` tinyint(4) NOT NULL,
PRIMARY KEY (`methodid`)
) ENGINE=MyISAM AUTO_INCREMENT=28 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `methods`
--
LOCK TABLES `methods` WRITE;
/*!40000 ALTER TABLE `methods` DISABLE KEYS */;
INSERT INTO `methods` VALUES (1,'Chase Rewards Visa 3070',0),(2,'Discover Card 4041',0),(3,'Deposit Chase 478585571',0),(4,'Checking Business 5571',0),(5,'Chase Bank Statement',0),(6,'Cash',0),(7,'GM MasterCard',1),(10,'Other',1),(11,'Platinum Chase MasterCard',1),(12,'Web Card',1),(13,'Capital One',1),(14,'Ford',1),(15,'King Soopers 1597-9367',0),(16,'OT',1),(17,'ON',1),(18,'Chase Business Visa 2071',0),(19,'Chase Business Visa 8891',0),(20,'Chase Freedom Visa 6968',1),(21,'Checking Personal 6680',0),(22,'Website',0),(23,'Chase Freedom Mastercard 7805',0),(24,'Deposit Chase 153791150',0),(25,'Checking 153791150',0),(26,'US Bank 4159',0),(27,'BC 2730044469',0);
/*!40000 ALTER TABLE `methods` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `part_category`
--
DROP TABLE IF EXISTS `part_category`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `part_category` (
`categoryid` smallint(6) NOT NULL AUTO_INCREMENT,
`category` varchar(40) NOT NULL,
PRIMARY KEY (`categoryid`)
) ENGINE=MyISAM AUTO_INCREMENT=41 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `part_category`
--
LOCK TABLES `part_category` WRITE;
/*!40000 ALTER TABLE `part_category` DISABLE KEYS */;
INSERT INTO `part_category` VALUES (1,'bolts grade 5'),(2,'Sprayer'),(3,'Cultivator'),(4,'Bolts Cariage'),(5,'Chain Roller'),(6,'Nails & Screws'),(7,'Electrical'),(8,'Washers/ Shins'),(9,'Harvest Equipment'),(10,'3 Point Stuff'),(11,'Bungy & Tie Downs'),(12,'Livestock'),(13,'Pins'),(14,'Planter'),(15,'Tillage'),(16,'Irrigation'),(17,'Oil & Grease'),(18,'Tractor'),(19,'Hoses'),(20,'Combine'),(21,'Shop'),(22,'LUMBER'),(23,'Bolts Plow'),(24,'Plumbing'),(25,'Tools'),(26,'Other'),(27,'Nuts & Fastners'),(28,'Chain'),(29,'Bolts Other'),(30,'Springs'),(31,'Wierd Stuff'),(32,'Refrigerant'),(33,'Belts'),(34,'Bearings'),(35,'Bushings'),(36,'Welding'),(37,'Pulleys'),(38,'Clamps'),(39,'Metal'),(40,'Hitches');
/*!40000 ALTER TABLE `part_category` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `parts`
--
DROP TABLE IF EXISTS `parts`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `parts` (
`partid` mediumint(9) NOT NULL AUTO_INCREMENT,
`categoryid` smallint(6) NOT NULL,
`part` varchar(20) NOT NULL,
`inventory1` smallint(6) NOT NULL,
`inventory2` smallint(6) NOT NULL,
`inventory3` smallint(6) NOT NULL,
`min_inventory` smallint(6) NOT NULL,
`date_updated` date NOT NULL,
`comment` text NOT NULL,
`img` varchar(10) NOT NULL,
PRIMARY KEY (`partid`),
KEY `categoryid` (`categoryid`)
) ENGINE=MyISAM AUTO_INCREMENT=361 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `parts`
--
LOCK TABLES `parts` WRITE;
/*!40000 ALTER TABLE `parts` DISABLE KEYS */;
INSERT INTO `parts` VALUES (1,3,'4 Sweep',1,4,0,10,'2012-01-02','Sev ones a little rusty','1.jpg'),(2,3,'2 Sweep',46,16,0,10,'2012-05-10','Uses oval head bolts 3/8','2.jpg'),(3,3,'7/16 2hole Sweeps',5,3,0,0,'2012-12-16','hp\r\n8 - 6\r\n10 - 5\r\n\r\nsev','3.jpg'),(4,4,'03 7/16',3,0,0,10,'2012-12-11','1.0 - 15\r\n1.5 - 9\r\n2.0 - 15\r\n2.5 - 20\r\n3.0 - 15\r\n3.5 - 15\r\n4.0 - 6\r\n5.0 - 9\r\n6.0 - 3','4.jpg'),(5,4,'04 1/2',10,0,0,10,'2012-12-11','1.0 -7\r\n1.5 - 7\r\n2.0 - 8\r\n2.5 - 8\r\n3.0 - 10\r\n3.5 - 10\r\n4.0 - 10\r\n5.0 - 8\r\n6.0 - 10\r\n7.0 - 0\r\n8.0 - 10\r\n9.0 - 0\r\n10 - 10','5.jpg'),(6,4,'02 3/8',7,0,0,15,'2012-12-11','1.0 - 20\r\n1.5 - 15\r\n2.0 - 25\r\n2.5 - 30\r\n3.0 - 15\r\n3.5 - 7\r\n4.0 - 15\r\n5.0 - 15\r\n6.0 - 10\r\n7.0 - 0','6.jpg'),(7,5,'50',30,0,0,10,'2011-05-31','inventroy in feet. DID brand','7.jpg'),(8,5,'Half Links',1,0,0,3,'2011-05-31','hp:\r\n40 -\r\n50 - \r\n60 - \r\n\r\nsev:\r\n40 - 4\r\n50 - 2\r\n60 - 3','8.jpg'),(9,2,'TEE INSERT',0,3,0,0,'2011-05-31','HP:\r\n1/2 -1','9.jpg'),(10,2,'Tips',12,0,0,12,'2011-12-31','nylon','10.jpg'),(11,2,'Screens',12,0,0,12,'2011-12-31','nylon','11.jpg'),(12,6,'Smooth',0,0,0,0,'2011-10-20','HP:\r\n6p -\r\n8p - 100\r\n10p -\r\n12p -\r\n16p - 100\r\n20 - 100\r\nSEV:\r\n6p -\r\n8p -\r\n10p -\r\n12p -\r\n16p -\r\n20p -','12.jpg'),(13,2,'Threaded',0,0,0,0,'2013-07-17','1- 1in cap\r\n1- 1 1in to 1in male\r\n3/4in to 3/4in male\r\n2- 3/4in male to 1/2in female\r\npump hose output into switch','13.jpg'),(14,2,'90 Degree Elbow',2,0,0,0,'2011-05-31','HP:\r\n3/4 in Pipe X 1/2 in hose - 1\r\n1/2 in hose X 1/2 in hose - 2','14.jpg'),(15,2,'Caps',7,0,0,5,'2011-05-31','need screens and tips to match','15.jpg'),(16,2,'Hose To Threaded Fit',5,0,0,0,'2016-09-02','HP\r\n1 straight\r\n3/8 inch hose to sprayer tip\r\n4 - T\'s\r\n2 - 90\'s\r\n\r\n3/8 inch hose to 3/8 hose\r\n2 - 90\'s\r\n1 - T','16.jpg'),(17,2,'Male Pipe/ Male Hose',1,0,0,0,'2011-05-31','HP:\r\n3/4 Male X 1 In Hose - 1\r\n3/4 Male X 3/4 Hose - 1\r\n3/8 Male X 3/8 Hose - 2','17.jpg'),(18,3,'S Tines',2,0,0,3,'2014-12-09','Hanging on east hp top shelf','18.jpg'),(19,3,'Hawkins Ditcher',4,0,0,0,'2011-05-31','Includes one 12 in and 2 14 in','19.jpg'),(20,3,'Diamond Bar Clamps',3,0,0,1,'2011-05-31','2 set nuts','20.jpg'),(21,3,'3/8\\\" 7 Inch',10,0,7,6,'2011-05-31','3/8\\\" Bolt (1) Earthmetal Danish 7\\\"','21.jpg'),(22,3,'Tire',2,0,0,0,'2015-09-03','without the rim','22.jpg'),(23,3,'Rims',1,0,0,2,'2011-05-31','','23.jpg'),(24,3,'Guage Wheel',1,0,0,1,'2011-05-31','','24.jpg'),(25,7,'Fuse Automotive',4,4,4,10,'2012-03-02','Assortment in my pickup\r\ndrawer 4:\r\n3 amp - 1\r\n5 amp - 1\r\n7.5 amp - 11\r\n10 amp - 6\r\n15 amp -1\r\n20 amp -1\r\n25 amp - 1\r\n\r\nSEV electric drawer\r\n3 amp - 1\r\n5 amp - 6\r\n7.5 amp - 0\r\n10 amp - 9\r\n20 amp - 0\r\n15 amp - 16\r\n30 amp - 5','25.jpg'),(26,7,'Fuse Auto Cartridge',0,0,1,1,'2011-10-19','my pick up\r\n\r\nHP drawer 4:\r\n1 amp -4\r\n2 amp - 2\r\n10 amp - 5\r\n20 amp - 3\r\n30 amp - 4\r\n\r\nSev electric drawer\r\n10 amp - 1\r\n15 amp -1\r\n30 amp - 1\r\n\r\nSEV:','26.jpg'),(27,26,'Sev Steel',35,30,10,40,'2011-05-31','1/4 - 100\r\n5/16 - 100\r\n3/8 - 100\r\n7/16 - 50\r\n1/2 - 50\r\n5/8 - 30\r\n3/4 - 30\r\n1.0 - 10','27.jpg'),(28,26,'5/16',30,30,10,40,'2011-05-31','','28.jpg'),(29,28,'Snap2',30,30,10,40,'2012-01-28','','29.jpg'),(30,26,'7/16',30,30,10,40,'2011-05-31','','30.jpg'),(31,8,'O-RINGS',40,0,0,40,'2012-02-28','homeplace drawer 3 north shop \r\n1/4 - 100\r\n5/16 - 100\r\n3/8 - 100\r\n7/16 - 50\r\n1/2 - 50\r\n5/8 - 30\r\n3/4 - 30\r\n1.0 - 10','31.jpg'),(32,26,'5/8',30,30,10,30,'2011-05-31','','32.jpg'),(33,8,'Steel',30,30,10,30,'2011-12-31','HP:\r\n1/4 - 30\r\n5/16 - 30\r\n3/8 - 30\r\n7/16 - 30\r\n1/2 - 30\r\n5/8 - 15\r\n3/4 - 10\r\n1 - 10\r\n\r\nSEV:\r\n1/4 - 30\r\n5/16 - 30\r\n3/8 - 30\r\n7/16 - 30\r\n1/2 - 30\r\n5/8 - 15\r\n3/4 - 10\r\n1 - 10','33.jpg'),(34,9,'Rake Teeth',7,0,0,4,'2011-06-01','','34.jpg'),(35,9,'Baler 4655 Teeth',4,0,0,4,'2014-12-19','Stuck in the box of the partS table','35.jpg'),(36,10,'Bushings',5,0,0,0,'2011-06-12','blue plastic coffee can\r\n1440 combine shaker bushing','36.jpg'),(37,5,'60',10,0,0,10,'2011-05-31','inventroy in feet. DID brand','37.jpg'),(38,11,'Bungee Pack',5,0,0,0,'2013-10-28','hp:\r\nPlastic tube in insulated shop\r\nCoffee can parts bench.\r\n20 pk small bungy refrig top','38.jpg'),(39,12,'Automatic Float Valv',1,0,0,0,'2013-07-18','hp\r\nwater tank float east wall','39.jpg'),(40,13,'Linch Pin',1,0,3,0,'2013-01-19','HP\r\n1/4 standard - 4\r\nBigger - 10\r\n1/2 3-1/2 hitch pin yellow boxes','40.jpg'),(41,14,'Scraper Disks',12,0,0,1,'2011-06-17','','41.jpg'),(42,15,'Bucket Wear Plates',2,0,0,0,'2011-06-17','1600 land plane bucket plates','42.jpg'),(43,15,'Land Slides',2,0,0,2,'2011-12-30','165 plow\r\nLarge land slides one left and one right.\r\nbolts:\r\nhp - 6 sets','43.jpg'),(44,15,'Plow Lays',12,0,0,12,'2011-06-17','165 plow. includes left and right','44.jpg'),(45,15,'Shins',12,0,0,10,'2011-06-17','165 plow. Includes left and right','45.jpg'),(46,15,'Land Slides Small',2,0,0,2,'2011-06-17','165 plow large land slides','46.jpg'),(47,2,'Reducers',2,0,0,1,'2011-07-26','wand to hose connector','47.jpg'),(48,16,'100 X 5 Orange Dam',70,0,0,0,'2011-08-05','HP parts table.\r\nget the 6 foot next time','48.jpg'),(49,16,'Nuflex 2 In',60,0,0,0,'2011-08-05','1 box has not been opened. These are slightly bigger than past ones','49.jpg'),(50,16,'NUFLEX 1.25',75,0,0,0,'2012-01-05','in gray tool box','50.jpg'),(51,16,'Dam Sticks',8,0,0,2,'2011-08-09','SE corner of hp shop','51.jpg'),(52,17,'Grease Gun Tips',2,2,2,2,'2011-08-18','1 and 2 hang in oil sheds\r\nin pickup blue drawers','52.jpg'),(53,32,'134a Refrigerant',0,0,480,50,'2017-03-09','bottle of refrigerant. remember to pick up the protein jar with the AC parts.\r\nBottle and gauges are at Caleb house','53.jpg'),(54,32,'12 Refrigerant',0,0,100,50,'2011-08-24','bottle of refrigerant old','54.jpg'),(55,18,'886 Wheel Bolts',2,0,0,2,'2011-08-25','In red folger coffee can hp','55.jpg'),(56,32,'Freon Gauge 134a',0,0,1,0,'2017-09-06','Hp west shelf. The 134 bottle their also','56.jpg'),(57,32,'Freon Gauge 12',0,0,1,0,'2017-09-06','Home Place insulated shop on the west shelf\r\n\r\n\r\nBottle on hp west top shelf\r\n\r\nUse a 1/4 in extension to loosen old tractor valves. Put a 1/2 in socket on end. Using a short 5/16 bolts with a nut tightened on it. Use 1/2 wrench to tighten/loosen valve.','57.jpg'),(58,19,'Female To Female Gar',0,0,1,1,'2012-01-28','pump primer garden fittings.\r\nIs hanging on the HP parts table','58.jpg'),(60,20,'Spreader Shaft',2,0,0,1,'2015-01-03','hp parts table top middle. rear spreader shaft on 1440 combine','60.jpg'),(61,20,'Sprockets',3,0,0,1,'2011-10-17','gathering chains\r\nbolts and nuts in hp parts yellow','61.jpg'),(62,16,'15 In 4ft Splice',1,0,0,0,'2011-09-27','','62.jpg'),(63,16,'18 In 1ft Splice',1,0,0,0,'2011-09-27','hp shed by bin','63.jpg'),(64,21,'Ties',100,0,0,10,'2011-10-06','hp left bench drawer','64.jpg'),(65,9,'Twine',1,1,0,10,'2011-10-11','hp south shed yellow from john deere','65.jpg'),(66,9,'Needle Rods',2,0,0,0,'2011-10-11','4655 Hesston baler\r\nhp top shelf leg, pins and U nut in plastic bag tied to rods','66.jpg'),(67,25,'Wire Tester',0,0,1,0,'2011-10-12','pokes hole in wire. pickup cubby','67.jpg'),(68,8,'Garden Hose',7,0,0,2,'2011-10-13','hp weatherhead','68.jpg'),(69,23,'3/8 - 1/2 Round',0,0,0,0,'2013-08-10','HP:\r\n1/2:\r\n0 any size\r\n\r\nSev: south of bolt box \r\n3/8 X :\r\n1.5 - 30\r\n2 - 20\r\n2.5 - 15\r\n3 - 30\r\n\r\n7/16 X :\r\n1.5 - 25\r\n2 - 30\r\n2.5 - 20\r\n3 - 22\r\n\r\n1/2 :\r\nSEV west wall red coffe can\r\n2 - 10 grader blade size\r\n2.5 - 20','69.jpg'),(70,26,'7/16 1.5,2,2.5,3 Sev',0,0,0,0,'2011-10-30','white tip drawers, lots of 3 inch\r\n1.5 - 25\r\n2 - 30\r\n2.5 - 20\r\n3 - 22','70.jpg'),(71,7,'Wire',40,40,0,10,'2011-10-17','SEV:\r\nblack tool chest sev\r\n30+ ft\r\n\r\nHP:\r\n30 ft+\r\ndrawer 4 hp blue, yellow, green\r\n12g 10 ft on hp west wall','71.jpg'),(72,7,'Fittings',0,0,0,0,'2011-10-13','top black drawer\r\ndrawer 4:\r\nfemale flat - 3 14g\r\nmale flats - 4 14 gauge\r\nmale flats - 4 18 guage','72.jpg'),(73,7,'Bulbs',0,6,0,0,'2011-10-13','HP:\r\ndrawer 4 in compartment box\r\ntrailer - 3\r\ndash - 3\r\n\r\nSEV:\r\nWagner brand with dual elements. 2 prong push down twist kind\r\nblack top drawer','73.jpg'),(74,28,'Snaps',0,0,0,0,'2012-01-28','hp\r\nsmaller - 15 west wall\r\n\r\npickup','74.jpg'),(75,26,'5/16 Sev',0,0,0,0,'2011-10-13','length - count\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','75.jpg'),(76,23,'Cultivator',30,0,0,30,'2012-01-28','HP:\r\n1.5 - 44\r\n\r\nSEV:\r\n1.5 - 10','76.jpg'),(77,26,'7/16 Sev',0,0,0,0,'2011-10-13','length - count\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','77.jpg'),(78,30,'Circlips',0,0,0,0,'2012-01-28','','78.jpg'),(79,1,'08 1/2 Course',0,0,0,10,'2012-12-11','Bolts from combine strippers 1 & 2 3/4 inch grade 8 bolts in blue coffee can\r\n1 - 20\r\n1.5 - 15\r\n2.0 - 15\r\n2.5 - 20\r\n3.0 - 15\r\n3.5 - 0\r\n4.0 - 20\r\n5.0 - 10\r\n6.0 - 15\r\n\r\nSEV:\r\nlength - count\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','79.jpg'),(80,1,'07 7/16 Course',0,0,0,10,'2012-12-11','HP:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 11\r\n3.0 - 15\r\n3.5 - 0\r\n4.0 - 8\r\n5.0 - 10\r\n6.0 - 11\r\n\r\nSEV:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','80.jpg'),(81,1,'05 5/16 Course',0,0,0,10,'2012-12-11','HP:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25\r\n4.0 - 20\r\n5.0 - 5\r\n6.0 - 5\r\n\r\nSEV:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','81.jpg'),(82,1,'04 1/4 Course',10,10,0,30,'2012-12-11','Hp:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 10\r\n2.5 - 5\r\n3.0 - 25\r\n3.5 - 20\r\n4- 1\r\n4.5 - 0\r\n5 - 9\r\n6 - 4\r\n7 - 1\r\n8 - 1\r\n\r\nSev:\r\nlength - count\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','82.jpg'),(83,1,'06 3/8 Course',5,5,0,20,'2012-12-11','Hp:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 20\r\n2.5 - 7\r\n3.0 - 20\r\n4.0 - 25\r\n5.0 - 0\r\n5.5 - 8\r\n6.0 -5\r\n\r\nSEV:\r\n1 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 25\r\n3.0 - 25\r\n3.5 - 25','83.jpg'),(84,24,'T Valve Shut Off',2,0,0,0,'2013-12-02','Large T shut off Sev newer shed\r\n\r\nSmall T shut off hp newer shed\r\n\r\nWater shut off','84.jpg'),(85,11,'Yellow Pull',4,0,4,8,'2011-12-31','Hp newer shed by parts shelf\r\n\r\nSp Mustang garage','85.jpg'),(86,25,'Saws Hand',2,0,0,0,'2013-09-30','Hp: crosscut and rip front shop wall','86.jpg'),(87,13,'Cotter Pins',0,0,0,0,'2011-10-13','Gray tool box tundra pickup\r\nHP:\r\nBlack B4\r\n\r\nSev:\r\nlong 3 inch\r\n Plastic box west end shop','87.jpg'),(88,26,'Oil Shed Sev',0,0,0,0,'2011-10-13','funnel -black long neck\r\nGas Nozzle new','88.jpg'),(89,26,'Sev Refrigerator',0,0,0,0,'2011-10-14','disk grinder large\r\nfunnel red\r\nimpact wrench 3/4\r\nwelding rod','89.jpg'),(90,26,'Mouse Poison',0,4,0,1,'2011-10-14','hawk bait on top of sev tool frig','90.jpg'),(91,26,'Sev East Shelf',0,0,0,0,'2011-10-14','parts\r\nbolts for pipe coupler\r\nhypro sprayer pumps 2\r\nthreaded rod for weights 2','91.jpg'),(92,26,'Sev West Shelf',0,0,0,0,'2011-10-14','bearings\r\nrivets\r\nsickle sections\r\nstove bolts\r\nturn buckle with cable','92.jpg'),(93,26,'Sev Work Bench',0,0,0,0,'2011-10-14','bolt cutters\r\npenetrating oil\r\nwrenches','93.jpg'),(94,26,'Sev West Middle',0,0,0,0,'2011-10-14','1/2 bolts with lock nuts\r\nlag bolts red coffee can\r\npaper towels\r\nplanter opening disks 2\r\nplanter seed disks 6\r\nrough nails\r\ntrailer chain hookup system','94.jpg'),(95,2,'Shurflow Pump',0,0,0,0,'2013-07-17','3.0 gal/min 5 amp 45 psi (new )\r\nUsed one hp parts shelf','95.jpg'),(96,32,'R12',0,7,0,0,'2013-11-08','HP\r\nParts table\r\nSEV\r\noil shed sev in 12 oz cans','96.jpg'),(97,25,'Wire Tester',0,0,1,0,'2011-10-12','yellow. Uses light to measure current. No continuity check\r\n\r\nLook in the sev center wood drawer.','97.jpg'),(98,25,'Battery Charger Red',1,0,0,0,'2011-10-14','hp insulating shed in grey floor cupboard. west wall','98.jpg'),(99,25,'Battery Charger Blac',1,0,0,0,'2011-10-14','sev insulating shed on north wall. Last Location grain driLL in siLver shed','99.jpg'),(100,8,'Copper Mix',0,0,0,0,'2011-12-30','HP shop','100.jpg'),(101,13,'Square',0,0,0,0,'2011-10-14','sev west bench','101.jpg'),(102,13,'Snap Key',0,0,0,0,'2011-10-14','Gray box in my pickup\r\nHp; \r\nBlack A1','102.jpg'),(103,2,'Tips',5,0,5,10,'2011-10-14','brass sev 7','103.jpg'),(104,9,'Plunger Knife',4,0,0,1,'2012-05-10','hp parts table lower shelf. Last locations in bandsaw home place','104.jpg'),(105,17,'G 134 Hydraulic',7,3,0,4,'2011-10-15','hydraulic for tv6070 warranty required. units in gallons','105.jpg'),(106,17,'Autotrans Fluid',4,0,0,4,'2011-10-15','napa pemium atf mercon 3 qt bottles','106.jpg'),(107,17,'515 Oil',1,0,0,0,'2011-10-15','oil for transmission','107.jpg'),(108,17,'2 Stroke',1,0,0,1,'2011-10-15','1 qt out of a gallon by quicksilver','108.jpg'),(109,17,'Grease Tube',5,4,0,4,'2012-02-25','hp - 6\r\nSev - 6\r\ntube cleaner at hp oil','109.jpg'),(110,17,'Brake Fluid Dot 3',2,0,0,2,'2011-10-15','1.5 quarts of brake fluid at home place. the pour spout on the bottle is also here.','110.jpg'),(111,17,'Grease Can',2,0,0,1,'2011-10-15','mystik jtb and valvoline in hp oil house','111.jpg'),(112,17,'Barrel Wrench',1,0,0,0,'2011-10-15','hp oil house','112.jpg'),(113,17,'85W-140',4,0,0,10,'2012-02-25','units estimated in gallons\r\nhp:\r\n4 gal\r\n\r\nsev:','113.jpg'),(114,17,'80W-90',2,0,0,5,'2011-10-15','gear box oil for most applications','114.jpg'),(115,21,'Starting Fluid',1,1,1,3,'2011-10-15','spray can type','115.jpg'),(116,21,'Baking Soda',1,0,0,0,'2011-10-15','in hp oil house','116.jpg'),(117,21,'Funnels',2,0,0,0,'2012-01-05','long and short black one and a yellow square one at hp oil house\r\nLong neck metal -1\r\nLong neck black plastic -1','117.jpg'),(118,21,'Belt Dressing',1,0,0,2,'2011-10-15','hp small can ol house','118.jpg'),(119,21,'Penetrating Oil',3,2,0,6,'2011-10-15','these are stored in workshops usually','119.jpg'),(120,26,'Hp White Cabnet',0,0,0,0,'2011-10-15','towels\r\ncleaners\r\ncover tarps\r\n12 volt fan\r\ngun supplies and powder\r\nsweet corn seed\r\ntire foam','120.jpg'),(121,25,'Tap And Die',1,1,0,0,'2012-01-14','hp - cheapr black tool chest \r\nCourse: Max size 1/2 inch. Min size 1/4\r\n\r\nsev - black case in black tool chest. \r\nCourse: Max size 3/4 inch. Min size 1/4xx\r\nFine: Max size 3/4xx inch. Min size 1/4xx','121.jpg'),(122,25,'Charger 50 Amp',1,0,0,0,'2011-10-14','hp 50/25/2 amp 200amp start\r\nIncludes 12 and 6 volt battery test','122.jpg'),(123,26,'Hp East Wall',0,0,0,0,'2011-10-15','clevis large','123.jpg'),(124,26,'Hp Bolt Box',0,0,0,0,'2011-10-15','','124.jpg'),(125,27,'Regular Nut',5,5,0,10,'2012-10-27','HP:\r\n1/4 - 25\r\n5/16 - 25\r\n3/8 - 25v\r\n7/16 - 25\r\n1/2 - 25\r\n5/8 - 15\r\n3/4 - 10\r\n7/8 - 24 2nd row right bottom\r\n1.0 - 5\r\n\r\nSev: cloned from above\r\n1/4 - 25\r\n5/16 - 25\r\n3/8 - 25\r\n7/16 - 25\r\n1/2 - 25\r\n5/8 - 15\r\n3/4 - 10\r\n7/8 - 4 2nd row right bottom\r\n1.0 - 5','125.jpg'),(126,8,'Locks Regular',5,5,0,10,'2012-10-27','HP:\r\n1/4 - 0\r\n5/16 - 30\r\n3/8 - 100\r\n7/16 - 30\r\n1/2 - 25\r\n5/8 - 10\r\n3/4 - 15\r\n7/8 - 4\r\n1.0 - 2\r\n\r\nSEV:\r\n1/4 - 0\r\n5/16 - 30\r\n3/8 - 100\r\n7/16 - 30\r\n1/2 - 25\r\n5/8 - 10\r\n3/4 - 15\r\n7/8 - 12\r\n1.0 - 14','126.jpg'),(127,27,'Hp Hose Clamps',0,0,0,0,'2011-10-15','1.5 - 15\r\n0.75 - 2\r\n1.0 - 2\r\n1.25 - 4','127.jpg'),(128,6,'Machine Screw',0,0,0,0,'2011-10-15','hp:\r\nflat philips 10-24 x 3 - 100','128.jpg'),(129,6,'Tapping Screw Pan',0,0,0,0,'2011-10-15','hp:\r\n#10 x 3 - 200','129.jpg'),(130,29,'Threaded Rod',0,0,0,0,'2011-10-16','hp:\r\nby bolt box:\r\nby shop door:\r\n1/4 x 0 ft\r\n5/16 x 0 ft\r\n3/8 x 0 ft\r\n1/2 x 10 ft - 5\r\n\r\n\r\nSev: by work bench:\r\n5/16 x 0 ft\r\n3/8 x 0 ft\r\n1/2 x 0 ft','130.jpg'),(131,1,'10 5/8 Course',0,5,0,10,'2012-12-11','Hp:\r\n1.5 - 25\r\n2.0 - 15\r\n2.5 - 9\r\n3.0 - 15\r\n3.5 - 20\r\n4.0 - 20\r\n4.5 - 7\r\n5.0 - 5\r\n6.0 -15\r\n located in white basket\r\n7.0 - 4\r\n8.0 - 4\r\n\r\nSev:\r\n1 - 7\r\n1.5- 7\r\n2 - 7\r\n2.5 -7\r\n3 - 7\r\n3.5 - 7\r\n4 - 7\r\n4.5 - 7\r\n5 - 7\r\n6 - 7\r\n7 - 4\r\n8 - 4','131.jpg'),(132,1,'16 1.0 Course',0,0,0,10,'2011-10-17','Hp\r\nength - count\r\n3 - 2\r\n4- 3\r\n7 - 3\r\n8 - 3','132.jpg'),(133,1,'12 3/4 Course',5,5,0,10,'2012-12-11','Hp:\r\n1 - 10\r\n1.5 - 0\r\n2.0 - 19\r\n2.5 - 8\r\n3.0 - 7\r\n3.5 - 4\r\n4.0 - 8\r\n4.5 - 1\r\n5.0 - 1\r\n6.0 - 4\r\n7.0 - 1\r\n\r\nSev:\r\n1 - 11\r\n1.5 - 4\r\n2.0 - 6\r\n2.5 - 1\r\n3.0 - 9\r\n3.5 - 1\r\n4.0 - 12\r\n5.0 - 7\r\n6.0 - 6\r\n7.0 - 6','133.jpg'),(134,4,'01 5/16',15,0,0,15,'2012-12-11','1.0 - 25\r\n1.5 - 25\r\n2.0 - 30\r\n2.5 - 30\r\n3.0 - 20\r\n3.5 - 12','134.jpg'),(135,7,'Hp Drawer 4',0,0,0,0,'2011-10-17','2 prong male - 2\r\n3 prong adapter - 1\r\nbattery connect for sprayer\r\nbulb small push in - 3 in napa bag\r\nfemale cord end\r\nfuse puller\r\nlight switch (2 switch)\r\nmale plug\r\nrecepticle\r\ntrailer lights (1 amber, 1 red)\r\ntrailer light splice. into tail lights\r\nassortment of fittins','135.jpg'),(136,7,'Fuses Cartridge',2,2,2,5,'2011-10-17','hp drawer 4:\r\n20 amp - 4\r\n30 amp - 8 2 are slow release\r\n35 amp - 3\r\n40 amp - 3\r\n45 amp - 3\r\n\r\nSEV: electric drawer\r\n20 amp - 3\r\n30amp - 11\r\n80 amp -1','136.jpg'),(137,7,'Twist Connectors',3,3,3,5,'2011-10-17','hp drawer 4:\r\n18g gray minis - 20\r\n14g -5\r\n12g - 5\r\n\r\nSev: electric drawer\r\n12g - 9 yellow\r\n14g - 10 orange\r\n18g - 8 gray','137.jpg'),(138,7,'Fuses Screw In',2,1,1,1,'2011-10-17','HP:\r\n15 amp - 7\r\n20 amp - 2\r\n25 amp - 4\r\n30 amp fuse - 1 \r\n\r\nSEV:','138.jpg'),(139,7,'Fittings Bullet',0,0,0,10,'2011-10-17','top black drawer\r\ndrawer 4:\r\nmale:\r\n18g - 4\r\n14g -1\r\nfemale:\r\n14g - 25\r\n18g - 2','139.jpg'),(140,7,'Sparkplugs',0,0,0,0,'2011-10-17','drawer 4:\r\nchampion J8C','140.jpg'),(141,25,'Blades Hacksaw',0,0,0,0,'2015-02-28','12 in are used the most\r\nHP drawer 2:\r\n10 in - 10\r\n\r\nmy hacksaw is 12 inches','141.jpg'),(142,28,'Chain Tightner',2,0,0,0,'2011-10-17','hp shop west wall','142.jpg'),(143,19,'1.5 Radiator',0,0,0,0,'2011-10-17','hp shop west wall (4 ft long)','143.jpg'),(144,6,'Rough',0,0,0,0,'2011-10-17','HP\r\n\r\n\r\nSEV','144.jpg'),(145,26,'Oil Shed Hp',0,0,0,0,'2011-10-13','funnel - square yellow short neck\r\ngrease tube cleaner','145.jpg'),(146,7,'Splicer',5,5,5,10,'2011-10-18','HP:\r\n14g - 1\r\n18g - 5','146.jpg'),(147,7,'XXXXXX',3,4,4,10,'2011-10-18','HP:\r\n14g - 1\r\n18g - 5','147.jpg'),(148,29,'Lag',0,0,0,0,'2011-10-18','HP:\r\n1/4 x 5 inch - 25\r\n\r\nSEV:\r\nassortment red coffee can','148.jpg'),(149,27,'Wing',0,0,0,0,'2018-10-15','Hp bolt box assortment weatherhead\r\n<1/4 - 5\r\n1/4 wing stud 1 inch - 1\r\n1/4 - 6\r\n5/16 - 9 \r\n3/8 - 4\r\n1/2 - 4','149.jpg'),(150,29,'Stove',0,0,0,0,'2011-10-18','Hp shop yellow tray','150.jpg'),(151,27,'Pop Rivets',0,0,0,0,'2011-10-19','Sev\r\nlong - 100 in plastic drawer','151.jpg'),(152,29,'STOVE',0,0,0,10,'2011-10-19','HP weatherhead\r\n3/8\r\n1/2\r\n\r\nSEV\r\n1/2 - 10 plastic drawer','152.jpg'),(153,29,'Fine Thread',0,0,0,0,'2014-10-10','Hp:\r\n2 - 5/8 x 4\r\n1 - 1/2 x 2\r\n1 - 3/8 x 1.5\r\n\r\nSEV:\r\n5/16 1.5 - 10 drawer 2c\r\n1/4 1.0 - 2 drawer 2c','153.jpg'),(154,27,'CAP NUTS',0,0,0,0,'2011-12-31',' ','154.jpg'),(172,21,'Lubricant Spray',1,1,2,3,'2011-12-31','HP:\r\n WD 40 - 1\r\nSEV:\r\nWd 40 - 1\r\nPickup:\r\nWD 40 - 2','172.jpg'),(155,7,'Fittings Spades',0,0,0,0,'2011-10-19','HP drawer 4:\r\nmale:\r\n18g - 10\r\n14g - 10\r\nfemale:\r\n14g - 25\r\n18g - 10\r\n\r\nSEV electric drawer\r\nmale:\r\n14g - 25\r\nfemale:\r\n14g - 25','155.jpg'),(156,27,'Rivets',0,0,0,0,'2011-10-19','SEV hang shelves west\r\n1/2 x 5 1/2 0.5 inches long\r\n The riveTs are bevel headed. There is over 100 in The box','156.jpg'),(157,30,'Compression',0,0,0,0,'2011-10-19','HP:\r\n the photo was taking of the weather head drawer 4 - 6 more springs found in drawer 4 - 7\r\nWeatherHead\r\n\r\nSEV:\r\n1 1/2 x 2 1/2 x 135','157.jpg'),(158,23,'Right Handed',0,0,0,0,'2011-10-19','SEV\r\n7/16 - 1.5 - 25 plastic bag\r\n\r\nHP\r\nYEllow drawer with longer lengths','158.jpg'),(159,6,'Staples Medium',0,0,0,0,'2011-10-20','Hp: 25 blue box','159.jpg'),(160,6,'Ring',0,0,0,0,'2011-10-20','HP:\r\n6p -\r\n8p - \r\n10p -\r\n12p -\r\n16p - 100\r\n20 - 100\r\n50 - 25\r\nSEV:\r\n6p -\r\n8p -\r\n10p -\r\n12p -\r\n16p -\r\n20p -','160.jpg'),(161,6,'Shingle',0,0,0,0,'2011-10-20','HP 500','161.jpg'),(162,31,'Random 1',0,0,0,0,'2011-10-20','unknown stuff','162.jpg'),(163,23,'Left Handed Plow Lay',0,2,0,1,'2011-10-30','Hp.\r\nred folders coffee \r\nyellow drawers: up to 2 changes','163.jpg'),(164,15,'LandSlideSmall Base',16,0,0,8,'2011-12-04','165 plow small landslide bases','164.jpg'),(165,17,'Grease Gun',1,0,0,1,'2011-12-29','John Seeder grease gun in oil house.','165.jpg'),(166,14,'Seed Disks',2,0,0,2,'2013-05-31','7300 corn seed standard disks\r\nHp parts counter','166.jpg'),(167,13,'Half Moon',0,0,0,0,'2011-12-31','hp in gray box','167.jpg'),(168,13,'E-clips',0,0,0,0,'2011-12-31','no info','168.jpg'),(169,29,'Eye Bolts THREADED',0,0,10,5,'2012-12-12','NOTE! thickness - circle size - length - count\r\nIncludes the screw-in kind also.\r\nBunch on sp west wall\r\nHP note east wall shop\r\n1/4 - .5 - 2.5 ( 2 )\r\n1/4 - 0.55 - 6 ( 1 )\r\n1/4 - 0.5 - 5 (1)\r\n5/16 - 0.64 - 3 ( 1 )\r\n5/16 - 0.75 - 5 ( 1 )\r\n5/16 - 0.75 - 6 ( 1 )\r\n3/8 - 0.85 - 4 ( 1 ) \r\n3/8 - 1.0 - 5 ( 1 )\r\n1/2 - 1.0 - 10 ( 1 )','169.jpg'),(170,33,'Seperator Belt',1,0,0,1,'2011-12-31','in tillage shed for 1440 combine','170.jpg'),(171,24,'Lawn',0,0,0,0,'2012-05-22','Hp:\r\npart shelving white drawers','171.jpg'),(173,5,'Boxed Lengths',4,6,0,10,'2014-12-09','HP:\r\n50 - 20 ft\r\n60 -\r\n\r\nSEV:\r\n40 - 10 ft\r\n50 - 30 ft\r\n60 - 10 ft','173.jpg'),(174,5,'Double Roller',4,0,0,0,'2012-01-04','Left over from 1440 combine after replacing the old chain\r\n45 inches is left \r\nlocation home place on tillage rack','174.jpg'),(175,5,'Master Links',3,3,0,5,'2011-12-31','HP:\r\n40 -\r\n50 - \r\n60 -\r\n\r\nSEV: compartment tray west wall\r\n40 - 4\r\n50 - 1\r\n50 wide -1\r\n60 - 3\r\n80 -1','175.jpg'),(176,34,'Cultivator Wheel',1,0,0,1,'2015-10-22','2 - HP shop in the bearing and seal kits coffee can','176.jpg'),(177,9,'Sickle Sections',10,10,0,10,'2011-12-31','HP:\r\n\r\nSEV:','177.jpg'),(178,29,'Gate Post',5,5,5,15,'2012-01-29','some at all three farms','178.jpg'),(179,34,'Cone Bearings',2,0,0,0,'2012-01-02','Sev: west wall\r\nInside 1 11/16 - 2','179.jpg'),(180,34,'Seal',0,1,0,0,'2012-01-02','Sev: west wall\r\nInside 2.25 outside 3 3/8 in - 1','180.jpg'),(181,35,'Uknown',0,2,0,0,'2013-12-28','Outside 1.25 inside 0.75 thickness 3/8 in\r\n7 bushing washers at severance place on east wall.\r\n\r\n2 - 3/4 hole 1/2 thick white basket SEV','181.jpg'),(182,3,'Square Bar Clamps',0,6,0,6,'2011-05-31','Square bar clamps at HP','182.jpg'),(183,3,'3/8 Sweeps',5,6,0,7,'2012-01-02','Use oval head plow bolts\r\nHp\r\n1 - 31\r\n2 - 20\r\n4 - 14\r\n7 - 5\r\n\r\nSev\r\n1 - 0\r\n2 - 5\r\n4 - 13\r\n7 - 6','183.jpg'),(184,14,'Drive Chain Bicycle',0,1,0,1,'2012-01-03','This chain fiTs The john deere 7300 corn planTer\r\nwest wall row 4','184.jpg'),(185,6,'Hex Sheet Metal',0,50,0,10,'2012-01-03','10 x 2 inch slotted hex washer sheet metal screws zinc. They are locaTed on The wesT wall aT The severance shop','185.jpg'),(186,21,'Paper Towels',0,2,0,6,'2012-01-03','HP:\r\n in the white cabinet\r\n\r\nSev:\r\n the weSt wall','186.jpg'),(187,9,'Sickle Sections',0,0,0,0,'2012-01-03','SEV:\r\nA- - 1\r\n H - 9\r\n B - 1','187.jpg'),(188,21,'Screen Heavy Duty',0,0,0,0,'2012-01-03','SEV WEST WALL IN SHOP\r\nRole of quaRteR inch scReen use to patch windows oR fix holes. 6 ft','188.jpg'),(189,14,'Sweet Corn',0,0,0,0,'2012-01-05','hp shop list varities','189.jpg'),(190,21,'Cloth Towels',15,0,0,0,'2012-01-05','Hp:\r\n15 white cupboard east wall\r\n\r\nSeV:','190.jpg'),(191,27,'Lock Nut',0,0,0,0,'2014-10-10','HP:\r\n1/4 - 8\r\n5/16 - 5\r\n3/8 - 9\r\n7/16 - 6\r\n1/2 - 13\r\n5/8 - \r\n3/4 - \r\n7/8 - \r\n1.0 - \r\n\r\nSev: blue C1\r\n1/4 - \r\n5/16 - \r\n3/8 - 6 on carriage bolts\r\n7/16 - \r\n1/2 - 8 west drawers\r\n5/8 - 3 narrow\r\n3/4 - \r\n7/8 - \r\n1.0 -','191.jpg'),(192,25,'Woodworking',0,0,0,0,'2012-01-06','SEV:\r\nWOOD PLAIN - workbench','192.jpg'),(193,25,'Grinders',0,0,0,0,'2012-01-14','SEV:\r\ncraftsman disc large -','193.jpg'),(194,25,'Drill',0,0,0,0,'2012-01-06','HP:\r\nAngle red - sink drawer\r\nold 1/2 electric - sink drawer\r\n\r\nSEV:\r\nmakita 1/2 electric - refrigerator','194.jpg'),(195,36,'Stick',5,5,0,10,'2012-01-28','SEV\r\n6013 1/8 in - 100\r\nE6013 5/32 - 40\r\nE7014 5/32 - 8\r\nE7018 5/32 - 45\r\n\r\nHP:\r\n6013 - \r\n6013 L -\r\n7018 -','195.jpg'),(196,25,'Saws Power',1,0,3,2,'2017-02-10','HP\r\nCement saw blade \r\nBandsaw blade size 93 x 3/4 -1\r\nCircular snk drawer\r\nRecipricating east walln\r\n\r\n\r\nSEV\r\n\r\nSP:\r\nCraftsman chainsaw 5/32in stone total of 3 chains\r\n Pulan PLN3516F - 16 inch electric saw Chain replacement: DRIVE LINKS 55 DL BAR: 966- 051301 16 inch CHAIN: 966-051603 16 inch, gauge - 0.05, pitch - 3/8 3/16in grinding stone.\r\n\r\nstihl MS280 22 in . chain replacement 3/16in grinding stone.','196.jpg'),(197,25,'Wheel Pullers',0,0,1,0,'2012-01-07','Best one severance shop black tool drawer.','197.jpg'),(199,38,'Hose',0,0,0,0,'2012-03-02','HP:\r\n3/4 - 4\r\n3 inch dash 1 \r\n4 inch dash 1 \r\n\r\n1 - 8 ( 2 NARROW)\r\n1.25 -4\r\n1.5 - 6\r\n1.75 - 13\r\n2 - 3\r\n6 - 1\r\n\r\nSEV\r\n3.5 inches west wall','199.jpg'),(198,25,'Transit',0,0,0,0,'2020-05-15','The survey instrument cooling the measuring stick tripod and eyeglass is in the new shop on the Home Place Farm','198.jpg'),(200,27,'Turnbuckle',0,0,0,0,'2012-01-10','HP\r\n1/4 - 4 - ( open on 1 end)\r\n1/4 - 5 - 1 ( EYE ON 1 END\r\n5/16 - 6 - 1 ( EYE ON BOTH ENDS)','200.jpg'),(201,29,'J Bolts',0,0,0,0,'2012-01-10','HP\r\n5/16 - 5 - 1\r\n5/16 - 7 -1','201.jpg'),(202,6,'Eye Screws',0,0,0,0,'2012-01-10','HP\r\n2.5 - 3','202.jpg'),(203,29,'U',0,0,0,0,'2012-01-10','HP\r\n1/4 - 0.75 - 2.5 (2)\r\n1/4 - 1.12 - 2.5 (2)\r\n1/4 - 1.15 - 3.5 (2)\r\n1/4 - 1.4 - 4 (1)\r\n5/16 - 1.35 -3.5 (1)\r\n5/16 - 1.35 - 2.5 (4)\r\n5/16 - 1.75 - 4 (1)','203.jpg'),(204,30,'Tension',0,0,0,0,'2011-10-19','HP:\r\n the photo has the springs in the weather head drawer 4 - 6\r\n\r\ndoor spring on east wall\r\n\r\nSEV:\r\n1 1/2 x 2 1/2 x 135\r\n\r\nSP\r\nTrampoline springs','204.jpg'),(205,28,'Connectors',0,0,0,0,'2012-01-10','HP\r\n3/16 - 1.5 - 1\r\n1/4 - 1.5 - 1\r\n5/16 - 2.75 -3','205.jpg'),(206,13,'Hitch',0,0,0,0,'2012-01-10','HP\r\n1.25 - 9 - 1\r\n1 - 1 x 9 \r\nSev\r\n1 - 1 x 9','206.jpg'),(207,37,'Electric Motor',0,0,0,0,'2012-01-10','HP\r\n3/4 - 1.125 - 5','207.jpg'),(209,28,'Latch',1,0,0,0,'2012-01-13','gate latch connected to a chain\r\n location - weatherhead drawer 5-7','209.jpg'),(208,29,'Eye Bolts LAG',0,0,10,5,'2012-01-12','NOTE! thickness - circle size - length - count\r\nIncludes the screw-in kind also.\r\nBunch on sp west wall\r\nHP note east wall \r\nHP:\r\n1/4 - 0.6 - 2.5 (3)\r\n0.27 - 0.75 - 2.5 ( 2 )\r\n5/16 - 0.6 - 4 ( 1 ) \r\n5/16 0.7 - 2.5 (2)','208.jpg'),(210,27,'Lug',0,1,0,0,'2012-01-14','Sev west wall tray 1. spare wheel nut for large trucks','210.jpg'),(211,25,'Impact Sockets',1,2,0,0,'2012-04-14','HP\r\nShort 1/2 to 1xx 1/2 inch drive\r\n\r\nSev:\r\nDeep sockets 1/2 to 1 inch 1/2 inch drive\r\nNormal 15/16 to 1 1/2 3/4 inch drive. (1 1/8 is missing)\r\nMetrics 12mm - 27mm in tool drawer','211.jpg'),(212,25,'Wrenches',0,0,0,0,'2012-01-14','HP\r\n5/16 - 1 1/4 complete set\r\nTool chest sizes 1 5/16, 1 1/2, 1 5/8, 1 3/4, 1 7/8, 2, 2 1/4, 2 1/2','212.jpg'),(213,27,'Fine',0,0,0,0,'2012-01-14','SEV\r\n3/4 - 6 Scattered in west bolt box\r\n1 half inch white basket','213.jpg'),(214,21,'Loctite Blue',1,0,0,0,'2012-01-21','home place Insulated shop east wall\r\n loctite red is on the north wall next to the wood glue in the black shelves\r\n there is a lot of loctite blue in my ammunition thing in my pickup','214.jpg'),(215,25,'Acre Wheel',0,0,0,0,'2018-03-08','SEV west shed','215.jpg'),(216,25,'Jacks',0,0,0,0,'2014-04-15','12 ton green 9 - 17.75 HP\r\n20 ton red hp\r\nscrew jack large. yellow shed sev\r\nScrews jack small - Sev yellow shed \r\ncherry picker sev insulated.','216.jpg'),(217,36,'Brazing',5,5,0,5,'2012-01-28','with flux on rod\r\nHp\r\nwhite . 5\r\n\r\nSev\r\nwhite - 5','217.jpg'),(218,36,'Gas',1,1,0,2,'2012-01-28','Hp:\r\nacetylene - 300\r\noxygen - 2000\r\n\r\nSev:\r\nacetylene - \r\noxygen -','218.jpg'),(219,13,'Top Link',0,0,0,0,'2012-01-28','','219.jpg'),(220,25,'Wire Brushes',1,1,1,3,'2012-01-31','SEV:\r\nTool chest','220.jpg'),(221,15,'Plow Flip',2,0,0,0,'2012-02-28','hp \r\nright hand top and a connection piece\r\nyou need to pick up the other side.','221.jpg'),(222,29,'Grade 8 Hp',0,0,0,0,'2018-10-15','Coffee can assortment Homeplace East wall','222.jpg'),(223,38,'Muffler',0,0,0,0,'2013-07-18','HP\r\n4 inch muffler clamp that bolts down','223.jpg'),(224,8,'Combine Head Shins',0,0,0,0,'2012-02-28','assortment of doubles and singles fitting 1/2 inch bolts','224.jpg'),(225,25,'Floor Chisel',0,0,0,0,'2013-09-30','HP:\r\n3 inch floor chisel in red toolbox','225.jpg'),(226,14,'Talc',0,0,0,10,'2012-02-29','severance 0 pounds','226.jpg'),(227,36,'Helmet Glass',1,0,0,0,'2012-03-02','extra piece of soma dark glass at home place in drawer 3','227.jpg'),(228,39,'Angle Iron',0,0,0,0,'2012-03-02','home place \r\n 0.25 x 3.5 x 50 inches\r\n\r\n5 -\r\nSEV\r\n0.125 inches thick \r\n1 x 1 x 80 inches \r\n1.25 x 1.25 x 30 IN\r\n0.1 x 1.25 x 1.25 x 84 inches \r\n1.5 x 1.5 x 106 inches \r\n\r\n316 inches thick \r\n3.5 x 3.5 x 56 IN\r\n\r\nall pieces are stored in with the threaded rod','228.jpg'),(239,39,'Channel Iron',0,0,0,0,'2012-05-08','SEV\r\n0.5 x 70 inches \r\n3 x 31 inches\r\n3 x 40 inches\r\n\r\nHp\r\n 0.25 x 6 x 62 inches','239.jpg'),(240,39,'Flat Plate',0,0,0,0,'2012-05-08','SEV\r\n.125 x 3 x 39 inches \r\n1 quarter x 2 x 24 inches \r\n.25 x 1.75 x 16 inches \r\n0.25 x 8 x 16 inches \r\n\r\n3 sixteenths x 4 x 8.5 \r\n3/16 x 3.75 x 7.75 in\r\n\r\n0.5 x 10 x 9 inches\r\n\r\nHp\r\n 0.125 x 2.5 x 88 inches\r\n 0.1 x 1 x 120 inches\r\n Grr .1 x 1.5 x 72, 84, 120 inches\r\n 0.1 x 2 x 48 inches\r\n .05 x 6 x 48 inches\r\n 0.5 x 0.75 x 48 inches\r\n 0.25 x 4 x 78 inches\r\n 0.25 x 6 x 48 inches','240.jpg'),(229,35,'1/4 Bolt - Bushing',0,0,0,0,'2012-03-02','home place drawer 1A','229.jpg'),(230,13,'Cotter Pins Long',0,0,0,0,'2013-09-30','Gray tool box tundra pickup\r\nHP: front shop black plastic drawers\r\n\r\nSev:\r\nlong 3 inch\r\n Plastic box west end shop','230.jpg'),(231,7,'Trailer Connections',0,0,0,0,'2012-03-02','male and female fittings for a trailer . smaller size\r\nlocation severance place in top black drawer','231.jpg'),(232,35,'3 Point',0,0,0,0,'2012-03-02','assorted bushings at severance place','232.jpg'),(233,13,'Hitch',0,0,0,0,'2012-01-10','hitch pins at severance place','233.jpg'),(234,31,'White Basket',0,0,0,0,'2013-12-28','located in the severance white basket on the west wall\r\n3 - 3/8 cap nuts\r\n2 - 3/4 fine thread nuts\r\n1 - 1/4 1in fine thread bolt\r\n1- 1/2 1in wheel bolt\r\n1 - 3/16 chain connector','234.jpg'),(235,21,'Cement',0,2,0,4,'2013-08-10','80 lb. Concrete','235.jpg'),(236,14,'Seed Tube Brush',0,1,0,1,'2012-04-03','peg board severance','236.jpg'),(237,25,'Trowels',0,2,0,0,'2012-04-03','Sev:\r\nWater barrel; new trowel and cerated one north side','237.jpg'),(238,3,'Square Bar Clamp',0,8,0,1,'2012-04-10','Severance:\r\nDitcher clamps for the alloway cultivator.','238.jpg'),(241,39,'Rod',0,0,0,0,'2012-05-10','Hp\r\n1 x 100 inches','241.jpg'),(242,39,'Pipe',0,0,0,0,'2012-05-10','hp\r\n .05 x 1 x 96 inches','242.jpg'),(243,16,'12 Inch Plastic Pipe',1,0,0,0,'2012-05-10','Sev\r\nNew roll of yellow plastic pipe use for the irrigation of corn. In combineshed','243.jpg'),(244,30,'Truck Box',0,0,0,0,'2012-05-17','Freeman truck box dump and another heavy duty. south place on the south wall','244.jpg'),(245,2,'Hp Drawer',0,0,0,0,'2013-01-19','','245.jpg'),(246,21,'Video Cable',0,1,0,0,'2013-08-10','SEV\r\ncamera video cable place with corn planter stuff in north cabinet','246.jpg'),(247,21,'Block Heater Magnet',0,0,1,0,'2012-06-25','SP\r\nin the new shop on the south wall','247.jpg'),(248,25,'Bars',0,0,0,0,'2013-09-30','HP: Long tamp bar North shop dirt side\r\n\r\nSev: Small heavy bar\r\n\r\nSP: heavy bar','248.jpg'),(249,2,'Tank Funnel',0,0,0,0,'2012-07-17','hp \r\nParts table','249.jpg'),(250,24,'Pipe Straight',0,0,0,0,'2012-08-22','Sev west wall\r\n2.25 - 10 inch new\r\n1.25 inch reducer that allows the hooking up of a garden hose','250.jpg'),(251,40,'Quick Attach',0,0,3,0,'2012-08-22','Sev\r\nGood hitch','251.jpg'),(252,40,'Clevis',0,0,3,0,'2012-08-22','Sev\r\n big orange 1 in the back of my pickup','252.jpg'),(253,24,'1 Inch Pipe',0,0,0,0,'2012-08-22','severance \r\nrectangle shut off in new shop','253.jpg'),(254,24,'Pipe Reducers',0,0,0,0,'2012-08-22','Sev west wall\r\n1- 1.5 to 2in pipe\r\n1.25 inch reducer that allows the hooking up of a garden hose','254.jpg'),(255,24,'Pipe Elbows',0,0,0,0,'2014-10-10','Sev\r\n\r\nHp\r\n\r\nother','255.jpg'),(256,16,'Water Ace Pump',1,0,0,0,'2012-09-08','located at the home place\r\n1/2 horsepower electric motor with a 4 gallon per minute flow rate','256.jpg'),(257,21,'Glue',0,0,0,0,'2012-10-03','full bottle of gorilla glue over atSev shop refrigerator','257.jpg'),(258,21,'Ramps',0,0,0,0,'2012-10-10','SP\r\naluminum to drive up the 4 wheelers','258.jpg'),(259,28,'Log',2,0,0,0,'2013-09-30','Hp:\r\n2 - 5ft heavy duty chains hanging up in the North shed on the west wall','259.jpg'),(260,4,'00 1/4',9,0,0,10,'2012-12-11','1.0 - 25\r\n1.5 - 25\r\n2.0 - 25\r\n2.5 - 15\r\n3.0 - 15\r\n3.5 - 20\r\n4.0 - 0\r\n5.0 - 1\r\n6.0 - 10','260.jpg'),(261,21,'Tire',10,0,0,10,'2012-12-16','Hp:\r\nvalve cores: 100 in weatherhead\r\nvalve caps: 50 drawer 1-3 east shop wall','261.jpg'),(262,27,'Other',0,0,0,0,'2012-12-16','Hp:\r\nHog rings - 25 - drawer 1-5 east wall','262.jpg'),(263,14,'Opener Disks',2,0,0,2,'2013-01-03','2 DiskS for the 5100 grain drill at severance','263.jpg'),(264,35,'Top Link',3,0,0,0,'2013-01-19','','264.jpg'),(265,19,'Double Female Connec',0,0,0,0,'2013-05-20','located on the Severn east wall','265.jpg'),(266,22,'Pine',0,0,0,0,'2013-07-18','hp NW shed\r\n10 - 2 x 6 x 16\r\n10 - 2 x 8 x 16\r\n10 - 2 x 10 x 16\r\n\r\nhp SW shed\r\n20 - 2 x 12 x 16','266.jpg'),(267,12,'Metal Panels',0,0,0,0,'2013-07-18','HP\r\n30 - 50in x 16ft','267.jpg'),(268,12,'Metal Gates',0,0,0,0,'2013-07-18','','268.jpg'),(269,25,'Disk Grinder',0,1,0,0,'2013-08-10','Makita 4 inch disc grinder model 9501B\r\nLocation: SEV','269.jpg'),(270,7,'Alligator Clips',0,0,0,0,'2013-08-20','for hooking up 12 all wires 12 volt wires','270.jpg'),(271,11,'Ratchet Straps',2,0,0,0,'2013-08-21','Orange and yellow in hp part shelves','271.jpg'),(272,27,'Castle Nuts',0,0,0,0,'2013-08-28','1/2 inch fine thread severance','272.jpg'),(273,27,'Wheel',0,0,0,0,'2013-08-28','severance large for heavy duty trucks','273.jpg'),(274,36,'Helmet',0,0,0,0,'2017-02-10','Miller Helmet Severance\r\n\r\n3350 series welding helmet by Vikings battery CR 2450 3 VOLT','274.jpg'),(275,25,'Water Shut Off',0,0,0,0,'2013-09-30','HP: Large rectangle valve & Small rectangle valve','275.jpg'),(276,25,'Extender Reach',0,0,0,0,'2013-09-30','Pickup : Gray tupperware','276.jpg'),(277,28,'Wheel Loader',0,0,0,0,'2013-09-30','Sev: Silver hay shed 515B Loader','277.jpg'),(278,11,'Rachet Medium',0,0,0,0,'2013-09-30','Pickup:\r\nRed coffee can - yellow 2in 16ft & orange 1in 12ft','278.jpg'),(279,24,'Hydraulic',0,0,0,0,'2014-10-10','Hp:\r\nsilver coffee can','279.jpg'),(280,17,'Stabalizer',0,0,0,0,'2013-10-08','Hp:\r\n\r\nSev:','280.jpg'),(281,21,'Ladders',0,0,0,0,'2013-12-02','Orange long - sp red shed\r\norange shorter - sp red shed\r\ngray -\r\nyelow','281.jpg'),(282,27,'Handle Nuts',0,0,0,0,'2013-12-16','1 - 1/2 \r\n2 - 3/8 \r\nlocated at the severance farm in the bolt box','282.jpg'),(283,25,'Bandsaw',0,0,0,0,'2013-12-28','Delta 4 inch by 6 inch horizontal bandsaw\r\n\r\nelectric motor 1/3 horsepower 1725 rpm single phase 7.5 amps 115 volts serial number is RF 906 insulation class A','283.jpg'),(284,21,'Sev West Wall',0,0,0,0,'2013-12-28','','284.jpg'),(285,21,'Sweep Auger',1,0,0,0,'2014-04-03','drive wheel of sweep auger located in home placed west shed.\r\nrubber tire','285.jpg'),(286,26,'Auger Connect Plate',0,0,0,0,'2014-04-07','Home Place West shop','286.jpg'),(287,26,'Sensor',0,0,0,0,'2014-04-07','Home Place Weatherhead drawer C 5. fits the 225 Magnum fuel filter','287.jpg'),(288,34,'1600 Wheel',1,0,0,0,'2015-01-03','home place Weatherhead drawer c5. used bearing. Bought extra bearings 11/2014 at hp see if i put in coffee can','288.jpg'),(289,21,'Vice Grip Kobalt',0,0,0,0,'2014-04-09','2 pipe wrenches and gear puller severance','289.jpg'),(290,21,'Drawer A1',0,0,0,0,'2014-04-09','Severance','290.jpg'),(291,21,'Refrigerator Dolly',0,0,0,0,'2014-04-15','located at Caleb\'s house in meat house\r\nred dolly is located at South place on diesel tank','291.jpg'),(292,4,'Lag Bolts',0,0,0,0,'2016-10-07','Hp:\r\nOlive D4\r\n13 - 3/8 - 8 in\r\n13 - 3/8 - 4in','292.jpg'),(293,29,'Lag',0,0,0,0,'2014-10-10','HP:\r\n1/4 2in','293.jpg'),(294,28,'Log',2,0,0,0,'2014-10-10','Hp:\r\n2 - 1/4 in lemonade can','294.jpg'),(295,6,'Pan Framing Screw',0,0,0,0,'2014-10-10','hp:\r\n#7 7/16 - 100','295.jpg'),(296,6,'Roofing Nails',0,0,0,0,'2014-10-10','Hp:\r\n200 - 1.25 galvanized','296.jpg'),(297,21,'Sponge Tape',0,0,0,0,'2014-10-10','1 - 10 ft shop drawer 2','297.jpg'),(298,12,'Ear Tags',0,0,0,0,'2014-10-10','Hp:\r\nwest shed\r\near tags that use a numbering system to identification','298.jpg'),(299,15,'Mulcher Mud Scrapers',0,0,0,0,'2014-10-10','for the International 410 mulcher\r\n10 - count','299.jpg'),(300,8,'Special Washers',0,0,0,0,'2014-10-10','15 narrow 5/8 in .New Holland is on package storing in the weather head Hp','300.jpg'),(301,21,'Concrete',3,3,0,5,'2014-10-18','6 - 80 lbs bags redimix','301.jpg'),(302,20,'Gathering Chain',3,0,0,1,'2014-11-04','3 -gathering Chains hp parts table','302.jpg'),(303,18,'Hub Cap',0,0,0,0,'2014-12-16','2 3/8 in cap hp weatherhead drawer G2','303.jpg'),(304,25,'Air Compressors',0,0,0,0,'2014-12-17','12/17/14\r\ndrained the water out of the home place big air compressor','304.jpg'),(305,1,'Metric Fine Thread',0,0,0,0,'2015-01-06','Hp\r\nthreaded rod','305.jpg'),(306,35,'Sev Misc Bushing',0,0,0,0,'2015-01-09','Outside 1.25 inside 0.75 thickness 3/8 in\r\n7 bushing washers at severance place on east wall.\r\n\r\n2 - 3/4 hole 1/2 thick white basket SEV','306.jpg'),(307,34,'Seed Disks',1,0,0,1,'2015-03-19','HP parts shelf for the 5100 grain drill.','307.jpg'),(308,21,'Gasket Material',0,0,0,0,'2015-03-31','Hp north west shop drawer red 2.5 x 1 x1/8 size','308.jpg'),(309,24,'PVC Glue And Cleaner',0,0,0,0,'2015-05-05','PVC glue and pipe cleaner home place northwest corner of insulated shop','309.jpg'),(310,24,'Globe Valve',0,0,0,0,'2015-09-03','1 inch caleb s house','310.jpg'),(311,21,'Sev East Wall',0,0,0,0,'2015-10-02','pins gate pans pumps clampswe','311.jpg'),(312,21,'Sev West Wall',0,0,0,0,'2015-10-02','','312.jpg'),(313,9,'Baler 4655 Misc',0,0,0,4,'2015-11-12','In coffee can on the home place parts table.\r\nPlunger knives\r\ntwine finger spring and another compression spring','313.jpg'),(314,22,'Corner Plates',3,0,0,0,'2016-04-05','Corner plates for reinforcing corners on Lumber and Truss. located in the weatherhead at the Home Place','314.jpg'),(315,2,'Hose Rubber',20,0,0,0,'2016-09-02','20 feet of one half inch black sprayer hose located on the part shelf on the West End Home Place','315.jpg'),(316,2,'Hp Drawer 1',0,0,0,0,'2016-09-02','','316.jpg'),(317,2,'Hp Drawer 2',0,0,0,0,'2016-09-02','','317.jpg'),(318,2,'Hp Drawer 3',0,0,0,0,'2016-09-02','','318.jpg'),(319,21,'Hp Wood Drawer 1',0,0,0,0,'2016-09-02','Hacksaw blades foot valve sealant sponge tape super epoxy air tool bushing wall hanger','319.jpg'),(320,21,'Hp Wood Drawer 2',0,0,0,0,'2016-09-02','Grease gun hose tee male African female electrical in miscellaneous wire plastic green o rings circuit tester gaskets or seals solder spark plug','320.jpg'),(321,21,'Hp Wood Drawer 3',0,0,0,0,'2016-09-02','Buss fuses cylinder fuses electrical fittings batteries circular fuses extra wire screw type of fuses wire electric wire twist types yellow red hydraulic fitting','321.jpg'),(322,21,'Hp Olive Row 1',0,0,0,0,'2016-09-02','Cotter Keys small to large Penn big Carter keys flat head machine screws finger tight screws','322.jpg'),(323,21,'Hp Olive Row 2',0,0,0,0,'2016-09-02','Carterque Stampy plug chain link connector machine or wood screws Flathead miscellaneous carriage bolts more machine screws some nuts Square key roundhead wood screws','323.jpg'),(324,21,'Hp Olive Row 3',0,0,0,0,'2016-09-02','Assortment of square Nets of different sizes long bolts small diameter machine screws a different links wood screws round and flat head of different links and bigger wood screws flat head different lengths','324.jpg'),(325,21,'Hp Olive Row 4',0,0,0,0,'2016-09-02','Machine screws with gaskets on a medium size brass fittings square folds not as though you both but a square one other fittings some Brass Tap Wing nuts and Staples','325.jpg'),(326,21,'Hp Black Row 1',0,0,0,0,'2016-09-02','Hand NUT 4 Wood trucks for tightening the gate in the back\r\n hydraulic plug eye bolts C hooks for wood','326.jpg'),(327,26,'Throttle Cable Wheel',0,0,0,0,'2016-09-03','Universal throttle cable 54 inch conduit and 57 inch inner wire\r\n in garage door wheel','327.jpg'),(328,21,'Sev Craftsman Dr 1',0,0,0,0,'2016-09-03','Pencil knife electric tester 14 gauge wire tuning fork twist electrical in splice connectors a capacitor keys for the lock in the drawer and miscellaneous I outlets and stuff for connecting up wires in a few Buss fuses and a big one big Buss fuse hundred amp','328.jpg'),(329,25,'Tap And Die Sev',1,1,0,0,'2016-09-03','hp - cheapr black tool chest \r\nCourse: Max size 1/2 inch. Min size 1/4\r\n\r\nsev - black case in black tool chest. \r\nCourse: Max size 3/4 inch. Min size 1/4xx\r\nFine: Max size 3/4xx inch. Min size 1/4xx','329.jpg'),(330,25,'Craftsman Red Row 1',0,0,0,0,'2016-09-03','Vice grips needle nose pliers tape measures sockets punches chisels','330.jpg'),(331,25,'Craftsman Red Row B2',0,0,0,0,'2016-09-03','Screwdrivers Phillips screwdrivers impact wrench or impact socket chain','331.jpg'),(332,40,'1/2 Inch Cable',0,0,0,0,'2016-09-28','Homeplace West shed west of the well water','332.jpg'),(333,36,'Wire Feed Welder',0,0,0,0,'2016-12-12','Wild wire feed welder at home place','333.jpg'),(334,38,'Clamps',0,0,0,0,'2017-01-02','Assortment of clamps, pickup, cultivator, unknown severance north shop','334.jpg'),(335,13,'Misc Pins',0,0,0,0,'2017-01-02','Bolt, hydraulic clevis severance shed','335.jpg'),(336,1,'Misc. Fine',0,0,0,0,'2017-01-02','Wing nuts, wood screw severance','336.jpg'),(337,1,'Misc. Fine Row 1',0,0,0,0,'2017-01-02','Wing nuts, severance, collar, compression spring, washer','337.jpg'),(338,29,'Grade 8',0,0,0,0,'2017-01-02','Severance can marked with JDOWNLOADER and 88','338.jpg'),(339,27,'Hydraulic Plug 225 M',0,0,0,0,'2017-01-02','Severance hydraulic plug that fix that 225 Magnum brake accumulator replacement','339.jpg'),(340,28,'Chain Connectors',0,0,0,0,'2017-01-04','Severance large chain connect 3 total\r\nRow 5','340.jpg'),(341,30,'Tension',0,0,0,0,'2017-01-04','HP:\r\n the photo has the springs in the weather head drawer 4 - 6\r\n\r\ndoor spring on east wall\r\n\r\nSEV:\r\n1 1/2 x 2 1/2 x 135\r\n\r\nSpring\r\n\r\nSP\r\nTrampoline springs','341.jpg'),(342,28,'Connectors',0,0,0,0,'2017-01-04','Severance chain connecterror\r\n\r\n3/4- 1.5 - 1\r\n\r\n5/16 - 2.75 -1','342.jpg'),(343,7,'Heat Tape',0,0,0,0,'2017-03-08','9 feet of heat tape to wrap around pipes to keep pipes from freezing. In the front drawer of the new shop at the Home Place where the other electrical stuff is kept.','343.jpg'),(344,40,'Silver Pickup Hole H',0,0,0,0,'2017-09-06','This is the hitch we used to pull the augurs and things around with our pickups. Home Place North shop dirt floor side in the cabinet','344.jpg'),(345,7,'Battery Bolts',0,0,0,0,'2017-12-12','Battery terminal square head bolt battery Bolt square head bolt. These bolts are 5/16 bye one and a half inches. These both can be located in the severance shop in the electrical parts tool box. That sounds pretty good','345.jpg'),(346,36,'Aluminum Weld',0,0,0,0,'2018-02-05','Not true welding rods Home Place in the welding drawer. JB Weld is here also. This is for welding gluing plastic together only','346.jpg'),(347,36,'Plastic Weld',0,0,0,0,'2018-02-05','This is multicolored Rod that works on various types of plastic and you use a soldering gun to melt the plastic you can\'t find it at the Home Place up in the northeast corner in the third drawer down','347.jpg'),(348,24,'1 Inch Elbow',0,0,0,0,'2012-08-22','severance \r\nThis elbow has 2 hose pipe threads made out of brass','348.jpg'),(349,24,'3/4 Copper Tube',0,0,0,0,'2018-06-06','Three quarter inch copper tubing approximately 3 ft long there are some other bolts in the image also shown','349.jpg'),(350,24,'Assortment',0,0,0,0,'2018-07-09','Severance \r\nThere are many things that have hoses slip-ons thredded.\r\n there\'s some that have inch and a quarter and a half there\'s some reducers both necck reducers and both thread reducers.\r\n there\'s also connection thread pipes to extend pipes longer there\'s a valve or pressure relief valve and most everything is plastic but there are few metal fittings to and there are certain amount of plugs but mostly hose the thread fittings.','350.jpg'),(351,21,'Distilled Water Veg',1,1,0,0,'2018-09-20','Distilled water and vegetable oil store at the home place on the paint Shelf','351.jpg'),(352,24,'Assortment Metal Hp',0,0,0,0,'2018-07-09','There is a globe valve there is a reducer a large plug and the T','352.jpg'),(353,7,'Hay Moisture Tester',0,0,0,0,'2018-10-01','This is located up in the shop at the Home Place on the insulated side','353.jpg'),(354,29,'Wheel Bolt',0,0,0,0,'2018-10-15','4 wheel bolts up weatherhead','354.jpg'),(355,24,'Assortment Plugs',0,0,0,0,'2018-10-15','Hp white pill box East north corner','355.jpg'),(356,25,'Large Open Wrenches',0,0,0,0,'2019-05-18','Severance farm west wall\r\n\r\n2 1/8\r\n2 1/4\r\n2 3/8\r\n2 1/2','356.jpg'),(357,29,'Misc',0,0,0,0,'2020-05-15','Contains leg bolts Castle Small Castle bolts machine screws have different sizes thin nuts probably 5/16 plugs for pipes smaller sizes machine screws and and keys for keyways on electric motors stuff','357.jpg'),(358,24,'Pipe Dope',1,0,0,0,'2020-05-15','Pipe dope stuff that you spread on the threads to seal leaks\r\n\r\nFlex seal here also \r\n\r\nHp north shed','358.jpg'),(359,21,'Hemp',0,0,0,0,'2020-05-15','Hp bags present','359.jpg'),(360,21,'Stencils',0,0,0,0,'2020-08-26','Placed in hp shop NE corner top drawer\r\n\r\nA - Z 0-9 and some punctuation','360.jpg');
/*!40000 ALTER TABLE `parts` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `storage`
--
DROP TABLE IF EXISTS `storage`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `storage` (
`settingid` tinyint(4) NOT NULL,
`keyword` varchar(25) NOT NULL,
`value` varchar(400) NOT NULL,
PRIMARY KEY (`settingid`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `storage`
--
LOCK TABLES `storage` WRITE;
/*!40000 ALTER TABLE `storage` DISABLE KEYS */;
INSERT INTO `storage` VALUES (1,'2012-10-16','LEVEL|10|TABLENAME|transactions|FIELDSAVE|vendor|date_of2SAVE|01/13/2013|date_of1SAVE|09/12/2011|PDS_SAVE|3|INX1||NUM1||ALPHA1||VIEW1|'),(2,'irrigation','pivot,water depth:,1.25,position:,290, \r\nsev06, %done:,50,notes:,NA,\r\nsev07,%done:,50,notes:,NA,\r\nsev08,%done:,50,notes:,NA,\r\nsevSW,%done:,50,notes:,NA,\r\nrain:, depth:,0.2,condition:,0,\r\ntemp:, F:,85+,wind:,NA');
/*!40000 ALTER TABLE `storage` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `swd_commentmeta`
--
DROP TABLE IF EXISTS `swd_commentmeta`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `swd_commentmeta` (
`meta_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`comment_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci DEFAULT NULL,
`meta_value` longtext COLLATE utf8mb4_unicode_520_ci,
PRIMARY KEY (`meta_id`),
KEY `comment_id` (`comment_id`),
KEY `meta_key` (`meta_key`(191))
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `swd_commentmeta`
--
LOCK TABLES `swd_commentmeta` WRITE;
/*!40000 ALTER TABLE `swd_commentmeta` DISABLE KEYS */;
/*!40000 ALTER TABLE `swd_commentmeta` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `swd_comments`
--
DROP TABLE IF EXISTS `swd_comments`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `swd_comments` (
`comment_ID` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`comment_post_ID` bigint(20) unsigned NOT NULL DEFAULT '0',
`comment_author` tinytext COLLATE utf8mb4_unicode_520_ci NOT NULL,
`comment_author_email` varchar(100) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`comment_author_url` varchar(200) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`comment_author_IP` varchar(100) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`comment_date` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`comment_date_gmt` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`comment_content` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`comment_karma` int(11) NOT NULL DEFAULT '0',
`comment_approved` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '1',
`comment_agent` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`comment_type` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'comment',
`comment_parent` bigint(20) unsigned NOT NULL DEFAULT '0',
`user_id` bigint(20) unsigned NOT NULL DEFAULT '0',
PRIMARY KEY (`comment_ID`),
KEY `comment_post_ID` (`comment_post_ID`),
KEY `comment_approved_date_gmt` (`comment_approved`,`comment_date_gmt`),
KEY `comment_date_gmt` (`comment_date_gmt`),
KEY `comment_parent` (`comment_parent`),
KEY `comment_author_email` (`comment_author_email`(10))
) ENGINE=MyISAM AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `swd_comments`
--
LOCK TABLES `swd_comments` WRITE;
/*!40000 ALTER TABLE `swd_comments` DISABLE KEYS */;
INSERT INTO `swd_comments` VALUES (1,1,'A WordPress Commenter','wapuu@wordpress.example','https://wordpress.org/','','2017-02-07 05:02:12','2017-02-07 05:02:12','Hi, this is a comment.\nTo get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.\nCommenter avatars come from Gravatar.',0,'1','','comment',0,0);
/*!40000 ALTER TABLE `swd_comments` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `swd_links`
--
DROP TABLE IF EXISTS `swd_links`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `swd_links` (
`link_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`link_url` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`link_name` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`link_image` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`link_target` varchar(25) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`link_description` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`link_visible` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'Y',
`link_owner` bigint(20) unsigned NOT NULL DEFAULT '1',
`link_rating` int(11) NOT NULL DEFAULT '0',
`link_updated` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`link_rel` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`link_notes` mediumtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
`link_rss` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
PRIMARY KEY (`link_id`),
KEY `link_visible` (`link_visible`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `swd_links`
--
LOCK TABLES `swd_links` WRITE;
/*!40000 ALTER TABLE `swd_links` DISABLE KEYS */;
/*!40000 ALTER TABLE `swd_links` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `swd_options`
--
DROP TABLE IF EXISTS `swd_options`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `swd_options` (
`option_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`option_name` varchar(191) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`option_value` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
`autoload` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'yes',
PRIMARY KEY (`option_id`),
UNIQUE KEY `option_name` (`option_name`),
KEY `autoload` (`autoload`)
) ENGINE=MyISAM AUTO_INCREMENT=19048 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `swd_options`
--
LOCK TABLES `swd_options` WRITE;
/*!40000 ALTER TABLE `swd_options` DISABLE KEYS */;
INSERT INTO `swd_options` VALUES (1,'siteurl','http://www.acctper.softwarewebdesign.com','yes'),(2,'home','http://www.acctper.softwarewebdesign.com','yes'),(3,'blogname','Personal Accounting','yes'),(4,'blogdescription','Javascript','yes'),(5,'users_can_register','0','yes'),(6,'admin_email','stevew@thinairnet.com','yes'),(7,'start_of_week','1','yes'),(8,'use_balanceTags','0','yes'),(9,'use_smilies','1','yes'),(10,'require_name_email','1','yes'),(11,'comments_notify','1','yes'),(12,'posts_per_rss','10','yes'),(13,'rss_use_excerpt','0','yes'),(14,'mailserver_url','mail.example.com','yes'),(15,'mailserver_login','login@example.com','yes'),(16,'mailserver_pass','password','yes'),(17,'mailserver_port','110','yes'),(18,'default_category','1','yes'),(19,'default_comment_status','open','yes'),(20,'default_ping_status','open','yes'),(21,'default_pingback_flag','0','yes'),(22,'posts_per_page','10','yes'),(23,'date_format','F j, Y','yes'),(24,'time_format','g:i a','yes'),(25,'links_updated_date_format','F j, Y g:i a','yes'),(26,'comment_moderation','0','yes'),(27,'moderation_notify','1','yes'),(28,'permalink_structure','/%year%/%monthnum%/%day%/%postname%/','yes'),(29,'rewrite_rules','a:98:{s:11:\"^wp-json/?$\";s:22:\"index.php?rest_route=/\";s:14:\"^wp-json/(.*)?\";s:33:\"index.php?rest_route=/$matches[1]\";s:21:\"^index.php/wp-json/?$\";s:22:\"index.php?rest_route=/\";s:24:\"^index.php/wp-json/(.*)?\";s:33:\"index.php?rest_route=/$matches[1]\";s:17:\"^wp-sitemap\\.xml$\";s:23:\"index.php?sitemap=index\";s:17:\"^wp-sitemap\\.xsl$\";s:36:\"index.php?sitemap-stylesheet=sitemap\";s:23:\"^wp-sitemap-index\\.xsl$\";s:34:\"index.php?sitemap-stylesheet=index\";s:48:\"^wp-sitemap-([a-z]+?)-([a-z\\d_-]+?)-(\\d+?)\\.xml$\";s:75:\"index.php?sitemap=$matches[1]&sitemap-subtype=$matches[2]&paged=$matches[3]\";s:34:\"^wp-sitemap-([a-z]+?)-(\\d+?)\\.xml$\";s:47:\"index.php?sitemap=$matches[1]&paged=$matches[2]\";s:47:\"category/(.+?)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:52:\"index.php?category_name=$matches[1]&feed=$matches[2]\";s:42:\"category/(.+?)/(feed|rdf|rss|rss2|atom)/?$\";s:52:\"index.php?category_name=$matches[1]&feed=$matches[2]\";s:23:\"category/(.+?)/embed/?$\";s:46:\"index.php?category_name=$matches[1]&embed=true\";s:35:\"category/(.+?)/page/?([0-9]{1,})/?$\";s:53:\"index.php?category_name=$matches[1]&paged=$matches[2]\";s:17:\"category/(.+?)/?$\";s:35:\"index.php?category_name=$matches[1]\";s:44:\"tag/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:42:\"index.php?tag=$matches[1]&feed=$matches[2]\";s:39:\"tag/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:42:\"index.php?tag=$matches[1]&feed=$matches[2]\";s:20:\"tag/([^/]+)/embed/?$\";s:36:\"index.php?tag=$matches[1]&embed=true\";s:32:\"tag/([^/]+)/page/?([0-9]{1,})/?$\";s:43:\"index.php?tag=$matches[1]&paged=$matches[2]\";s:14:\"tag/([^/]+)/?$\";s:25:\"index.php?tag=$matches[1]\";s:45:\"type/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:50:\"index.php?post_format=$matches[1]&feed=$matches[2]\";s:40:\"type/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:50:\"index.php?post_format=$matches[1]&feed=$matches[2]\";s:21:\"type/([^/]+)/embed/?$\";s:44:\"index.php?post_format=$matches[1]&embed=true\";s:33:\"type/([^/]+)/page/?([0-9]{1,})/?$\";s:51:\"index.php?post_format=$matches[1]&paged=$matches[2]\";s:15:\"type/([^/]+)/?$\";s:33:\"index.php?post_format=$matches[1]\";s:12:\"robots\\.txt$\";s:18:\"index.php?robots=1\";s:13:\"favicon\\.ico$\";s:19:\"index.php?favicon=1\";s:12:\"sitemap\\.xml\";s:23:\"index.php?sitemap=index\";s:48:\".*wp-(atom|rdf|rss|rss2|feed|commentsrss2)\\.php$\";s:18:\"index.php?feed=old\";s:20:\".*wp-app\\.php(/.*)?$\";s:19:\"index.php?error=403\";s:18:\".*wp-register.php$\";s:23:\"index.php?register=true\";s:32:\"feed/(feed|rdf|rss|rss2|atom)/?$\";s:27:\"index.php?&feed=$matches[1]\";s:27:\"(feed|rdf|rss|rss2|atom)/?$\";s:27:\"index.php?&feed=$matches[1]\";s:8:\"embed/?$\";s:21:\"index.php?&embed=true\";s:20:\"page/?([0-9]{1,})/?$\";s:28:\"index.php?&paged=$matches[1]\";s:27:\"comment-page-([0-9]{1,})/?$\";s:38:\"index.php?&page_id=2&cpage=$matches[1]\";s:41:\"comments/feed/(feed|rdf|rss|rss2|atom)/?$\";s:42:\"index.php?&feed=$matches[1]&withcomments=1\";s:36:\"comments/(feed|rdf|rss|rss2|atom)/?$\";s:42:\"index.php?&feed=$matches[1]&withcomments=1\";s:17:\"comments/embed/?$\";s:21:\"index.php?&embed=true\";s:44:\"search/(.+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:40:\"index.php?s=$matches[1]&feed=$matches[2]\";s:39:\"search/(.+)/(feed|rdf|rss|rss2|atom)/?$\";s:40:\"index.php?s=$matches[1]&feed=$matches[2]\";s:20:\"search/(.+)/embed/?$\";s:34:\"index.php?s=$matches[1]&embed=true\";s:32:\"search/(.+)/page/?([0-9]{1,})/?$\";s:41:\"index.php?s=$matches[1]&paged=$matches[2]\";s:14:\"search/(.+)/?$\";s:23:\"index.php?s=$matches[1]\";s:47:\"author/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:50:\"index.php?author_name=$matches[1]&feed=$matches[2]\";s:42:\"author/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:50:\"index.php?author_name=$matches[1]&feed=$matches[2]\";s:23:\"author/([^/]+)/embed/?$\";s:44:\"index.php?author_name=$matches[1]&embed=true\";s:35:\"author/([^/]+)/page/?([0-9]{1,})/?$\";s:51:\"index.php?author_name=$matches[1]&paged=$matches[2]\";s:17:\"author/([^/]+)/?$\";s:33:\"index.php?author_name=$matches[1]\";s:69:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/feed/(feed|rdf|rss|rss2|atom)/?$\";s:80:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&feed=$matches[4]\";s:64:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/(feed|rdf|rss|rss2|atom)/?$\";s:80:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&feed=$matches[4]\";s:45:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/embed/?$\";s:74:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&embed=true\";s:57:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/page/?([0-9]{1,})/?$\";s:81:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&paged=$matches[4]\";s:39:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/?$\";s:63:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]\";s:56:\"([0-9]{4})/([0-9]{1,2})/feed/(feed|rdf|rss|rss2|atom)/?$\";s:64:\"index.php?year=$matches[1]&monthnum=$matches[2]&feed=$matches[3]\";s:51:\"([0-9]{4})/([0-9]{1,2})/(feed|rdf|rss|rss2|atom)/?$\";s:64:\"index.php?year=$matches[1]&monthnum=$matches[2]&feed=$matches[3]\";s:32:\"([0-9]{4})/([0-9]{1,2})/embed/?$\";s:58:\"index.php?year=$matches[1]&monthnum=$matches[2]&embed=true\";s:44:\"([0-9]{4})/([0-9]{1,2})/page/?([0-9]{1,})/?$\";s:65:\"index.php?year=$matches[1]&monthnum=$matches[2]&paged=$matches[3]\";s:26:\"([0-9]{4})/([0-9]{1,2})/?$\";s:47:\"index.php?year=$matches[1]&monthnum=$matches[2]\";s:43:\"([0-9]{4})/feed/(feed|rdf|rss|rss2|atom)/?$\";s:43:\"index.php?year=$matches[1]&feed=$matches[2]\";s:38:\"([0-9]{4})/(feed|rdf|rss|rss2|atom)/?$\";s:43:\"index.php?year=$matches[1]&feed=$matches[2]\";s:19:\"([0-9]{4})/embed/?$\";s:37:\"index.php?year=$matches[1]&embed=true\";s:31:\"([0-9]{4})/page/?([0-9]{1,})/?$\";s:44:\"index.php?year=$matches[1]&paged=$matches[2]\";s:13:\"([0-9]{4})/?$\";s:26:\"index.php?year=$matches[1]\";s:58:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/attachment/([^/]+)/?$\";s:32:\"index.php?attachment=$matches[1]\";s:68:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/attachment/([^/]+)/trackback/?$\";s:37:\"index.php?attachment=$matches[1]&tb=1\";s:88:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/attachment/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:49:\"index.php?attachment=$matches[1]&feed=$matches[2]\";s:83:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/attachment/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:49:\"index.php?attachment=$matches[1]&feed=$matches[2]\";s:83:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/attachment/([^/]+)/comment-page-([0-9]{1,})/?$\";s:50:\"index.php?attachment=$matches[1]&cpage=$matches[2]\";s:64:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/attachment/([^/]+)/embed/?$\";s:43:\"index.php?attachment=$matches[1]&embed=true\";s:53:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)/embed/?$\";s:91:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&embed=true\";s:57:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)/trackback/?$\";s:85:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&tb=1\";s:77:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:97:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&feed=$matches[5]\";s:72:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:97:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&feed=$matches[5]\";s:65:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)/page/?([0-9]{1,})/?$\";s:98:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&paged=$matches[5]\";s:72:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)/comment-page-([0-9]{1,})/?$\";s:98:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&cpage=$matches[5]\";s:61:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/([^/]+)(?:/([0-9]+))?/?$\";s:97:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&name=$matches[4]&page=$matches[5]\";s:47:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/([^/]+)/?$\";s:32:\"index.php?attachment=$matches[1]\";s:57:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/([^/]+)/trackback/?$\";s:37:\"index.php?attachment=$matches[1]&tb=1\";s:77:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:49:\"index.php?attachment=$matches[1]&feed=$matches[2]\";s:72:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:49:\"index.php?attachment=$matches[1]&feed=$matches[2]\";s:72:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/([^/]+)/comment-page-([0-9]{1,})/?$\";s:50:\"index.php?attachment=$matches[1]&cpage=$matches[2]\";s:53:\"[0-9]{4}/[0-9]{1,2}/[0-9]{1,2}/[^/]+/([^/]+)/embed/?$\";s:43:\"index.php?attachment=$matches[1]&embed=true\";s:64:\"([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/comment-page-([0-9]{1,})/?$\";s:81:\"index.php?year=$matches[1]&monthnum=$matches[2]&day=$matches[3]&cpage=$matches[4]\";s:51:\"([0-9]{4})/([0-9]{1,2})/comment-page-([0-9]{1,})/?$\";s:65:\"index.php?year=$matches[1]&monthnum=$matches[2]&cpage=$matches[3]\";s:38:\"([0-9]{4})/comment-page-([0-9]{1,})/?$\";s:44:\"index.php?year=$matches[1]&cpage=$matches[2]\";s:27:\".?.+?/attachment/([^/]+)/?$\";s:32:\"index.php?attachment=$matches[1]\";s:37:\".?.+?/attachment/([^/]+)/trackback/?$\";s:37:\"index.php?attachment=$matches[1]&tb=1\";s:57:\".?.+?/attachment/([^/]+)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:49:\"index.php?attachment=$matches[1]&feed=$matches[2]\";s:52:\".?.+?/attachment/([^/]+)/(feed|rdf|rss|rss2|atom)/?$\";s:49:\"index.php?attachment=$matches[1]&feed=$matches[2]\";s:52:\".?.+?/attachment/([^/]+)/comment-page-([0-9]{1,})/?$\";s:50:\"index.php?attachment=$matches[1]&cpage=$matches[2]\";s:33:\".?.+?/attachment/([^/]+)/embed/?$\";s:43:\"index.php?attachment=$matches[1]&embed=true\";s:16:\"(.?.+?)/embed/?$\";s:41:\"index.php?pagename=$matches[1]&embed=true\";s:20:\"(.?.+?)/trackback/?$\";s:35:\"index.php?pagename=$matches[1]&tb=1\";s:40:\"(.?.+?)/feed/(feed|rdf|rss|rss2|atom)/?$\";s:47:\"index.php?pagename=$matches[1]&feed=$matches[2]\";s:35:\"(.?.+?)/(feed|rdf|rss|rss2|atom)/?$\";s:47:\"index.php?pagename=$matches[1]&feed=$matches[2]\";s:28:\"(.?.+?)/page/?([0-9]{1,})/?$\";s:48:\"index.php?pagename=$matches[1]&paged=$matches[2]\";s:35:\"(.?.+?)/comment-page-([0-9]{1,})/?$\";s:48:\"index.php?pagename=$matches[1]&cpage=$matches[2]\";s:24:\"(.?.+?)(?:/([0-9]+))?/?$\";s:47:\"index.php?pagename=$matches[1]&page=$matches[2]\";}','yes'),(30,'hack_file','0','yes'),(31,'blog_charset','UTF-8','yes'),(32,'moderation_keys','','no'),(33,'active_plugins','a:2:{i:0;s:35:\"backupwordpress/backupwordpress.php\";i:1;s:41:\"wp-visitors-widget/wp-visitors-widget.php\";}','yes'),(34,'category_base','','yes'),(35,'ping_sites','http://rpc.pingomatic.com/','yes'),(36,'comment_max_links','2','yes'),(37,'gmt_offset','0','yes'),(38,'default_email_category','1','yes'),(39,'recently_edited','a:4:{i:0;s:75:\"/home1/softwax3/public_html/SWD/wp-content/themes/responsive2/functions.php\";i:2;s:71:\"/home1/softwax3/public_html/SWD/wp-content/themes/responsive2/style.css\";i:3;s:72:\"/home1/softwax3/public_html/SWD/wp-content/themes/responsive2/footer.php\";i:4;s:0:\"\";}','no'),(40,'template','twentyseventeen','yes'),(41,'stylesheet','twentyseventeen','yes'),(44,'comment_registration','0','yes'),(45,'html_type','text/html','yes'),(46,'use_trackback','0','yes'),(47,'default_role','subscriber','yes'),(48,'db_version','60717','yes'),(49,'uploads_use_yearmonth_folders','1','yes'),(50,'upload_path','','yes'),(51,'blog_public','0','yes'),(52,'default_link_category','2','yes'),(53,'show_on_front','page','yes'),(54,'tag_base','','yes'),(55,'show_avatars','1','yes'),(56,'avatar_rating','G','yes'),(57,'upload_url_path','','yes'),(58,'thumbnail_size_w','150','yes'),(59,'thumbnail_size_h','150','yes'),(60,'thumbnail_crop','1','yes'),(61,'medium_size_w','300','yes'),(62,'medium_size_h','300','yes'),(63,'avatar_default','mystery','yes'),(64,'large_size_w','1024','yes'),(65,'large_size_h','1024','yes'),(66,'image_default_link_type','none','yes'),(67,'image_default_size','','yes'),(68,'image_default_align','','yes'),(69,'close_comments_for_old_posts','0','yes'),(70,'close_comments_days_old','14','yes'),(71,'thread_comments','1','yes'),(72,'thread_comments_depth','5','yes'),(73,'page_comments','0','yes'),(74,'comments_per_page','50','yes'),(75,'default_comments_page','newest','yes'),(76,'comment_order','asc','yes'),(77,'sticky_posts','a:0:{}','yes'),(78,'widget_categories','a:2:{i:2;a:4:{s:5:\"title\";s:0:\"\";s:5:\"count\";i:0;s:12:\"hierarchical\";i:0;s:8:\"dropdown\";i:0;}s:12:\"_multiwidget\";i:1;}','yes'),(79,'widget_text','a:2:{i:1;a:0:{}s:12:\"_multiwidget\";i:1;}','yes'),(80,'widget_rss','a:2:{i:1;a:0:{}s:12:\"_multiwidget\";i:1;}','yes'),(81,'uninstall_plugins','a:1:{s:41:\"wp-visitors-widget/wp-visitors-widget.php\";s:13:\"wvw_uninstall\";}','no'),(82,'timezone_string','','yes'),(83,'page_for_posts','0','yes'),(84,'page_on_front','2','yes'),(85,'default_post_format','0','yes'),(86,'link_manager_enabled','0','yes'),(87,'finished_splitting_shared_terms','1','yes'),(88,'site_icon','0','yes'),(89,'medium_large_size_w','768','yes'),(90,'medium_large_size_h','0','yes'),(91,'initial_db_version','38590','yes'),(92,'swd_user_roles','a:5:{s:13:\"administrator\";a:2:{s:4:\"name\";s:13:\"Administrator\";s:12:\"capabilities\";a:61:{s:13:\"switch_themes\";b:1;s:11:\"edit_themes\";b:1;s:16:\"activate_plugins\";b:1;s:12:\"edit_plugins\";b:1;s:10:\"edit_users\";b:1;s:10:\"edit_files\";b:1;s:14:\"manage_options\";b:1;s:17:\"moderate_comments\";b:1;s:17:\"manage_categories\";b:1;s:12:\"manage_links\";b:1;s:12:\"upload_files\";b:1;s:6:\"import\";b:1;s:15:\"unfiltered_html\";b:1;s:10:\"edit_posts\";b:1;s:17:\"edit_others_posts\";b:1;s:20:\"edit_published_posts\";b:1;s:13:\"publish_posts\";b:1;s:10:\"edit_pages\";b:1;s:4:\"read\";b:1;s:8:\"level_10\";b:1;s:7:\"level_9\";b:1;s:7:\"level_8\";b:1;s:7:\"level_7\";b:1;s:7:\"level_6\";b:1;s:7:\"level_5\";b:1;s:7:\"level_4\";b:1;s:7:\"level_3\";b:1;s:7:\"level_2\";b:1;s:7:\"level_1\";b:1;s:7:\"level_0\";b:1;s:17:\"edit_others_pages\";b:1;s:20:\"edit_published_pages\";b:1;s:13:\"publish_pages\";b:1;s:12:\"delete_pages\";b:1;s:19:\"delete_others_pages\";b:1;s:22:\"delete_published_pages\";b:1;s:12:\"delete_posts\";b:1;s:19:\"delete_others_posts\";b:1;s:22:\"delete_published_posts\";b:1;s:20:\"delete_private_posts\";b:1;s:18:\"edit_private_posts\";b:1;s:18:\"read_private_posts\";b:1;s:20:\"delete_private_pages\";b:1;s:18:\"edit_private_pages\";b:1;s:18:\"read_private_pages\";b:1;s:12:\"delete_users\";b:1;s:12:\"create_users\";b:1;s:17:\"unfiltered_upload\";b:1;s:14:\"edit_dashboard\";b:1;s:14:\"update_plugins\";b:1;s:14:\"delete_plugins\";b:1;s:15:\"install_plugins\";b:1;s:13:\"update_themes\";b:1;s:14:\"install_themes\";b:1;s:11:\"update_core\";b:1;s:10:\"list_users\";b:1;s:12:\"remove_users\";b:1;s:13:\"promote_users\";b:1;s:18:\"edit_theme_options\";b:1;s:13:\"delete_themes\";b:1;s:6:\"export\";b:1;}}s:6:\"editor\";a:2:{s:4:\"name\";s:6:\"Editor\";s:12:\"capabilities\";a:34:{s:17:\"moderate_comments\";b:1;s:17:\"manage_categories\";b:1;s:12:\"manage_links\";b:1;s:12:\"upload_files\";b:1;s:15:\"unfiltered_html\";b:1;s:10:\"edit_posts\";b:1;s:17:\"edit_others_posts\";b:1;s:20:\"edit_published_posts\";b:1;s:13:\"publish_posts\";b:1;s:10:\"edit_pages\";b:1;s:4:\"read\";b:1;s:7:\"level_7\";b:1;s:7:\"level_6\";b:1;s:7:\"level_5\";b:1;s:7:\"level_4\";b:1;s:7:\"level_3\";b:1;s:7:\"level_2\";b:1;s:7:\"level_1\";b:1;s:7:\"level_0\";b:1;s:17:\"edit_others_pages\";b:1;s:20:\"edit_published_pages\";b:1;s:13:\"publish_pages\";b:1;s:12:\"delete_pages\";b:1;s:19:\"delete_others_pages\";b:1;s:22:\"delete_published_pages\";b:1;s:12:\"delete_posts\";b:1;s:19:\"delete_others_posts\";b:1;s:22:\"delete_published_posts\";b:1;s:20:\"delete_private_posts\";b:1;s:18:\"edit_private_posts\";b:1;s:18:\"read_private_posts\";b:1;s:20:\"delete_private_pages\";b:1;s:18:\"edit_private_pages\";b:1;s:18:\"read_private_pages\";b:1;}}s:6:\"author\";a:2:{s:4:\"name\";s:6:\"Author\";s:12:\"capabilities\";a:10:{s:12:\"upload_files\";b:1;s:10:\"edit_posts\";b:1;s:20:\"edit_published_posts\";b:1;s:13:\"publish_posts\";b:1;s:4:\"read\";b:1;s:7:\"level_2\";b:1;s:7:\"level_1\";b:1;s:7:\"level_0\";b:1;s:12:\"delete_posts\";b:1;s:22:\"delete_published_posts\";b:1;}}s:11:\"contributor\";a:2:{s:4:\"name\";s:11:\"Contributor\";s:12:\"capabilities\";a:5:{s:10:\"edit_posts\";b:1;s:4:\"read\";b:1;s:7:\"level_1\";b:1;s:7:\"level_0\";b:1;s:12:\"delete_posts\";b:1;}}s:10:\"subscriber\";a:2:{s:4:\"name\";s:10:\"Subscriber\";s:12:\"capabilities\";a:2:{s:4:\"read\";b:1;s:7:\"level_0\";b:1;}}}','yes'),(93,'fresh_site','0','off'),(94,'widget_search','a:3:{i:2;a:1:{s:5:\"title\";s:0:\"\";}i:3;a:1:{s:5:\"title\";s:6:\"Search\";}s:12:\"_multiwidget\";i:1;}','yes'),(95,'widget_recent-posts','a:2:{i:2;a:2:{s:5:\"title\";s:0:\"\";s:6:\"number\";i:5;}s:12:\"_multiwidget\";i:1;}','yes'),(96,'widget_recent-comments','a:2:{i:2;a:2:{s:5:\"title\";s:0:\"\";s:6:\"number\";i:5;}s:12:\"_multiwidget\";i:1;}','yes'),(97,'widget_archives','a:2:{i:2;a:3:{s:5:\"title\";s:0:\"\";s:5:\"count\";i:0;s:8:\"dropdown\";i:0;}s:12:\"_multiwidget\";i:1;}','yes'),(98,'widget_meta','a:2:{i:2;a:1:{s:5:\"title\";s:0:\"\";}s:12:\"_multiwidget\";i:1;}','yes'),(99,'sidebars_widgets','a:5:{s:19:\"wp_inactive_widgets\";a:1:{i:0;s:8:\"search-3\";}s:9:\"sidebar-1\";a:6:{i:0;s:8:\"search-2\";i:1;s:14:\"recent-posts-2\";i:2;s:17:\"recent-comments-2\";i:3;s:10:\"archives-2\";i:4;s:12:\"categories-2\";i:5;s:6:\"meta-2\";}s:9:\"sidebar-2\";a:1:{i:0;s:17:\"visitors_widget-2\";}s:9:\"sidebar-3\";a:0:{}s:13:\"array_version\";i:3;}','yes'),(8281,'_transient_is_multi_author','0','yes'),(13467,'category_children','a:0:{}','yes'),(13468,'_transient_twentyseventeen_categories','1','yes'),(100,'widget_pages','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(101,'widget_calendar','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(102,'widget_tag_cloud','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(103,'widget_nav_menu','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(104,'cron','a:11:{i:1773573426;a:1:{s:34:\"wp_privacy_delete_old_export_files\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:6:\"hourly\";s:4:\"args\";a:0:{}s:8:\"interval\";i:3600;}}}i:1773594127;a:1:{s:21:\"wp_update_user_counts\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:10:\"twicedaily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:43200;}}}i:1773594133;a:3:{s:16:\"wp_version_check\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:10:\"twicedaily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:43200;}}s:17:\"wp_update_plugins\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:10:\"twicedaily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:43200;}}s:16:\"wp_update_themes\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:10:\"twicedaily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:43200;}}}i:1773608400;a:1:{s:19:\"hmbkp_schedule_hook\";a:1:{s:32:\"6dd9560db79b05402852012f754150ef\";a:3:{s:8:\"schedule\";s:5:\"daily\";s:4:\"args\";a:1:{s:2:\"id\";s:10:\"1486443784\";}s:8:\"interval\";i:86400;}}}i:1773620225;a:1:{s:32:\"recovery_mode_clean_expired_keys\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:5:\"daily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:86400;}}}i:1773620715;a:1:{s:30:\"wp_scheduled_auto_draft_delete\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:5:\"daily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:86400;}}}i:1773637347;a:1:{s:19:\"wp_scheduled_delete\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:5:\"daily\";s:4:\"args\";a:0:{}s:8:\"interval\";i:86400;}}}i:1773772061;a:1:{s:30:\"wp_delete_temp_updater_backups\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:6:\"weekly\";s:4:\"args\";a:0:{}s:8:\"interval\";i:604800;}}}i:1774052225;a:1:{s:30:\"wp_site_health_scheduled_check\";a:1:{s:32:\"40cd750bba9870f18aada2478b24840a\";a:3:{s:8:\"schedule\";s:6:\"weekly\";s:4:\"args\";a:0:{}s:8:\"interval\";i:604800;}}}i:1774407600;a:1:{s:19:\"hmbkp_schedule_hook\";a:1:{s:32:\"67f689000e26056010b2c510af020330\";a:3:{s:8:\"schedule\";s:7:\"monthly\";s:4:\"args\";a:1:{s:2:\"id\";s:10:\"1486443785\";}s:8:\"interval\";i:2592000;}}}s:7:\"version\";i:2;}','on'),(105,'theme_mods_twentyseventeen','a:2:{s:18:\"custom_css_post_id\";i:-1;s:18:\"nav_menu_locations\";a:2:{s:11:\"header-menu\";i:2;s:3:\"top\";i:2;}}','yes'),(19041,'_site_transient_timeout_theme_roots','1773561027','off'),(19042,'_site_transient_theme_roots','a:10:{s:10:\"responsive\";s:7:\"/themes\";s:13:\"responsiveswd\";s:7:\"/themes\";s:13:\"twentyfifteen\";s:7:\"/themes\";s:14:\"twentynineteen\";s:7:\"/themes\";s:15:\"twentyseventeen\";s:7:\"/themes\";s:13:\"twentysixteen\";s:7:\"/themes\";s:12:\"twentytwenty\";s:7:\"/themes\";s:16:\"twentytwentyfive\";s:7:\"/themes\";s:16:\"twentytwentyfour\";s:7:\"/themes\";s:17:\"twentytwentythree\";s:7:\"/themes\";}','off'),(369,'auto_core_update_notified','a:4:{s:4:\"type\";s:7:\"success\";s:5:\"email\";s:21:\"stevew@thinairnet.com\";s:7:\"version\";s:5:\"6.9.1\";s:9:\"timestamp\";i:1770143265;}','off'),(19044,'_site_transient_update_plugins','O:8:\"stdClass\":5:{s:12:\"last_checked\";i:1773559228;s:8:\"response\";a:7:{s:19:\"akismet/akismet.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:21:\"w.org/plugins/akismet\";s:4:\"slug\";s:7:\"akismet\";s:6:\"plugin\";s:19:\"akismet/akismet.php\";s:11:\"new_version\";s:3:\"5.6\";s:3:\"url\";s:38:\"https://wordpress.org/plugins/akismet/\";s:7:\"package\";s:54:\"https://downloads.wordpress.org/plugin/akismet.5.6.zip\";s:5:\"icons\";a:2:{s:2:\"2x\";s:60:\"https://ps.w.org/akismet/assets/icon-256x256.png?rev=2818463\";s:2:\"1x\";s:60:\"https://ps.w.org/akismet/assets/icon-128x128.png?rev=2818463\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:63:\"https://ps.w.org/akismet/assets/banner-1544x500.png?rev=2900731\";s:2:\"1x\";s:62:\"https://ps.w.org/akismet/assets/banner-772x250.png?rev=2900731\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"5.8\";s:6:\"tested\";s:5:\"6.9.4\";s:12:\"requires_php\";s:3:\"7.2\";s:16:\"requires_plugins\";a:0:{}}s:49:\"better-recent-comments/better-recent-comments.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:36:\"w.org/plugins/better-recent-comments\";s:4:\"slug\";s:22:\"better-recent-comments\";s:6:\"plugin\";s:49:\"better-recent-comments/better-recent-comments.php\";s:11:\"new_version\";s:5:\"1.2.0\";s:3:\"url\";s:53:\"https://wordpress.org/plugins/better-recent-comments/\";s:7:\"package\";s:71:\"https://downloads.wordpress.org/plugin/better-recent-comments.1.2.0.zip\";s:5:\"icons\";a:2:{s:2:\"1x\";s:67:\"https://ps.w.org/better-recent-comments/assets/icon.svg?rev=3100094\";s:3:\"svg\";s:67:\"https://ps.w.org/better-recent-comments/assets/icon.svg?rev=3100094\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:78:\"https://ps.w.org/better-recent-comments/assets/banner-1544x500.png?rev=3100094\";s:2:\"1x\";s:77:\"https://ps.w.org/better-recent-comments/assets/banner-772x250.png?rev=3100094\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"6.0\";s:6:\"tested\";s:5:\"6.5.8\";s:12:\"requires_php\";s:3:\"7.4\";s:16:\"requires_plugins\";a:0:{}}s:19:\"jetpack/jetpack.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:21:\"w.org/plugins/jetpack\";s:4:\"slug\";s:7:\"jetpack\";s:6:\"plugin\";s:19:\"jetpack/jetpack.php\";s:11:\"new_version\";s:4:\"15.6\";s:3:\"url\";s:38:\"https://wordpress.org/plugins/jetpack/\";s:7:\"package\";s:55:\"https://downloads.wordpress.org/plugin/jetpack.15.6.zip\";s:5:\"icons\";a:2:{s:2:\"1x\";s:52:\"https://ps.w.org/jetpack/assets/icon.svg?rev=2819237\";s:3:\"svg\";s:52:\"https://ps.w.org/jetpack/assets/icon.svg?rev=2819237\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:63:\"https://ps.w.org/jetpack/assets/banner-1544x500.png?rev=2653649\";s:2:\"1x\";s:62:\"https://ps.w.org/jetpack/assets/banner-772x250.png?rev=2653649\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"6.8\";s:6:\"tested\";s:5:\"6.9.4\";s:12:\"requires_php\";s:3:\"7.2\";s:16:\"requires_plugins\";a:0:{}}s:47:\"latest-post-shortcode/latest-post-shortcode.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:35:\"w.org/plugins/latest-post-shortcode\";s:4:\"slug\";s:21:\"latest-post-shortcode\";s:6:\"plugin\";s:47:\"latest-post-shortcode/latest-post-shortcode.php\";s:11:\"new_version\";s:6:\"14.2.2\";s:3:\"url\";s:52:\"https://wordpress.org/plugins/latest-post-shortcode/\";s:7:\"package\";s:71:\"https://downloads.wordpress.org/plugin/latest-post-shortcode.14.2.2.zip\";s:5:\"icons\";a:1:{s:2:\"1x\";s:74:\"https://ps.w.org/latest-post-shortcode/assets/icon-128x128.gif?rev=2355649\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:77:\"https://ps.w.org/latest-post-shortcode/assets/banner-1544x500.png?rev=3117513\";s:2:\"1x\";s:76:\"https://ps.w.org/latest-post-shortcode/assets/banner-772x250.png?rev=3117513\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:5:\"5.5.0\";s:6:\"tested\";s:5:\"6.9.4\";s:12:\"requires_php\";s:5:\"7.3.5\";s:16:\"requires_plugins\";a:0:{}}s:45:\"organize-media-folder/organizemediafolder.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:35:\"w.org/plugins/organize-media-folder\";s:4:\"slug\";s:21:\"organize-media-folder\";s:6:\"plugin\";s:45:\"organize-media-folder/organizemediafolder.php\";s:11:\"new_version\";s:4:\"1.36\";s:3:\"url\";s:52:\"https://wordpress.org/plugins/organize-media-folder/\";s:7:\"package\";s:69:\"https://downloads.wordpress.org/plugin/organize-media-folder.1.36.zip\";s:5:\"icons\";a:2:{s:2:\"2x\";s:74:\"https://ps.w.org/organize-media-folder/assets/icon-256x256.png?rev=2446017\";s:2:\"1x\";s:74:\"https://ps.w.org/organize-media-folder/assets/icon-256x256.png?rev=2446017\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:77:\"https://ps.w.org/organize-media-folder/assets/banner-1544x500.jpg?rev=2446017\";s:2:\"1x\";s:76:\"https://ps.w.org/organize-media-folder/assets/banner-772x250.jpg?rev=2446017\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"4.7\";s:6:\"tested\";s:5:\"6.9.4\";s:12:\"requires_php\";s:3:\"8.0\";s:16:\"requires_plugins\";a:0:{}}s:45:\"phoenix-media-rename/phoenix-media-rename.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:34:\"w.org/plugins/phoenix-media-rename\";s:4:\"slug\";s:20:\"phoenix-media-rename\";s:6:\"plugin\";s:45:\"phoenix-media-rename/phoenix-media-rename.php\";s:11:\"new_version\";s:6:\"3.13.1\";s:3:\"url\";s:51:\"https://wordpress.org/plugins/phoenix-media-rename/\";s:7:\"package\";s:70:\"https://downloads.wordpress.org/plugin/phoenix-media-rename.3.13.1.zip\";s:5:\"icons\";a:2:{s:2:\"2x\";s:73:\"https://ps.w.org/phoenix-media-rename/assets/icon-256x256.png?rev=3120623\";s:2:\"1x\";s:73:\"https://ps.w.org/phoenix-media-rename/assets/icon-128x128.png?rev=3120623\";}s:7:\"banners\";a:1:{s:2:\"1x\";s:75:\"https://ps.w.org/phoenix-media-rename/assets/banner-772x250.png?rev=1490792\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"5.0\";s:6:\"tested\";s:5:\"6.8.5\";s:12:\"requires_php\";s:3:\"8.0\";s:16:\"requires_plugins\";a:0:{}}s:47:\"really-simple-ssl/rlrsssl-really-simple-ssl.php\";O:8:\"stdClass\":13:{s:2:\"id\";s:31:\"w.org/plugins/really-simple-ssl\";s:4:\"slug\";s:17:\"really-simple-ssl\";s:6:\"plugin\";s:47:\"really-simple-ssl/rlrsssl-really-simple-ssl.php\";s:11:\"new_version\";s:5:\"9.5.8\";s:3:\"url\";s:48:\"https://wordpress.org/plugins/really-simple-ssl/\";s:7:\"package\";s:66:\"https://downloads.wordpress.org/plugin/really-simple-ssl.9.5.8.zip\";s:5:\"icons\";a:2:{s:2:\"2x\";s:70:\"https://ps.w.org/really-simple-ssl/assets/icon-256x256.png?rev=2839720\";s:2:\"1x\";s:70:\"https://ps.w.org/really-simple-ssl/assets/icon-128x128.png?rev=2839720\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:73:\"https://ps.w.org/really-simple-ssl/assets/banner-1544x500.png?rev=3100992\";s:2:\"1x\";s:72:\"https://ps.w.org/really-simple-ssl/assets/banner-772x250.png?rev=3100992\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"6.6\";s:6:\"tested\";s:5:\"6.9.4\";s:12:\"requires_php\";s:3:\"7.4\";s:16:\"requires_plugins\";a:0:{}}}s:12:\"translations\";a:0:{}s:9:\"no_update\";a:2:{s:35:\"backupwordpress/backupwordpress.php\";O:8:\"stdClass\":10:{s:2:\"id\";s:29:\"w.org/plugins/backupwordpress\";s:4:\"slug\";s:15:\"backupwordpress\";s:6:\"plugin\";s:35:\"backupwordpress/backupwordpress.php\";s:11:\"new_version\";s:4:\"3.14\";s:3:\"url\";s:46:\"https://wordpress.org/plugins/backupwordpress/\";s:7:\"package\";s:63:\"https://downloads.wordpress.org/plugin/backupwordpress.3.14.zip\";s:5:\"icons\";a:2:{s:2:\"2x\";s:68:\"https://ps.w.org/backupwordpress/assets/icon-256x256.jpg?rev=1105225\";s:2:\"1x\";s:68:\"https://ps.w.org/backupwordpress/assets/icon-128x128.png?rev=1105225\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:70:\"https://ps.w.org/backupwordpress/assets/banner-1544x500.jpg?rev=904756\";s:2:\"1x\";s:69:\"https://ps.w.org/backupwordpress/assets/banner-772x250.jpg?rev=904756\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"3.9\";}s:41:\"wp-visitors-widget/wp-visitors-widget.php\";O:8:\"stdClass\":10:{s:2:\"id\";s:32:\"w.org/plugins/wp-visitors-widget\";s:4:\"slug\";s:18:\"wp-visitors-widget\";s:6:\"plugin\";s:41:\"wp-visitors-widget/wp-visitors-widget.php\";s:11:\"new_version\";s:3:\"2.2\";s:3:\"url\";s:49:\"https://wordpress.org/plugins/wp-visitors-widget/\";s:7:\"package\";s:61:\"https://downloads.wordpress.org/plugin/wp-visitors-widget.zip\";s:5:\"icons\";a:2:{s:2:\"2x\";s:71:\"https://ps.w.org/wp-visitors-widget/assets/icon-256x256.png?rev=2178611\";s:2:\"1x\";s:71:\"https://ps.w.org/wp-visitors-widget/assets/icon-256x256.png?rev=2178611\";}s:7:\"banners\";a:2:{s:2:\"2x\";s:74:\"https://ps.w.org/wp-visitors-widget/assets/banner-1544x500.jpg?rev=2178619\";s:2:\"1x\";s:73:\"https://ps.w.org/wp-visitors-widget/assets/banner-772x250.jpg?rev=2178619\";}s:11:\"banners_rtl\";a:0:{}s:8:\"requires\";s:3:\"4.0\";}}s:7:\"checked\";a:15:{s:19:\"akismet/akismet.php\";s:3:\"3.2\";s:35:\"backupwordpress/backupwordpress.php\";s:4:\"3.14\";s:49:\"better-recent-comments/better-recent-comments.php\";s:5:\"1.1.2\";s:27:\"scriptures/ShowComments.php\";s:3:\"1.0\";s:12:\"fileView.php\";s:3:\"1.0\";s:29:\"gravityforms/gravityforms.php\";s:8:\"2.2.5.11\";s:19:\"jetpack/jetpack.php\";s:4:\"14.1\";s:47:\"latest-post-shortcode/latest-post-shortcode.php\";s:6:\"14.1.0\";s:41:\"wp-visitors-widget/wp-visitors-widget.php\";s:3:\"2.2\";s:30:\"movie_library/movieLibrary.php\";s:3:\"1.0\";s:45:\"organize-media-folder/organizemediafolder.php\";s:4:\"1.33\";s:45:\"phoenix-media-rename/phoenix-media-rename.php\";s:5:\"3.8.8\";s:47:\"really-simple-ssl/rlrsssl-really-simple-ssl.php\";s:5:\"3.3.3\";s:35:\"slider-pro-master/swd_sliderpro.php\";s:3:\"1.0\";s:30:\"directorySWD/ShowDirectory.php\";s:3:\"1.0\";}}','off'),(136,'current_theme','Twenty Seventeen','yes'),(137,'theme_mods_responsive2','a:4:{i:0;b:0;s:18:\"custom_css_post_id\";i:-1;s:18:\"nav_menu_locations\";a:1:{s:11:\"header-menu\";i:2;}s:16:\"sidebars_widgets\";a:2:{s:4:\"time\";i:1512099714;s:4:\"data\";a:13:{s:19:\"wp_inactive_widgets\";a:0:{}s:12:\"main-sidebar\";a:6:{i:0;s:8:\"search-2\";i:1;s:14:\"recent-posts-2\";i:2;s:17:\"recent-comments-2\";i:3;s:10:\"archives-2\";i:4;s:12:\"categories-2\";i:5;s:6:\"meta-2\";}s:13:\"right-sidebar\";a:0:{}s:12:\"left-sidebar\";a:0:{}s:17:\"left-sidebar-half\";a:0:{}s:18:\"right-sidebar-half\";a:0:{}s:13:\"home-widget-1\";a:0:{}s:13:\"home-widget-2\";a:0:{}s:13:\"home-widget-3\";a:0:{}s:14:\"gallery-widget\";a:0:{}s:15:\"colophon-widget\";a:0:{}s:10:\"top-widget\";a:1:{i:0;s:8:\"search-3\";}s:13:\"footer-widget\";a:0:{}}}}','off'),(138,'theme_switched','','yes'),(139,'responsive_theme_options','a:53:{s:15:\"featured_images\";b:0;s:10:\"breadcrumb\";i:0;s:10:\"cta_button\";i:0;s:12:\"minified_css\";b:0;s:10:\"front_page\";i:0;s:13:\"home_headline\";N;s:16:\"home_subheadline\";N;s:17:\"home_content_area\";N;s:8:\"cta_text\";N;s:7:\"cta_url\";N;s:16:\"featured_content\";N;s:12:\"testimonials\";i:0;s:17:\"testimonial_title\";N;s:24:\"google_site_verification\";s:0:\"\";s:22:\"bing_site_verification\";s:0:\"\";s:23:\"yahoo_site_verification\";s:0:\"\";s:23:\"site_statistics_tracker\";s:0:\"\";s:11:\"twitter_uid\";s:0:\"\";s:12:\"facebook_uid\";s:0:\"\";s:12:\"linkedin_uid\";s:0:\"\";s:11:\"youtube_uid\";s:0:\"\";s:11:\"stumble_uid\";s:0:\"\";s:7:\"rss_uid\";s:0:\"\";s:15:\"google_plus_uid\";s:0:\"\";s:13:\"instagram_uid\";s:0:\"\";s:13:\"pinterest_uid\";s:0:\"\";s:8:\"yelp_uid\";s:0:\"\";s:9:\"vimeo_uid\";s:0:\"\";s:14:\"foursquare_uid\";s:0:\"\";s:9:\"email_uid\";s:0:\"\";s:15:\"testimonial_val\";N;s:11:\"teammember1\";N;s:11:\"teammember2\";N;s:11:\"teammember3\";N;s:8:\"feature1\";N;s:8:\"feature2\";N;s:8:\"feature3\";N;s:21:\"responsive_inline_css\";s:0:\"\";s:25:\"responsive_inline_js_head\";s:0:\"\";s:27:\"responsive_inline_js_footer\";s:0:\"\";s:31:\"responsive_inline_css_js_footer\";s:0:\"\";s:26:\"static_page_layout_default\";s:7:\"default\";s:26:\"single_post_layout_default\";s:7:\"default\";s:31:\"blog_posts_index_layout_default\";s:7:\"default\";s:18:\"site_layout_option\";s:14:\"default-layout\";s:12:\"button_style\";s:7:\"default\";s:12:\"home-widgets\";b:0;s:18:\"site_footer_option\";s:12:\"footer-3-col\";s:19:\"res_hide_site_title\";b:0;s:16:\"res_hide_tagline\";b:1;s:13:\"sticky-header\";b:0;s:14:\"googleplus_uid\";s:0:\"\";s:15:\"stumbleupon_uid\";s:0:\"\";}','yes'),(170,'hmbkp_notices','a:1:{s:13:\"backup_errors\";a:11:{i:0;s:122:\"Zip: zip warning: No such file or directory\nzip warning: No such file or directory\nzip warning: No such file or directory\n\";i:1;s:83:\"Zip: zip warning: No such file or directory\nzip warning: No such file or directory\n\";i:2;s:162:\"php: ZipArchive::close(): No error, /home1/softwax3/public_html/SWD/wp-content/plugins/backupwordpress/classes/backup/class-backup-engine-file-zip-archive.php, 46\";i:3;s:44:\"Zip: zip warning: No such file or directory\n\";i:4;s:211:\"php: ZipArchive::close(): Renaming temporary file failed: No such file or directory, /home1/softwax3/public_html/SWD/wp-content/plugins/backupwordpress/classes/backup/class-backup-engine-file-zip-archive.php, 46\";i:5;s:191:\"php: ZipArchive::close(): Read error: No such file or directory, /home1/softwax3/public_html/SWD/wp-content/plugins/backupwordpress/classes/backup/class-backup-engine-file-zip-archive.php, 46\";i:6;s:211:\"php: ZipArchive::close(): Renaming temporary file failed: No such file or directory, /home2/softwax3/public_html/SWD/wp-content/plugins/backupwordpress/classes/backup/class-backup-engine-file-zip-archive.php, 46\";i:7;s:162:\"php: ZipArchive::close(): No error, /home2/softwax3/public_html/SWD/wp-content/plugins/backupwordpress/classes/backup/class-backup-engine-file-zip-archive.php, 46\";i:8;s:161:\"Zip: zip warning: No such file or directory\nzip warning: No such file or directory\nzip warning: No such file or directory\nzip warning: No such file or directory\n\";i:9;s:200:\"Zip: zip warning: No such file or directory\nzip warning: No such file or directory\nzip warning: No such file or directory\nzip warning: No such file or directory\nzip warning: No such file or directory\n\";i:10;s:285:\"php: filesize(): stat failed for /home2/softwax3/public_html/SWD/wp-content/backupwordpress-fb2574a438-backups/database-acctper-softwarewebdesign-com-1486443784.sql, /home2/softwax3/public_html/SWD/wp-content/plugins/backupwordpress/classes/backup/class-backup-engine-database.php, 202\";}}','yes'),(140,'recently_activated','a:0:{}','off'),(143,'hmbkp_plugin_version','3.10','yes'),(146,'hmbkp_schedule_1486443784','a:8:{s:11:\"max_backups\";i:30;s:8:\"excludes\";a:0:{}s:4:\"type\";s:8:\"database\";s:12:\"reoccurrence\";s:5:\"daily\";s:19:\"schedule_start_time\";i:1486501200;s:5:\"email\";a:1:{s:5:\"email\";s:21:\"stevew@thinairnet.com\";}s:14:\"duration_total\";i:2773736778161;s:16:\"backup_run_count\";i:1659;}','yes'),(147,'hmbkp_schedule_1486443785','a:8:{s:11:\"max_backups\";i:3;s:8:\"excludes\";a:0:{}s:4:\"type\";s:8:\"complete\";s:12:\"reoccurrence\";s:7:\"monthly\";s:19:\"schedule_start_time\";i:1486695600;s:5:\"email\";a:1:{s:5:\"email\";s:21:\"stevew@thinairnet.com\";}s:14:\"duration_total\";i:95564957318;s:16:\"backup_run_count\";i:61;}','yes'),(483,'nav_menu_options','a:2:{i:0;b:0;s:8:\"auto_add\";a:0:{}}','off'),(489,'WPLANG','','yes'),(496,'emc2pm_activate_date','1491105361','yes'),(8278,'widget_visitors_widget','a:2:{i:2;a:8:{s:5:\"title\";s:8:\"Personal\";s:12:\"select_style\";s:1:\"4\";s:6:\"colors\";s:5:\"light\";s:10:\"data_row_1\";s:10:\"visit_live\";s:10:\"data_row_2\";s:11:\"visit_today\";s:10:\"data_row_3\";s:11:\"visit_total\";s:6:\"shadow\";s:0:\"\";s:13:\"initial_value\";s:1:\"1\";}s:12:\"_multiwidget\";i:1;}','yes'),(1006,'theme_mods_responsiveswd','a:5:{i:0;b:0;s:18:\"nav_menu_locations\";a:1:{s:11:\"header-menu\";i:2;}s:18:\"custom_css_post_id\";i:-1;s:26:\"responsive_container_width\";i:1140;s:16:\"sidebars_widgets\";a:2:{s:4:\"time\";i:1703185003;s:4:\"data\";a:13:{s:19:\"wp_inactive_widgets\";a:1:{i:0;s:8:\"search-3\";}s:12:\"main-sidebar\";a:6:{i:0;s:8:\"search-2\";i:1;s:14:\"recent-posts-2\";i:2;s:17:\"recent-comments-2\";i:3;s:10:\"archives-2\";i:4;s:12:\"categories-2\";i:5;s:6:\"meta-2\";}s:13:\"right-sidebar\";a:0:{}s:12:\"left-sidebar\";a:0:{}s:17:\"left-sidebar-half\";N;s:18:\"right-sidebar-half\";N;s:13:\"home-widget-1\";N;s:13:\"home-widget-2\";N;s:13:\"home-widget-3\";N;s:14:\"gallery-widget\";N;s:15:\"colophon-widget\";N;s:10:\"top-widget\";N;s:13:\"footer-widget\";N;}}}','off'),(19020,'_site_transient_timeout_php_check_478252eea4acfca65f7d24ee29253bbe','1774093712','off'),(19021,'_site_transient_php_check_478252eea4acfca65f7d24ee29253bbe','a:5:{s:19:\"recommended_version\";s:3:\"8.3\";s:15:\"minimum_version\";s:6:\"7.2.24\";s:12:\"is_supported\";b:1;s:9:\"is_secure\";b:1;s:13:\"is_acceptable\";b:1;}','off'),(19043,'_site_transient_update_themes','O:8:\"stdClass\":5:{s:12:\"last_checked\";i:1773559228;s:7:\"checked\";a:10:{s:10:\"responsive\";s:5:\"4.9.5\";s:13:\"responsiveswd\";s:0:\"\";s:13:\"twentyfifteen\";s:3:\"1.7\";s:14:\"twentynineteen\";s:3:\"1.6\";s:15:\"twentyseventeen\";s:3:\"3.4\";s:13:\"twentysixteen\";s:3:\"1.3\";s:12:\"twentytwenty\";s:3:\"1.4\";s:16:\"twentytwentyfive\";s:3:\"1.2\";s:16:\"twentytwentyfour\";s:3:\"1.3\";s:17:\"twentytwentythree\";s:3:\"1.6\";}s:8:\"response\";a:8:{s:10:\"responsive\";a:6:{s:5:\"theme\";s:10:\"responsive\";s:11:\"new_version\";s:5:\"6.3.5\";s:3:\"url\";s:40:\"https://wordpress.org/themes/responsive/\";s:7:\"package\";s:58:\"https://downloads.wordpress.org/theme/responsive.6.3.5.zip\";s:8:\"requires\";b:0;s:12:\"requires_php\";s:3:\"5.6\";}s:13:\"twentyfifteen\";a:6:{s:5:\"theme\";s:13:\"twentyfifteen\";s:11:\"new_version\";s:3:\"4.1\";s:3:\"url\";s:43:\"https://wordpress.org/themes/twentyfifteen/\";s:7:\"package\";s:59:\"https://downloads.wordpress.org/theme/twentyfifteen.4.1.zip\";s:8:\"requires\";s:3:\"4.1\";s:12:\"requires_php\";s:5:\"5.2.4\";}s:14:\"twentynineteen\";a:6:{s:5:\"theme\";s:14:\"twentynineteen\";s:11:\"new_version\";s:3:\"3.2\";s:3:\"url\";s:44:\"https://wordpress.org/themes/twentynineteen/\";s:7:\"package\";s:60:\"https://downloads.wordpress.org/theme/twentynineteen.3.2.zip\";s:8:\"requires\";s:3:\"4.7\";s:12:\"requires_php\";s:5:\"5.2.4\";}s:15:\"twentyseventeen\";a:6:{s:5:\"theme\";s:15:\"twentyseventeen\";s:11:\"new_version\";s:3:\"4.0\";s:3:\"url\";s:45:\"https://wordpress.org/themes/twentyseventeen/\";s:7:\"package\";s:61:\"https://downloads.wordpress.org/theme/twentyseventeen.4.0.zip\";s:8:\"requires\";s:3:\"4.7\";s:12:\"requires_php\";s:5:\"5.2.4\";}s:13:\"twentysixteen\";a:6:{s:5:\"theme\";s:13:\"twentysixteen\";s:11:\"new_version\";s:3:\"3.7\";s:3:\"url\";s:43:\"https://wordpress.org/themes/twentysixteen/\";s:7:\"package\";s:59:\"https://downloads.wordpress.org/theme/twentysixteen.3.7.zip\";s:8:\"requires\";s:3:\"4.4\";s:12:\"requires_php\";s:5:\"5.2.4\";}s:12:\"twentytwenty\";a:6:{s:5:\"theme\";s:12:\"twentytwenty\";s:11:\"new_version\";s:3:\"3.0\";s:3:\"url\";s:42:\"https://wordpress.org/themes/twentytwenty/\";s:7:\"package\";s:58:\"https://downloads.wordpress.org/theme/twentytwenty.3.0.zip\";s:8:\"requires\";s:3:\"4.7\";s:12:\"requires_php\";s:5:\"5.2.4\";}s:16:\"twentytwentyfive\";a:6:{s:5:\"theme\";s:16:\"twentytwentyfive\";s:11:\"new_version\";s:3:\"1.4\";s:3:\"url\";s:46:\"https://wordpress.org/themes/twentytwentyfive/\";s:7:\"package\";s:62:\"https://downloads.wordpress.org/theme/twentytwentyfive.1.4.zip\";s:8:\"requires\";s:3:\"6.7\";s:12:\"requires_php\";s:3:\"7.2\";}s:16:\"twentytwentyfour\";a:6:{s:5:\"theme\";s:16:\"twentytwentyfour\";s:11:\"new_version\";s:3:\"1.4\";s:3:\"url\";s:46:\"https://wordpress.org/themes/twentytwentyfour/\";s:7:\"package\";s:62:\"https://downloads.wordpress.org/theme/twentytwentyfour.1.4.zip\";s:8:\"requires\";s:3:\"6.4\";s:12:\"requires_php\";s:3:\"7.0\";}}s:9:\"no_update\";a:1:{s:17:\"twentytwentythree\";a:6:{s:5:\"theme\";s:17:\"twentytwentythree\";s:11:\"new_version\";s:3:\"1.6\";s:3:\"url\";s:47:\"https://wordpress.org/themes/twentytwentythree/\";s:7:\"package\";s:63:\"https://downloads.wordpress.org/theme/twentytwentythree.1.6.zip\";s:8:\"requires\";s:3:\"6.1\";s:12:\"requires_php\";s:3:\"5.6\";}}s:12:\"translations\";a:0:{}}','off'),(19045,'_site_transient_timeout_wp_theme_files_patterns-b6cbbc6195c262f28352aa132f49b746','1773575047','off'),(19046,'_site_transient_wp_theme_files_patterns-b6cbbc6195c262f28352aa132f49b746','a:2:{s:7:\"version\";s:3:\"3.4\";s:8:\"patterns\";a:0:{}}','off'),(8205,'widget_responsive_about_me_widget','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(8274,'responsive-theme-old-setup','1','yes'),(8207,'responsive_version_410','1','yes'),(18072,'_site_transient_timeout_php_check_9ab7d1d0aab5d0d9977e61657de2d018','1770442399','off'),(18073,'_site_transient_php_check_9ab7d1d0aab5d0d9977e61657de2d018','a:5:{s:19:\"recommended_version\";s:3:\"8.3\";s:15:\"minimum_version\";s:6:\"7.2.24\";s:12:\"is_supported\";b:1;s:9:\"is_secure\";b:1;s:13:\"is_acceptable\";b:1;}','off'),(15126,'finished_updating_comment_type','1','auto'),(18166,'_site_transient_update_core','O:8:\"stdClass\":4:{s:7:\"updates\";a:1:{i:0;O:8:\"stdClass\":10:{s:8:\"response\";s:6:\"latest\";s:8:\"download\";s:59:\"https://downloads.wordpress.org/release/wordpress-6.9.4.zip\";s:6:\"locale\";s:5:\"en_US\";s:8:\"packages\";O:8:\"stdClass\":5:{s:4:\"full\";s:59:\"https://downloads.wordpress.org/release/wordpress-6.9.4.zip\";s:10:\"no_content\";s:70:\"https://downloads.wordpress.org/release/wordpress-6.9.4-no-content.zip\";s:11:\"new_bundled\";s:71:\"https://downloads.wordpress.org/release/wordpress-6.9.4-new-bundled.zip\";s:7:\"partial\";s:0:\"\";s:8:\"rollback\";s:0:\"\";}s:7:\"current\";s:5:\"6.9.4\";s:7:\"version\";s:5:\"6.9.4\";s:11:\"php_version\";s:6:\"7.2.24\";s:13:\"mysql_version\";s:5:\"5.5.5\";s:11:\"new_bundled\";s:3:\"6.7\";s:15:\"partial_version\";s:0:\"\";}}s:12:\"last_checked\";i:1773559227;s:15:\"version_checked\";s:5:\"6.9.4\";s:12:\"translations\";a:0:{}}','off'),(13536,'widget_media_audio','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(13537,'widget_media_image','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(13538,'widget_media_gallery','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(13539,'widget_media_video','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(13540,'widget_custom_html','a:1:{s:12:\"_multiwidget\";i:1;}','yes'),(13542,'recovery_keys','a:0:{}','off'),(13803,'widget_block','a:1:{s:12:\"_multiwidget\";i:1;}','auto'),(18164,'user_count','1','off'),(18165,'db_upgraded','','on'),(13558,'_transient_health-check-site-status-result','{\"good\":17,\"recommended\":6,\"critical\":1}','yes'),(13807,'_transient_wp_styles_for_blocks','a:2:{s:4:\"hash\";s:32:\"ac5d1e337abdcb7c09762e96707a996c\";s:6:\"blocks\";a:6:{s:11:\"core/button\";s:0:\"\";s:14:\"core/site-logo\";s:0:\"\";s:18:\"core/post-template\";s:120:\":where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}\";s:18:\"core/term-template\";s:120:\":where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}\";s:12:\"core/columns\";s:102:\":where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}\";s:14:\"core/pullquote\";s:69:\":root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}\";}}','on'),(16682,'_transient_wp_core_block_css_files','a:2:{s:7:\"version\";s:5:\"6.9.4\";s:5:\"files\";a:584:{i:0;s:31:\"accordion-heading/style-rtl.css\";i:1;s:35:\"accordion-heading/style-rtl.min.css\";i:2;s:27:\"accordion-heading/style.css\";i:3;s:31:\"accordion-heading/style.min.css\";i:4;s:28:\"accordion-item/style-rtl.css\";i:5;s:32:\"accordion-item/style-rtl.min.css\";i:6;s:24:\"accordion-item/style.css\";i:7;s:28:\"accordion-item/style.min.css\";i:8;s:29:\"accordion-panel/style-rtl.css\";i:9;s:33:\"accordion-panel/style-rtl.min.css\";i:10;s:25:\"accordion-panel/style.css\";i:11;s:29:\"accordion-panel/style.min.css\";i:12;s:23:\"accordion/style-rtl.css\";i:13;s:27:\"accordion/style-rtl.min.css\";i:14;s:19:\"accordion/style.css\";i:15;s:23:\"accordion/style.min.css\";i:16;s:23:\"archives/editor-rtl.css\";i:17;s:27:\"archives/editor-rtl.min.css\";i:18;s:19:\"archives/editor.css\";i:19;s:23:\"archives/editor.min.css\";i:20;s:22:\"archives/style-rtl.css\";i:21;s:26:\"archives/style-rtl.min.css\";i:22;s:18:\"archives/style.css\";i:23;s:22:\"archives/style.min.css\";i:24;s:20:\"audio/editor-rtl.css\";i:25;s:24:\"audio/editor-rtl.min.css\";i:26;s:16:\"audio/editor.css\";i:27;s:20:\"audio/editor.min.css\";i:28;s:19:\"audio/style-rtl.css\";i:29;s:23:\"audio/style-rtl.min.css\";i:30;s:15:\"audio/style.css\";i:31;s:19:\"audio/style.min.css\";i:32;s:19:\"audio/theme-rtl.css\";i:33;s:23:\"audio/theme-rtl.min.css\";i:34;s:15:\"audio/theme.css\";i:35;s:19:\"audio/theme.min.css\";i:36;s:21:\"avatar/editor-rtl.css\";i:37;s:25:\"avatar/editor-rtl.min.css\";i:38;s:17:\"avatar/editor.css\";i:39;s:21:\"avatar/editor.min.css\";i:40;s:20:\"avatar/style-rtl.css\";i:41;s:24:\"avatar/style-rtl.min.css\";i:42;s:16:\"avatar/style.css\";i:43;s:20:\"avatar/style.min.css\";i:44;s:21:\"button/editor-rtl.css\";i:45;s:25:\"button/editor-rtl.min.css\";i:46;s:17:\"button/editor.css\";i:47;s:21:\"button/editor.min.css\";i:48;s:20:\"button/style-rtl.css\";i:49;s:24:\"button/style-rtl.min.css\";i:50;s:16:\"button/style.css\";i:51;s:20:\"button/style.min.css\";i:52;s:22:\"buttons/editor-rtl.css\";i:53;s:26:\"buttons/editor-rtl.min.css\";i:54;s:18:\"buttons/editor.css\";i:55;s:22:\"buttons/editor.min.css\";i:56;s:21:\"buttons/style-rtl.css\";i:57;s:25:\"buttons/style-rtl.min.css\";i:58;s:17:\"buttons/style.css\";i:59;s:21:\"buttons/style.min.css\";i:60;s:22:\"calendar/style-rtl.css\";i:61;s:26:\"calendar/style-rtl.min.css\";i:62;s:18:\"calendar/style.css\";i:63;s:22:\"calendar/style.min.css\";i:64;s:25:\"categories/editor-rtl.css\";i:65;s:29:\"categories/editor-rtl.min.css\";i:66;s:21:\"categories/editor.css\";i:67;s:25:\"categories/editor.min.css\";i:68;s:24:\"categories/style-rtl.css\";i:69;s:28:\"categories/style-rtl.min.css\";i:70;s:20:\"categories/style.css\";i:71;s:24:\"categories/style.min.css\";i:72;s:19:\"code/editor-rtl.css\";i:73;s:23:\"code/editor-rtl.min.css\";i:74;s:15:\"code/editor.css\";i:75;s:19:\"code/editor.min.css\";i:76;s:18:\"code/style-rtl.css\";i:77;s:22:\"code/style-rtl.min.css\";i:78;s:14:\"code/style.css\";i:79;s:18:\"code/style.min.css\";i:80;s:18:\"code/theme-rtl.css\";i:81;s:22:\"code/theme-rtl.min.css\";i:82;s:14:\"code/theme.css\";i:83;s:18:\"code/theme.min.css\";i:84;s:22:\"columns/editor-rtl.css\";i:85;s:26:\"columns/editor-rtl.min.css\";i:86;s:18:\"columns/editor.css\";i:87;s:22:\"columns/editor.min.css\";i:88;s:21:\"columns/style-rtl.css\";i:89;s:25:\"columns/style-rtl.min.css\";i:90;s:17:\"columns/style.css\";i:91;s:21:\"columns/style.min.css\";i:92;s:33:\"comment-author-name/style-rtl.css\";i:93;s:37:\"comment-author-name/style-rtl.min.css\";i:94;s:29:\"comment-author-name/style.css\";i:95;s:33:\"comment-author-name/style.min.css\";i:96;s:29:\"comment-content/style-rtl.css\";i:97;s:33:\"comment-content/style-rtl.min.css\";i:98;s:25:\"comment-content/style.css\";i:99;s:29:\"comment-content/style.min.css\";i:100;s:26:\"comment-date/style-rtl.css\";i:101;s:30:\"comment-date/style-rtl.min.css\";i:102;s:22:\"comment-date/style.css\";i:103;s:26:\"comment-date/style.min.css\";i:104;s:31:\"comment-edit-link/style-rtl.css\";i:105;s:35:\"comment-edit-link/style-rtl.min.css\";i:106;s:27:\"comment-edit-link/style.css\";i:107;s:31:\"comment-edit-link/style.min.css\";i:108;s:32:\"comment-reply-link/style-rtl.css\";i:109;s:36:\"comment-reply-link/style-rtl.min.css\";i:110;s:28:\"comment-reply-link/style.css\";i:111;s:32:\"comment-reply-link/style.min.css\";i:112;s:30:\"comment-template/style-rtl.css\";i:113;s:34:\"comment-template/style-rtl.min.css\";i:114;s:26:\"comment-template/style.css\";i:115;s:30:\"comment-template/style.min.css\";i:116;s:42:\"comments-pagination-numbers/editor-rtl.css\";i:117;s:46:\"comments-pagination-numbers/editor-rtl.min.css\";i:118;s:38:\"comments-pagination-numbers/editor.css\";i:119;s:42:\"comments-pagination-numbers/editor.min.css\";i:120;s:34:\"comments-pagination/editor-rtl.css\";i:121;s:38:\"comments-pagination/editor-rtl.min.css\";i:122;s:30:\"comments-pagination/editor.css\";i:123;s:34:\"comments-pagination/editor.min.css\";i:124;s:33:\"comments-pagination/style-rtl.css\";i:125;s:37:\"comments-pagination/style-rtl.min.css\";i:126;s:29:\"comments-pagination/style.css\";i:127;s:33:\"comments-pagination/style.min.css\";i:128;s:29:\"comments-title/editor-rtl.css\";i:129;s:33:\"comments-title/editor-rtl.min.css\";i:130;s:25:\"comments-title/editor.css\";i:131;s:29:\"comments-title/editor.min.css\";i:132;s:23:\"comments/editor-rtl.css\";i:133;s:27:\"comments/editor-rtl.min.css\";i:134;s:19:\"comments/editor.css\";i:135;s:23:\"comments/editor.min.css\";i:136;s:22:\"comments/style-rtl.css\";i:137;s:26:\"comments/style-rtl.min.css\";i:138;s:18:\"comments/style.css\";i:139;s:22:\"comments/style.min.css\";i:140;s:20:\"cover/editor-rtl.css\";i:141;s:24:\"cover/editor-rtl.min.css\";i:142;s:16:\"cover/editor.css\";i:143;s:20:\"cover/editor.min.css\";i:144;s:19:\"cover/style-rtl.css\";i:145;s:23:\"cover/style-rtl.min.css\";i:146;s:15:\"cover/style.css\";i:147;s:19:\"cover/style.min.css\";i:148;s:22:\"details/editor-rtl.css\";i:149;s:26:\"details/editor-rtl.min.css\";i:150;s:18:\"details/editor.css\";i:151;s:22:\"details/editor.min.css\";i:152;s:21:\"details/style-rtl.css\";i:153;s:25:\"details/style-rtl.min.css\";i:154;s:17:\"details/style.css\";i:155;s:21:\"details/style.min.css\";i:156;s:20:\"embed/editor-rtl.css\";i:157;s:24:\"embed/editor-rtl.min.css\";i:158;s:16:\"embed/editor.css\";i:159;s:20:\"embed/editor.min.css\";i:160;s:19:\"embed/style-rtl.css\";i:161;s:23:\"embed/style-rtl.min.css\";i:162;s:15:\"embed/style.css\";i:163;s:19:\"embed/style.min.css\";i:164;s:19:\"embed/theme-rtl.css\";i:165;s:23:\"embed/theme-rtl.min.css\";i:166;s:15:\"embed/theme.css\";i:167;s:19:\"embed/theme.min.css\";i:168;s:19:\"file/editor-rtl.css\";i:169;s:23:\"file/editor-rtl.min.css\";i:170;s:15:\"file/editor.css\";i:171;s:19:\"file/editor.min.css\";i:172;s:18:\"file/style-rtl.css\";i:173;s:22:\"file/style-rtl.min.css\";i:174;s:14:\"file/style.css\";i:175;s:18:\"file/style.min.css\";i:176;s:23:\"footnotes/style-rtl.css\";i:177;s:27:\"footnotes/style-rtl.min.css\";i:178;s:19:\"footnotes/style.css\";i:179;s:23:\"footnotes/style.min.css\";i:180;s:23:\"freeform/editor-rtl.css\";i:181;s:27:\"freeform/editor-rtl.min.css\";i:182;s:19:\"freeform/editor.css\";i:183;s:23:\"freeform/editor.min.css\";i:184;s:22:\"gallery/editor-rtl.css\";i:185;s:26:\"gallery/editor-rtl.min.css\";i:186;s:18:\"gallery/editor.css\";i:187;s:22:\"gallery/editor.min.css\";i:188;s:21:\"gallery/style-rtl.css\";i:189;s:25:\"gallery/style-rtl.min.css\";i:190;s:17:\"gallery/style.css\";i:191;s:21:\"gallery/style.min.css\";i:192;s:21:\"gallery/theme-rtl.css\";i:193;s:25:\"gallery/theme-rtl.min.css\";i:194;s:17:\"gallery/theme.css\";i:195;s:21:\"gallery/theme.min.css\";i:196;s:20:\"group/editor-rtl.css\";i:197;s:24:\"group/editor-rtl.min.css\";i:198;s:16:\"group/editor.css\";i:199;s:20:\"group/editor.min.css\";i:200;s:19:\"group/style-rtl.css\";i:201;s:23:\"group/style-rtl.min.css\";i:202;s:15:\"group/style.css\";i:203;s:19:\"group/style.min.css\";i:204;s:19:\"group/theme-rtl.css\";i:205;s:23:\"group/theme-rtl.min.css\";i:206;s:15:\"group/theme.css\";i:207;s:19:\"group/theme.min.css\";i:208;s:21:\"heading/style-rtl.css\";i:209;s:25:\"heading/style-rtl.min.css\";i:210;s:17:\"heading/style.css\";i:211;s:21:\"heading/style.min.css\";i:212;s:19:\"html/editor-rtl.css\";i:213;s:23:\"html/editor-rtl.min.css\";i:214;s:15:\"html/editor.css\";i:215;s:19:\"html/editor.min.css\";i:216;s:20:\"image/editor-rtl.css\";i:217;s:24:\"image/editor-rtl.min.css\";i:218;s:16:\"image/editor.css\";i:219;s:20:\"image/editor.min.css\";i:220;s:19:\"image/style-rtl.css\";i:221;s:23:\"image/style-rtl.min.css\";i:222;s:15:\"image/style.css\";i:223;s:19:\"image/style.min.css\";i:224;s:19:\"image/theme-rtl.css\";i:225;s:23:\"image/theme-rtl.min.css\";i:226;s:15:\"image/theme.css\";i:227;s:19:\"image/theme.min.css\";i:228;s:29:\"latest-comments/style-rtl.css\";i:229;s:33:\"latest-comments/style-rtl.min.css\";i:230;s:25:\"latest-comments/style.css\";i:231;s:29:\"latest-comments/style.min.css\";i:232;s:27:\"latest-posts/editor-rtl.css\";i:233;s:31:\"latest-posts/editor-rtl.min.css\";i:234;s:23:\"latest-posts/editor.css\";i:235;s:27:\"latest-posts/editor.min.css\";i:236;s:26:\"latest-posts/style-rtl.css\";i:237;s:30:\"latest-posts/style-rtl.min.css\";i:238;s:22:\"latest-posts/style.css\";i:239;s:26:\"latest-posts/style.min.css\";i:240;s:18:\"list/style-rtl.css\";i:241;s:22:\"list/style-rtl.min.css\";i:242;s:14:\"list/style.css\";i:243;s:18:\"list/style.min.css\";i:244;s:22:\"loginout/style-rtl.css\";i:245;s:26:\"loginout/style-rtl.min.css\";i:246;s:18:\"loginout/style.css\";i:247;s:22:\"loginout/style.min.css\";i:248;s:19:\"math/editor-rtl.css\";i:249;s:23:\"math/editor-rtl.min.css\";i:250;s:15:\"math/editor.css\";i:251;s:19:\"math/editor.min.css\";i:252;s:18:\"math/style-rtl.css\";i:253;s:22:\"math/style-rtl.min.css\";i:254;s:14:\"math/style.css\";i:255;s:18:\"math/style.min.css\";i:256;s:25:\"media-text/editor-rtl.css\";i:257;s:29:\"media-text/editor-rtl.min.css\";i:258;s:21:\"media-text/editor.css\";i:259;s:25:\"media-text/editor.min.css\";i:260;s:24:\"media-text/style-rtl.css\";i:261;s:28:\"media-text/style-rtl.min.css\";i:262;s:20:\"media-text/style.css\";i:263;s:24:\"media-text/style.min.css\";i:264;s:19:\"more/editor-rtl.css\";i:265;s:23:\"more/editor-rtl.min.css\";i:266;s:15:\"more/editor.css\";i:267;s:19:\"more/editor.min.css\";i:268;s:30:\"navigation-link/editor-rtl.css\";i:269;s:34:\"navigation-link/editor-rtl.min.css\";i:270;s:26:\"navigation-link/editor.css\";i:271;s:30:\"navigation-link/editor.min.css\";i:272;s:29:\"navigation-link/style-rtl.css\";i:273;s:33:\"navigation-link/style-rtl.min.css\";i:274;s:25:\"navigation-link/style.css\";i:275;s:29:\"navigation-link/style.min.css\";i:276;s:33:\"navigation-submenu/editor-rtl.css\";i:277;s:37:\"navigation-submenu/editor-rtl.min.css\";i:278;s:29:\"navigation-submenu/editor.css\";i:279;s:33:\"navigation-submenu/editor.min.css\";i:280;s:25:\"navigation/editor-rtl.css\";i:281;s:29:\"navigation/editor-rtl.min.css\";i:282;s:21:\"navigation/editor.css\";i:283;s:25:\"navigation/editor.min.css\";i:284;s:24:\"navigation/style-rtl.css\";i:285;s:28:\"navigation/style-rtl.min.css\";i:286;s:20:\"navigation/style.css\";i:287;s:24:\"navigation/style.min.css\";i:288;s:23:\"nextpage/editor-rtl.css\";i:289;s:27:\"nextpage/editor-rtl.min.css\";i:290;s:19:\"nextpage/editor.css\";i:291;s:23:\"nextpage/editor.min.css\";i:292;s:24:\"page-list/editor-rtl.css\";i:293;s:28:\"page-list/editor-rtl.min.css\";i:294;s:20:\"page-list/editor.css\";i:295;s:24:\"page-list/editor.min.css\";i:296;s:23:\"page-list/style-rtl.css\";i:297;s:27:\"page-list/style-rtl.min.css\";i:298;s:19:\"page-list/style.css\";i:299;s:23:\"page-list/style.min.css\";i:300;s:24:\"paragraph/editor-rtl.css\";i:301;s:28:\"paragraph/editor-rtl.min.css\";i:302;s:20:\"paragraph/editor.css\";i:303;s:24:\"paragraph/editor.min.css\";i:304;s:23:\"paragraph/style-rtl.css\";i:305;s:27:\"paragraph/style-rtl.min.css\";i:306;s:19:\"paragraph/style.css\";i:307;s:23:\"paragraph/style.min.css\";i:308;s:35:\"post-author-biography/style-rtl.css\";i:309;s:39:\"post-author-biography/style-rtl.min.css\";i:310;s:31:\"post-author-biography/style.css\";i:311;s:35:\"post-author-biography/style.min.css\";i:312;s:30:\"post-author-name/style-rtl.css\";i:313;s:34:\"post-author-name/style-rtl.min.css\";i:314;s:26:\"post-author-name/style.css\";i:315;s:30:\"post-author-name/style.min.css\";i:316;s:25:\"post-author/style-rtl.css\";i:317;s:29:\"post-author/style-rtl.min.css\";i:318;s:21:\"post-author/style.css\";i:319;s:25:\"post-author/style.min.css\";i:320;s:33:\"post-comments-count/style-rtl.css\";i:321;s:37:\"post-comments-count/style-rtl.min.css\";i:322;s:29:\"post-comments-count/style.css\";i:323;s:33:\"post-comments-count/style.min.css\";i:324;s:33:\"post-comments-form/editor-rtl.css\";i:325;s:37:\"post-comments-form/editor-rtl.min.css\";i:326;s:29:\"post-comments-form/editor.css\";i:327;s:33:\"post-comments-form/editor.min.css\";i:328;s:32:\"post-comments-form/style-rtl.css\";i:329;s:36:\"post-comments-form/style-rtl.min.css\";i:330;s:28:\"post-comments-form/style.css\";i:331;s:32:\"post-comments-form/style.min.css\";i:332;s:32:\"post-comments-link/style-rtl.css\";i:333;s:36:\"post-comments-link/style-rtl.min.css\";i:334;s:28:\"post-comments-link/style.css\";i:335;s:32:\"post-comments-link/style.min.css\";i:336;s:26:\"post-content/style-rtl.css\";i:337;s:30:\"post-content/style-rtl.min.css\";i:338;s:22:\"post-content/style.css\";i:339;s:26:\"post-content/style.min.css\";i:340;s:23:\"post-date/style-rtl.css\";i:341;s:27:\"post-date/style-rtl.min.css\";i:342;s:19:\"post-date/style.css\";i:343;s:23:\"post-date/style.min.css\";i:344;s:27:\"post-excerpt/editor-rtl.css\";i:345;s:31:\"post-excerpt/editor-rtl.min.css\";i:346;s:23:\"post-excerpt/editor.css\";i:347;s:27:\"post-excerpt/editor.min.css\";i:348;s:26:\"post-excerpt/style-rtl.css\";i:349;s:30:\"post-excerpt/style-rtl.min.css\";i:350;s:22:\"post-excerpt/style.css\";i:351;s:26:\"post-excerpt/style.min.css\";i:352;s:34:\"post-featured-image/editor-rtl.css\";i:353;s:38:\"post-featured-image/editor-rtl.min.css\";i:354;s:30:\"post-featured-image/editor.css\";i:355;s:34:\"post-featured-image/editor.min.css\";i:356;s:33:\"post-featured-image/style-rtl.css\";i:357;s:37:\"post-featured-image/style-rtl.min.css\";i:358;s:29:\"post-featured-image/style.css\";i:359;s:33:\"post-featured-image/style.min.css\";i:360;s:34:\"post-navigation-link/style-rtl.css\";i:361;s:38:\"post-navigation-link/style-rtl.min.css\";i:362;s:30:\"post-navigation-link/style.css\";i:363;s:34:\"post-navigation-link/style.min.css\";i:364;s:27:\"post-template/style-rtl.css\";i:365;s:31:\"post-template/style-rtl.min.css\";i:366;s:23:\"post-template/style.css\";i:367;s:27:\"post-template/style.min.css\";i:368;s:24:\"post-terms/style-rtl.css\";i:369;s:28:\"post-terms/style-rtl.min.css\";i:370;s:20:\"post-terms/style.css\";i:371;s:24:\"post-terms/style.min.css\";i:372;s:31:\"post-time-to-read/style-rtl.css\";i:373;s:35:\"post-time-to-read/style-rtl.min.css\";i:374;s:27:\"post-time-to-read/style.css\";i:375;s:31:\"post-time-to-read/style.min.css\";i:376;s:24:\"post-title/style-rtl.css\";i:377;s:28:\"post-title/style-rtl.min.css\";i:378;s:20:\"post-title/style.css\";i:379;s:24:\"post-title/style.min.css\";i:380;s:26:\"preformatted/style-rtl.css\";i:381;s:30:\"preformatted/style-rtl.min.css\";i:382;s:22:\"preformatted/style.css\";i:383;s:26:\"preformatted/style.min.css\";i:384;s:24:\"pullquote/editor-rtl.css\";i:385;s:28:\"pullquote/editor-rtl.min.css\";i:386;s:20:\"pullquote/editor.css\";i:387;s:24:\"pullquote/editor.min.css\";i:388;s:23:\"pullquote/style-rtl.css\";i:389;s:27:\"pullquote/style-rtl.min.css\";i:390;s:19:\"pullquote/style.css\";i:391;s:23:\"pullquote/style.min.css\";i:392;s:23:\"pullquote/theme-rtl.css\";i:393;s:27:\"pullquote/theme-rtl.min.css\";i:394;s:19:\"pullquote/theme.css\";i:395;s:23:\"pullquote/theme.min.css\";i:396;s:39:\"query-pagination-numbers/editor-rtl.css\";i:397;s:43:\"query-pagination-numbers/editor-rtl.min.css\";i:398;s:35:\"query-pagination-numbers/editor.css\";i:399;s:39:\"query-pagination-numbers/editor.min.css\";i:400;s:31:\"query-pagination/editor-rtl.css\";i:401;s:35:\"query-pagination/editor-rtl.min.css\";i:402;s:27:\"query-pagination/editor.css\";i:403;s:31:\"query-pagination/editor.min.css\";i:404;s:30:\"query-pagination/style-rtl.css\";i:405;s:34:\"query-pagination/style-rtl.min.css\";i:406;s:26:\"query-pagination/style.css\";i:407;s:30:\"query-pagination/style.min.css\";i:408;s:25:\"query-title/style-rtl.css\";i:409;s:29:\"query-title/style-rtl.min.css\";i:410;s:21:\"query-title/style.css\";i:411;s:25:\"query-title/style.min.css\";i:412;s:25:\"query-total/style-rtl.css\";i:413;s:29:\"query-total/style-rtl.min.css\";i:414;s:21:\"query-total/style.css\";i:415;s:25:\"query-total/style.min.css\";i:416;s:20:\"query/editor-rtl.css\";i:417;s:24:\"query/editor-rtl.min.css\";i:418;s:16:\"query/editor.css\";i:419;s:20:\"query/editor.min.css\";i:420;s:19:\"quote/style-rtl.css\";i:421;s:23:\"quote/style-rtl.min.css\";i:422;s:15:\"quote/style.css\";i:423;s:19:\"quote/style.min.css\";i:424;s:19:\"quote/theme-rtl.css\";i:425;s:23:\"quote/theme-rtl.min.css\";i:426;s:15:\"quote/theme.css\";i:427;s:19:\"quote/theme.min.css\";i:428;s:23:\"read-more/style-rtl.css\";i:429;s:27:\"read-more/style-rtl.min.css\";i:430;s:19:\"read-more/style.css\";i:431;s:23:\"read-more/style.min.css\";i:432;s:18:\"rss/editor-rtl.css\";i:433;s:22:\"rss/editor-rtl.min.css\";i:434;s:14:\"rss/editor.css\";i:435;s:18:\"rss/editor.min.css\";i:436;s:17:\"rss/style-rtl.css\";i:437;s:21:\"rss/style-rtl.min.css\";i:438;s:13:\"rss/style.css\";i:439;s:17:\"rss/style.min.css\";i:440;s:21:\"search/editor-rtl.css\";i:441;s:25:\"search/editor-rtl.min.css\";i:442;s:17:\"search/editor.css\";i:443;s:21:\"search/editor.min.css\";i:444;s:20:\"search/style-rtl.css\";i:445;s:24:\"search/style-rtl.min.css\";i:446;s:16:\"search/style.css\";i:447;s:20:\"search/style.min.css\";i:448;s:20:\"search/theme-rtl.css\";i:449;s:24:\"search/theme-rtl.min.css\";i:450;s:16:\"search/theme.css\";i:451;s:20:\"search/theme.min.css\";i:452;s:24:\"separator/editor-rtl.css\";i:453;s:28:\"separator/editor-rtl.min.css\";i:454;s:20:\"separator/editor.css\";i:455;s:24:\"separator/editor.min.css\";i:456;s:23:\"separator/style-rtl.css\";i:457;s:27:\"separator/style-rtl.min.css\";i:458;s:19:\"separator/style.css\";i:459;s:23:\"separator/style.min.css\";i:460;s:23:\"separator/theme-rtl.css\";i:461;s:27:\"separator/theme-rtl.min.css\";i:462;s:19:\"separator/theme.css\";i:463;s:23:\"separator/theme.min.css\";i:464;s:24:\"shortcode/editor-rtl.css\";i:465;s:28:\"shortcode/editor-rtl.min.css\";i:466;s:20:\"shortcode/editor.css\";i:467;s:24:\"shortcode/editor.min.css\";i:468;s:24:\"site-logo/editor-rtl.css\";i:469;s:28:\"site-logo/editor-rtl.min.css\";i:470;s:20:\"site-logo/editor.css\";i:471;s:24:\"site-logo/editor.min.css\";i:472;s:23:\"site-logo/style-rtl.css\";i:473;s:27:\"site-logo/style-rtl.min.css\";i:474;s:19:\"site-logo/style.css\";i:475;s:23:\"site-logo/style.min.css\";i:476;s:27:\"site-tagline/editor-rtl.css\";i:477;s:31:\"site-tagline/editor-rtl.min.css\";i:478;s:23:\"site-tagline/editor.css\";i:479;s:27:\"site-tagline/editor.min.css\";i:480;s:26:\"site-tagline/style-rtl.css\";i:481;s:30:\"site-tagline/style-rtl.min.css\";i:482;s:22:\"site-tagline/style.css\";i:483;s:26:\"site-tagline/style.min.css\";i:484;s:25:\"site-title/editor-rtl.css\";i:485;s:29:\"site-title/editor-rtl.min.css\";i:486;s:21:\"site-title/editor.css\";i:487;s:25:\"site-title/editor.min.css\";i:488;s:24:\"site-title/style-rtl.css\";i:489;s:28:\"site-title/style-rtl.min.css\";i:490;s:20:\"site-title/style.css\";i:491;s:24:\"site-title/style.min.css\";i:492;s:26:\"social-link/editor-rtl.css\";i:493;s:30:\"social-link/editor-rtl.min.css\";i:494;s:22:\"social-link/editor.css\";i:495;s:26:\"social-link/editor.min.css\";i:496;s:27:\"social-links/editor-rtl.css\";i:497;s:31:\"social-links/editor-rtl.min.css\";i:498;s:23:\"social-links/editor.css\";i:499;s:27:\"social-links/editor.min.css\";i:500;s:26:\"social-links/style-rtl.css\";i:501;s:30:\"social-links/style-rtl.min.css\";i:502;s:22:\"social-links/style.css\";i:503;s:26:\"social-links/style.min.css\";i:504;s:21:\"spacer/editor-rtl.css\";i:505;s:25:\"spacer/editor-rtl.min.css\";i:506;s:17:\"spacer/editor.css\";i:507;s:21:\"spacer/editor.min.css\";i:508;s:20:\"spacer/style-rtl.css\";i:509;s:24:\"spacer/style-rtl.min.css\";i:510;s:16:\"spacer/style.css\";i:511;s:20:\"spacer/style.min.css\";i:512;s:20:\"table/editor-rtl.css\";i:513;s:24:\"table/editor-rtl.min.css\";i:514;s:16:\"table/editor.css\";i:515;s:20:\"table/editor.min.css\";i:516;s:19:\"table/style-rtl.css\";i:517;s:23:\"table/style-rtl.min.css\";i:518;s:15:\"table/style.css\";i:519;s:19:\"table/style.min.css\";i:520;s:19:\"table/theme-rtl.css\";i:521;s:23:\"table/theme-rtl.min.css\";i:522;s:15:\"table/theme.css\";i:523;s:19:\"table/theme.min.css\";i:524;s:24:\"tag-cloud/editor-rtl.css\";i:525;s:28:\"tag-cloud/editor-rtl.min.css\";i:526;s:20:\"tag-cloud/editor.css\";i:527;s:24:\"tag-cloud/editor.min.css\";i:528;s:23:\"tag-cloud/style-rtl.css\";i:529;s:27:\"tag-cloud/style-rtl.min.css\";i:530;s:19:\"tag-cloud/style.css\";i:531;s:23:\"tag-cloud/style.min.css\";i:532;s:28:\"template-part/editor-rtl.css\";i:533;s:32:\"template-part/editor-rtl.min.css\";i:534;s:24:\"template-part/editor.css\";i:535;s:28:\"template-part/editor.min.css\";i:536;s:27:\"template-part/theme-rtl.css\";i:537;s:31:\"template-part/theme-rtl.min.css\";i:538;s:23:\"template-part/theme.css\";i:539;s:27:\"template-part/theme.min.css\";i:540;s:24:\"term-count/style-rtl.css\";i:541;s:28:\"term-count/style-rtl.min.css\";i:542;s:20:\"term-count/style.css\";i:543;s:24:\"term-count/style.min.css\";i:544;s:30:\"term-description/style-rtl.css\";i:545;s:34:\"term-description/style-rtl.min.css\";i:546;s:26:\"term-description/style.css\";i:547;s:30:\"term-description/style.min.css\";i:548;s:23:\"term-name/style-rtl.css\";i:549;s:27:\"term-name/style-rtl.min.css\";i:550;s:19:\"term-name/style.css\";i:551;s:23:\"term-name/style.min.css\";i:552;s:28:\"term-template/editor-rtl.css\";i:553;s:32:\"term-template/editor-rtl.min.css\";i:554;s:24:\"term-template/editor.css\";i:555;s:28:\"term-template/editor.min.css\";i:556;s:27:\"term-template/style-rtl.css\";i:557;s:31:\"term-template/style-rtl.min.css\";i:558;s:23:\"term-template/style.css\";i:559;s:27:\"term-template/style.min.css\";i:560;s:27:\"text-columns/editor-rtl.css\";i:561;s:31:\"text-columns/editor-rtl.min.css\";i:562;s:23:\"text-columns/editor.css\";i:563;s:27:\"text-columns/editor.min.css\";i:564;s:26:\"text-columns/style-rtl.css\";i:565;s:30:\"text-columns/style-rtl.min.css\";i:566;s:22:\"text-columns/style.css\";i:567;s:26:\"text-columns/style.min.css\";i:568;s:19:\"verse/style-rtl.css\";i:569;s:23:\"verse/style-rtl.min.css\";i:570;s:15:\"verse/style.css\";i:571;s:19:\"verse/style.min.css\";i:572;s:20:\"video/editor-rtl.css\";i:573;s:24:\"video/editor-rtl.min.css\";i:574;s:16:\"video/editor.css\";i:575;s:20:\"video/editor.min.css\";i:576;s:19:\"video/style-rtl.css\";i:577;s:23:\"video/style-rtl.min.css\";i:578;s:15:\"video/style.css\";i:579;s:19:\"video/style.min.css\";i:580;s:19:\"video/theme-rtl.css\";i:581;s:23:\"video/theme-rtl.min.css\";i:582;s:15:\"video/theme.css\";i:583;s:19:\"video/theme.min.css\";}}','on'),(18152,'wp_page_for_privacy_policy','0','on'),(18153,'show_comments_cookies_opt_in','1','on'),(18154,'admin_email_lifespan','0','on'),(18155,'disallowed_keys','','off'),(18156,'comment_previously_approved','1','on'),(18157,'auto_plugin_theme_update_emails','a:0:{}','off'),(18158,'auto_update_core_dev','enabled','on'),(18159,'auto_update_core_minor','enabled','on'),(18160,'auto_update_core_major','unset','on'),(18161,'wp_force_deactivated_plugins','a:0:{}','off'),(18162,'wp_attachment_pages_enabled','1','on'),(18163,'wp_notes_notify','1','on');
/*!40000 ALTER TABLE `swd_options` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `swd_postmeta`
--
DROP TABLE IF EXISTS `swd_postmeta`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `swd_postmeta` (
`meta_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`post_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci DEFAULT NULL,
`meta_value` longtext COLLATE utf8mb4_unicode_520_ci,
PRIMARY KEY (`meta_id`),
KEY `post_id` (`post_id`),
KEY `meta_key` (`meta_key`(191))
) ENGINE=MyISAM AUTO_INCREMENT=289 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `swd_postmeta`
--
LOCK TABLES `swd_postmeta` WRITE;
/*!40000 ALTER TABLE `swd_postmeta` DISABLE KEYS */;
INSERT INTO `swd_postmeta` VALUES (1,2,'_wp_page_template','full-width-page.php'),(2,2,'_edit_lock','1491180869:1'),(3,2,'_edit_last','1'),(4,2,'_responsive_layout','default'),(5,6,'_menu_item_type','post_type'),(6,6,'_menu_item_menu_item_parent','46'),(7,6,'_menu_item_object_id','2'),(8,6,'_menu_item_object','page'),(9,6,'_menu_item_target',''),(10,6,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(11,6,'_menu_item_xfn',''),(12,6,'_menu_item_url',''),(14,8,'_menu_item_type','custom'),(15,8,'_menu_item_menu_item_parent','0'),(16,8,'_menu_item_object_id','8'),(17,8,'_menu_item_object','custom'),(18,8,'_menu_item_target',''),(19,8,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(20,8,'_menu_item_xfn',''),(21,8,'_menu_item_url','#'),(23,11,'_edit_last','1'),(24,11,'_edit_lock','1491173106:1'),(25,11,'_wp_page_template','full-width-page.php'),(26,11,'_responsive_layout','default'),(27,13,'_menu_item_type','post_type'),(28,13,'_menu_item_menu_item_parent','8'),(29,13,'_menu_item_object_id','11'),(30,13,'_menu_item_object','page'),(31,13,'_menu_item_target',''),(32,13,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(33,13,'_menu_item_xfn',''),(34,13,'_menu_item_url',''),(36,14,'_menu_item_type','custom'),(37,14,'_menu_item_menu_item_parent','0'),(38,14,'_menu_item_object_id','14'),(39,14,'_menu_item_object','custom'),(40,14,'_menu_item_target',''),(41,14,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(42,14,'_menu_item_xfn',''),(43,14,'_menu_item_url','#'),(45,15,'_edit_last','1'),(46,15,'_edit_lock','1491174093:1'),(47,15,'_wp_page_template','full-width-page.php'),(48,15,'_responsive_layout','default'),(49,17,'_menu_item_type','post_type'),(50,17,'_menu_item_menu_item_parent','14'),(51,17,'_menu_item_object_id','15'),(52,17,'_menu_item_object','page'),(53,17,'_menu_item_target',''),(54,17,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(55,17,'_menu_item_xfn',''),(56,17,'_menu_item_url',''),(58,27,'_edit_last','1'),(59,27,'_edit_lock','1491097201:1'),(60,27,'_wp_page_template','full-width-page.php'),(61,27,'_responsive_layout','default'),(62,29,'_menu_item_type','post_type'),(63,29,'_menu_item_menu_item_parent','8'),(64,29,'_menu_item_object_id','27'),(65,29,'_menu_item_object','page'),(66,29,'_menu_item_target',''),(67,29,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(68,29,'_menu_item_xfn',''),(69,29,'_menu_item_url',''),(71,30,'_menu_item_type','custom'),(72,30,'_menu_item_menu_item_parent','0'),(73,30,'_menu_item_object_id','30'),(74,30,'_menu_item_object','custom'),(75,30,'_menu_item_target',''),(76,30,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(77,30,'_menu_item_xfn',''),(78,30,'_menu_item_url','#'),(80,31,'_edit_last','1'),(81,31,'_edit_lock','1491173065:1'),(82,31,'_wp_page_template','full-width-page.php'),(83,31,'_responsive_layout','default'),(84,33,'_menu_item_type','post_type'),(85,33,'_menu_item_menu_item_parent','30'),(86,33,'_menu_item_object_id','31'),(87,33,'_menu_item_object','page'),(88,33,'_menu_item_target',''),(89,33,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(90,33,'_menu_item_xfn',''),(91,33,'_menu_item_url',''),(93,42,'_edit_last','1'),(94,42,'_edit_lock','1491181699:1'),(95,42,'_wp_page_template','full-width-page.php'),(96,42,'_responsive_layout','default'),(97,44,'_edit_last','1'),(98,44,'_edit_lock','1491174754:1'),(99,44,'_wp_page_template','full-width-page.php'),(100,44,'_responsive_layout','default'),(101,46,'_menu_item_type','post_type'),(102,46,'_menu_item_menu_item_parent','0'),(103,46,'_menu_item_object_id','44'),(104,46,'_menu_item_object','page'),(105,46,'_menu_item_target',''),(106,46,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(107,46,'_menu_item_xfn',''),(108,46,'_menu_item_url',''),(120,48,'_menu_item_menu_item_parent','0'),(110,47,'_menu_item_type','post_type'),(111,47,'_menu_item_menu_item_parent','46'),(112,47,'_menu_item_object_id','42'),(113,47,'_menu_item_object','page'),(114,47,'_menu_item_target',''),(115,47,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(116,47,'_menu_item_xfn',''),(117,47,'_menu_item_url',''),(119,48,'_menu_item_type','custom'),(121,48,'_menu_item_object_id','48'),(122,48,'_menu_item_object','custom'),(123,48,'_menu_item_target',''),(124,48,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(125,48,'_menu_item_xfn',''),(126,48,'_menu_item_url','#'),(130,50,'_edit_last','1'),(131,50,'_edit_lock','1491175849:1'),(132,50,'_wp_page_template','full-width-page.php'),(133,50,'_responsive_layout','default'),(134,52,'_edit_last','1'),(135,52,'_edit_lock','1491176088:1'),(136,53,'_edit_last','1'),(137,53,'_edit_lock','1491176042:1'),(138,53,'_wp_page_template','full-width-page.php'),(139,53,'_responsive_layout','default'),(140,55,'_edit_last','1'),(141,55,'_edit_lock','1491180485:1'),(142,55,'_wp_page_template','full-width-page.php'),(143,55,'_responsive_layout','default'),(144,58,'_edit_last','1'),(145,58,'_edit_lock','1491176864:1'),(146,58,'_wp_page_template','full-width-page.php'),(147,58,'_responsive_layout','default'),(148,60,'_menu_item_type','post_type'),(149,60,'_menu_item_menu_item_parent','48'),(150,60,'_menu_item_object_id','50'),(151,60,'_menu_item_object','page'),(152,60,'_menu_item_target',''),(153,60,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(154,60,'_menu_item_xfn',''),(155,60,'_menu_item_url',''),(187,67,'_edit_lock','1491176935:1'),(157,61,'_menu_item_type','post_type'),(158,61,'_menu_item_menu_item_parent','48'),(159,61,'_menu_item_object_id','58'),(160,61,'_menu_item_object','page'),(161,61,'_menu_item_target',''),(162,61,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(163,61,'_menu_item_xfn',''),(164,61,'_menu_item_url',''),(186,67,'_edit_last','1'),(166,62,'_menu_item_type','post_type'),(167,62,'_menu_item_menu_item_parent','48'),(168,62,'_menu_item_object_id','55'),(169,62,'_menu_item_object','page'),(170,62,'_menu_item_target',''),(171,62,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(172,62,'_menu_item_xfn',''),(173,62,'_menu_item_url',''),(175,63,'_menu_item_type','post_type'),(176,63,'_menu_item_menu_item_parent','48'),(177,63,'_menu_item_object_id','53'),(178,63,'_menu_item_object','page'),(179,63,'_menu_item_target',''),(180,63,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(181,63,'_menu_item_xfn',''),(182,63,'_menu_item_url',''),(188,67,'_wp_page_template','full-width-page.php'),(189,67,'_responsive_layout','default'),(190,69,'_edit_last','1'),(191,69,'_edit_lock','1491177041:1'),(192,69,'_wp_page_template','full-width-page.php'),(193,69,'_responsive_layout','default'),(194,71,'_edit_last','1'),(195,71,'_edit_lock','1491181835:1'),(196,71,'_wp_page_template','full-width-page.php'),(197,71,'_responsive_layout','default'),(198,71,'_oembed_3045d754c5aa21e18d6bbe46d0d41f30','{{unknown}}'),(199,71,'_oembed_e8c2e8112d27c171f2c25ad5f7699d09','Using CSS “display: table-cell” for columns
'),(200,71,'_oembed_time_e8c2e8112d27c171f2c25ad5f7699d09','1491177437'),(201,76,'_edit_last','1'),(202,76,'_edit_lock','1491177921:1'),(203,76,'_wp_page_template','full-width-page.php'),(204,76,'_responsive_layout','default'),(205,79,'_menu_item_type','post_type'),(206,79,'_menu_item_menu_item_parent','48'),(207,79,'_menu_item_object_id','76'),(208,79,'_menu_item_object','page'),(209,79,'_menu_item_target',''),(210,79,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(211,79,'_menu_item_xfn',''),(212,79,'_menu_item_url',''),(213,80,'_menu_item_type','post_type'),(214,80,'_menu_item_menu_item_parent','48'),(215,80,'_menu_item_object_id','71'),(216,80,'_menu_item_object','page'),(217,80,'_menu_item_target',''),(218,80,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(219,80,'_menu_item_xfn',''),(220,80,'_menu_item_url',''),(221,81,'_menu_item_type','post_type'),(222,81,'_menu_item_menu_item_parent','48'),(223,81,'_menu_item_object_id','69'),(224,81,'_menu_item_object','page'),(225,81,'_menu_item_target',''),(226,81,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(227,81,'_menu_item_xfn',''),(228,81,'_menu_item_url',''),(229,82,'_menu_item_type','post_type'),(230,82,'_menu_item_menu_item_parent','48'),(231,82,'_menu_item_object_id','67'),(232,82,'_menu_item_object','page'),(233,82,'_menu_item_target',''),(234,82,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(235,82,'_menu_item_xfn',''),(236,82,'_menu_item_url',''),(239,83,'_edit_last','1'),(240,83,'_edit_lock','1491179900:1'),(241,83,'_wp_page_template','full-width-page.php'),(242,83,'_responsive_layout','default'),(243,85,'_menu_item_type','post_type'),(244,85,'_menu_item_menu_item_parent','48'),(245,85,'_menu_item_object_id','83'),(246,85,'_menu_item_object','page'),(247,85,'_menu_item_target',''),(248,85,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(249,85,'_menu_item_xfn',''),(250,85,'_menu_item_url',''),(252,92,'_edit_last','1'),(253,92,'_edit_lock','1491181112:1'),(254,92,'_wp_page_template','full-width-page.php'),(255,92,'_responsive_layout','default'),(256,94,'_menu_item_type','post_type'),(257,94,'_menu_item_menu_item_parent','48'),(258,94,'_menu_item_object_id','92'),(259,94,'_menu_item_object','page'),(260,94,'_menu_item_target',''),(261,94,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(262,94,'_menu_item_xfn',''),(263,94,'_menu_item_url',''),(264,100,'_edit_last','1'),(265,100,'_edit_lock','1513895286:1'),(266,100,'_wp_page_template','full-width-page.php'),(267,100,'_responsive_layout','default'),(268,102,'_menu_item_type','post_type'),(269,102,'_menu_item_menu_item_parent','0'),(270,102,'_menu_item_object_id','100'),(271,102,'_menu_item_object','page'),(272,102,'_menu_item_target',''),(273,102,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(274,102,'_menu_item_xfn',''),(275,102,'_menu_item_url',''),(277,105,'_edit_last','1'),(278,105,'_edit_lock','1513895514:1'),(279,105,'_wp_page_template','full-width-page.php'),(280,105,'_responsive_layout','default'),(281,107,'_menu_item_type','post_type'),(282,107,'_menu_item_menu_item_parent','0'),(283,107,'_menu_item_object_id','105'),(284,107,'_menu_item_object','page'),(285,107,'_menu_item_target',''),(286,107,'_menu_item_classes','a:1:{i:0;s:0:\"\";}'),(287,107,'_menu_item_xfn',''),(288,107,'_menu_item_url','');
/*!40000 ALTER TABLE `swd_postmeta` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `swd_posts`
--
DROP TABLE IF EXISTS `swd_posts`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `swd_posts` (
`ID` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`post_author` bigint(20) unsigned NOT NULL DEFAULT '0',
`post_date` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`post_date_gmt` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`post_content` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
`post_title` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`post_excerpt` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`post_status` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'publish',
`comment_status` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'open',
`ping_status` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'open',
`post_password` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`post_name` varchar(200) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`to_ping` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`pinged` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`post_modified` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`post_modified_gmt` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`post_content_filtered` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
`post_parent` bigint(20) unsigned NOT NULL DEFAULT '0',
`guid` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`menu_order` int(11) NOT NULL DEFAULT '0',
`post_type` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'post',
`post_mime_type` varchar(100) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT '',
`comment_count` bigint(20) NOT NULL DEFAULT '0',
PRIMARY KEY (`ID`),
KEY `post_name` (`post_name`(191)),
KEY `type_status_date` (`post_type`,`post_status`,`post_date`,`ID`),
KEY `post_parent` (`post_parent`),
KEY `post_author` (`post_author`),
KEY `type_status_author` (`post_type`,`post_status`,`post_author`)
) ENGINE=MyISAM AUTO_INCREMENT=111 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `swd_posts`
--
LOCK TABLES `swd_posts` WRITE;
/*!40000 ALTER TABLE `swd_posts` DISABLE KEYS */;
INSERT INTO `swd_posts` VALUES (1,1,'2017-02-07 05:02:12','2017-02-07 05:02:12','Welcome to WordPress. This is your first post. Edit or delete it, then start writing!','Hello world!','','publish','open','open','','hello-world','','','2017-02-07 05:02:12','2017-02-07 05:02:12','',0,'http://www.acctper.softwarewebdesign.com/?p=1',0,'post','',1),(2,1,'2017-02-07 05:02:12','2017-02-07 05:02:12','length
\r\nvar str = \"Hello World!\";\r\nvar n = str.length;\r\nreplace
\r\nLike php\'s replace\r\n\r\ns = s.replace(\",\",\"\");\r\nvar=var0.replace(/[^0-9$.,]/g, \'\')\r\nsplit string
\r\n<SCRIPT language=\"JavaScript\">\r\n<!--\r\nfunction divide_string()\r\n{\r\nvar where_is_mytool=\"home/mytool/mytool.cgi\";\r\nvar mytool_array=where_is_mytool.split(\"/\");\r\nalert(mytool_array[0]+\" \"+mytool_array[1]+\" \"+mytool_array[2]);\r\n}\r\n//-->\r\n</SCRIPT>\r\n<FORM>\r\n<INPUT TYPE=\"button\" onClick=\"divide_string()\" value=\"Go!\">\r\n</FORM>\r\nsubstring
\r\n<script type=\"text/javascript\">var str=\"Hello world!\"\r\ndocument.write(str.substring(3,7))</script>\r\n\r\nThe output of the code above will be:\r\n\r\nlo w\r\ntext first caps
\r\n<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
split string
\r\n<SCRIPT language=\"JavaScript\">\r\n<!--\r\nfunction divide_string()\r\n{\r\nvar where_is_mytool=\"home/mytool/mytool.cgi\";\r\nvar mytool_array=where_is_mytool.split(\"/\");\r\nalert(mytool_array[0]+\" \"+mytool_array[1]+\" \"+mytool_array[2]);\r\n}\r\n//-->\r\n</SCRIPT>\r\n<FORM>\r\n<INPUT TYPE=\"button\" onClick=\"divide_string()\" value=\"Go!\">\r\n</FORM>','Strings','','inherit','closed','closed','','2-revision-v1','','','2017-04-02 00:12:58','2017-04-02 00:12:58','',2,'http://www.acctper.softwarewebdesign.com/2017/04/02/2-revision-v1/',0,'revision','',0),(4,1,'2017-04-02 00:23:11','2017-04-02 00:23:11','length
\nvar str = \"Hello World!\";\nvar n = str.length;\nreplace
\nLike php\'s replace\n\ns = s.replace(\",\",\"\");\nvar=var0.replace(/[^0-9$.,]/g, \'\')\nsplit string
\n<SCRIPT language=\"JavaScript\">\n<!--\nfunction divide_string()\n{\nvar where_is_mytool=\"home/mytool/mytool.cgi\";\nvar mytool_array=where_is_mytool.split(\"/\");\nalert(mytool_array[0]+\" \"+mytool_array[1]+\" \"+mytool_array[2]);\n}\n//-->\n</SCRIPT>\n<FORM>\n<INPUT TYPE=\"button\" onClick=\"divide_string()\" value=\"Go!\">\n</FORM>\nsubstring
\n<script type=\"text/javascript\">var str=\"Hello world!\"\ndocument.write(str.substring(3,7))</script>\n\nThe output of the code above will be:\n\nlo w\ntext first caps
\nText Initial Caps Browser : ALL\nAction: Converts every first letter to TOP caps.\nUsage: Makes text easy to read.\n\n= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =\n\n<html>\n<head>\n</head>\n<BODY bgcolor=\"#FFFFCC\">\n<SCRIPT LANGUAGE=\"JavaScript\">\n<!-- Please do not remove these comments. Thank you! -->\n<!-- 1000\'s of best scripts for you: www.x-developer.com -->\n<!-- Original: W. H. (billy@technical-solutions.co.uk) -->\n<!-- --------------------------------------------------- -->\nfunction changeCase(frmObj) {\nvar index;\nvar tmpStr;\nvar tmpChar;\nvar preString;\nvar postString;\nvar strlen;\ntmpStr = frmObj.value.toLowerCase();\nstrLen = tmpStr.length;\nif (strLen > 0) {\nfor (index = 0; index < strLen; index++) {\nif (index == 0) {\ntmpChar = tmpStr.substring(0,1).toUpperCase();\npostString = tmpStr.substring(1,strLen);\ntmpStr = tmpChar + postString;\n}\nelse {\ntmpChar = tmpStr.substring(index, index+1);\nif (tmpChar == \" \" && index < (strLen-1)) {\ntmpChar = tmpStr.substring(index+1, index+2).toUpperCase();\npreString = tmpStr.substring(0, index+1);\npostString = tmpStr.substring(index+2,strLen);\ntmpStr = preString + tmpChar + postString;\n}\n}\n}\n}\nfrmObj.value = tmpStr;\n}\n</script>\n<center>\n<form name=form>\n<input type=text name=box value=\"type in here!\">\n<input type=button value=\"Convert\" onClick=\"javascript:changeCase(this.form.box)\">\n</form>\n</center>\n<p><center><font size=\"1\" face=\"arial, helvetica, sans-serif\">1000\'s of JavaScripts by <a href=\"http://www.x-developer.com\" target=\"new\">X-Developer</a></font><p></center></body>\n</html>','Strings','','inherit','closed','closed','','2-autosave-v1','','','2017-04-02 00:23:11','2017-04-02 00:23:11','',2,'http://www.acctper.softwarewebdesign.com/2017/04/02/2-autosave-v1/',0,'revision','',0),(6,1,'2017-04-02 00:13:43','2017-04-02 00:13:43',' ','','','publish','closed','closed','','6','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',44,'http://www.acctper.softwarewebdesign.com/?p=6',10,'nav_menu_item','',0),(7,1,'2017-04-02 00:24:03','2017-04-02 00:24:03','length
\r\nvar str = \"Hello World!\";\r\nvar n = str.length;\r\nreplace
\r\nLike php\'s replace\r\n\r\ns = s.replace(\",\",\"\");\r\nvar=var0.replace(/[^0-9$.,]/g, \'\')\r\nsplit string
\r\n<SCRIPT language=\"JavaScript\">\r\n<!--\r\nfunction divide_string()\r\n{\r\nvar where_is_mytool=\"home/mytool/mytool.cgi\";\r\nvar mytool_array=where_is_mytool.split(\"/\");\r\nalert(mytool_array[0]+\" \"+mytool_array[1]+\" \"+mytool_array[2]);\r\n}\r\n//-->\r\n</SCRIPT>\r\n<FORM>\r\n<INPUT TYPE=\"button\" onClick=\"divide_string()\" value=\"Go!\">\r\n</FORM>\r\nsubstring
\r\n<script type=\"text/javascript\">var str=\"Hello world!\"\r\ndocument.write(str.substring(3,7))</script>\r\n\r\nThe output of the code above will be:\r\n\r\nlo w\r\ntext first caps
\r\nText Initial Caps Browser : ALL\r\n\r\nAction: Converts every first letter to TOP caps.\r\nUsage: Makes text easy to read.\r\n\r\n= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =\r\n\r\n<html>\r\n<head>\r\n</head>\r\n<BODY bgcolor=\"#FFFFCC\">\r\n<SCRIPT LANGUAGE=\"JavaScript\">\r\n<!-- Please do not remove these comments. Thank you! -->\r\n<!-- 1000\'s of best scripts for you: www.x-developer.com -->\r\n<!-- Original: W. H. (billy@technical-solutions.co.uk) -->\r\n<!-- --------------------------------------------------- -->\r\nfunction changeCase(frmObj) {\r\nvar index;\r\nvar tmpStr;\r\nvar tmpChar;\r\nvar preString;\r\nvar postString;\r\nvar strlen;\r\ntmpStr = frmObj.value.toLowerCase();\r\nstrLen = tmpStr.length;\r\nif (strLen > 0) {\r\nfor (index = 0; index < strLen; index++) {\r\nif (index == 0) {\r\ntmpChar = tmpStr.substring(0,1).toUpperCase();\r\npostString = tmpStr.substring(1,strLen);\r\ntmpStr = tmpChar + postString;\r\n}\r\nelse {\r\ntmpChar = tmpStr.substring(index, index+1);\r\nif (tmpChar == \" \" && index < (strLen-1)) {\r\ntmpChar = tmpStr.substring(index+1, index+2).toUpperCase();\r\npreString = tmpStr.substring(0, index+1);\r\npostString = tmpStr.substring(index+2,strLen);\r\ntmpStr = preString + tmpChar + postString;\r\n}\r\n}\r\n}\r\n}\r\nfrmObj.value = tmpStr;\r\n}\r\n</script>\r\n<center>\r\n<form name=form>\r\n<input type=text name=box value=\"type in here!\">\r\n<input type=button value=\"Convert\" onClick=\"javascript:changeCase(this.form.box)\">\r\n</form>\r\n</center>\r\n<p><center><font size=\"1\" face=\"arial, helvetica, sans-serif\">1000\'s of JavaScripts by <a href=\"http://www.x-developer.com\" target=\"new\">X-Developer</a></font><p></center></body>\r\n</html>','Strings','','inherit','closed','closed','','2-revision-v1','','','2017-04-02 00:24:03','2017-04-02 00:24:03','',2,'http://www.acctper.softwarewebdesign.com/2017/04/02/2-revision-v1/',0,'revision','',0),(8,1,'2017-04-02 00:25:12','2017-04-02 00:25:12','','Window','','publish','closed','closed','','window','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=8',3,'nav_menu_item','',0),(11,1,'2017-04-02 00:29:01','2017-04-02 00:29:01','function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'none\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'none\';
}
else { // IE 4
document.all.id.style.display = \'none\';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById(\"bt\"+id).value==\"+\") {
document.getElementById(\"bt\"+id).value=\"-\"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'block\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'block\';
}
else { // IE 4
document.all.id.style.display = \'block\';
}
}
}
else{
document.getElementById(\"bt\"+id).value=\"+\"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here\'s how.
Step 1
Place this code between the <head> tags in your webpage.
<script language=\"JavaScript\">
//here you place the ids of every element you want.
var ids=new Array(\'a1\',\'a2\',\'a3\',\'thiscanbeanything\');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'none\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'none\';
}
else { // IE 4
document.all.id.style.display = \'none\';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'block\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'block\';
}
else { // IE 4
document.all.id.style.display = \'block\';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href=\"javascript:switchid(\'a1\');\">show a1</a>
<a href=\"javascript:switchid(\'a2\');\">show a2</a>
<a href=\"javascript:switchid(\'a3\');\">show a3</a>
<a href=\"javascript:switchid(\'thiscanbeanything\');\">show \'thiscanbeanything\'</a></p>
<hr/>
<div id=\'a1\' style=\"display:block;\">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id=\'a2\' style=\"display:none;\">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
\"Qu\'est-ce que la littérature?\" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author\'s)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id=\'a3\' style=\"display:none;\">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id=\'thiscanbeanything\' style=\"display:none;\">
<h3>This content is in a div with id \"thicanbeanything\"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl\'s idea of a free, fully intentional consciousness and Heidegger\'s existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre\'s
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
\"loss of God\" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man\'s life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the \"solidarity\" of others.</p>
</div>
\r\n\r\nfunction hidediv(id) {\r\n//safe function to hide an element with a specified id\r\nif (document.getElementById) { // DOM3 = IE5, NS6\r\ndocument.getElementById(id).style.display = \'none\';\r\n}\r\nelse {\r\nif (document.layers) { // Netscape 4\r\ndocument.id.display = \'none\';\r\n}\r\nelse { // IE 4\r\ndocument.all.id.style.display = \'none\';\r\n}\r\n}\r\n}\r\n\r\nfunction showdiv(id) {\r\n//safe function to show an element with a specified id\r\nif (document.getElementById(\"bt\"+id).value==\"+\") {\r\ndocument.getElementById(\"bt\"+id).value=\"-\"\r\nif (document.getElementById) { // DOM3 = IE5, NS6\r\ndocument.getElementById(id).style.display = \'block\';\r\n}\r\nelse {\r\nif (document.layers) { // Netscape 4\r\ndocument.id.display = \'block\';\r\n}\r\nelse { // IE 4\r\ndocument.all.id.style.display = \'block\';\r\n}\r\n}\r\n}\r\nelse{\r\ndocument.getElementById(\"bt\"+id).value=\"+\"\r\nhidediv(id);\r\n}\r\n}\r\n\r\n=============================================\r\n\r\nUsage\r\nWant to try it out? Here\'s how.\r\n\r\nStep 1\r\nPlace this code between the <head> tags in your webpage.\r\n\r\n<script language=\"JavaScript\">\r\n//here you place the ids of every element you want.\r\nvar ids=new Array(\'a1\',\'a2\',\'a3\',\'thiscanbeanything\');\r\n\r\nfunction switchid(id){\r\nhideallids();\r\nshowdiv(id);\r\n}\r\n\r\nfunction hideallids(){\r\n//loop through the array and hide each element by id\r\nfor (var i=0;i<ids.length;i++){\r\nhidediv(ids[i]);\r\n}\r\n}\r\n\r\nfunction hidediv(id) {\r\n//safe function to hide an element with a specified id\r\nif (document.getElementById) { // DOM3 = IE5, NS6\r\ndocument.getElementById(id).style.display = \'none\';\r\n}\r\nelse {\r\nif (document.layers) { // Netscape 4\r\ndocument.id.display = \'none\';\r\n}\r\nelse { // IE 4\r\ndocument.all.id.style.display = \'none\';\r\n}\r\n}\r\n}\r\n\r\nfunction showdiv(id) {\r\n//safe function to show an element with a specified id\r\n\r\nif (document.getElementById) { // DOM3 = IE5, NS6\r\ndocument.getElementById(id).style.display = \'block\';\r\n}\r\nelse {\r\nif (document.layers) { // Netscape 4\r\ndocument.id.display = \'block\';\r\n}\r\nelse { // IE 4\r\ndocument.all.id.style.display = \'block\';\r\n}\r\n}\r\n}\r\n</script>\r\n\r\nStep2\r\nThis is example html you can use, this goes inside your html body.\r\n\r\n<p>Try these: <a href=\"javascript:switchid(\'a1\');\">show a1</a>\r\n<a href=\"javascript:switchid(\'a2\');\">show a2</a>\r\n<a href=\"javascript:switchid(\'a3\');\">show a3</a>\r\n<a href=\"javascript:switchid(\'thiscanbeanything\');\">show \'thiscanbeanything\'</a></p>\r\n\r\n<hr/>\r\n\r\n<div id=\'a1\' style=\"display:block;\">\r\n<h2>Sample text:</h2>\r\n<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École\r\nNormale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre\r\nin 1931. With the help of a stipend from the Institut Français he studied in Berlin\r\n(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching\r\nat Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.\r\nSince the end of the Second World War, Sartre has been living as an independent writer.</p>\r\n</div>\r\n\r\n<div id=\'a2\' style=\"display:none;\">\r\n<h3>More on JPS</h3>\r\n<p>The conclusions a writer must draw from this position were set forth in\r\n\"Qu\'est-ce que la littérature?\" (What Is Literature?), 1948: literature is\r\nno longer an activity for itself, nor primarily descriptive of characters\r\nand situations, but is concerned with human freedom and its (and the author\'s)\r\ncommitment. Literature is committed; artistic creation is a moral activity.</p>\r\n\r\n</div>\r\n\r\n<div id=\'a3\' style=\"display:none;\">\r\n\r\n<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>\r\n</div>\r\n\r\n<div id=\'thiscanbeanything\' style=\"display:none;\">\r\n<h3>This content is in a div with id \"thicanbeanything\"</h3>\r\n<p>Sartre is one of those writers for whom a determined philosophical position is the\r\ncentre of their artistic being. Although drawn from many sources, for example,\r\nHusserl\'s idea of a free, fully intentional consciousness and Heidegger\'s existentialism,\r\nthe existentialism Sartre formulated and popularized is profoundly original.\r\nIts popularity and that of its author reached a climax in the forties, and Sartre\'s\r\ntheoretical writings as well as his novels and plays constitute one of the main inspirational\r\nsources of modern literature. In his philosophical view atheism is taken for granted; the\r\n\"loss of God\" is not mourned. Man is condemned to freedom, a freedom from all authority,\r\nwhich he may seek to evade, distort, and deny but which he will have to face if he is to\r\nbecome a moral being. The meaning of man\'s life is not established before his existence.\r\nOnce the terrible freedom is acknowledged, man has to make this meaning himself, has to\r\ncommit himself to a role in this world, has to commit his freedom. And this attempt to\r\nmake oneself is futile without the \"solidarity\" of others.</p>\r\n</div>','Hide layers','','inherit','closed','closed','','11-revision-v1','','','2017-04-02 00:29:01','2017-04-02 00:29:01','',11,'http://www.acctper.softwarewebdesign.com/2017/04/02/11-revision-v1/',0,'revision','',0),(13,1,'2017-04-02 00:31:10','2017-04-02 00:31:10',' ','','','publish','closed','closed','','13','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=13',4,'nav_menu_item','',0),(14,1,'2017-04-02 00:32:15','2017-04-02 00:32:15','','Scripts','','publish','closed','closed','','scripts','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=14',1,'nav_menu_item','',0),(15,1,'2017-04-02 00:33:22','2017-04-02 00:33:22','function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type` ~!@#$%^&*()+?]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
','Insert commas','','publish','closed','closed','','insert-commas','','','2017-04-02 23:03:53','2017-04-02 23:03:53','',0,'http://www.acctper.softwarewebdesign.com/?page_id=15',0,'page','',0),(16,1,'2017-04-02 00:33:22','2017-04-02 00:33:22','function addCommas(nStr)\r\n{\r\nnStr += \'\';\r\nx = nStr.split(\'.\');\r\nx1 = x[0];\r\nx2 = x.length > 1 ? \'.\' + x[1] : \'\';\r\nvar rgx = /(\\d+)(\\d{3})/;\r\nwhile (rgx.test(x1)) {\r\nx1 = x1.replace(rgx, \'$1\' + \',\' + \'$2\');\r\n}\r\nreturn x1 + x2;\r\n}\r\n_________________________________\r\n[As you type]\r\nexample IWS-order_productsSub.php\r\n\r\nfunction checkit(id1){\r\nvar key1= window.event.keyCode\r\nif (key1>57 || key1<48){\r\nreturn;\r\n}\r\ndocument.getElementById(\'li\'+id1).checked=true;\r\nnStr=document.getElementById(id1).value;\r\nvar start1=1000;\r\nwhile(start1!=-1){\r\nstart1= nStr.indexOf(\",\");\r\nnStr=nStr.replace(\",\",\"\");\r\n}\r\nnStr += \'\';\r\nx = nStr.split(\'.\');\r\nx1 = x[0];\r\nx2 = x.length > 1 ? \'.\' + x[1] : \'\';\r\nvar rgx = /(\\d+)(\\d{3})/;\r\nwhile (rgx.test(x1)) {\r\nx1 = x1.replace(rgx, \'$1\' + \',\' + \'$2\');\r\n}\r\ndocument.getElementById(id1).value=x1+x2;\r\n}','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 00:33:22','2017-04-02 00:33:22','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(17,1,'2017-04-02 00:33:52','2017-04-02 00:33:52',' ','','','publish','closed','closed','','17','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=17',2,'nav_menu_item','',0),(20,1,'2017-04-02 01:25:17','2017-04-02 01:25:17','','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 01:25:17','2017-04-02 01:25:17','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(18,1,'2017-04-02 00:48:55','2017-04-02 00:48:55','function addCommas(nStr)\r\n{\r\nnStr += \'\';\r\nx = nStr.split(\'.\');\r\nx1 = x[0];\r\nx2 = x.length > 1 ? \'.\' + x[1] : \'\';\r\nvar rgx = /(\\d+)(\\d{3})/;\r\nwhile (rgx.test(x1)) {\r\nx1 = x1.replace(rgx, \'$1\' + \',\' + \'$2\');\r\n}\r\nreturn x1 + x2;\r\n}\r\n_________________________________\r\n[As you type]\r\nexample IWS-order_productsSub.php\r\nfunction checkit(id1){\r\nvar key1= window.event.keyCode\r\nif (key1>57 || key1<48){ return; } document.getElementById(\'li\'+id1).checked=true; nStr=document.getElementById(id1).value; var start1=1000; while(start1!=-1){ start1= nStr.indexOf(\",\"); nStr=nStr.replace(\",\",\"\"); } nStr += \'\'; x = nStr.split(\'.\'); x1 = x[0]; x2 = x.length > 1 ? \'.\' + x[1] : \'\';\r\nvar rgx = /(\\d+)(\\d{3})/;\r\nwhile (rgx.test(x1)) {\r\nx1 = x1.replace(rgx, \'$1\' + \',\' + \'$2\');\r\n}\r\ndocument.getElementById(id1).value=x1+x2;\r\n}','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 00:48:55','2017-04-02 00:48:55','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(19,1,'2017-04-02 01:24:15','2017-04-02 01:24:15','','Insert commas','','inherit','closed','closed','','15-autosave-v1','','','2017-04-02 01:24:15','2017-04-02 01:24:15','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-autosave-v1/',0,'revision','',0),(21,1,'2017-04-02 01:26:24','2017-04-02 01:26:24','','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 01:26:24','2017-04-02 01:26:24','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(22,1,'2017-04-02 01:26:59','2017-04-02 01:26:59','','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 01:26:59','2017-04-02 01:26:59','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(23,1,'2017-04-02 01:28:48','2017-04-02 01:28:48','','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 01:28:48','2017-04-02 01:28:48','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(24,1,'2017-04-02 01:33:39','2017-04-02 01:33:39','\n\n\n','Hide layers','','inherit','closed','closed','','11-autosave-v1','','','2017-04-02 01:33:39','2017-04-02 01:33:39','',11,'http://www.acctper.softwarewebdesign.com/2017/04/02/11-autosave-v1/',0,'revision','',0),(25,1,'2017-04-02 01:33:49','2017-04-02 01:33:49','\r\n\r\n\r\n','Hide layers','','inherit','closed','closed','','11-revision-v1','','','2017-04-02 01:33:49','2017-04-02 01:33:49','',11,'http://www.acctper.softwarewebdesign.com/2017/04/02/11-revision-v1/',0,'revision','',0),(27,1,'2017-04-02 01:42:15','2017-04-02 01:42:15','\r\n\r\nAnd these are the properties allowed in the starting iframe tag. You may notice that most of these are extremely similar to normal FRAME coding.\r\nsrc Specified the URL of the document to be displayed in the frame.\r\nsrc=\"FileName.html\"\r\nname Specifies the name of the frame for the purpose of linking and targeting.\r\nname=\"MyIframe\"\r\nwidth\r\nheight Specifies the width/height of the iframe space in pixels or percentages.\r\nwidth=\"200\" height=\"100\"\r\nalign Aligns the iframe to the left, center, or right side of the page.\r\nalign=\"center\"\r\nnoresize Kills the visitors ability to resize the iframe borders manually.\r\nnoresize=\"noresize\"\r\nscrolling Indicates the ability of a scrollbar to appear (or not) with a value of yes, no, or auto.\r\nscrolling=\"auto\"\r\nframeborder Carries a value of 0 or 1 depending if you want a border to appear around the iframe or not.\r\nframeborder=\"1\"\r\nmarginwidth\r\nmarginheight Specifies the width/height of the margin in pixels.\r\nmarginwidth=\"1\" marginheight=\"1\"\r\nvspace\r\nhspace Specifies the verticle/horizontal margin space in pixels.\r\nvspace=\"1\" hspace=\"1\"\r\n\r\nYou don\'t have to use ALL of these properties. Most of the time, you will use the first four : SRC, NAME, WIDTH, and HEIGHT.\r\n\r\nThe space between the opening and closing iframe tags is used just like the NOFRAMES tag in frames and the default text in the TEXTAREA tag. The text you enter within this area will be shown on the webpage IF the visitor\'s browser does not support the IFRAME tag.\r\n\r\nThe next part is linking. Iframes behave the exact same way as regular frames when it comes to linking. The Iframe has a NAME property assigned to it, the link tags get a TARGET property in them.','Iframe','','publish','closed','closed','','iframe','','','2017-04-02 01:42:15','2017-04-02 01:42:15','',11,'http://www.acctper.softwarewebdesign.com/?page_id=27',0,'page','',0),(28,1,'2017-04-02 01:42:15','2017-04-02 01:42:15','\r\n\r\nAnd these are the properties allowed in the starting iframe tag. You may notice that most of these are extremely similar to normal FRAME coding.\r\nsrc Specified the URL of the document to be displayed in the frame.\r\nsrc=\"FileName.html\"\r\nname Specifies the name of the frame for the purpose of linking and targeting.\r\nname=\"MyIframe\"\r\nwidth\r\nheight Specifies the width/height of the iframe space in pixels or percentages.\r\nwidth=\"200\" height=\"100\"\r\nalign Aligns the iframe to the left, center, or right side of the page.\r\nalign=\"center\"\r\nnoresize Kills the visitors ability to resize the iframe borders manually.\r\nnoresize=\"noresize\"\r\nscrolling Indicates the ability of a scrollbar to appear (or not) with a value of yes, no, or auto.\r\nscrolling=\"auto\"\r\nframeborder Carries a value of 0 or 1 depending if you want a border to appear around the iframe or not.\r\nframeborder=\"1\"\r\nmarginwidth\r\nmarginheight Specifies the width/height of the margin in pixels.\r\nmarginwidth=\"1\" marginheight=\"1\"\r\nvspace\r\nhspace Specifies the verticle/horizontal margin space in pixels.\r\nvspace=\"1\" hspace=\"1\"\r\n\r\nYou don\'t have to use ALL of these properties. Most of the time, you will use the first four : SRC, NAME, WIDTH, and HEIGHT.\r\n\r\nThe space between the opening and closing iframe tags is used just like the NOFRAMES tag in frames and the default text in the TEXTAREA tag. The text you enter within this area will be shown on the webpage IF the visitor\'s browser does not support the IFRAME tag.\r\n\r\nThe next part is linking. Iframes behave the exact same way as regular frames when it comes to linking. The Iframe has a NAME property assigned to it, the link tags get a TARGET property in them.','Iframe','','inherit','closed','closed','','27-revision-v1','','','2017-04-02 01:42:15','2017-04-02 01:42:15','',27,'http://www.acctper.softwarewebdesign.com/2017/04/02/27-revision-v1/',0,'revision','',0),(29,1,'2017-04-02 01:42:50','2017-04-02 01:42:50',' ','','','publish','closed','closed','','29','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',11,'http://www.acctper.softwarewebdesign.com/?p=29',5,'nav_menu_item','',0),(30,1,'2017-04-02 01:44:43','2017-04-02 01:44:43','','Form','','publish','closed','closed','','form','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=30',6,'nav_menu_item','',0),(31,1,'2017-04-02 01:49:47','2017-04-02 01:49:47','function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + \"px\";
document.getElementById(id).width= (newwidth) + \"px\";
}','checkbox','','publish','closed','closed','','checkbox','','','2017-04-02 03:59:38','2017-04-02 03:59:38','',11,'http://www.acctper.softwarewebdesign.com/?page_id=31',0,'page','',0),(32,1,'2017-04-02 01:49:47','2017-04-02 01:49:47','is checked\r\n
','checkbox','','inherit','closed','closed','','31-revision-v1','','','2017-04-02 01:49:47','2017-04-02 01:49:47','',31,'http://www.acctper.softwarewebdesign.com/2017/04/02/31-revision-v1/',0,'revision','',0),(33,1,'2017-04-02 01:50:53','2017-04-02 01:50:53',' ','','','publish','closed','closed','','33','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',11,'http://www.acctper.softwarewebdesign.com/?p=33',7,'nav_menu_item','',0),(34,1,'2017-04-02 22:45:51','2017-04-02 22:45:51','\nfunction hidediv(id) {\n//safe function to hide an element with a specified id\nif (document.getElementById) { // DOM3 = IE5, NS6\ndocument.getElementById(id).style.display = \'none\';\n}\nelse {\nif (document.layers) { // Netscape 4\ndocument.id.display = \'none\';\n}\nelse { // IE 4\ndocument.all.id.style.display = \'none\';\n}\n}\n}\nfunction showdiv(id) {\n//safe function to show an element with a specified id\nif (document.getElementById(\"bt\"+id).value==\"+\") {\ndocument.getElementById(\"bt\"+id).value=\"-\"\nif (document.getElementById) { // DOM3 = IE5, NS6\ndocument.getElementById(id).style.display = \'block\';\n}\nelse {\nif (document.layers) { // Netscape 4\ndocument.id.display = \'block\';\n}\nelse { // IE 4\ndocument.all.id.style.display = \'block\';\n}\n}\n}\nelse{\ndocument.getElementById(\"bt\"+id).value=\"+\"\nhidediv(id);\n}\n}\n=============================================\nUsage\nWant to try it out? Here\'s how.\nStep 1\nPlace this code between the <head> tags in your webpage.\n<script language=\"JavaScript\">\n//here you place the ids of every element you want.\nvar ids=new Array(\'a1\',\'a2\',\'a3\',\'thiscanbeanything\');\nfunction switchid(id){\nhideallids();\nshowdiv(id);\n}\nfunction hideallids(){\n//loop through the array and hide each element by id\nfor (var i=0;i<ids.length;i++){\nhidediv(ids[i]);\n}\n}\nfunction hidediv(id) {\n//safe function to hide an element with a specified id\nif (document.getElementById) { // DOM3 = IE5, NS6\ndocument.getElementById(id).style.display = \'none\';\n}\nelse {\nif (document.layers) { // Netscape 4\ndocument.id.display = \'none\';\n}\nelse { // IE 4\ndocument.all.id.style.display = \'none\';\n}\n}\n}\nfunction showdiv(id) {\n//safe function to show an element with a specified id\n\nif (document.getElementById) { // DOM3 = IE5, NS6\ndocument.getElementById(id).style.display = \'block\';\n}\nelse {\nif (document.layers) { // Netscape 4\ndocument.id.display = \'block\';\n}\nelse { // IE 4\ndocument.all.id.style.display = \'block\';\n}\n}\n}\n</script>\nStep2\nThis is example html you can use, this goes inside your html body.\n<p>Try these: <a href=\"javascript:switchid(\'a1\');\">show a1</a>\n<a href=\"javascript:switchid(\'a2\');\">show a2</a>\n<a href=\"javascript:switchid(\'a3\');\">show a3</a>\n<a href=\"javascript:switchid(\'thiscanbeanything\');\">show \'thiscanbeanything\'</a></p>\n<hr/>\n<div id=\'a1\' style=\"display:block;\">\n<h2>Sample text:</h2>\n<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École\nNormale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre\nin 1931. With the help of a stipend from the Institut Français he studied in Berlin\n(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching\nat Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.\nSince the end of the Second World War, Sartre has been living as an independent writer.</p>\n</div>\n<div id=\'a2\' style=\"display:none;\">\n<h3>More on JPS</h3>\n<p>The conclusions a writer must draw from this position were set forth in\n\"Qu\'est-ce que la littérature?\" (What Is Literature?), 1948: literature is\nno longer an activity for itself, nor primarily descriptive of characters\nand situations, but is concerned with human freedom and its (and the author\'s)\ncommitment. Literature is committed; artistic creation is a moral activity.</p>\n\n</div>\n<div id=\'a3\' style=\"display:none;\">\n\n<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>\n</div>\n\n<div id=\'thiscanbeanything\' style=\"display:none;\">\n<h3>This content is in a div with id \"thicanbeanything\"</h3>\n<p>Sartre is one of those writers for whom a determined philosophical position is the\ncentre of their artistic being. Although drawn from many sources, for example,\nHusserl\'s idea of a free, fully intentional consciousness and Heidegger\'s existentialism,\nthe existentialism Sartre formulated and popularized is profoundly original.\nIts popularity and that of its author reached a climax in the forties, and Sartre\'s\ntheoretical writings as well as his novels and plays constitute one of the main inspirational\nsources of modern literature. In his philosophical view atheism is taken for granted; the\n\"loss of God\" is not mourned. Man is condemned to freedom, a freedom from all authority,\nwhich he may seek to evade, distort, and deny but which he will have to face if he is to\nbecome a moral being. The meaning of man\'s life is not established before his existence.\nOnce the terrible freedom is acknowledged, man has to make this meaning himself, has to\ncommit himself to a role in this world, has to commit his freedom. And this attempt to\nmake oneself is futile without the \"solidarity\" of others.</p>\n</div>
','checkbox','','inherit','closed','closed','','31-autosave-v1','','','2017-04-02 22:45:51','2017-04-02 22:45:51','',31,'http://www.acctper.softwarewebdesign.com/2017/04/02/31-autosave-v1/',0,'revision','',0),(36,1,'2017-04-02 03:14:06','2017-04-02 03:14:06','is checked\r\n
\r\nfunction autoResize(id){\r\nvar newheight;\r\nvar newwidth;\r\n\r\nif(document.getElementById){\r\nnewheight=document.getElementById(id).contentWindow.document .body.scrollHeight;\r\nnewwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;\r\n}\r\n\r\ndocument.getElementById(id).height= (newheight) + \"px\";\r\ndocument.getElementById(id).width= (newwidth) + \"px\";\r\n}\r\n\r\n ','checkbox','','inherit','closed','closed','','31-revision-v1','','','2017-04-02 03:14:06','2017-04-02 03:14:06','',31,'http://www.acctper.softwarewebdesign.com/2017/04/02/31-revision-v1/',0,'revision','',0),(35,1,'2017-04-02 03:12:05','2017-04-02 03:12:05','is checked\r\n
\r\nfunction autoResize(id){\r\nvar newheight;\r\nvar newwidth;\r\n\r\nif(document.getElementById){\r\nnewheight=document.getElementById(id).contentWindow.document .body.scrollHeight;\r\nnewwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;\r\n}\r\n\r\ndocument.getElementById(id).height= (newheight) + \"px\";\r\ndocument.getElementById(id).width= (newwidth) + \"px\";\r\n}\r\n\r\n ','checkbox','','inherit','closed','closed','','31-revision-v1','','','2017-04-02 03:12:05','2017-04-02 03:12:05','',31,'http://www.acctper.softwarewebdesign.com/2017/04/02/31-revision-v1/',0,'revision','',0),(38,1,'2017-04-02 03:59:38','2017-04-02 03:59:38','function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + \"px\";
document.getElementById(id).width= (newwidth) + \"px\";
}','checkbox','','inherit','closed','closed','','31-revision-v1','','','2017-04-02 03:59:38','2017-04-02 03:59:38','',31,'http://www.acctper.softwarewebdesign.com/2017/04/02/31-revision-v1/',0,'revision','',0),(37,1,'2017-04-02 03:53:21','2017-04-02 03:53:21','is checked\r\n
\r\nfunction autoResize(id){\r\nvar newheight;\r\nvar newwidth;\r\n\r\nif(document.getElementById){\r\nnewheight=document.getElementById(id).contentWindow.document .body.scrollHeight;\r\nnewwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;\r\n}\r\n\r\ndocument.getElementById(id).height= (newheight) + \"px\";\r\ndocument.getElementById(id).width= (newwidth) + \"px\";\r\n}\r\n\r\n ','checkbox','','inherit','closed','closed','','31-revision-v1','','','2017-04-02 03:53:21','2017-04-02 03:53:21','',31,'http://www.acctper.softwarewebdesign.com/2017/04/02/31-revision-v1/',0,'revision','',0),(39,1,'2017-04-02 22:47:20','2017-04-02 22:47:20','function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'none\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'none\';
}
else { // IE 4
document.all.id.style.display = \'none\';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById(\"bt\"+id).value==\"+\") {
document.getElementById(\"bt\"+id).value=\"-\"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'block\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'block\';
}
else { // IE 4
document.all.id.style.display = \'block\';
}
}
}
else{
document.getElementById(\"bt\"+id).value=\"+\"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here\'s how.
Step 1
Place this code between the <head> tags in your webpage.
<script language=\"JavaScript\">
//here you place the ids of every element you want.
var ids=new Array(\'a1\',\'a2\',\'a3\',\'thiscanbeanything\');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'none\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'none\';
}
else { // IE 4
document.all.id.style.display = \'none\';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = \'block\';
}
else {
if (document.layers) { // Netscape 4
document.id.display = \'block\';
}
else { // IE 4
document.all.id.style.display = \'block\';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href=\"javascript:switchid(\'a1\');\">show a1</a>
<a href=\"javascript:switchid(\'a2\');\">show a2</a>
<a href=\"javascript:switchid(\'a3\');\">show a3</a>
<a href=\"javascript:switchid(\'thiscanbeanything\');\">show \'thiscanbeanything\'</a></p>
<hr/>
<div id=\'a1\' style=\"display:block;\">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id=\'a2\' style=\"display:none;\">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
\"Qu\'est-ce que la littérature?\" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author\'s)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id=\'a3\' style=\"display:none;\">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id=\'thiscanbeanything\' style=\"display:none;\">
<h3>This content is in a div with id \"thicanbeanything\"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl\'s idea of a free, fully intentional consciousness and Heidegger\'s existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre\'s
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
\"loss of God\" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man\'s life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the \"solidarity\" of others.</p>
</div>
function addCommas(nStr)
{
nStr += \'\';
x = nStr.split(\'.\');
x1 = x[0];
x2 = x.length > 1 ? \'.\' + x[1] : \'\';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, \'$1\' + \',\' + \'$2\');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById(\'li\'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(\",\");
nStr=nStr.replace(\",\",\"\");
}
nStr += \'\';
x = nStr.split(\'.\');
x1 = x[0];
x2 = x.length > 1 ? \'.\' + x[1] : \'\';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, \'$1\' + \',\' + \'$2\');
}
document.getElementById(id1).value=x1+x2;
}
','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 22:50:45','2017-04-02 22:50:45','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(41,1,'2017-04-02 23:03:53','2017-04-02 23:03:53','function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type` ~!@#$%^&*()+?]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
','Insert commas','','inherit','closed','closed','','15-revision-v1','','','2017-04-02 23:03:53','2017-04-02 23:03:53','',15,'http://www.acctper.softwarewebdesign.com/2017/04/02/15-revision-v1/',0,'revision','',0),(42,1,'2017-04-02 23:11:52','2017-04-02 23:11:52','function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
\r\n
\r\nSet focus
\r\n<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
','getElementById','','inherit','closed','closed','','42-revision-v1','','','2017-04-02 23:11:52','2017-04-02 23:11:52','',42,'http://www.acctper.softwarewebdesign.com/2017/04/02/42-revision-v1/',0,'revision','',0),(44,1,'2017-04-02 23:14:42','2017-04-02 23:14:42','[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
','Language','','publish','closed','closed','','language','','','2017-04-02 23:14:42','2017-04-02 23:14:42','',0,'http://www.acctper.softwarewebdesign.com/?page_id=44',0,'page','',0),(45,1,'2017-04-02 23:14:42','2017-04-02 23:14:42','[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
','Language','','inherit','closed','closed','','44-revision-v1','','','2017-04-02 23:14:42','2017-04-02 23:14:42','',44,'http://www.acctper.softwarewebdesign.com/2017/04/02/44-revision-v1/',0,'revision','',0),(46,1,'2017-04-02 23:15:40','2017-04-02 23:15:40',' ','','','publish','closed','closed','','46','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=46',8,'nav_menu_item','',0),(47,1,'2017-04-02 23:15:40','2017-04-02 23:15:40',' ','','','publish','closed','closed','','47','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',44,'http://www.acctper.softwarewebdesign.com/?p=47',9,'nav_menu_item','',0),(48,1,'2017-04-02 23:27:38','2017-04-02 23:27:38','','CSS','','publish','closed','closed','','css','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',0,'http://www.acctper.softwarewebdesign.com/?p=48',11,'nav_menu_item','',0),(50,1,'2017-04-02 23:32:58','2017-04-02 23:32:58','fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (internal value);
}
','Fieldset','','publish','closed','closed','','fieldset','','','2017-04-02 23:32:58','2017-04-02 23:32:58','',0,'http://www.acctper.softwarewebdesign.com/?page_id=50',0,'page','',0),(51,1,'2017-04-02 23:32:58','2017-04-02 23:32:58','fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (internal value);
}
','Fieldset','','inherit','closed','closed','','50-revision-v1','','','2017-04-02 23:32:58','2017-04-02 23:32:58','',50,'http://www.acctper.softwarewebdesign.com/2017/04/02/50-revision-v1/',0,'revision','',0),(52,1,'2017-04-02 23:34:48','0000-00-00 00:00:00','','image','','draft','open','open','','','','','2017-04-02 23:34:48','2017-04-02 23:34:48','',0,'http://www.acctper.softwarewebdesign.com/?p=52',0,'post','',0),(53,1,'2017-04-02 23:35:40','2017-04-02 23:35:40','IE bug fix for right aligned images
align=right style="float:right;margin-left:5px;"
#content img {float:right; margin:5px; margin-right:0px;}
#content img.pdf {float:none;verticle-align:middle;margin-left:5px;height:20px;position:relative;bottom:-10px}
<style type="text/css">
div.img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img
{
border: 1px solid #0000ff;
}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
','Image','','publish','closed','closed','','image','','','2017-04-02 23:35:40','2017-04-02 23:35:40','',50,'http://www.acctper.softwarewebdesign.com/?page_id=53',0,'page','',0),(54,1,'2017-04-02 23:35:40','2017-04-02 23:35:40','IE bug fix for right aligned images
align=right style="float:right;margin-left:5px;"
#content img {float:right; margin:5px; margin-right:0px;}
#content img.pdf {float:none;verticle-align:middle;margin-left:5px;height:20px;position:relative;bottom:-10px}
<style type="text/css">
div.img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img
{
border: 1px solid #0000ff;
}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
','Image','','inherit','closed','closed','','53-revision-v1','','','2017-04-02 23:35:40','2017-04-02 23:35:40','',53,'http://www.acctper.softwarewebdesign.com/2017/04/02/53-revision-v1/',0,'revision','',0),(55,1,'2017-04-02 23:36:45','2017-04-02 23:36:45','[TABLE]
table //center it
{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'
style="border:5px solid #FF6633" makes outside border only[TD]
td {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}
border-top:1px solid #61686c;
border-left:25px solid #26942F;
border-bottom:1px solid #e3e3a1;
td {margin:0px;padding:3px;}
td{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','publish','closed','closed','','table','','','2017-04-03 00:50:20','2017-04-03 00:50:20','',50,'http://www.acctper.softwarewebdesign.com/?page_id=55',0,'page','',0),(57,1,'2017-04-02 23:38:08','2017-04-02 23:38:08','[TABLE]\r\ntable //center it\r\n{\r\nmargin-left: auto;\r\nmargin-right: auto;\r\nborder-collapse:collapse;\r\n}\r\nstyle=\'border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt\'\r\nstyle=\"border:5px solid #FF6633\" makes outside border only\r\n[TD]\r\ntd {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}\r\nborder-top:1px solid #61686c;\r\nborder-left:25px solid #26942F;\r\nborder-bottom:1px solid #e3e3a1;\r\ntd {margin:0px;padding:3px;}\r\n\r\ntd{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-revision-v1','','','2017-04-02 23:38:08','2017-04-02 23:38:08','',55,'http://www.acctper.softwarewebdesign.com/2017/04/02/55-revision-v1/',0,'revision','',0),(56,1,'2017-04-02 23:36:45','2017-04-02 23:36:45','[TABLE]
table //center it
{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'
style="border:5px solid #FF6633" makes outside border only
[TD]
td {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}
border-top:1px solid #61686c;
border-left:25px solid #26942F;
border-bottom:1px solid #e3e3a1;
td {margin:0px;padding:3px;}
td{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-revision-v1','','','2017-04-02 23:36:45','2017-04-02 23:36:45','',55,'http://www.acctper.softwarewebdesign.com/2017/04/02/55-revision-v1/',0,'revision','',0),(58,1,'2017-04-02 23:42:19','2017-04-02 23:42:19','[Sample css]\r\nThis works good for ie and firefox\r\nul {\r\npadding-left:1em;\r\nmargin-left:5px;\r\n}\r\nli {list-style:square;font-size:8pt;margin:0;padding:0;color:#000000;}\r\nli a{font-size:8pt;text-decoration:none;}\r\n#leftnav ul.sel1 { margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; }\r\n#leftnav ul.sel2 { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }\r\n#leftnav li {margin:0px 0px 0px 10px; padding: 0px 5px 0px 2px; list-style:square; }\r\n#leftnav li a.sel1:link{color:teal;}\r\n#leftnav li a.nsel1:link{color:#000000;font-size:8pt;}\r\n#leftnav li.sel1{color:teal}\r\n#leftnav li.nsel1{color:#000000;}\r\n#leftnav li.sel2{color:teal}\r\n#leftnav li.nsel2{color:#000000;}\r\n5.6.3 \'list-style-type\'\r\nValue: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none\r\nInitial: disc\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThis property is used to determine the appearance of the list-item marker if \'list-style-image\' is \'none\' or if the image pointed to by the URL cannot be displayed.\r\nOL { list-style-type: decimal } /* 1 2 3 4 5 etc. */\r\nOL { list-style-type: lower-alpha } /* a b c d e etc. */\r\nOL { list-style-type: lower-roman } /* i ii iii iv v etc. */\r\n5.6.4 \'list-style-image\'\r\nValue: <url> | none\r\nInitial: none\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThis property sets the image that will be used as the list-item marker. When the image is available it will replace the marker set with the \'list-style-type\' marker.\r\nUL { list-style-image: url(http://png.com/ellipse.png) }\r\n5.6.5 \'list-style-position\'\r\nValue: inside | outside\r\nInitial: outside\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThe value of \'list-style-position\' determines how the list-item marker is drawn with regard to the content. For a formatting example see section 4.1.3.\r\n5.6.6 \'list-style\'\r\nValue: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [<url> | none]\r\nInitial: not defined for shorthand properties\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThe \'list-style\' property is a shorthand notation for setting the three properties \'list-style-type\', \'list-style-image\' and \'list-style-position\' at the same place in the style sheet.\r\nUL { list-style: upper-roman inside }\r\nUL UL { list-style: circle outside }\r\nLI.square { list-style: square }\r\nSetting \'list-style\' directly on \'LI\' elements can have unexpected results. Consider:\r\n<STYLE TYPE=\"text/css\">\r\nOL.alpha LI { list-style: lower-alpha }\r\nUL LI { list-style: disc }\r\n</STYLE>\r\n<BODY>\r\n<OL CLASS=alpha>\r\n<LI>level 1\r\n<UL>\r\n<LI>level 2\r\n</UL>\r\n</OL>\r\n</BODY>\r\nSince the specificity (as defined in the cascading order) is higher for the first rule in the style sheet in the example above, it will override the second rule on all \'LI\' elements and only \'lower-alpha\' list styles will be used. It is therefore recommended to set \'list-style\' only on the list type elements:\r\nOL.alpha { list-style: lower-alpha }\r\nUL { list-style: disc }\r\nIn the above example, inheritance will transfer the \'list-style\' values from \'OL\' and \'UL\' elements to \'LI\' elements.\r\nA URL value can be combined with any other value:\r\nUL { list-style: url(http://png.com/ellipse.png) disc }\r\nIn the example above, the \'disc\' will be used when the image is unavailable.\r\n<hr>
\r\nInline
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\nul {\r\nlist-style-type: none;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\nli {\r\ndisplay: inline;\r\n}\r\nswd example\r\nli.product_nav_swd {display:inline;}\r\nli.product_nav_swd:after{content:\'#·\'; margin:0 10px;}\r\n</style>\r\n</head>\r\n<body>\r\n<ul>\r\n<li><a href=\"#home\">Home</a></li>\r\n<li><a href=\"#news\">News</a></li>\r\n<li><a href=\"#contact\">Contact</a></li>\r\n<li><a href=\"#about\">About</a></li>\r\n</ul>\r\n</body>\r\n</html>
','UL & LI','','publish','closed','closed','','ul-li','','','2017-04-02 23:48:01','2017-04-02 23:48:01','',50,'http://www.acctper.softwarewebdesign.com/?page_id=58',0,'page','',0),(66,1,'2017-04-02 23:48:01','2017-04-02 23:48:01','[Sample css]\r\nThis works good for ie and firefox\r\nul {\r\npadding-left:1em;\r\nmargin-left:5px;\r\n}\r\nli {list-style:square;font-size:8pt;margin:0;padding:0;color:#000000;}\r\nli a{font-size:8pt;text-decoration:none;}\r\n#leftnav ul.sel1 { margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; }\r\n#leftnav ul.sel2 { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }\r\n#leftnav li {margin:0px 0px 0px 10px; padding: 0px 5px 0px 2px; list-style:square; }\r\n#leftnav li a.sel1:link{color:teal;}\r\n#leftnav li a.nsel1:link{color:#000000;font-size:8pt;}\r\n#leftnav li.sel1{color:teal}\r\n#leftnav li.nsel1{color:#000000;}\r\n#leftnav li.sel2{color:teal}\r\n#leftnav li.nsel2{color:#000000;}\r\n5.6.3 \'list-style-type\'\r\nValue: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none\r\nInitial: disc\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThis property is used to determine the appearance of the list-item marker if \'list-style-image\' is \'none\' or if the image pointed to by the URL cannot be displayed.\r\nOL { list-style-type: decimal } /* 1 2 3 4 5 etc. */\r\nOL { list-style-type: lower-alpha } /* a b c d e etc. */\r\nOL { list-style-type: lower-roman } /* i ii iii iv v etc. */\r\n5.6.4 \'list-style-image\'\r\nValue: <url> | none\r\nInitial: none\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThis property sets the image that will be used as the list-item marker. When the image is available it will replace the marker set with the \'list-style-type\' marker.\r\nUL { list-style-image: url(http://png.com/ellipse.png) }\r\n5.6.5 \'list-style-position\'\r\nValue: inside | outside\r\nInitial: outside\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThe value of \'list-style-position\' determines how the list-item marker is drawn with regard to the content. For a formatting example see section 4.1.3.\r\n5.6.6 \'list-style\'\r\nValue: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [<url> | none]\r\nInitial: not defined for shorthand properties\r\nApplies to: elements with \'display\' value \'list-item\'\r\nInherited: yes\r\nPercentage values: N/A\r\n\r\nThe \'list-style\' property is a shorthand notation for setting the three properties \'list-style-type\', \'list-style-image\' and \'list-style-position\' at the same place in the style sheet.\r\nUL { list-style: upper-roman inside }\r\nUL UL { list-style: circle outside }\r\nLI.square { list-style: square }\r\nSetting \'list-style\' directly on \'LI\' elements can have unexpected results. Consider:\r\n<STYLE TYPE=\"text/css\">\r\nOL.alpha LI { list-style: lower-alpha }\r\nUL LI { list-style: disc }\r\n</STYLE>\r\n<BODY>\r\n<OL CLASS=alpha>\r\n<LI>level 1\r\n<UL>\r\n<LI>level 2\r\n</UL>\r\n</OL>\r\n</BODY>\r\nSince the specificity (as defined in the cascading order) is higher for the first rule in the style sheet in the example above, it will override the second rule on all \'LI\' elements and only \'lower-alpha\' list styles will be used. It is therefore recommended to set \'list-style\' only on the list type elements:\r\nOL.alpha { list-style: lower-alpha }\r\nUL { list-style: disc }\r\nIn the above example, inheritance will transfer the \'list-style\' values from \'OL\' and \'UL\' elements to \'LI\' elements.\r\nA URL value can be combined with any other value:\r\nUL { list-style: url(http://png.com/ellipse.png) disc }\r\nIn the example above, the \'disc\' will be used when the image is unavailable.\r\n<hr>
\r\nInline
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\nul {\r\nlist-style-type: none;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\nli {\r\ndisplay: inline;\r\n}\r\nswd example\r\nli.product_nav_swd {display:inline;}\r\nli.product_nav_swd:after{content:\'#·\'; margin:0 10px;}\r\n</style>\r\n</head>\r\n<body>\r\n<ul>\r\n<li><a href=\"#home\">Home</a></li>\r\n<li><a href=\"#news\">News</a></li>\r\n<li><a href=\"#contact\">Contact</a></li>\r\n<li><a href=\"#about\">About</a></li>\r\n</ul>\r\n</body>\r\n</html>
','UL & LI','','inherit','closed','closed','','58-revision-v1','','','2017-04-02 23:48:01','2017-04-02 23:48:01','',58,'http://www.acctper.softwarewebdesign.com/2017/04/02/58-revision-v1/',0,'revision','',0),(59,1,'2017-04-02 23:42:19','2017-04-02 23:42:19','[Sample css]
This works good for ie and firefox
ul {
padding-left:1em;
margin-left:5px;
}
li {list-style:square;font-size:8pt;margin:0;padding:0;color:#000000;}
li a{font-size:8pt;text-decoration:none;}
#leftnav ul.sel1 { margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; }
#leftnav ul.sel2 { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#leftnav li {margin:0px 0px 0px 10px; padding: 0px 5px 0px 2px; list-style:square; }
#leftnav li a.sel1:link{color:teal;}
#leftnav li a.nsel1:link{color:#000000;font-size:8pt;}
#leftnav li.sel1{color:teal}
#leftnav li.nsel1{color:#000000;}
#leftnav li.sel2{color:teal}
#leftnav li.nsel2{color:#000000;}
5.6.3 'list-style-type'
Value: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
Initial: disc
Applies to: elements with 'display' value 'list-item'
Inherited: yes
Percentage values: N/A
This property is used to determine the appearance of the list-item marker if 'list-style-image' is 'none' or if the image pointed to by the URL cannot be displayed.
OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */
OL { list-style-type: lower-alpha } /* a b c d e etc. */
OL { list-style-type: lower-roman } /* i ii iii iv v etc. */
5.6.4 'list-style-image'
Value: <url> | none
Initial: none
Applies to: elements with 'display' value 'list-item'
Inherited: yes
Percentage values: N/A
This property sets the image that will be used as the list-item marker. When the image is available it will replace the marker set with the 'list-style-type' marker.
UL { list-style-image: url(http://png.com/ellipse.png) }
5.6.5 'list-style-position'
Value: inside | outside
Initial: outside
Applies to: elements with 'display' value 'list-item'
Inherited: yes
Percentage values: N/A
The value of 'list-style-position' determines how the list-item marker is drawn with regard to the content. For a formatting example see section 4.1.3.
5.6.6 'list-style'
Value: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [<url> | none]
Initial: not defined for shorthand properties
Applies to: elements with 'display' value 'list-item'
Inherited: yes
Percentage values: N/A
The 'list-style' property is a shorthand notation for setting the three properties 'list-style-type', 'list-style-image' and 'list-style-position' at the same place in the style sheet.
UL { list-style: upper-roman inside }
UL UL { list-style: circle outside }
LI.square { list-style: square }
Setting 'list-style' directly on 'LI' elements can have unexpected results. Consider:
<STYLE TYPE="text/css">
OL.alpha LI { list-style: lower-alpha }
UL LI { list-style: disc }
</STYLE>
<BODY>
<OL CLASS=alpha>
<LI>level 1
<UL>
<LI>level 2
</UL>
</OL>
</BODY>
Since the specificity (as defined in the cascading order) is higher for the first rule in the style sheet in the example above, it will override the second rule on all 'LI' elements and only 'lower-alpha' list styles will be used. It is therefore recommended to set 'list-style' only on the list type elements:
OL.alpha { list-style: lower-alpha }
UL { list-style: disc }
In the above example, inheritance will transfer the 'list-style' values from 'OL' and 'UL' elements to 'LI' elements.
A URL value can be combined with any other value:
UL { list-style: url(http://png.com/ellipse.png) disc }
In the example above, the 'disc' will be used when the image is unavailable.
<hr>
<h2>Inline</h2>
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline;
}
swd example
li.product_nav_swd {display:inline;}
li.product_nav_swd:after{content:'#·'; margin:0 10px;}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
[Sample css]\nThis works good for ie and firefox\nul {\npadding-left:1em;\nmargin-left:5px;\n}\nli {list-style:square;font-size:8pt;margin:0;padding:0;color:#000000;}\nli a{font-size:8pt;text-decoration:none;}\n#leftnav ul.sel1 { margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; }\n#leftnav ul.sel2 { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }\n#leftnav li {margin:0px 0px 0px 10px; padding: 0px 5px 0px 2px; list-style:square; }\n#leftnav li a.sel1:link{color:teal;}\n#leftnav li a.nsel1:link{color:#000000;font-size:8pt;}\n#leftnav li.sel1{color:teal}\n#leftnav li.nsel1{color:#000000;}\n#leftnav li.sel2{color:teal}\n#leftnav li.nsel2{color:#000000;}\n5.6.3 \'list-style-type\'\nValue: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none\nInitial: disc\nApplies to: elements with \'display\' value \'list-item\'\nInherited: yes\nPercentage values: N/A\n\nThis property is used to determine the appearance of the list-item marker if \'list-style-image\' is \'none\' or if the image pointed to by the URL cannot be displayed.\nOL { list-style-type: decimal } /* 1 2 3 4 5 etc. */\nOL { list-style-type: lower-alpha } /* a b c d e etc. */\nOL { list-style-type: lower-roman } /* i ii iii iv v etc. */\n5.6.4 \'list-style-image\'\nValue: <url> | none\nInitial: none\nApplies to: elements with \'display\' value \'list-item\'\nInherited: yes\nPercentage values: N/A\n\nThis property sets the image that will be used as the list-item marker. When the image is available it will replace the marker set with the \'list-style-type\' marker.\nUL { list-style-image: url(http://png.com/ellipse.png) }\n5.6.5 \'list-style-position\'\nValue: inside | outside\nInitial: outside\nApplies to: elements with \'display\' value \'list-item\'\nInherited: yes\nPercentage values: N/A\n\nThe value of \'list-style-position\' determines how the list-item marker is drawn with regard to the content. For a formatting example see section 4.1.3.\n5.6.6 \'list-style\'\nValue: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [<url> | none]\nInitial: not defined for shorthand properties\nApplies to: elements with \'display\' value \'list-item\'\nInherited: yes\nPercentage values: N/A\n\nThe \'list-style\' property is a shorthand notation for setting the three properties \'list-style-type\', \'list-style-image\' and \'list-style-position\' at the same place in the style sheet.\nUL { list-style: upper-roman inside }\nUL UL { list-style: circle outside }\nLI.square { list-style: square }\nSetting \'list-style\' directly on \'LI\' elements can have unexpected results. Consider:\n<STYLE TYPE=\"text/css\">\nOL.alpha LI { list-style: lower-alpha }\nUL LI { list-style: disc }\n</STYLE>\n<BODY>\n<OL CLASS=alpha>\n<LI>level 1\n<UL>\n<LI>level 2\n</UL>\n</OL>\n</BODY>\nSince the specificity (as defined in the cascading order) is higher for the first rule in the style sheet in the example above, it will override the second rule on all \'LI\' elements and only \'lower-alpha\' list styles will be used. It is therefore recommended to set \'list-style\' only on the list type elements:\nOL.alpha { list-style: lower-alpha }\nUL { list-style: disc }\nIn the above example, inheritance will transfer the \'list-style\' values from \'OL\' and \'UL\' elements to \'LI\' elements.\nA URL value can be combined with any other value:\nUL { list-style: url(http://png.com/ellipse.png) disc }\nIn the example above, the \'disc\' will be used when the image is unavailable.\n<hr>\n
Inline\n<!DOCTYPE html>\n<html>\n<head>\n<style>\nul {\nlist-style-type: none;\nmargin: 0;\npadding: 0;\n}\nli {\ndisplay: inline;\n}\nswd example\nli.product_nav_swd {display:inline;}\nli.product_nav_swd:after{content:\'#·\'; margin:0 10px;}\n</style>\n</head>\n<body>\n<ul>\n<li><a href=\"#home\">Home</a></li>\n<li><a href=\"#news\">News</a></li>\n<li><a href=\"#contact\">Contact</a></li>\n<li><a href=\"#about\">About</a></li>\n</ul>\n</body>\n</html>
Hello,
I want to display a box around a div, and I want it's size to adjust to the text width.
In Firefox, this code works as I want. In IE6/IE7, the box is as big as possible. I want to make this work for IE6 and IE7 (I actually care less about FF, because it's for an intranet).
I tried different values for display and width (which only has one value anyway), but none does what I need.
Here's the relevant CSS code:
/* Div acting like a box */
div.box {
border: solid 1px #CCCCCC;
background-color: #f9f9f9;
display: table;
padding: 4px;
margin: 4px 4px 0px 4px;
}
My DOCTYPE is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
==============================================
<STYLE TYPE="text/css">
IMG { border-color: red green blue purple; border: 20px inset; }
</STYLE>
***double
<STYLE TYPE="text/css">
IMG, P {border: 20px double #990000;}
</STYLE>
****
Box properties treat all block-level formatting elements like a virtual 'box'. The height and width of the box is determined by (going from inner-most dimension outward) the height and width of the contained elements (text and/or images) plus heights and widths for space around the element ('padding'), plus the height and widths created by added borders ('border'), along with exterior margin values ('margin') relative to elements exterior to the virtual box.
The border properties allow borders to be defined (of course) for any element. These properties give a much wider array of display options for creating line effects around elements than has previously been possible in HTML. If a border is rendered for an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Selector { border: [width] [line-style] [color] }
Example
Ext/Doc: blockquote { border: medium dashed #ff0000 }
In-Line: <blockquote STYLE="border: medium dashed #ff0000">this is a beautiful blockquote test</blockquote>
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B4 Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N4B4 Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N4B4 Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-top [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the top border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-top: [width] [line-style] [color] }
Example
Ext/Doc: div.out { border-top: 10px outset #ffffff }
In-Line: <div STYLE="border-top: 10px outset #ffffff">this is a beautiful test</div>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-right [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the right border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-right: [width] [line-style] [color] }
Example
Ext/Doc: em { border-right: thick double yellow }
In-Line: <em STYLE="border-right: thick double yellow">this is a beautiful test</em>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-bottom [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the bottom border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-bottom: [width] [line-style] [color] }
Example
Ext/Doc: span { border-bottom: solid green }
In-Line: <span STYLE="border-bottom: solid green">this is a beautiful test</span>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-left [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the left border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-left: [width] [line-style] [color] }
Example
Ext/Doc: strong { border-left: thin groove blue }
In-Line: <strong STYLE="border-left: thin groove blue">this is a beautiful test</strong>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This property controls the thickness for one to four border sides. If multiple borders are specified, they are given as a space separated list of width values.
Value assignments:
1 value present: All four borders are set to that value.
2 values present: Top and bottom borders receive first value while right and left borders are set to the second value.
3 values present: Top - first value, right&left - second value, bottom - third value.
4 values present: Top, right, bottom and left respectively.
Usage:
Selector { border-width: [width] }
Example
Ext/Doc: strong { border-width: thick }
In-Line: <strong STYLE="border-width: thick">this is a beautiful test</strong>
--------------------------------------------------------------------------------
thin | medium | thick explicit IE | N4B3 These values set the weight (thickness) of the line used to draw the borders. The browser will determine what thicknesses these keywords shall hold. 'medium' is the default value.
[length] calculated IE | N4B3 This is an explicit or relative size measurement of the thickness of the border. Consult the Units Page for acceptable length unit systems.
--------------------------------------------------------------------------------
border-top-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This controls the thickness of the top border.
Usage:
Selector { border-top-width: [width] }
Example
Ext/Doc: strong { border-top-width: thin }
In-Line: <strong STYLE="border-top-width: thin">this is a beautiful test</strong>
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B3 Please see the description of allowed values in the 'border-width' property.
--------------------------------------------------------------------------------
border-right-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This controls the thickness of the right border.
Usage:
Selector { border-right-width: [width] }
Example
Ext/Doc: strong { border-right-width: 10px }
In-Line: <strong STYLE="border-right-width: 10px">this is a beautiful test</strong>
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B3 Please see the description of allowed values in the 'border-width' property.
--------------------------------------------------------------------------------
border-bottom-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This controls the thickness of the bottom border.
Usage:
Selector { border-bottom-width: [width] }
Example
Ext/Doc: strong { border-bottom-width: medium }
In-Line: <strong STYLE="border-bottom-width: medium">this is a beautiful test</strong>
Browser Notes
- Netscape 4 Beta 3 Rendering of border properties on single sides (in contrast to using the shorthand 'border-width' property) cuts in to the rendering of adjacent elements.
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B3 Please see the description of allowed values in the 'border-width' property.
--------------------------------------------------------------------------------
border-style [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: none
What Is It?
This property controls the type of line used for the border of the current element. It uses from one to four space separated values which are bound to the four borders as illustrated in the "What Is It?" section of the 'border-width' attribute.
Usage:
Selector { border-style: [line-style] }
Example
Ext/Doc: strong { border-style: groove }
In-Line: <strong STYLE="border-style: groove">this is a beautiful test</strong>
none explicit IE | N4B3 Default value. No border is rendered, regardless of any 'border-width' present.
dotted explicit IE | N A dotted line drawn on top of the background of the element.
dashed explicit IE | N A dashed line drawn on top of the background of the element.
solid explicit IE | N4B3 A solid line.
groove explicit IE | N4B3 A 3-D groove is drawn based upon the [color] value.
ridge explicit IE | N4B3 A 3-D ridge is rendered based upon the [color] value.
inset explicit IE | N4B3 A 3-D inset is rendered based upon the [color] value.
outset explicit IE | N4B3 A 3-D outset is rendered based upon the [color] value.
double explicit IE | N4B3 A double line drawn on top of the background of the element. The two lines with the space between adds up to the 'border-width' properties.
--------------------------------------------------------------------------------
border-color [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: The value of the 'color' property.
What Is It?
This property controls the color for one to four border sides. It uses from one to four space separated values which are bound to the four borders as illustrated in the "What Is It?" section of the 'border-width' attribute. If no color is specified, this value will be taken from the 'color' property.
Usage:
Selector { border-color: [color] }
Example
Ext/Doc: strong { border-color: blue }
In-Line: <strong STYLE="border-color: blue">this is a beautiful test</strong>
[color] explicit IE | N4B3 This value specifies the color to use in creating the border. Please see the section on Color Units for more details.
--------------------------------------------------------------------------------
Value Description
none No border.
dotted Dotted line drawn over the top of the element.
dashed Dashed line drawn over the top of the element.
solid Solid line.
double Double line drawn over the top of the element; the width of the two lines and the space between them equals the border-width value.
groove 3-D groove drawn in colors based upon color.
ridge 3-D ridge drawn in colors based upon color.
inset 3-D inset drawn in colors based upon color.
outset 3-D outset drawn in colors based upon color.
border-top-width
Hello,
I want to display a box around a div, and I want it's size to adjust to the text width.
In Firefox, this code works as I want. In IE6/IE7, the box is as big as possible. I want to make this work for IE6 and IE7 (I actually care less about FF, because it's for an intranet).
I tried different values for display and width (which only has one value anyway), but none does what I need.
Here's the relevant CSS code:
/* Div acting like a box */
div.box {
border: solid 1px #CCCCCC;
background-color: #f9f9f9;
display: table;
padding: 4px;
margin: 4px 4px 0px 4px;
}
My DOCTYPE is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
==============================================
<STYLE TYPE="text/css">
IMG { border-color: red green blue purple; border: 20px inset; }
</STYLE>
***double
<STYLE TYPE="text/css">
IMG, P {border: 20px double #990000;}
</STYLE>
****
Box properties treat all block-level formatting elements like a virtual 'box'. The height and width of the box is determined by (going from inner-most dimension outward) the height and width of the contained elements (text and/or images) plus heights and widths for space around the element ('padding'), plus the height and widths created by added borders ('border'), along with exterior margin values ('margin') relative to elements exterior to the virtual box.
The border properties allow borders to be defined (of course) for any element. These properties give a much wider array of display options for creating line effects around elements than has previously been possible in HTML. If a border is rendered for an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Selector { border: [width] [line-style] [color] }
Example
Ext/Doc: blockquote { border: medium dashed #ff0000 }
In-Line: <blockquote STYLE="border: medium dashed #ff0000">this is a beautiful blockquote test</blockquote>
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B4 Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N4B4 Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N4B4 Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-top [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the top border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-top: [width] [line-style] [color] }
Example
Ext/Doc: div.out { border-top: 10px outset #ffffff }
In-Line: <div STYLE="border-top: 10px outset #ffffff">this is a beautiful test</div>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-right [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the right border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-right: [width] [line-style] [color] }
Example
Ext/Doc: em { border-right: thick double yellow }
In-Line: <em STYLE="border-right: thick double yellow">this is a beautiful test</em>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-bottom [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the bottom border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-bottom: [width] [line-style] [color] }
Example
Ext/Doc: span { border-bottom: solid green }
In-Line: <span STYLE="border-bottom: solid green">this is a beautiful test</span>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-left [IE | N]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Values: NA
What Is It?
This property controls the properties of the left border of an element. The border is drawn using the included color value. If no color is specified, the value will be taken from the 'color' property. If the property is used on an element with an inherent or assigned 'inline' 'display' property status, the browser may render a border for each line if the element spans more than one line.
Usage:
Selector { border-left: [width] [line-style] [color] }
Example
Ext/Doc: strong { border-left: thin groove blue }
In-Line: <strong STYLE="border-left: thin groove blue">this is a beautiful test</strong>
--------------------------------------------------------------------------------
[border-width] [width] IE | N Please see the description of allowed values in the 'border-width' property.
[border-style] [line-style] IE | N Please see the explanations of these values in the 'border-style' property.
[border-color] [color] IE | N Please see the explanations of these values in the 'border-color' property.
--------------------------------------------------------------------------------
border-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This property controls the thickness for one to four border sides. If multiple borders are specified, they are given as a space separated list of width values.
Value assignments:
1 value present: All four borders are set to that value.
2 values present: Top and bottom borders receive first value while right and left borders are set to the second value.
3 values present: Top - first value, right&left - second value, bottom - third value.
4 values present: Top, right, bottom and left respectively.
Usage:
Selector { border-width: [width] }
Example
Ext/Doc: strong { border-width: thick }
In-Line: <strong STYLE="border-width: thick">this is a beautiful test</strong>
--------------------------------------------------------------------------------
thin | medium | thick explicit IE | N4B3 These values set the weight (thickness) of the line used to draw the borders. The browser will determine what thicknesses these keywords shall hold. 'medium' is the default value.
[length] calculated IE | N4B3 This is an explicit or relative size measurement of the thickness of the border. Consult the Units Page for acceptable length unit systems.
--------------------------------------------------------------------------------
border-top-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This controls the thickness of the top border.
Usage:
Selector { border-top-width: [width] }
Example
Ext/Doc: strong { border-top-width: thin }
In-Line: <strong STYLE="border-top-width: thin">this is a beautiful test</strong>
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B3 Please see the description of allowed values in the 'border-width' property.
--------------------------------------------------------------------------------
border-right-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This controls the thickness of the right border.
Usage:
Selector { border-right-width: [width] }
Example
Ext/Doc: strong { border-right-width: 10px }
In-Line: <strong STYLE="border-right-width: 10px">this is a beautiful test</strong>
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B3 Please see the description of allowed values in the 'border-width' property.
--------------------------------------------------------------------------------
border-bottom-width [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: medium
What Is It?
This controls the thickness of the bottom border.
Usage:
Selector { border-bottom-width: [width] }
Example
Ext/Doc: strong { border-bottom-width: medium }
In-Line: <strong STYLE="border-bottom-width: medium">this is a beautiful test</strong>
Browser Notes
- Netscape 4 Beta 3 Rendering of border properties on single sides (in contrast to using the shorthand 'border-width' property) cuts in to the rendering of adjacent elements.
--------------------------------------------------------------------------------
[border-width] [width] IE | N4B3 Please see the description of allowed values in the 'border-width' property.
--------------------------------------------------------------------------------
border-style [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: none
What Is It?
This property controls the type of line used for the border of the current element. It uses from one to four space separated values which are bound to the four borders as illustrated in the "What Is It?" section of the 'border-width' attribute.
Usage:
Selector { border-style: [line-style] }
Example
Ext/Doc: strong { border-style: groove }
In-Line: <strong STYLE="border-style: groove">this is a beautiful test</strong>
none explicit IE | N4B3 Default value. No border is rendered, regardless of any 'border-width' present.
dotted explicit IE | N A dotted line drawn on top of the background of the element.
dashed explicit IE | N A dashed line drawn on top of the background of the element.
solid explicit IE | N4B3 A solid line.
groove explicit IE | N4B3 A 3-D groove is drawn based upon the [color] value.
ridge explicit IE | N4B3 A 3-D ridge is rendered based upon the [color] value.
inset explicit IE | N4B3 A 3-D inset is rendered based upon the [color] value.
outset explicit IE | N4B3 A 3-D outset is rendered based upon the [color] value.
double explicit IE | N4B3 A double line drawn on top of the background of the element. The two lines with the space between adds up to the 'border-width' properties.
--------------------------------------------------------------------------------
border-color [IE | N4B3]
Applicable Tags: ALL
HTML Equivalent: <img BORDER> | <table BORDER>
Inherit From Parent: No
Default Value: The value of the 'color' property.
What Is It?
This property controls the color for one to four border sides. It uses from one to four space separated values which are bound to the four borders as illustrated in the "What Is It?" section of the 'border-width' attribute. If no color is specified, this value will be taken from the 'color' property.
Usage:
Selector { border-color: [color] }
Example
Ext/Doc: strong { border-color: blue }
In-Line: <strong STYLE="border-color: blue">this is a beautiful test</strong>
[color] explicit IE | N4B3 This value specifies the color to use in creating the border. Please see the section on Color Units for more details.
--------------------------------------------------------------------------------
Value Description
none No border.
dotted Dotted line drawn over the top of the element.
dashed Dashed line drawn over the top of the element.
solid Solid line.
double Double line drawn over the top of the element; the width of the two lines and the space between them equals the border-width value.
groove 3-D groove drawn in colors based upon color.
ridge 3-D ridge drawn in colors based upon color.
inset 3-D inset drawn in colors based upon color.
outset 3-D outset drawn in colors based upon color.
border-top-width
<STYLE>
body
{
background-image: url(../images/backg.gif);
background-repeat: no-repeat;
background-size:80px 60px;
background-position: top center;
background-attachment: fixed
}
</STYLE>
Repeat a background-image only vertically:
body {
background-image: url("paper.gif");
background-repeat: repeat-y;
}
background: url(/wp-content/uploads/2014/04/header4.jpg) center top no-repeat;
background-color:#4169E1;
background-color:white;opacity:.5;filter:alpha(opacity=50); // for firefox and IE
background-color: transparent; color: orange;
','Background','','publish','closed','closed','','background','','','2017-04-02 23:52:11','2017-04-02 23:52:11','',50,'http://www.acctper.softwarewebdesign.com/?page_id=69',0,'page','',0),(70,1,'2017-04-02 23:52:11','2017-04-02 23:52:11','<STYLE>
body
{
background-image: url(../images/backg.gif);
background-repeat: no-repeat;
background-size:80px 60px;
background-position: top center;
background-attachment: fixed
}
</STYLE>
Repeat a background-image only vertically:
body {
background-image: url("paper.gif");
background-repeat: repeat-y;
}
background: url(/wp-content/uploads/2014/04/header4.jpg) center top no-repeat;
background-color:#4169E1;
background-color:white;opacity:.5;filter:alpha(opacity=50); // for firefox and IE
background-color: transparent; color: orange;
','Background','','inherit','closed','closed','','69-revision-v1','','','2017-04-02 23:52:11','2017-04-02 23:52:11','',69,'http://www.acctper.softwarewebdesign.com/2017/04/02/69-revision-v1/',0,'revision','',0),(71,1,'2017-04-02 23:57:11','2017-04-02 23:57:11','[center]
http://www.w3schools.com/css/css_align.asp
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
Try it yourself »
Tip: Center aligning has no effect if the width property is not set (or set to 100%).
Tip: For aligning text, see the CSS Text chapter
http://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/
<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
----------------- Jennie
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
<div id="wrap">
<div id="main"><hr>Main<hr></div>
<!-- hr -->
<div id="sidebar"><hr>Side<hr></div>
</div>
<hr>
===Scroll Bar===
div.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;
scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;
scrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}
[center]\r\nhttp://www.w3schools.com/css/css_align.asp\r\n.center {\r\nmargin: auto;\r\nwidth: 60%;\r\nborder: 3px solid #73AD21;\r\npadding: 10px;\r\n}\r\nTry it yourself »\r\nTip: Center aligning has no effect if the width property is not set (or set to 100%).\r\nTip: For aligning text, see the CSS Text chapter\r\n\r\nhttp://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/\r\n<div id=\"wrap\">\r\n<div id=\"header\"></div>\r\n<div id=\"nav\"></div>\r\n<div id=\"main\"></div>\r\n<div id=\"sidebar\"></div>\r\n<div id=\"footer\"></div>\r\n</div>\r\n#main {\r\nfloat:right;\r\nwidth:500px;\r\nbackground:#9c9;\r\n}\r\n#sidebar {\r\nfloat:left;\r\nwidth:250px;\r\nbackground:#c9c;\r\n}\r\n----------------- Jennie\r\n#main {\r\nfloat:right;\r\nwidth:500px;\r\nbackground:#9c9;\r\n}\r\n#sidebar {\r\nfloat:left;\r\nwidth:250px;\r\nbackground:#c9c;\r\n}\r\n\r\n<div id=\"wrap\">\r\n<div id=\"main\"><hr>Main<hr></div>\r\n<!-- hr -->\r\n<div id=\"sidebar\"><hr>Side<hr></div>\r\n</div>\r\n<hr>
\r\n===Scroll Bar===
\r\ndiv.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;\r\nscrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;\r\nscrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}
','Div','','inherit','closed','closed','','71-revision-v1','','','2017-04-02 23:57:11','2017-04-02 23:57:11','',71,'http://www.acctper.softwarewebdesign.com/2017/04/02/71-revision-v1/',0,'revision','',0),(73,1,'2017-04-02 23:58:41','2017-04-02 23:58:41','[center]\r\nhttp://www.w3schools.com/css/css_align.asp\r\n.center {\r\nmargin: auto;\r\nwidth: 60%;\r\nborder: 3px solid #73AD21;\r\npadding: 10px;\r\n}\r\nTry it yourself »\r\nTip: Center aligning has no effect if the width property is not set (or set to 100%).\r\nTip: For aligning text, see the CSS Text chapterhttp://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/\r\n<div id=\"wrap\">\r\n<div id=\"header\"></div>\r\n<div id=\"nav\"></div>\r\n<div id=\"main\"></div>\r\n<div id=\"sidebar\"></div>\r\n<div id=\"footer\"></div>\r\n</div>\r\n#main {\r\nfloat:right;\r\nwidth:500px;\r\nbackground:#9c9;\r\n}\r\n#sidebar {\r\nfloat:left;\r\nwidth:250px;\r\nbackground:#c9c;\r\n}\r\n----------------- Jennie\r\n#main {\r\nfloat:right;\r\nwidth:500px;\r\nbackground:#9c9;\r\n}\r\n#sidebar {\r\nfloat:left;\r\nwidth:250px;\r\nbackground:#c9c;\r\n}\r\n\r\n<div id=\"wrap\">\r\n<div id=\"main\"><hr>Main<hr></div>\r\n<!-- hr -->\r\n<div id=\"sidebar\"><hr>Side<hr></div>\r\n</div>\r\n<hr>\r\n\r\n
\r\n===Scroll Bar===
\r\ndiv.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;\r\nscrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;\r\nscrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}
','Div','','inherit','closed','closed','','71-revision-v1','','','2017-04-02 23:58:41','2017-04-02 23:58:41','',71,'http://www.acctper.softwarewebdesign.com/2017/04/02/71-revision-v1/',0,'revision','',0),(74,1,'2017-04-03 00:02:43','2017-04-03 00:02:43','[center]
http://www.w3schools.com/css/css_align.asp
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
Try it yourself »
Tip: Center aligning has no effect if the width property is not set (or set to 100%).
Tip: For aligning text, see the CSS Text chapter
http://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/
<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
----------------- Jennie
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
<div id="wrap">
<div id="main"><hr>Main<hr></div>
<!-- hr -->
<div id="sidebar"><hr>Side<hr></div>
</div>
<hr>
===Scroll Bar===
div.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;
scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;
scrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}
[center]
http://www.w3schools.com/css/css_align.asp
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
Try it yourself »
Tip: Center aligning has no effect if the width property is not set (or set to 100%).
Tip: For aligning text, see the CSS Text chapter
http://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/
<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
----------------- Jennie
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
<div id="wrap">
<div id="main"><hr>Main<hr></div>
<!-- hr -->
<div id="sidebar"><hr>Side<hr></div>
</div>
<hr>
===Scroll Bar===
div.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;
scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;
scrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}
></script>
<link type="text/css" href="/resources/css/webkit.css" rel="Stylesheet"></link>
<link type="text/css" href="/loan/LOAN/resources/mobile/appStyles.css" rel="Stylesheet"></link>
[line height]
line-height: 120%
[Indented Paragraphs] (source)
p {
text-indent: 2.0em;
}
p.changed {
padding-left: 0.2em;
border-left: solid;
border-right: none;
border-top: none;
border-bottom: none;
border-left-width: thin;
border-color: red;
*******
The Stylesheet
This is the style sheet that I use for all of my stories.
--------------------------------------------------------------------------------
div {width: 22em;
margin-left: 2em;
margin-right: 2em}
p {margin-top: .3em;
margin-bottom: .3em}
p.small {margin-top: .3em;
margin-bottom: .3em;
font-size: .75em;
color: #0000ef}
p.blk {margin-top: .5em;
margin-bottom: .5em;
margin-left: 2em;
margin-right: 2em}
ol {font-size: .75em}
ul {font-size: .75em}
body {background: #cdc0b0}
--------------------------------------------------------------------------------
div - Division
div {width: 22em;
margin-left: 2em;
margin-right: 2em}
The div Element is the magic key to this format. It's used to set the width of the text, and to pull the text away from the left edge of the window.
The width: property sets the width of the 'div' region.
The margin-left: pushes the div region to the right, (Out of the left gutter)
The margin-right: does the same on the right.
I'm using the em to set the widths here. The em is a relative measurement, which means that the width of the text is related to the font size. If you want to know more about the em, here is an outstanding article on Typographical Measurement systems.
A width of 22em will cause the lines to break at about the same relative width as a paperback book.
Browser note: The 4.x versions of Netscape Navigator will display the text as something closer to 24 em wide. That's a bug. Navigator 6, IE 5x, and Opera will display the text correctly at 22em width.
--------------------------------------------------------------------------------
p - Paragraph
p {margin-top: .3em;
margin-bottom: .3em}
The p element sets the base style for paragraphs. A paragraph is a block-level element, which means that it is rendered within a 'box'. For the base style the only thing I do is adjust the whitespace above and below the box.
margin-top: sets the space above the 'box'
margin-top: sets the space below the 'box'
These style changes pull paragraphs of text closer together. Books are printed with no blank lines between paragraphs, but the HTML standard renders a full blank line between paragraphs.
I've elected to bring the paragraphs closer together, but not so close as to completely remove the extra 'leading' between them. This compromise is a both an aesthetic choice and a concession to the lower resolution of computer screens. In less fancy words, I like the way it looks.
There's another reason to bring the paragraphs together — a full space between paragraphs is used in prose to indicate to the reader that a change or discontinuity has occurred in the narrative.
That full line break is forced by adding a paragraph with a non-printing character between paragraphs:
<p> Here is a sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.</p>
<p> </p>
<p> Here is a the second sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.</p>
This html would render as:
--------------------------------------------------------------------------------
Here is a sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.
Here is a the second sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.
--------------------------------------------------------------------------------
While CCS has a text-indent property that can be applied to paragraphs, I have elected to indent paragraphs by using a string of three or four characters. I chose this method for backwards compatibility with older (Pre-4.0) browsers and text-based browsers (such as Lynx).
--------------------------------------------------------------------------------
p.small - Paragraph (Small)
p.small {margin-top: .3em;
margin-bottom: .3em;
font-size: .75em;
color: #0000ef}
I use this style in one place, in the navigation line at the top of each story.
This style is called by adding the class parameter to the p tag:
<p class="small">This is the string of text I want to appear in a smaller font. It will also appear on a bluish color.</p>
It will render as:
This is the string of text I want to appear in a smaller font. It will also appear on a bluish color.
Here's what my navigation bar looks like:
Home / Ranma 1/2 Fanfictions / Format
The HTML for that looks like this:
<p class="small">
<a href="http://www.josephpalmer.com/index.shtml">Home</a> /
<a href="http://www.josephpalmer.com/fanfic/fanfic.shtml">Ranma 1/2 Fanfictions</a> / Format</p>
I recommend that you have a navigation feature on your stories, but that is, of course, optional.
--------------------------------------------------------------------------------
p.blk - Paragraph (Block)
p.blk {margin-top: .5em;
margin-bottom: .5em;
margin-left: 2em;
margin-right: 2em}
I use this style for paragraphs that are in some way removed from the story. The text appears in a smaller box like this:
This is an example of the 'blk' style, I used it in "Black" to set off a news report that was heard from a radio. The block format is commonly used when a large block of text is to be quoted verbatim, such as a newspaper article.
You can also set off the text in a block by applying italics or Typewriter Text
====font=====
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;font-style:italic;
color: #6C0000;
text-decoration: none;
font-variant: small-caps;
<span style="position: relative; top: 12px; left: 22px;">some words</span>
></script>
<link type="text/css" href="/resources/css/webkit.css" rel="Stylesheet"></link>
<link type="text/css" href="/loan/LOAN/resources/mobile/appStyles.css" rel="Stylesheet"></link>
[line height]
line-height: 120%
[Indented Paragraphs] (source)
p {
text-indent: 2.0em;
}
p.changed {
padding-left: 0.2em;
border-left: solid;
border-right: none;
border-top: none;
border-bottom: none;
border-left-width: thin;
border-color: red;
*******
The Stylesheet
This is the style sheet that I use for all of my stories.
--------------------------------------------------------------------------------
div {width: 22em;
margin-left: 2em;
margin-right: 2em}
p {margin-top: .3em;
margin-bottom: .3em}
p.small {margin-top: .3em;
margin-bottom: .3em;
font-size: .75em;
color: #0000ef}
p.blk {margin-top: .5em;
margin-bottom: .5em;
margin-left: 2em;
margin-right: 2em}
ol {font-size: .75em}
ul {font-size: .75em}
body {background: #cdc0b0}
--------------------------------------------------------------------------------
div - Division
div {width: 22em;
margin-left: 2em;
margin-right: 2em}
The div Element is the magic key to this format. It's used to set the width of the text, and to pull the text away from the left edge of the window.
The width: property sets the width of the 'div' region.
The margin-left: pushes the div region to the right, (Out of the left gutter)
The margin-right: does the same on the right.
I'm using the em to set the widths here. The em is a relative measurement, which means that the width of the text is related to the font size. If you want to know more about the em, here is an outstanding article on Typographical Measurement systems.
A width of 22em will cause the lines to break at about the same relative width as a paperback book.
Browser note: The 4.x versions of Netscape Navigator will display the text as something closer to 24 em wide. That's a bug. Navigator 6, IE 5x, and Opera will display the text correctly at 22em width.
--------------------------------------------------------------------------------
p - Paragraph
p {margin-top: .3em;
margin-bottom: .3em}
The p element sets the base style for paragraphs. A paragraph is a block-level element, which means that it is rendered within a 'box'. For the base style the only thing I do is adjust the whitespace above and below the box.
margin-top: sets the space above the 'box'
margin-top: sets the space below the 'box'
These style changes pull paragraphs of text closer together. Books are printed with no blank lines between paragraphs, but the HTML standard renders a full blank line between paragraphs.
I've elected to bring the paragraphs closer together, but not so close as to completely remove the extra 'leading' between them. This compromise is a both an aesthetic choice and a concession to the lower resolution of computer screens. In less fancy words, I like the way it looks.
There's another reason to bring the paragraphs together — a full space between paragraphs is used in prose to indicate to the reader that a change or discontinuity has occurred in the narrative.
That full line break is forced by adding a paragraph with a non-printing character between paragraphs:
<p> Here is a sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.</p>
<p> </p>
<p> Here is a the second sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.</p>
This html would render as:
--------------------------------------------------------------------------------
Here is a sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.
Here is a the second sample paragraph. It's just nonsense text used to illustrate the basic shape of a rendered paragraph.
--------------------------------------------------------------------------------
While CCS has a text-indent property that can be applied to paragraphs, I have elected to indent paragraphs by using a string of three or four characters. I chose this method for backwards compatibility with older (Pre-4.0) browsers and text-based browsers (such as Lynx).
--------------------------------------------------------------------------------
p.small - Paragraph (Small)
p.small {margin-top: .3em;
margin-bottom: .3em;
font-size: .75em;
color: #0000ef}
I use this style in one place, in the navigation line at the top of each story.
This style is called by adding the class parameter to the p tag:
<p class="small">This is the string of text I want to appear in a smaller font. It will also appear on a bluish color.</p>
It will render as:
This is the string of text I want to appear in a smaller font. It will also appear on a bluish color.
Here's what my navigation bar looks like:
Home / Ranma 1/2 Fanfictions / Format
The HTML for that looks like this:
<p class="small">
<a href="http://www.josephpalmer.com/index.shtml">Home</a> /
<a href="http://www.josephpalmer.com/fanfic/fanfic.shtml">Ranma 1/2 Fanfictions</a> / Format</p>
I recommend that you have a navigation feature on your stories, but that is, of course, optional.
--------------------------------------------------------------------------------
p.blk - Paragraph (Block)
p.blk {margin-top: .5em;
margin-bottom: .5em;
margin-left: 2em;
margin-right: 2em}
I use this style for paragraphs that are in some way removed from the story. The text appears in a smaller box like this:
This is an example of the 'blk' style, I used it in "Black" to set off a news report that was heard from a radio. The block format is commonly used when a large block of text is to be quoted verbatim, such as a newspaper article.
You can also set off the text in a block by applying italics or Typewriter Text
====font=====
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;font-style:italic;
color: #6C0000;
text-decoration: none;
font-variant: small-caps;
<span style="position: relative; top: 12px; left: 22px;">some words</span>
!NOTE pLACE IN THIS ORDER TO KEEP HOVER WORKING ON VISITED LINKS
#steve a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline; text-align: center;}
#steve a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: yellow; text-decoration: underline; text-align: center;}
#steve a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #000000; text-decoration: underline; text-align: center;}
a:link { color: rgb(0, 0, 153) } /* for unvisited links */
a:visited { color: rgb(153, 0, 153) } /* for visited links */
a:active { color: rgb(255, 0, 102) } /* when link is clicked */
a:hover { color: rgb(0, 96, 255) } /* when mouse is over link */
********
<a href="http://http://www.time.gov/" class="link">Example of class="link" Link</a>
(font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif
a.link:link {text-decoration : underline; color : #996600
a.link:hover {color : #999999; text-decoration : none
a.link:visited {text-decoration: underline; color : #333333
a.link:visited:hover {text-decoration: none; color : #666666)
*************************
A:link {Text-decoration:none;color:red}
A:visited {Text-decoration:none;color:red}
A:hover {Text-decoration:underline;color:olive}
A:active {Text-decoration:none;color:gray}
UL {margin-left:15px;margin-bottom:0in;margin-top:0in;}
LI {margin:1px 1px 1px 1px}
<A style="color : blue">
Sometimes you may want to show hypertext links without them being underlined. You can do this by setting the text-decoration property to none, for example:
a.plain { text-decoration: none }
Which would suppress underlining for a link such as:
This is <a class="plain" href="what.html">not underlined</a>
Print #3, "<Style>"
Print #3, "A:link {Text-decoration:none;color:" + txColor(0).Text + "}"
Print #3, "A:visited {Text-decoration:none;color:" + txColor(0).Text + "}"
Print #3, "A:hover {Text-decoration:underline;color:" + txColor(1).Text + "}"
Print #3, "A:active {Text-decoration:none;color:" + txColor(2).Text + "}"
Print #3, "UL {margin-left:15px;margin-bottom:0in;margin-top:0in;}"
Print #3, "LI {margin:1px 1px 1px 1px}"
Print #3, "</Style>"
!NOTE pLACE IN THIS ORDER TO KEEP HOVER WORKING ON VISITED LINKS
#steve a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline; text-align: center;}
#steve a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: yellow; text-decoration: underline; text-align: center;}
#steve a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #000000; text-decoration: underline; text-align: center;}
a:link { color: rgb(0, 0, 153) } /* for unvisited links */
a:visited { color: rgb(153, 0, 153) } /* for visited links */
a:active { color: rgb(255, 0, 102) } /* when link is clicked */
a:hover { color: rgb(0, 96, 255) } /* when mouse is over link */
********
<a href="http://http://www.time.gov/" class="link">Example of class="link" Link</a>
(font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif
a.link:link {text-decoration : underline; color : #996600
a.link:hover {color : #999999; text-decoration : none
a.link:visited {text-decoration: underline; color : #333333
a.link:visited:hover {text-decoration: none; color : #666666)
*************************
A:link {Text-decoration:none;color:red}
A:visited {Text-decoration:none;color:red}
A:hover {Text-decoration:underline;color:olive}
A:active {Text-decoration:none;color:gray}
UL {margin-left:15px;margin-bottom:0in;margin-top:0in;}
LI {margin:1px 1px 1px 1px}
<A style="color : blue">
Sometimes you may want to show hypertext links without them being underlined. You can do this by setting the text-decoration property to none, for example:
a.plain { text-decoration: none }
Which would suppress underlining for a link such as:
This is <a class="plain" href="what.html">not underlined</a>
Print #3, "<Style>"
Print #3, "A:link {Text-decoration:none;color:" + txColor(0).Text + "}"
Print #3, "A:visited {Text-decoration:none;color:" + txColor(0).Text + "}"
Print #3, "A:hover {Text-decoration:underline;color:" + txColor(1).Text + "}"
Print #3, "A:active {Text-decoration:none;color:" + txColor(2).Text + "}"
Print #3, "UL {margin-left:15px;margin-bottom:0in;margin-top:0in;}"
Print #3, "LI {margin:1px 1px 1px 1px}"
Print #3, "</Style>"
[TABLE]
table //center it
{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'
style="border:5px solid #FF6633" makes outside border only
[TD]
td {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}
border-top:1px solid #61686c;
border-left:25px solid #26942F;
border-bottom:1px solid #e3e3a1;
td {margin:0px;padding:3px;}
td{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-revision-v1','','','2017-04-03 00:45:41','2017-04-03 00:45:41','',55,'http://www.acctper.softwarewebdesign.com/2017/04/03/55-revision-v1/',0,'revision','',0),(88,1,'2017-04-03 00:47:51','2017-04-03 00:47:51','[TABLE]
table //center it
{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'
style="border:5px solid #FF6633" makes outside border only
[TD]
td {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}
border-top:1px solid #61686c;
border-left:25px solid #26942F;
border-bottom:1px solid #e3e3a1;
td {margin:0px;padding:3px;}
td{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-revision-v1','','','2017-04-03 00:47:51','2017-04-03 00:47:51','',55,'http://www.acctper.softwarewebdesign.com/2017/04/03/55-revision-v1/',0,'revision','',0),(87,1,'2017-04-03 00:46:57','2017-04-03 00:46:57','[TABLE]
\r\ntable //center it\r\n{\r\nmargin-left: auto;\r\nmargin-right: auto;\r\nborder-collapse:collapse;\r\n}\r\nstyle=\'border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt\'\r\nstyle=\"border:5px solid #FF6633\" makes outside border only
\r\n[TD]
\r\ntd {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}\r\nborder-top:1px solid #61686c;\r\nborder-left:25px solid #26942F;\r\nborder-bottom:1px solid #e3e3a1;\r\ntd {margin:0px;padding:3px;}\r\n\r\ntd{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-revision-v1','','','2017-04-03 00:46:57','2017-04-03 00:46:57','',55,'http://www.acctper.softwarewebdesign.com/2017/04/03/55-revision-v1/',0,'revision','',0),(89,1,'2017-04-03 00:49:21','2017-04-03 00:49:21','[TABLE]
table //center it
{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'
style="border:5px solid #FF6633" makes outside border only
[TD]
td {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}
border-top:1px solid #61686c;
border-left:25px solid #26942F;
border-bottom:1px solid #e3e3a1;
td {margin:0px;padding:3px;}
td{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-autosave-v1','','','2017-04-03 00:49:21','2017-04-03 00:49:21','',55,'http://www.acctper.softwarewebdesign.com/2017/04/03/55-autosave-v1/',0,'revision','',0),(90,1,'2017-04-03 00:50:20','2017-04-03 00:50:20','[TABLE]
table //center it
{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'
style="border:5px solid #FF6633" makes outside border only[TD]
td {padding:10px 10px 10px 10px;border:1px solid #CCCCCC;vertical-align:top}
border-top:1px solid #61686c;
border-left:25px solid #26942F;
border-bottom:1px solid #e3e3a1;
td {margin:0px;padding:3px;}
td{white-space: nowrap; vertical-align: top;text-align:center; background-color:#9595FF}
','Table','','inherit','closed','closed','','55-revision-v1','','','2017-04-03 00:50:20','2017-04-03 00:50:20','',55,'http://www.acctper.softwarewebdesign.com/2017/04/03/55-revision-v1/',0,'revision','',0),(91,1,'2017-04-03 00:56:47','2017-04-03 00:56:47','length
\r\nvar str = \"Hello World!\";\r\nvar n = str.length;\r\nreplace
\r\nLike php\'s replace\r\n\r\ns = s.replace(\",\",\"\");\r\nvar=var0.replace(/[^0-9$.,]/g, \'\')\r\nsplit string
\r\n<SCRIPT language=\"JavaScript\">\r\n<!--\r\nfunction divide_string()\r\n{\r\nvar where_is_mytool=\"home/mytool/mytool.cgi\";\r\nvar mytool_array=where_is_mytool.split(\"/\");\r\nalert(mytool_array[0]+\" \"+mytool_array[1]+\" \"+mytool_array[2]);\r\n}\r\n//-->\r\n</SCRIPT>\r\n<FORM>\r\n<INPUT TYPE=\"button\" onClick=\"divide_string()\" value=\"Go!\">\r\n</FORM>\r\nsubstring
\r\n<script type=\"text/javascript\">var str=\"Hello world!\"\r\ndocument.write(str.substring(3,7))</script>\r\n\r\nThe output of the code above will be:\r\n\r\nlo w\r\ntext first caps
\r\n<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
html { background: url(images/body-bg.jpg) left top repeat; font-size: 62.5%; min-height: 100%; position: relative; }
div.cellphone {display:none;}
div.noncellphone {display:block;}
and
/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */
@media screen and (max-width: 600px) { /* Force table to not be like tables anymore */
div.cellphone {display:block;}
div.noncellphone {display:none;}
[How to target iPhone 5]
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)
/* iPhone 4 (landscape) */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) {
.background img {
height: 5px;
}
}
/* iPhone 4 (portrait) */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait) {
.background img {
height: 10px;
}
}
/* iPhone 5 (landscape) */
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape) {
.background img {
height: 245px;
}
.logo img {
height: 205px;
width: 205px;
}
}
/* iPhone 5 (portrait) */
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:portrait) {
.background img {
height: 210px;
}
.logo img {
height: 170px;
width: 170px;
}
.top-content h2 {
font-size: 1.8em;
line-height: 120%;
margin-bottom: 20px;
}
.main-container {
margin-top: 30px;
margin-left: 15px;
margin-right: 15px;
}
}
Targets
Device Device width Device height Pixel ratio
HTC One 360 640 3
Samsung Galaxy S2 320 534 1.5
Samsung Galaxy S3 320 640 2
Samsung Galaxy S4 320 640 3
Samsung Galaxy S5 360 640 3
LG Nexus 4 384 592 2
LG Nexus 5 360 592 3
Asus Nexus 7 601 906 1.33
iPad 1 and 2 768 1024 1
iPad Mini 768 1024 1
iPad 3 and 4 768 1024 2
iPhone 3G 320 480 1
iPhone 4 320 480 2
iPhone 5 320 568 2
iPhone 6 375 667 2
iPhone 6 Plus 414 736 3
Huawei Ascend P6 360 592 2
Huawei Ascend P7 360 592 3
OnePlus One 360 640 3
','Media Screen','','publish','closed','closed','','media-screen','','','2017-04-03 01:00:29','2017-04-03 01:00:29','',50,'http://www.acctper.softwarewebdesign.com/?page_id=92',0,'page','',0),(93,1,'2017-04-03 01:00:29','2017-04-03 01:00:29','html { background: url(images/body-bg.jpg) left top repeat; font-size: 62.5%; min-height: 100%; position: relative; }
div.cellphone {display:none;}
div.noncellphone {display:block;}
and
/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */
@media screen and (max-width: 600px) { /* Force table to not be like tables anymore */
div.cellphone {display:block;}
div.noncellphone {display:none;}
[How to target iPhone 5]
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)
/* iPhone 4 (landscape) */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) {
.background img {
height: 5px;
}
}
/* iPhone 4 (portrait) */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait) {
.background img {
height: 10px;
}
}
/* iPhone 5 (landscape) */
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape) {
.background img {
height: 245px;
}
.logo img {
height: 205px;
width: 205px;
}
}
/* iPhone 5 (portrait) */
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:portrait) {
.background img {
height: 210px;
}
.logo img {
height: 170px;
width: 170px;
}
.top-content h2 {
font-size: 1.8em;
line-height: 120%;
margin-bottom: 20px;
}
.main-container {
margin-top: 30px;
margin-left: 15px;
margin-right: 15px;
}
}
Targets
Device Device width Device height Pixel ratio
HTC One 360 640 3
Samsung Galaxy S2 320 534 1.5
Samsung Galaxy S3 320 640 2
Samsung Galaxy S4 320 640 3
Samsung Galaxy S5 360 640 3
LG Nexus 4 384 592 2
LG Nexus 5 360 592 3
Asus Nexus 7 601 906 1.33
iPad 1 and 2 768 1024 1
iPad Mini 768 1024 1
iPad 3 and 4 768 1024 2
iPhone 3G 320 480 1
iPhone 4 320 480 2
iPhone 5 320 568 2
iPhone 6 375 667 2
iPhone 6 Plus 414 736 3
Huawei Ascend P6 360 592 2
Huawei Ascend P7 360 592 3
OnePlus One 360 640 3
','Media Screen','','inherit','closed','closed','','92-revision-v1','','','2017-04-03 01:00:29','2017-04-03 01:00:29','',92,'http://www.acctper.softwarewebdesign.com/2017/04/03/92-revision-v1/',0,'revision','',0),(94,1,'2017-04-03 01:01:23','2017-04-03 01:01:23',' ','','','publish','closed','closed','','94','','','2023-12-21 18:56:59','2023-12-21 18:56:59','',50,'http://www.acctper.softwarewebdesign.com/?p=94',18,'nav_menu_item','',0),(95,1,'2017-04-03 01:10:05','2017-04-03 01:10:05','function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
\n
\n<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
\r\n
\r\nSet focus
\r\n<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
[center]
http://www.w3schools.com/css/css_align.asp
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
Try it yourself »
Tip: Center aligning has no effect if the width property is not set (or set to 100%).
Tip: For aligning text, see the CSS Text chapter
http://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/
<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
----------------- Jennie
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
<div id="wrap">
<div id="main"><hr>Main<hr></div>
<!-- hr -->
<div id="sidebar"><hr>Side<hr></div>
</div>
<hr>
===Scroll Bar===
div.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;
scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;
scrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}
<node>Autol height
<node>BACKGROUND Effects
<node>Fade In
<node>Continuous Fader
<node>BOOKMARK
<node>Add to Favorites
<node>BROWSER
<node>Break-Out-of-Frames
<node>Browser Info 2
<node>Browser Info 3
<node>Browser type detection
<node>Disable right clicking on your site.
<node>Form Browser Redirect
<node>Java Check
<node>Javascript Check
<node>Re-Load
<node>RESIZE
<node>Resolution Advice
<node>Resolution Redirect
<node>Screen Alert
<node>Screen Percentage
<node>ScreenResolution
<node>Screen-Size
<node>TEST for JavaScript
<node>CALANDARS
<node>Advanced
<node>Day Viewed
<node>Days Ahead
<node>Dynamic
<node>Future Time
<node>Moon
<node>Print Date Time Long
<node>Print Days left
<node>Print Time of Day
<node>Quarter Year
<node>Till Christmas
<node>Till Date
<node>cookies
<node>COOKIES
<node>CODE..Explaned
<node>Name & Visit
<node>Popup Once
<node>Redirector
<node>Your Name
<node>date
<node>email
<node>E-Mail
<node>Auto-Email Notification
<node>Fax
<node>Fill-In
<node>New subject
<node>E-Mail Buttons
<node>Subject E-Mail
<node>Mailing List U/D
<node>Files
<node>FORMS
<node>Add ToCombo
<node>Agree on Entry
<node>Box Input Limit
<node>checkbox
<node>CheckBox Checker
<Treepad version 3.0>
dt=
<node>Javascript
0
<textarea style="width:100%;height:500px;">
</textarea>
The JavaScript Source!! http://javascript.internet.com -->
DO NOT USE A DASH IN NAMES
[javascipt checking turned off]
<script type="text/javascript">
<!--
document.write('<input type="hidden" name="javascriptenabled" value="1" />')
// -->
</script>
$javascriptenabled=$_POST["javascriptenabled"];
if($javascriptenabled!=1) { echo "Mail Server Crashed";exit; }
<end node> 5P9i0s8y19Z
dt=
<node>Autol height
1
[TABLE]
<html>
<head>
<script>
function switchHeight()
{
document.getElementById('cell').height = '30px';
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="blue" id="cell">demo cell</td>
</tr>
</table>
<input type="button" value="cell" onclick="switchHeight()">
</body>
</html>
[TEXTAREA]
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea" rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
<p>Click the button to change the number of visible rows for the text area.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("myTextarea").rows="10";
}
</script>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>BACKGROUND Effects
1
<end node> 5P9i0s8y19Z
dt=
<node>Fade In
2
Could you use an eye-catching introduction to your website? You should have just seen the example for it. It loads a blank screen, fades the background, and then brings you here. If you weren't paying attention, click the example URL below to see it again. It's some great JavaScripting!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL FADE IN:
1. Paste the first code into the BODY of your HTML document
2. Change the destination URL to where visitors should be sent -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!-- Original: Fred S. Tucker (Slurpie_Tucker@yahoo.com) -->
<!-- Web URL: http://members.tripod.com/~Slurpies_Page -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function fadein() {
fade(240,232,223,0,0,0,255);
}
fadein();
window.location="http://www.yoursite.com/fadein-page2.html";
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Change the URL above to where visitors will be sent -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.56 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Continuous Fader
3
This script, once started, will continuously loop the background color. Try it out! A really cool script! Short too!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL CONTINUOUS FADER:
1. Paste the first code into the HEAD of your HTML document
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!-- This script and many more are available online free at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var COLOR = 999999
var woot = 0
function stoploop() {
document.bgColor = '#000000';
clearTimeout(loopID);
}
function loopBackground() {
if (COLOR > 0) {
document.bgColor = '#' + COLOR
COLOR -= 111111
loopID = setTimeout("loopBackground()",1)
} else {
document.bgColor = '#000000'
woot += 10
COLOR = 999999
COLOR -= woot
loopID = setTimeout("loopBackground()",1)
}
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Add this form to the body of the HTML document -->
<BODY>
<CENTER>
<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start bgColor WARP"
onClick="loopBackground()">
<br>
<input type="button" value="Stop bgColor WARP" onClick="stoploop()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>BOOKMARK
1
IE COMPATIBLE
function jump(h){
var top = document.getElementById(h).offsetTop; //Getting Y of target element
window.scrollTo(0, top); //Go there.
}?
<end node> 5P9i0s8y19Z
dt=
<node>Add to Favorites
2
function addbookmark()
{
bookmarkurl="http://www.theinterviewwithgod.com"
bookmarktitle="The Interview With God"
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
// End -->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>BROWSER
1
<end node> 5P9i0s8y19Z
dt=
<node>Break-Out-of-Frames
2
http://www.wsabstract.com/script/cut36.shtml
Break-out-of-frames script
Description: This practical script detects if your page is trapped inside someone else's frames, and automatically breaks out of it! We use it on the frontpage of Website Abstraction to avoid entrapment by another site.
Example:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below in the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*
Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/
if (window!= top)
top.location.href=location.href
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Browser Info 2
2
http://www.x-developer.com/javascript/content/user-details/browser-info-2/index.html
Browser Info 2 Browser : ALL
Action: Tells you Browser Code Name, Version, Platform, Pages Viewed, Java enabled, Screen Resolution.
Usage: Tell a visitor important information about his browser.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Browser Info 3
2
http://www.x-developer.com/javascript/content/user-details/browser-info-3/index.html
Browser Info 3 Browser : ALL
Action: Tells you current resolution, browser, max resolution, version, color depth, code name, platform, colors, java enabled, anti-aliasing fonts.
Usage: Inform a visitor with his system info.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY OnLoad="display()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip); }
}
</script>
<center>
<form name=form>
<table border=3 width=300 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b>current resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> browser:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=navigator>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> max resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> version:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=version>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> color depth:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=2 maxlength=2 name=colordepth>
bit</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> code name:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=codename>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> platform:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=platform>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> colors:</b></font></td>
<td align=center> <input type=text size=8 maxlength=8 name=color>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> java enabled:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=java>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> anti-aliasing fonts:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=fonts>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button name=again value="again?" onclick="display()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Browser type detection
2
http://www.wsabstract.com/script/cut5.shtml
http://www.java-scripts.net/sniffers/sniffers3.shtml
Browser type detection
Description: Will detect whether a user is using Netscape, or Internet Explorer, and send them to a different page accordingly.
Example: Well, an example in this case is a little difficult...
Directions: Simply cut and paste the below code to the <head> section of your webpage. Change the part in red to your own pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit must stay intact for use*/
var n=navigator.appName
var ns=(n=="Netscape")
var ie=(n=="Microsoft Internet Explorer")
if (ns)
location="page1.htm"
else if (ie)
location="page2.htm"
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Disable right clicking on your site.
2
http://www.java-scripts.net/misc/misc8.shtml
Description: Disable right clicking on your site.
Source code: Just copy everything below into your <HEAD> tag.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="Sorry, that function is disabled.\\nThis Page Copyrighted and\\nImages and Text protected!\\nALL RIGHTS RESERVED";
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Form Browser Redirect
2
http://www.x-developer.com/javascript/content/user-details/form-browser-redirect-ie/index.html
Form Browser Redirect Browser : IE
Action: Prints a table with browser name and a button with correct link depending on browser type.
Usage: Tell a visitor what kind of browser does he use and redirect him to correct page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: timothy@essex1.com -->
<!-- --------------------------------------------------- -->
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
// Load page according to browser
function loadPage(){
if (browser.substring(0, 8)=="Netscape"){ if (getkey=="Netscape 3.0")
window.location="netscape3.html";
if (getkey=="Netscape 2.0")
window.location="netscape2.html";
}
if (browser.substring(0, 9)=="Microsoft")
window.location="ie.html";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
window.location="netscape.html";
}
</SCRIPT>
<CENTER>
<FORM name=detect>
<TABLE border=3 width=150 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<TBODY> <TR bgcolor="#00007F"> <TD align=middle> <center>
<font color="#FFFFFF"><STRONG>Browser Key</STRONG> </font> </center>
</TD>
<TR></TR>
<TR> <TD align=middle> <INPUT size=15 value=" detecting...">
</TD>
</TR>
</TBODY> </TABLE>
<BR>
<BR>
<INPUT onclick=loadPage() type=button value="Load Appropriate Page">
</FORM>
</CENTER>
<SCRIPT>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
if (browser.substring(0, 8)=="Netscape") {
if (getkey=="Netscape 3.0")
document.forms[0].elements[0].value=" "+getkey;
if (getkey=="Netscape 2.0")
document.forms[0].elements[0].value=getkey;
}
if (browser.substring(0, 9)=="Microsoft")
document.forms[0].elements[0].value=" Microsoft IE";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
document.forms[0].elements[0].value="undetermined";
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Java Check
2
http://www.x-developer.com/javascript/content/user-details/java-check/index.html
Java Check Browser : ALL
Action: Check if you browser is Java enabled.
Usage: Don't allow visitor with Java disabled from entering site with Java applets.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
if (navigator.javaEnabled()) window.location = "demo-yes.html";
else window.location = "demo-no.html";
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Javascript Check
2
http://www.x-developer.com/javascript/content/user-details/javascript-check/index.html
Javascript Check Browser : ALL
Action: Checks if you have JavaScript enabled.
Usage: Prevent visitor with JavaScript disabled from entering your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
window.location="demo-yes.html";
</script>
<noscript> <b>It appears that your browser does not support JavaScript, or you have it disabled. This site is best viewed with JavaScript enabled.</b></noscript> </center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Re-Load
2
http://www.java-scripts.net/window/window3.shtml
Description: This link, when clicked on, will reload the browser window.
Example: Click here to reload the window.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<a href="javascript:window.location.reload()">Click here to reload the window.</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>RESIZE
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=4145
===
How can you put a shortcut to a Web site on your desktop, and have it open at a predetermined browser size, such as 400 by 300 pixels? I first thought of creating an invisible page to launch the bookmarked page in a specific-sized browser. The trouble with this solution is that you still have to close the browser that launched the miniature window. There must be a way to set your current browser size from inside the window that you are in. What makes it trickier is you don't want to change the browser size for other pages when you do.
JavaScript 1.2 includes the resizeTo method that allows you to change the height and width of the browser. Change the parameters of resizeTo(x,y) to the height and width you want the browser to have. Change the window.location property to point to the site to which you want to go. The end result will be a page that will immediately redirect to a desired location and the browser window will have the desired dimensions.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
</HEAD>
</HTML>
Written by Charles C. Caison, Jr. on 1/24/00.
<end node> 5P9i0s8y19Z
dt=
<node>Resolution Advice
2
http://www.x-developer.com/javascript/content/user-details/resolution-advice/index.html
Resolution Advice Browser : ALL
Action: Tells you what resolution is best for your site.
Usage: Help your visitors with choosing best resolution for viewing your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Craig Lumley -->
<!-- Web Site: http://www.craiglumley.co.uk -->
<!-- --------------------------------------------------- -->
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ". Please change your screen resolution "
+ "to best view the site, if possible. Thanks!";
document.write(msg);
}
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Resolution Redirect
2
http://www.x-developer.com/javascript/content/user-details/resolution-redirect/index.html
Resolution Redirect Browser : ALL
Action: Sends you to specific page depending on your screen resolution.
Usage: Don't let people with small resolution enter your site that requires high screen resolution.
------
<HTML>
<head>
</head>
<BODY onload="redirectPage()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function redirectPage() {
var url640x480 = "demo-640x480.html";
var url800x600 = "demo-800x600.html";
var url1024x768 = "demo-1024x768.html";
if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url1024x768;
}
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Screen Alert
2
http://www.x-developer.com/javascript/content/user-details/screen-alert/index.html
Screen Alert Browser : ALL
Action: Alerts you if you have screen resolution smaller than needed.
Usage: Alert visitor if his screen resolution does not suite your site requirements.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
alert('Your screen is:\\n\\n' + screen.width + ' pixels by ' + screen.height + ' pixels');
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Screen Percentage
2
http://www.x-developer.com/javascript/content/user-details/screen-percentage/index.html
Screen Percentage Browser : ALL
Action: Calculates screen percentage used by a browser window.
Usage: Tell a visitor how many percent does his browser window use.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Giulio Gravinese -->
<!-- Web Site: http://www.universeg.com -->
<!-- --------------------------------------------------- -->
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else { var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return; }
</script>
<center>
<SCRIPT LANGUAGE="JavaScript">
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.write("This window is using about " + percent + "% of your available screen.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>ScreenResolution
2
<script language="JavaScript"><!--
var BroW = navigator.appVersion;
//check visitor screen resolution
if (BroW >= 4) {
x = screen.width ; y = screen.height
if (document.layers) {
if ((x >= 800) && (x <= 1028)) {x = 1028}
if ((y >= 600) && (y <= 780)) {y = 780}
if ((x >= 640) && (x <= 800)) {x = 800}
if ((y >= 480) && (y <= 600)) {y = 600}
if (x <= 640) {x = 640}
if (y <= 480) {y = 480}
}
Res = x + "x" + y
} else {
Res = 'unknown'
}
// redirect low resolution
// replace www.mypage.com/d640x480.htm with your own host and page name
if (Res == '640 + "x" + 480')
location.href="http://www.mypage.com/d640x480.htm";
//--></script>
*****************
<!-- ONE STEP TO INSTALL SCREEN DETAILS:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var screen_width = null;
var screen_height = null;
var resolution = null;
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
screen_width = screen_size.width;
screen_height = screen_size.height;
resolution = toolkit.getScreenResolution();
}
// End -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((screen_width != null)
&& (screen_height != null)
&& (resolution != null)) {
document.write('<center><h1>Monitor Details:</h1><br><hr><br>');
document.write('Screen Width: '+screen_width+'<BR>');
document.write('Screen Height: '+screen_height+'<BR>');
document.write('Screen Resolution: '+resolution+'<BR>');
document.write('</center>');
}
else {
document.write('<center><P>');
document.write('I am sorry but we could not determine<P>');
document.write('the details of this screen. You might<P>');
document.write('not have Java enabled in this browser.<P>');
document.write('</center>');
}
// End -->
</SCRIPT>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.41 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Screen-Size
2
http://www.java-scripts.net/misc/misc1.shtml
Description: This script will tell the user what their monitor size is.
Example:
Your screen width and height is 1024 and 768.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--One steps to installing this script-->
<!--1) Copy everything below, and paste in BODY section of page-->
<script language="Javascript">
<!--
//This credit must stay intact for use
//For this script and more
//Visit java-scripts.net or http://wsabstract.com
document.write('Your screen width and height is ' + screen.width + ' and ' + screen.height + '.')
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>TEST for JavaScript
2
Testing to see if browser supports JavaScript
http://www.wsabstract.com/script/cut31.shtml
Description: The below script will display whether or not a browser supports JavaScript.
Example: Congratulations, your browser has passed the JavaScript test!!!
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Copy the below into the <head> tags:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!-- Hide the script from old browsers --
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. December 22, 1995
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
function browsertest ()
{document.write("Congratulations, your browser has passed the JavaScript test!!!")}
// --End Hiding Here -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below into the <body> tags of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
{browsertest();}
//-->
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>CALANDARS
1
<end node> 5P9i0s8y19Z
dt=
<node>Advanced
2
http://www.x-developer.com/javascript/content/calendars/advanced/index.html
Advanced
Action: Advanced calendarwith many features.
Usage: Add a cool calendar to your page.
= = = = = = =
<html>
<head>
</head>
<BODY OnLoad=setToday() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Patrick (rpatrick@mit.edu) -->
<!-- --------------------------------------------------- -->
function setToday()
{
var now=new Date();
var day=now.getDate();
var month=now.getMonth();
var year=now.getYear();
if(year<2000)
year=year+1900;
this.focusDay=day;
document.calControl.month.selectedIndex=month;
document.calControl.year.value=year;
displayCalendar(month,year);
}
function isFourDigitYear(year)
{
if(year.length!=4)
{
alert("Sorry, the year must be four-digits in length.");
document.calControl.year.select();
document.calControl.year.focus();
}
else
{
return true;
}
}
function selectDate()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
displayCalendar(month,year);
}
}
function setPreviousYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year--;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function setPreviousMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==0)
{
month=11;
if(year>1000)
{
year--;
document.calControl.year.value=year;
}
}
else
{
month--;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==11)
{
month=0;
year++;
document.calControl.year.value=year;
}
else
{
month++;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year++;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function displayCalendar(month,year)
{
month=parseInt(month);
year=parseInt(year);
var i=0;
var days=getDaysInMonth(month+1,year);
var firstOfMonth=new Date(year,month,1);
var startingPos=firstOfMonth.getDay();
days+=startingPos;
document.calButtons.calPage.value=" Su Mo Tu We Th Fr Sa";
document.calButtons.calPage.value+="\\n --------------------";
for(i=0;
i<startingPos;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
for(i=startingPos;
i<days;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
if(i-startingPos+1<10)
document.calButtons.calPage.value+="0";
document.calButtons.calPage.value+=i-startingPos+1;
document.calButtons.calPage.value+=" ";
}
for(i=days;
i<42;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)
{
var days;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)days=31;
else if(month==4||month==6||month==9||month==11)days=30;
else if(month==2)
{
if(isLeapYear(year))
{
days=29;
}
else
{
days=28;
}
}
return(days);
}
function isLeapYear(Year)
{
if(((Year%4)==0)&&((Year%100)!=0)||((Year%400)==0))
{
return(true);
}
else
{
return(false);
}
}</SCRIPT><FORM NAME=calControl onSubmit="return false;">
<TABLE CELLPADDING=2 CELLSPACING=1 BORDER=3 bgcolor="#1018BF" align="center">
<TR> <TD COLSPAN=7> <CENTER>
<SELECT NAME=month onChange=selectDate()>
<OPTION> January <OPTION> February <OPTION> March <OPTION> April <OPTION> May <OPTION> June <OPTION> July <OPTION> August <OPTION> September <OPTION> October <OPTION> November <OPTION> December
</SELECT>
<INPUT NAME=year TYPE=TEXT SIZE=4 MAXLENGTH=4>
<INPUT TYPE=button NAME=Go value=Build! onClick=selectDate()>
</CENTER>
</TD>
</TR></FORM>
<FORM NAME=calButtons>
<TR> <TD align=center> <textarea FONT=Courier NAME=calPage WRAP=no ROWS=8 COLS=22></textarea>
</TD>
<TR> <TD> <CENTER>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" << " onClick=setPreviousYear()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" < " onClick=setPreviousMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=Today onClick=setToday()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" > " onClick=setNextMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" >> " onClick=setNextYear()>
</CENTER>
</TD>
</TR>
</FORM>
</TABLE></FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Day Viewed
2
http://www.x-developer.com/javascript/content/calendars/day-viewed/index.html
Day Viewed
Action: Shows a picture accordingto day.
Usage: Show a visitor dayof the week in a graphical way
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
today = new Date();
day = today.getDay();
arday = new Array("day-viewed-sunday.jpg", "day-viewed-monday.jpg", "day-viewed-tuesday.jpg", "day-viewed-wednesday.jpg", "day-viewed-thursday.jpg", "day-viewed-friday.jpg", "day-viewed-saturday.jpg");
document.write("<img src='" + arday[day] + "'>");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Days Ahead
2
http://www.x-developer.com/javascript/content/calendars/days-ahead/index.html
Days Ahead
Action: Prints out an infoabout amount of days left before certain date.
Usage: Show a visitor howmany days are left before something happens.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var AddDays = 3; // How many days ahead of the current date
TDate = new Date();
TDay = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
TMonth = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
MonthDays = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return true;
} else {
return false;
}
}
CurYear = TDate.getYear();
if (CurYear < 2000)
CurYear = CurYear + 1900;
CurMonth = TDate.getMonth();
CurDayOw = TDate.getDay();
CurDay = TDate.getDate();
month = TMonth[CurMonth];
if (month == 'February') {
if (((CurYear % 4)==0) && ((CurYear % 100)!=0) || ((CurYear %
400)==0)) {
MonthDays[1] = 29;
}
else {
MonthDays[1] = 28;
}
}
days = MonthDays[CurMonth];
CurDay += AddDays;
if (CurDay > days) {
if (CurMonth == 11) {
CurMonth = 0;
month = TMonth[CurMonth];
CurYear = CurYear + 1
}
else {
month = TMonth[CurMonth+1];
}
CurDay = CurDay - days;
}
CurDayOw += AddDays;
function adjustDay (cday) {
if (cday > 6) {
cday -= 6;
CurDayOw = TDay[cday-1];
adjustDay(cday-1);
}
else {
CurDayOw = TDay[cday];
return true;
}
}
adjustDay(CurDayOw);
TheDate = CurDayOw + ', ';
TheDate += month + ' ';
TheDate += CurDay + ', ';
if (CurYear<100) CurYear="19" + CurYear;
TheDate += CurYear;
document.write("<center>");
document.write(AddDays + " days from now is ... " + TheDate);
document.write("</center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Dynamic
2
http://www.x-developer.com/javascript/content/calendars/dynamic-ie/index.html
Dynamic
Action: Cool calendar with selection feature.
Usage: Let your visitors plan their business.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC" text="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Nick Korosi (nfk2000@hotmail.com) -->
<!-- --------------------------------------------------- -->
var dDate=new Date();
var dCurMonth=dDate.getMonth();
var dCurDayOfMonth=dDate.getDate();
var dCurYear=dDate.getFullYear();
var objPrevElement=new Object();
function fToggleColor(myElement)
{
var toggleColor="#ff0000";
if(myElement.id=="calDateText")
{
if(myElement.color==toggleColor)
{
myElement.color="";
}
else
{
myElement.color=toggleColor;
}
}
else if(myElement.id=="calCell")
{
for(var i in myElement.children)
{
if(myElement.children[i].id=="calDateText")
{
if(myElement.children[i].color==toggleColor)
{
myElement.children[i].color="";
}
else
{
myElement.children[i].color=toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement)
{
if(myElement.id=="calCell")
{
if(!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor="#c0c0c0";
objPrevElement.bgColor="";
document.all.calSelectedDate.value=parseInt(myElement.children["calDateText"].innerText);
objPrevElement=myElement;
}
}
}
function fGetDaysInMonth(iMonth,iYear)
{
var dPrevDate=new Date(iYear,iMonth,0);
return dPrevDate.getDate();
}
function fBuildCal(iYear,iMonth,iDayStyle)
{
var aMonth=new Array();
aMonth[0]=new Array(7);
aMonth[1]=new Array(7);
aMonth[2]=new Array(7);
aMonth[3]=new Array(7);
aMonth[4]=new Array(7);
aMonth[5]=new Array(7);
aMonth[6]=new Array(7);
var dCalDate=new Date(iYear,iMonth-1,1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=fGetDaysInMonth(iMonth,iYear);
var iVarDate=1;
var i,d,w;
if(iDayStyle==2)
{
aMonth[0][0]="Sunday";
aMonth[0][1]="Monday";
aMonth[0][2]="Tuesday";
aMonth[0][3]="Wednesday";
aMonth[0][4]="Thursday";
aMonth[0][5]="Friday";
aMonth[0][6]="Saturday";
}
else if(iDayStyle==1)
{
aMonth[0][0]="Sun";
aMonth[0][1]="Mon";
aMonth[0][2]="Tue";
aMonth[0][3]="Wed";
aMonth[0][4]="Thu";
aMonth[0][5]="Fri";
aMonth[0][6]="Sat";
}
else
{
aMonth[0][0]="Su";
aMonth[0][1]="Mo";
aMonth[0][2]="Tu";
aMonth[0][3]="We";
aMonth[0][4]="Th";
aMonth[0][5]="Fr";
aMonth[0][6]="Sa";
}
for(d=iDayOfFirst;
d<7;
d++)
{
aMonth[1][d]=iVarDate;
iVarDate++;
}
for(w=2;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(iVarDate<=iDaysInMonth)
{
aMonth[w][d]=iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear,iMonth,iCellWidth,iCellHeight,sDateTextSize,sDateTextWeight,iDayStyle)
{
var myMonth;
myMonth=fBuildCal(iYear,iMonth,iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][0]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][1]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][2]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][3]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][4]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][5]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][6]+"</td>");
document.write("</tr>");
for(w=1;
w<7;
w++)
{
document.write("<tr>")
for(d=0;
d<7;
d++)
{
document.write("<td align='left' valign='top' width='"+iCellWidth+"' height='"+iCellHeight+"' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if(!isNaN(myMonth[w][d]))
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"+myMonth[w][d]+"</font>");
}
else
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear,iMonth)
{
myMonth=fBuildCal(iYear,iMonth);
objPrevElement.bgColor="";
document.all.calSelectedDate.value="";
for(w=1;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(!isNaN(myMonth[w][d]))
{
calDateText[((7*w)+d)-7].innerText=myMonth[w][d];
}
else
{
calDateText[((7*w)+d)-7].innerText=" ";
}
}
}
}</script>
<script language="JavaScript"for=window event=onload>
var dCurDate=new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected=true;
for(i=0;
i<frmCalendarSample.tbSelYear.length;
i++)
if(frmCalendarSample.tbSelYear.options[i].value==dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected=true;
</script>
<center>
<form name=frmCalendarSample method=post action="">
<input type=hidden name=calSelectedDate value="">
<table border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<tr> <td> <center>
<select name=tbSelMonth onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1> January </option>
<option value=2> February </option>
<option value=3> March </option>
<option value=4> April </option>
<option value=5> May </option>
<option value=6> June </option>
<option value=7> July </option>
<option value=8> August </option>
<option value=9> September </option>
<option value=10> October </option>
<option value=11> November </option>
<option value=12> December </option>
</select>
<select name=tbSelYear onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1998> 1998 </option>
<option value=1999> 1999 </option>
<option value=2000> 2000 </option>
<option value=2001> 2001 </option>
<option value=2002> 2002 </option>
<option value=2003> 2003 </option>
<option value=2004> 2004 </option>
</select>
</center>
</td>
</tr>
<tr> <td bgcolor="#00007F"> <script language="JavaScript">
var dCurDate=new Date();
fDrawCal(dCurDate.getFullYear(),dCurDate.getMonth()+1,30,30,"12px","bold",1);
</script>
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Future Time
2
http://www.x-developer.com/javascript/content/clocks/future-time/index.html
Future Time
Action: Tells you futuretime with certain time difference.
Usage: Give a visitor informationabout future date.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: K. Myers (kevinmyers@unforgettable.com) -->
<!-- http://www.geocities.com/SiliconValley/Bay/7554 -->
<!-- --------------------------------------------------- -->
function AddDays(form)
{
DaysToAdd=document.form.DaysToAdd.value;
var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}</SCRIPT>
<center>
<form name=form>
<input type=text name=DaysToAdd size=5 value=10>
<input type=button value="days from today will be..." onclick=AddDays(this.form)>
<input type=text name=display size=35 value="">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Moon
2
http://www.x-developer.com/javascript/content/calendars/moon/index.html
Moon
Action: Builds an image ofcurrent moon.
Usage: Show a visitor howbig the moon today is.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: James Thiele (mailto:jet@eskimo.com) -->
<!-- --------------------------------------------------- -->
var black = "black.gif";
var white = "white.gif";
var height=1;
var size = 50;
var i;
var currentDate = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() - blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));
document.write("<center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 - 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("<BR><FONT SIZE=4>Next full moon is in about ",time," day");
if (time > 1) document.write("s");
document.write("</font>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Print Date Time Long
2
http://www.x-developer.com/javascript/content/clocks/print-date-time-long/index.html
Print Date Time Long
Action: Prints extended informationabout current date in this format:
In Dallas,Texas, it is: 6:00 AM, Thursday, June 1st, 2000,Pacific Standard Time.
Usage: Tell your visitorcurrent date, place, time zone.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day="";
var month="";
var myweekday="";
var year="";
newdate=new Date();
mydate=new Date();
dston=new Date('April 4, 1999 2:59:59');
dstoff=new Date('october 31, 1999 2:59:59');
var myzone=newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone=6;
// references your time zone
if(newdate>dston&&newdate<dstoff)
{
zonea=zone-1;
dst=" Pacific Daylight Savings Time";
}
else
{
zonea=zone;
dst=" Pacific Standard Time";
}
var newzone=(zonea*60*60*1000);
newtimea=newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday=mydate.getDay();
mymonth=mydate.getMonth();
myweekday=mydate.getDate();
myyear=mydate.getYear();
year=myyear;
if(year<2000)
year=year+1900;
myhours=mydate.getHours();
if(myhours>=12)
{
myhours=(myhours==12)?12:myhours-12;
mm=" PM";
}
else
{
myhours=(myhours==0)?12:myhours;
mm=" AM";
}
myminutes=mydate.getMinutes();
if(myminutes<10)
{
mytime=":0"+myminutes;
}
else
{
mytime=":"+myminutes;
}
;
arday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
armonth=new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ","October ","November ","December ")
ardate=new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
// rename locale as needed.
var time=("In Dallas, Texas, it is: "+myhours+mytime+mm+", "+arday[myday]+", "+armonth[mymonth]+" "+ardate[myweekday]+", "+year+", "+dst+".");
document.write(time);
</SCRIPT>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Print Days left
2
http://www.x-developer.com/javascript/content/calendars/print-days-left-in-month/index.html
Print Days left
Action: Prints a line withdays left in current month.
Usage: Tell a visitor howmany days are left in month.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var today=new Date();
var now=today.getDate();
var year=today.getYear();
if(year<2000)year+=1900;
// Y2K fix
var month=today.getMonth();
var monarr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
// check for leap year
if(((year%4==0)&&(year%100!=0))||(year%400==0))monarr[1]="29";
// display day left
document.write("There are "+(monarr[month]-now)+" days left in this Month.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Print Time of Day
2
http://www.x-developer.com/javascript/content/clocks/print-time-of-day/index.html
Print Time of Day
Action: Prints a greetingdepending on the time.
Usage: Say Good Morning! to your visitors!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 18) display = "Evening";
else if (thehour >12) display = "Afternoon";
else display = "Morning";
var greeting = ("Good " + display + "!");
document.write(greeting);
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Quarter Year
2
http://www.x-developer.com/javascript/content/calendars/quarter-year/index.html
Quarter Year
Action: Prints 3 months table.
Usage: Show a visitor tableof 3 months.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var flg=0;
var fs=1;
var bg="cyan";
M=new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn()
{
pdy=new Date();
// today
pmo=pdy.getMonth();
// present month
pyr=pdy.getYear();
// present year
if(pyr<2000)
pyr=pyr+1900;
yr=yr1=(pmo==0?pyr-1:pyr);
// last month's year
mo=(pmo==0?11:pmo-1);
// last month
bgn=new Date(M[mo]+" 1,"+yr1);
// assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar();
// Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=pyr;
// present year
mo=pmo;
// present month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=(pmo==11?pyr+1:pyr);
// next month's year
mo=(pmo==11?0:pmo+1);
// next month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send next month to screen
document.write('</TD></TR></TABLE>');
// Finish up
}
function Calendar()
{
dy=bgn.getDay();
yr=eval(yr);
d="312831303130313130313031";
if(yr/4==Math.floor(yr/4))
{
d=d.substring(0,2)+"29"+d.substring(4,d.length);
}
pos=(mo*2);
ld=eval(d.substring(pos,pos+2));
document.write("<TABLE BORDER=1"
+" BGCOLOR='"+bg
+"'><TR><TD ALIGN=CENTER COLSPAN=7>"
+"<FONT SIZE="+fs+">"+M[mo]+" "+yr
+"</FONT></TD></TR><TR><TR>");
for(var i=0;
i<7;
i++)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>"+D[i]+"</FONT></TD>");
}
document.write("</TR><TR>");
ctr=0;
for(var i=0;
i<7;
i++)
{
if(i<dy)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+"> </FONT>"
+"</TD>");
}
else
{
ctr++;
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
while(ctr<ld)
{
for(var i=0;
i<7;
i++)
{
ctr++;
if(ctr>ld)
{
document.write("<TD ALIGN=CENTER>"
+" </TD>");
}
else
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}</SCRIPT>
<CENTER>
<P> <B> </B> <SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Till Christmas
2
http://www.x-developer.com/javascript/content/clocks/till-christmas/index.html
Till Christmas
Action: Prints a line withinformation about Christmas Day.
Usage: Tell you visitorhow far is the Christmas Day.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day_description="Christmas";
var day_before="Christmas Eve";
var today=new Date();
var year=today.getYear();
if((navigator.appName=="Microsoft Internet Explorer")&&(year<2000))
year="19"+year;
if(navigator.appName=="Netscape")
year=1900+year;
var date=new Date("December 25, "+year);
var diff=date.getTime()-today.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
document.write("There are "+(days+1)+" days until "+day_description+"!");
else if(days==1)
document.write("Tommorrow is "+day_before+"!");
else if(days==0)
document.write("Today is "+day_before+"!");
else if(days==-1)
document.write("It's "+day_description+"!");
else if(days<-1)
document.write(day_description+" was "+((days+1)*-1)+(days<-2?" days":" day")+" ago this year!");
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Till Date
2
http://www.x-developer.com/javascript/content/clocks/till-date/index.html
Till Date
Action: Prints a line withinfo about predefined day.
Usage: Set your own dateand tell a visitor how soon will it be
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var date=new Date("January 1, 2999");
var description="the year 2999";
var now=new Date();
var diff=date.getTime()-now.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
{
document.write(days+1+" days until "+description);
}
else if(days==1)
{
document.write("Only two days until "+description);
}
else if(days==0)
{
document.write("Tomorrow is "+description);
}
else
{
document.write("It's"+description+"!");
}
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>cookies
1
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString()+"; path=/";
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function checkCookie() {
var user = getCookie("username");
if (user != "") {
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" && user != null) {
setCookie("username", user, 365);
}
}
}
OLD WAY BELOW
<!-- TWO STEPS TO INSTALL COOKIE - VISITS:
1. Paste the designated coding into the HEAD of your HTML document
2. Put the last script into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("You've been here <b>" + amt() + "</b> times.")
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.31 KB -->
**********************************************************************
<!-- TWO STEPS TO INSTALL COOKIE PASSWORD PROTECTION:
1. Put the designated coding into the HEAD of your login document
2. Paste the final coding into the BODY of your login document -->
<!-- STEP ONE: Copy this code into the HEAD of your login document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie () {
var exp = new Date();
exp.setTime (exp.getTime() - 1000000000); // This cookie is history
var cval = GetCookie ('FreeStuffL');
document.cookie ='FreeStuffL' + "=" + cval + "; expires=" + exp.toGMTString();
}
function cookieCreater () {
if(GetCookie('FreeStuffL') == null) {
var FreeStuffL_Name = prompt ("What name do you want to go by?", "" );
if (FreeStuffL_Name != null && FreeStuffL_Name != "") {
var expdate = new Date ();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
SetCookie('FreeStuffL', FreeStuffL_Name, expdate);
alert ("You now are logged in! From now on, when you come to this page, you will be forwarded to the Password Protected Members-Only Area. Please do not tell anyone your entry code. At this new page, you will be shown a list of functions. Have fun!");
location.href = "cookie-in.html"
}
}
else {
DeleteCookie ();
cookieCreater ()
}
}
if(GetCookie('FreeStuffL') != null) {
location.href="cookie-in.html"
}
function check() {
var tester = document.login.numOne.value + document.login.numTwo.value;
if (tester == "") {
alert ("I'm sorry, that code is not correct.");
}
else
{
if (tester == document.login.numThree.value) {
alert ("That is correct!");
cookieCreater ();
}
else {
alert ("Nope!");
}
}
}
// End -->
</SCRIPT>
<BODY>
<center>
<form name='login'>
Enter your login code (FORMAT: login # one, login # two, login # three):
<p><input TYPE='text' NAME='numOne' SIZE=15><br>
<input TYPE='text' NAME='numTwo' SIZE=15 ><br>
<input TYPE='text' NAME='numThree' SIZE=15 ><br>
<input TYPE='button' VALUE='Login' ONCLICK='check()'>
</form>
</center>
<font size=1 color=white>
This page requires Javascript to run! Please get Netscape 2.0 or greater!
</font>
<form name="login2">
<input type=hidden name="go" value="cookie-in.html">
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.44 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>COOKIES
2
<end node> 5P9i0s8y19Z
dt=
<node>CODE..Explaned
3
http://www.angelfire.com/yt/jmyers/get/js/cookies.htm
= = = = = = = = = = = = = = = = = = =
Copy-and-Paste Cookie Functions
= = = = = = = = = = = = = = = = = = =
function makeCookie(Name,Value,Expiry,Path,Domain,Secure) {
//Bunch of arguments
if (Expiry != null && !isNaN(Expiry)) {
//if you want to save the cookie
var datenow = new Date();
//get a date
datenow.setTime(datenow.getTime() + Math.round(86400000*Expiry));
//mutiply the number to make it represent days
Expiry = datenow.toGMTString();
//convert to GMT time
}
//ends that. And now...
Expiry = (Expiry) ? '; expires='+Expiry : '';
//has an expiration?
Path = (Path)?'; path='+Path:'';
//has a path?
Domain = (Domain) ? '; domain='+Domain : '';
//has a domain?
Secure = (Secure) ? '; secure' : '';
//Secure?
document.cookie = Name + '=' + escape(Value) + Expiry + Path + Domain + Secure;
//Make the cookie!
}
function readCookie(Name) {
//Your name goes here!
var cookies = ' ' + document.cookie;
//Copy your cookies
if (cookies.indexOf(' ' + Name + '=') == -1) return null;
//Whoops, no cookie!
var start = cookies.indexOf(' ' + Name + '=') + (Name.length + 2);
//Jump to start of cookie
var finish = cookies.substring(start,cookies.length);
//Get a count from the cookies
finish = (finish.indexOf(';') == -1) ? cookies.length : start + finish.indexOf(';');
//Find end of cookie
return unescape(cookies.substring(start,finish));
//Here's your cookie! ( Sorry, no chocolate chips. :-)
}
// End of cookie functions (Joseph K. Myers 1999-2000 <e_mayilme@hotmail.com>)
/*
Syntax rules:
*********************** Making the Cookie / Reading the Cookie ***********************
A. Name
1. No characters besides a-z, A-Z, numerals, dash and underscore.
2. Probably don't want to use an especially long name.
B. Value
1. Here's the actual content.
2. Anything goes here up to 4000 characters.
C. Expiry (This is what shines!)
1. Type in the NUMBER OF DAYS to save the cookie or:
2. Leave this out and the cookie will expire during the current session.
D. Path
1. Sets a restriction on the portion of the server allowed to access a cookie.
2. Use a slash "/" to allow any page from your site to obtain the cookie.
E. Domain
1. Sets a domain as in MAIL.yahoo.com ( EMPHASIS ADDED!!! ).
2. By default this would be set to the same as the cookie's origin domain.
F. Secure
1. If you want access to the cookie ONLY during a secure connection.
2. Normally you'd want this to protect sensitive information.
You would type this...
makeCookie('friendly_cookie', 'Mr. Smith is tall.', 18, '/');
...to make a cookie with a NAME of friendly_cookie, a VALUE of "Mr. Smith is tall.", an
EXPIRATION of 18 days later, and having the most accessible PATH of /.
You would type this...
var YOUR_VARIABLE_NAME = readCookie('friendly_cookie');
...to set the variable of YOUR_VARIABLE_NAME to the value of the cookie with a NAME of
friendly_cookie or to null if there was no cookie available named friendly_cookie.
You would type this...
makeCookie('toughcookie', somevariable, null, '/directory/pages/', 'mail.yahoo.com', true);
...to make a cookie with a NAME of toughcookie, a VALUE of the variable somevariable, an
EXPIRATION of current session, and having a PATH of /directory/pages/ at the DOMAIN of
mail.yahoo.com, and only accessible in SECURE connections.
Typing the following...
makeCookie('cookie-name', '', 0, '/same/path/as/before', 'at-the-same-domain');
...would delete a cookie with a NAME of cookie-name. The path and domain must be specified
just as before since two cookies by the same name with different paths can coexist on one domain.
Smile! :-) This code is free for the taking. Consider it to be in the public domain. Feel free
to contact me at <e_mayilme@hotmail.com> or visit my website which has even more cool
scripts at <http://www.angelfire.com/yt/jmyers/>.
Note: You'll likely want to remove most comments from this script to shorten download times.
*/
//These cookie functions written 1999-2000 by Joseph K. Myers
<end node> 5P9i0s8y19Z
dt=
<node>Name & Visit
3
http://www.x-developer.com/javascript/content/cookies/name-visit/index.html
Name & Visit Browser : ALL
Action: Remembers your name and numbers of visits.
Usage: Ask a visitor for name and then write a line saying Hello to a Visitor and showing number of visits.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var expDays=30;
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function Who(info)
{
var VisitorName=GetCookie('VisitorName')
if(VisitorName==null)
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
}
return VisitorName;
}
function When(info)
{
var rightNow=new Date()
var WWHTime=0;
WWHTime=GetCookie('WWhenH')
WWHTime=WWHTime*1
var lastHereFormatting=new Date(WWHTime);
var intLastVisit=(lastHereFormatting.getYear()*10000)+(lastHereFormatting.getMonth()*100)+lastHereFormatting.getDate()
var lastHereInDateFormat=""+lastHereFormatting;
var dayOfWeek=lastHereInDateFormat.substring(0,3)
var dateMonth=lastHereInDateFormat.substring(4,11)
var timeOfDay=lastHereInDateFormat.substring(11,16)
var year=lastHereInDateFormat.substring(23,25)
var WWHText=dayOfWeek+", "+dateMonth+" at "+timeOfDay
SetCookie("WWhenH",rightNow.getTime(),exp)
return WWHText
}
function Count(info)
{
var WWHCount=GetCookie('WWHCount')
if(WWHCount==null)
{
WWHCount=0;
}
else
{
WWHCount++;
}
SetCookie('WWHCount',WWHCount,exp);
return WWHCount;
}
function set()
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
SetCookie('WWHCount',0,exp);
SetCookie('WWhenH',0,exp);
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}</SCRIPT>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello "+Who()+". You've been here "+Count()+" time(s). Last time was "+When()+".");
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Popup Once
3
http://www.x-developer.com/javascript/content/cookies/popup-once/index.html
Popup Once Browser : ALL
Action: Popups a window with specific URL once.
Usage: Show a popup window just once instead of having to pop it up every time the page is visited.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=checkCount() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var expDays=1;
// number of days the cookie should last
var page="demo-dest.html";
var windowprops="width=200,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function amt()
{
var count=GetCookie('count')
if(count==null)
{
SetCookie('count','1')
return 1
}
else
{
var newcount=parseInt(count)+1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function checkCount()
{
var count=GetCookie('count');
if(count==null)
{
count=1;
SetCookie('count',count,exp);
window.open(page,"",windowprops);
}
else
{
count++;
SetCookie('count',count,exp);
}
}</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Redirector
3
http://www.x-developer.com/javascript/content/cookies/redirector/index.html
Redirector Browser : ALL
Action: Places a cookie on your computer with your favorite page and then redirects you there next time you enter the site.
Usage: Save time for you visitors when looking for their favorite page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
var expDays = 30;
var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;
}
function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var favorite = GetCookie('page');
if (favorite != null) {
switch (favorite) {
case 'demo-1' : url = 'demo-1.html'; // change these!
break;
case 'demo-2' : url = 'demo-2.html'; break;
case 'demo-3' : url = 'demo-3.html';
break;
case 'demo-4' : url = 'demo-4.html';
break;
}
window.location.href = url;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form>
<table border="3" bgcolor="#00007F">
<tr> <td> <font color="#FFFFFF"><b>Please choose your Favorite Page:<br>
<input type=checkbox name="demo-1" onClick="SetCookie('page', this.name, exp);">
Page 1<br>
<input type=checkbox name="demo-2" onClick="SetCookie('page', this.name, exp);">
Page 2<br>
<input type=checkbox name="demo-3" onClick="SetCookie('page', this.name, exp);">
Page 3<br>
<input type=checkbox name="demo-4" onClick="SetCookie('page', this.name, exp);">
Page 4</b><br>
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Your Name
3
http://www.x-developer.com/javascript/content/cookies/name/index.html
Your Name Browser : ALL
Action: Asks a visitor for name and prints the line.
Usage: Greet a visitor every time he enters the page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE = "JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var username = GetCookie('username');
if (username == null) {
username = prompt('Please enter your name (otherwise press cancel)',"WebSurfer");
if (username == null) {
alert('Its ok if you dont want to tell me your name');
username = 'WebSurfer';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
</SCRIPT>
<CENTER>
<SCRIPT>
document.write('<font size="+3">Hey '+username+'!</font>');
if (username == "WebSurfer") {
document.write('</font><br><small><a href="name.html" target="_top">personalize</A> your greeting!</small>')
<!-- Remember to change the URL in the previous line to your page URL -->
}
</SCRIPT>
<font size="3"><b><font size="4">You're Using:</font></b></font> <SCRIPT>
document.write('<br> '+ navigator.appName + ' (<i>' + navigator.appCodeName + '</i>) version ' + navigator.appVersion + '.')
// End -->
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>date
1
<!-- ONE STEP TO INSTALL DAYS TILL DATE:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alan Palmer -->
<!-- Web Site: http://www.jsr.communitech.net -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var date = new Date("January 1, 2003");
var description = "the year 2003";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h3></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<!-- THREE STEPS TO INSTALL POPUP DATE PICKER:
1. Copy the code into a new file, save as date-picker.js
2. Add the script source tag to the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into a new file, save as date-picker.js -->
<!-- Original: Kedar R. Bhave (softricks@hotmail.com) -->
<!-- Web Site: http://www.softricks.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
if ((p_month == null) && (p_year == null)) return;
if (p_WinCal == null)
this.gWinCal = ggWinCal;
else
this.gWinCal = p_WinCal;
if (p_month == null) {
this.gMonthName = null;
this.gMonth = null;
this.gYearly = true;
} else {
this.gMonthName = Calendar.get_month(p_month);
this.gMonth = new Number(p_month);
this.gYearly = false;
}
this.gYear = p_year;
this.gFormat = p_format;
this.gBGColor = "white";
this.gFGColor = "black";
this.gTextColor = "black";
this.gHeaderColor = "black";
this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
/*
Check for leap year ..
1.Years evenly divisible by four are normally leap years, except for...
2.Years also evenly divisible by 100 are not leap years, except for...
3.Years also evenly divisible by 400 are leap years.
*/
if ((p_year % 4) == 0) {
if ((p_year % 100) == 0 && (p_year % 400) != 0)
return Calendar.DOMonth[monthNo];
return Calendar.lDOMonth[monthNo];
} else
return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
function Calendar_print() {
ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
var vCode = "";
var vHeader_Code = "";
var vData_Code = "";
// Begin Table Drawing code here..
vCode = vCode + "<TABLE BORDER=1 BGCOLOR=\\"" + this.gBGColor + "\\">";
vHeader_Code = this.cal_header();
vData_Code = this.cal_data();
vCode = vCode + vHeader_Code + vData_Code;
vCode = vCode + "</TABLE>";
return vCode;
}
Calendar.prototype.show = function() {
var vCode = "";
this.gWinCal.document.open();
// Setup the page...
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwriteA("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwriteA(this.gMonthName + " " + this.gYear);
this.wwriteA("</B><BR>");
// Show navigation buttons
var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
var prevMM = prevMMYYYY[0];
var prevYYYY = prevMMYYYY[1];
var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
var nextMM = nextMMYYYY[0];
var nextYYYY = nextMMYYYY[1];
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
");" +
"\\"><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\"><<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">><\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for the month..
vCode = this.getMonthlyCalendarCode();
this.wwrite(vCode);
this.wwrite("</font></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
var vCode = "";
var i;
var vr, vc, vx, vy; // Row, Column, X-coord, Y-coord
var vxf = 285; // X-Factor
var vyf = 200; // Y-Factor
var vxm = 10; // X-margin
var vym; // Y-margin
if (isIE) vym = 75;
else if (isNav) vym = 25;
this.gWinCal.document.open();
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("<style type='text/css'>\\n<!--");
for (i=0; i<12; i++) {
vc = i % 3;
if (i>=0 && i<= 2) vr = 0;
if (i>=3 && i<= 5) vr = 1;
if (i>=6 && i<= 8) vr = 2;
if (i>=9 && i<= 11) vr = 3;
vx = parseInt(vxf * vc) + vxm;
vy = parseInt(vyf * vr) + vym;
this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
}
this.wwrite("-->\\n</style>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwrite("Year : " + this.gYear);
this.wwrite("</B><BR>");
// Show navigation buttons
var prevYYYY = parseInt(this.gYear) - 1;
var nextYYYY = parseInt(this.gYear) + 1;
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\" alt='Prev Year'><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for each month..
var j;
for (i=11; i>=0; i--) {
if (isIE)
this.wwrite("<DIV ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
else if (isNav)
this.wwrite("<LAYER ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
this.gMonth = i;
this.gMonthName = Calendar.get_month(this.gMonth);
vCode = this.getMonthlyCalendarCode();
this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
this.wwrite(vCode);
if (isIE)
this.wwrite("</DIV>");
else if (isNav)
this.wwrite("</LAYER>");
}
this.wwrite("</font><BR></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
var vCode = "";
vCode = vCode + "<TR>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
vCode = vCode + "</TR>";
return vCode;
}
Calendar.prototype.cal_data = function() {
var vDate = new Date();
vDate.setDate(1);
vDate.setMonth(this.gMonth);
vDate.setFullYear(this.gYear);
var vFirstDay=vDate.getDay();
var vDay=1;
var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
var vOnLastDay=0;
var vCode = "";
/*
Get day for the 1st of the requested month/year..
Place as many blank cells before the 1st day of the month as necessary.
*/
vCode = vCode + "<TR>";
for (i=0; i<vFirstDay; i++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' FACE='" + fontface + "'> </FONT></TD>";
}
// Write rest of the 1st week
for (j=vFirstDay; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
}
vCode = vCode + "</TR>";
// Write the rest of the weeks
for (k=2; k<7; k++) {
vCode = vCode + "<TR>";
for (j=0; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
if (vDay > vLastDay) {
vOnLastDay = 1;
break;
}
}
if (j == 6)
vCode = vCode + "</TR>";
if (vOnLastDay == 1)
break;
}
// Fill up the rest of last week with proper blanks, so that we get proper square blocks
for (m=1; m<(7-j); m++) {
if (this.gYearly)
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
else
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
}
return vCode;
}
Calendar.prototype.format_day = function(vday) {
var vNowDay = gNow.getDate();
var vNowMonth = gNow.getMonth();
var vNowYear = gNow.getFullYear();
if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
return ("<FONT COLOR=\\"RED\\"><B>" + vday + "</B></FONT>");
else
return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
var i;
// Return special formatting for the weekend day.
for (i=0; i<weekend.length; i++) {
if (vday == weekend[i])
return (" BGCOLOR=\\"" + weekendColor + "\\"");
}
return "";
}
Calendar.prototype.format_data = function(p_day) {
var vData;
var vMonth = 1 + this.gMonth;
vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
var vY4 = new String(this.gYear);
var vY2 = new String(this.gYear.substr(2,2));
var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
switch (this.gFormat) {
case "MM\\/DD\\/YYYY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
break;
case "MM\\/DD\\/YY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY2;
break;
case "MM-DD-YYYY" :
vData = vMonth + "-" + vDD + "-" + vY4;
break;
case "MM-DD-YY" :
vData = vMonth + "-" + vDD + "-" + vY2;
break;
case "DD\\/MON\\/YYYY" :
vData = vDD + "\\/" + vMon + "\\/" + vY4;
break;
case "DD\\/MON\\/YY" :
vData = vDD + "\\/" + vMon + "\\/" + vY2;
break;
case "DD-MON-YYYY" :
vData = vDD + "-" + vMon + "-" + vY4;
break;
case "DD-MON-YY" :
vData = vDD + "-" + vMon + "-" + vY2;
break;
case "DD\\/MONTH\\/YYYY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY4;
break;
case "DD\\/MONTH\\/YY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY2;
break;
case "DD-MONTH-YYYY" :
vData = vDD + "-" + vFMon + "-" + vY4;
break;
case "DD-MONTH-YY" :
vData = vDD + "-" + vFMon + "-" + vY2;
break;
case "DD\\/MM\\/YYYY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY4;
break;
case "DD\\/MM\\/YY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY2;
break;
case "DD-MM-YYYY" :
vData = vDD + "-" + vMonth + "-" + vY4;
break;
case "DD-MM-YY" :
vData = vDD + "-" + vMonth + "-" + vY2;
break;
default :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
}
return vData;
}
function Build(p_item, p_month, p_year, p_format) {
var p_WinCal = ggWinCal;
gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
// Customize your Calendar here..
gCal.gBGColor="white";
gCal.gLinkColor="black";
gCal.gTextColor="black";
gCal.gHeaderColor="darkgreen";
// Choose appropriate show function
if (gCal.gYearly) gCal.showY();
else gCal.show();
}
function show_calendar() {
/*
p_month : 0-11 for Jan-Dec; 12 for All Months.
p_year : 4-digit year
p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
p_item : Return Item.
*/
p_item = arguments[0];
if (arguments[1] == null)
p_month = new String(gNow.getMonth());
else
p_month = arguments[1];
if (arguments[2] == "" || arguments[2] == null)
p_year = new String(gNow.getFullYear().toString());
else
p_year = arguments[2];
if (arguments[3] == null)
p_format = "MM/DD/YYYY";
else
p_format = arguments[3];
vWinCal = window.open("", "Calendar",
"width=250,height=250,status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
// Load the defaults..
if (p_year == null || p_year == "")
p_year = new String(gNow.getFullYear().toString());
if (p_format == null || p_format == "")
p_format = "MM/DD/YYYY";
var vWinCal = window.open("", "Calendar", "scrollbars=yes");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, null, p_year, p_format);
}
<!-- STEP TWO: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script language="JavaScript" src="date-picker.js"></script>
</HEAD>
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 17.17 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>email
1
<!-- ONE STEP TO INSTALL EMAIL ADDRESS PROTECTOR:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
user = "username";
site = "yoursite.com";
document.write('<a href=\\"mailto:' + user + '@' + site + '\\">');
document.write(user + '@' + site + '</a>');
// End -->
</SCRIPT>
******************************************************************************
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
******************************************************************
<!-- THREE STEPS TO INSTALL SUBMIT ONCE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var submitcount=0;
function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}
function checkFields() { // field validation -
if ( (document.emailform.name.value=="") || // checks if fields are blank.
(document.emailform.email.value=="") || // More validation scripts at
(document.emailform.comments.value=="") ) // forms.javascriptsource.com
{
alert("Please enter your name, email, and comments then re-submit this form.");
return false;
}
else
{
if (submitcount == 0)
{
submitcount++;
return true;
}
else
{
alert("This form has already been submitted. Thanks!");
return false;
}
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="reset()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
<input type=hidden name=to value="you@your-website-address-here.com">
<input type=hidden name=subject value="Feedback Form">
<pre>
Your Name: <input type=text name="name">
Your Email: <input type=text name="email">
Comments?
<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
<input type=submit value="Submit Form!">
[ Click the submit button twice to see the script in action ]
</pre>
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.05 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>E-Mail
2
<end node> 5P9i0s8y19Z
dt=
<node>Auto-Email Notification
3
http://members.nbci.com/_XMCM/yoboseyo/login/pwmake.htm
Auto-Email Notification
If you want to have email from anyone who visits your page
you need only have a form with one button.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form name="f" action="mailto:you@your.com" method="post">
<input type="submit" name="b" value=".">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
In the <body> tag you need to activate the form by clicking
on the button. <body onload="document.f.b.click();">
<end node> 5P9i0s8y19Z
dt=
<node>Fax
3
<A HREF="mailto:Fax: (970) 686-1100">Fax: (970) 686-1100</A>
<end node> 5P9i0s8y19Z
dt=
<node>Fill-In
3
http://wsabstract.com/script/script2/mailbutton.shtml
---
Featured new script- Email Me button
This simple but practical script render a "email me" button that, when clicked on, launches your visitor's default email program with the "To", "CC", and "Subject" line all filled in already.
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<FORM>
<INPUT TYPE="button" VALUE="Contact Us" onClick="parent.location='mailto:you@youremail.com?subject=The subject you want to appear&cc=you2@youremail.com'">
</FORM>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>New subject
3
http://www.x-developer.com/javascript/content/buttons/mail-button-subject/index.html
Mail Button with Subject
Action: Sends an E-Mail withsubject predefined.
Usage: Your visitors won'thave to type message subject any more.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<FORM>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <INPUT TYPE=button VALUE="Mail Button with Subject" onClick=parent.location='mailto:developer@x-developer.com?subject=Hello!'>
</FORM>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>E-Mail Buttons
2
A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated
= = = = = = = = = = = = = = =
<!-- ONE STEP TO INSTALL E-MAIL BUTTON:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me" onClick="parent.location='mailto:antispammer@earthling.net'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me - Subject Predetermined" onClick="parent.location='mailto:spammer@earthling.net?subject=This Is The Pre-determined Subject'">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.70 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Subject E-Mail
3
Let your visitors send you e-mail with a predetermined subject!
--------------------------------------------------------------------------------
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Mailing List U/D
2
http://www.x-developer.com/javascript/content/forms/mailing-list/index.html
Mailing List Browser : ALL
Action: Mailing list submitting form with basic validation.
Usage: Saves time for a visitor when signing for your mailing
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function resetform() {
document.forms[0].elements[1]=="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\\n You are about to e-mail your submission. \\n\\nYES to submit. NO to abort."))
{
alert("\\nYour submission will now be sent. \\n\\n Use the Return Button once the submission is complete to return to my home page.\\n\\n\\n Thank you for joining our mailing list!");
return true;
}
else
{
alert("\\n You have chosen to abort the submission.");
return false
}
else return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert ("\\n The E-Mail field is blank. \\n\\n Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\\n The E-Mail field requires a \\"@\\" and a \\".\\"be used. \\n\\nPlease re-enter your E-Mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\\n The First Name field is blank. \\n\\n Please enter your first name.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\\n The Last Name field is blank. \\n\\nPlease enter your last name.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\\n The Address field is blank. \\n\\nPlease enter your address.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\\n The City field is blank. \\n\\nPlease enter your city.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\\n The state field is blank.\\n\\nPlease enter your state.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\\n The Zip code field is blank. \\n\\nPlease enter your Zip code.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
</SCRIPT>
<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:developer@x-developer.com?subject=Mailing List' onSubmit="return submitForms()">
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#1018BF">
<tr valign=baseline> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Email Address:</font> </b></font></TD>
<TD> <input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">First Name:</font> </b></font></TD>
<TD> <input type=text name="First Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Last Name:</font> </b></font></TD>
<TD> <input type=text name="Last Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Address:</font> </b></font></TD>
<TD> <input type=text name="Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">City:</font> </b></font></TD>
<TD> <input type=text name="City" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">State:</font> </b></font></TD>
<TD> <input type=text name="State" size=10,1 maxlength=25>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Zip Code:</font> </b></font></TD>
<TD> <input type=text name="Zip" size=20,1 maxlength=35>
</TD>
</tr>
</TABLE>
<br>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Files
1
you can use split method. for example, if the content of file is on
fileContent variable then you can simply use:
fileLines=fileContent.split("\\n")
first line will be:
fileLines[0]
second:
fileLines[1]
third:
fileLines[2]
.....
and the number of lines:
fileLines.length
2. Using a web page and ActiveX objects (Internet Explorer only)
Using ActiveX objects gives you many possibilities, but there are two distinct disadvantages:
You need a web page to run your JavaScript, and
ActiveX objects only work with the Internet Explorer browser.
When using extensions, all you need to do is select Build / Execute from the menu and let JavaScript Editor do the job.
Example 1 (using extensions): Reading a file
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FileRead.js, and
4. Select Build / Execute from the menu.
Note: If you do not save the file, getScriptPath() below will return an empty string.
// This example shows file manipulation routines: it echoes
// the contents of itself (the script file).
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
fh = fopen(getScriptPath(), 0); // Open the file for reading
if(fh!=-1) // If the file has been successfully opened
{
length = flength(fh); // Get the length of the file
str = fread(fh, length); // Read in the entire file
fclose(fh); // Close the file
// Display the contents of the file
write(str);
}
Example 2 (using extensions): Listing files in a folder
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FolderExample.js, and
4. Select Build / Execute from the menu.
Note: if you do not save the file, getCurrentFolder() below will return an empty string.
// This example shows folder manipulation routines: it lists
// the contents of the current folder.
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
write("The contents of " + getCurrentFolder());
fileName = findFirstFile("*.*"); // Find the first file matching the filter
while(fileName.length)
{
write(fileName);
fileName = findNextFile(); // Find the next file matching the filter
}
Example 3 (using extensions): Writing a file using JavaScript
Writing files using JavaScript and built-in extensions is straightforward: open the file for writing, write to a file and close a file.
1. Run JavaScript Editor
2. Copy and paste the code below
3. (Optional) Save the file as WriteFileExample.js, and
4. Select Build / Execute from the menu.
function WriteFile()
{
var fh = fopen("c:\\\\MyFile.txt", 3); // Open the file for writing
if(fh!=-1) // If the file has been successfully opened
{
var str = "Some text goes here...";
fwrite(fh, str); // Write the string to a file
fclose(fh); // Close the file
}
}
WriteFile();
Example 4 (using ActiveX and a web page): Listing available drives
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as DriveList.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language=JavaScript>
function ShowAvailableDrives()
{
document.write(GetDriveList());
}
function GetDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += ":- ";
if (x.DriveType == 3) n = x.ShareName;
else if (x.IsReady) n = x.VolumeName;
else n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
} while (!e.atEnd());
return(s);
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language=JavaScript> ShowAvailableDrives(); </SCRIPT>
</P>
</BODY>
</HTML>
Example 5 (using ActiveX and a web page): Writing a file using JavaScript
Writing files via ActiveX is slightly more involved than using JavaScript Editor extensions: you create an instance of a FileSystemObject, create a file, write to it, and close it.
In addition, you cannot run the code on its own, it needs to be a part of a web page or a stand-alone HTML Application (HTA).
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as WriteFileX.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function WriteFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.CreateTextFile("c:\\\\Test.txt", true);
fh.WriteLine("Some text goes here...");
fh.Close();
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language="JavaScript"> WriteFile(); </SCRIPT>
</P>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>FORMS
1
if (name !== null && password !== null){
var location=name +'support'+ password + '.html';
window.status=null
document.location.href = location;
}
<end node> 5P9i0s8y19Z
dt=
<node>Add ToCombo
2
http://www.x-developer.com/javascript/content/forms/add-to-list/index.html
Add To List Browser : ALL
Action: Adds data as you enter it in the form and stores it in memory for later use.
Usage: Create small amounts of data that can be sent later via form mail.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<FORM name="history">
<center>
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</center>
</FORM>
<P> <SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length - 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}
function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\\n";
alert( allCmmnds );
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Agree on Entry
2
http://www.x-developer.com/javascript/content/forms/agree-entry/index.html
Agree on Entry Browser : ALL
Action: Allows you to enter data only after you check the I Agree radio button.
Usage: You can force a visitor to Agree when submitting a form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
agree = 0; // 0 means 'no', 1 means 'yes'
</script>
<center>
<form name=enableform>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">
<b>I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">
I disagree<br>
Please enter your name: </b> <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Box Input Limit
2
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
=====================================
http://www.x-developer.com/javascript/content/forms/box-limit/index.html
http://capsule.bayside.net/
Box Input Limit Browser : ALL
Action: Limits amount of characters written in the form textbox.
Usage: Prevent users from entering too long messages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Glenn Wang (brief@ix.netcom.com) -->
<!-- Web Site: http://capsule.bayside.net/ -->
<!-- --------------------------------------------------- -->
function checkchars(form) {
var max=15;
if (form.chars.value.length > max) {
alert("Please do not enter more than 15 characters. Please shorten your entry and submit again.");
return false;
}
else return true;
}
</script>
<center>
<form onsubmit="return checkchars(this)">
<textarea rows=5 cols=30 name=chars wrap=virtual></textarea>
<br>
<input type=submit value="Submit!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>checkbox
2
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Checker
3
<SCRIPT LANGUAGE="JavaScript">
<!--
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group...
// Pass the Checkbox group name...
// call buttons as so:
// <input type=button name="CheckAll" value="Check All"
//onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
//onClick="uncheckAll(document.myform.list)">
// -->
<!-- Begin
function checkAll(field)
{
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
field[i].checked = false ;
}
// End -->
</script>
Here is the HTML:
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>
=======================================================
http://www.x-developer.com/javascript/content/forms/checker/index.html
mailto:stevejr@ce.net
CheckBox Checker Browser : ALL
Action: Controls checkbox appearance in your form.
Usage: Help a visitor control checkboxes easily.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Modified By: Steve Robison, Jr. (stevejr@ce.net) -->
<!-- --------------------------------------------------- -->
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=myform action="" method=post>
<table bgcolor="#00007F" border="3">
<tr> <td> <font color="#FFFFFF"><b>Your Favorite Scripts & Languages<br>
<input type=checkbox name=list value="1">
Java<br>
<input type=checkbox name=list value="2">
JavaScript<br>
<input type=checkbox name=list value="3">
ASP<br>
<input type=checkbox name=list value="4">
HTML<br>
<input type=checkbox name=list value="5">
SQL</b><br>
<br>
<input type=button value="Check All" onClick="this.value=check(this.form.list)">
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>VBcode
4
If chMultiple.Value = 1 Then
Print #2, "<SCRIPT LANGUAGE='JavaScript'>"
Print #2, "function checkAll(field1){"
Print #2, Spc(4); "for (i = 0; i < field1.length; i++)"
Print #2, Spc(8); "field1[i].checked = true;"
Print #2, Spc(4); "}"
Print #2, Spc(0); "</script>"
End If
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Limit
3
http://www.x-developer.com/javascript/content/forms/check-box-limit/index.html
CheckBox Limit Browser : ALL
Action: Limits number of selected checkboxes.
Usage: Prevent a visitor from selecting too many checkboxes.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script type="text/javascript">
<!--
var numChecked = 0;
var maxChecked = 4000 // checked boxes limit
function getChecked() { // checks to see if any boxes are selected by default
myForm = document.count
for (i=0; i<myForm.elements.length; i++) {
if (myForm.elements[i].type == "checkbox" && myForm.elements[i].checked){
numChecked++
}
}
}
function checkCheck(theBox) {
if (theBox.checked) {
if (numChecked == maxChecked){
theBox.checked = false
}
else{
numChecked++
}
}
else{
//numChecked--
return true
}
document.getElementById("display_count").innerHTML=numChecked
}
// include onload="getChecked()" in the opening BODY tag
//-->
</script>
<form name="count">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
</form>
A checkbox has been selected <span id="display_count"></span> times
</center>
======================================
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function countChoices(obj) {
max = 2; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'
if (count > max) {
alert("Oops! You can only choose up to " + max + " choices! \\nUncheck an option if you want to pick another.");
obj.checked = false;
}
}
</script>
<center>
<form>
<p> <input type=checkbox name=box1 onClick="countChoices(this)">
<b>Section 1 </b> <p> <b> <input type=checkbox name=box2 onClick="countChoices(this)">
Section 2 </b> <p> <b> <input type=checkbox name=box3 onClick="countChoices(this)">
Section 3 </b> <p> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>is checked
3
The form must have a name. And the checkbox fields must have a name. Here is an example:
<form
name="myform"
method="POST"
action="/cgi-bin/script.cgi">
<input
type="checkbox"
name="box1"
value="yes1">
<input
type="checkbox"
name="box2"
value="yes2">
<input
type="submit"
onClick="DoTheCheck()">
</form>
The above form's name is "myform". The checkbox's names are "box1" and "box2".
Here is JavaScript that will check whether or not the checkboxes are checked and display an alert box with the answer. It is function DoTheCheck() that the above form calls when the submit button is clicked. The JavaScript can be in the HEAD area or in the BODY area, so long as it is above the form it manipulates.
function DoTheCheck() {
if(document.myform.box1.checked == true)
{ alert('box1 is checked'); }
if(document.myform.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.myform.box2.checked == true)
{ alert('box2 is checked'); }
if(document.myform.box2.checked == false)
{ alert('box2 is not checked'); }
}
The format is the word "document," a period, the name of the form, a period, the name of the checkbox field, a period, and the word "checked."
If you want to check a checkbox with JavaScript, use:
document.myform.box1.checked = true;
Notice that when you consult the checkbox to see whether or not it is checked, you use two consecutive equals characters; and when you assign a check to the checkbox, you use only a single equals character. The single use means "make it equal to ______." The doubled use determines "whether or not it already is equal to ______."
If you want to un-check a checkbox with JavaScript, use:
document.myform.box1.checked = false;
Now you know how to determine whether or not a checkbox is already checked and you can check or uncheck it.
Before we present the examples, let's learn how to determine the value of a checkbox.
Simply replace the word "checkbox" with the word "value". The value is the value as specified in the form itself (unless JavaScript is used to change that value). When you consult the checkbox to determine its value, it will provide the value whether or not it is checked. For example, this will display an alert box with the value of box1 as the message:
alert(document.myform.box1.value);
To display the alert box only if the checkbox is checked, do this:
if(document.myform.box1.checked == true)
{ alert(document.myform.box1.value); }
If you need to change the value of a checkbox with JavaScript, do something like this:
document.myform.box1.value = "new value";
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Text
2
http://www.x-developer.com/javascript/content/forms/checkbox-text/index.html
CheckBox Text Browser : ALL
Action: Checks and unchecks a checkbox when you click on the text near it.
Usage: Simplify checkbox checking for your visitors.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: trs2005@yahoo.com -->
<!-- Modified by: Ronnie T. Moore, Editor -->
<!-- --------------------------------------------------- -->
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')"><b>Clicking this text also checks the box to the left.</b></span> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>combo double
2
alert(document.mainForm.billingstate.options[document.mainForm.billingstate.selectedIndex].value);
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://javascriptkit.com">JavaScript Kit</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Helper
2
http://www.x-developer.com/javascript/content/forms/helper/index.html
Helper Browser : ALL
Action: Popups a help window with item description.
Usage: Helps a visitor understand what to write. Supports copy info feature.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
</script>
<center>
<form name=form method=post action="/cgi-bin/your-script.cgi">
<b>User Name: <input type=text name="username" size=10>
<a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> <br>
Password: <input type=text name="password" size=10>
<a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> </b> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>No Bad Words
2
http://www.x-developer.com/javascript/content/forms/no-bad-words/index.html
No Bad Words Browser : ALL
Action: Replaces bad words with @#$%& characters.
Usage: Prevents you from getting mail with bad words.
Author: ISN Toolbox Homepage ... http://www.infohiway.com/
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Cut-N-Paste JavaScript - ISN Toolbox -->
<!-- Web Site: http://www.infohiway.com/ -->
<!-- --------------------------------------------------- -->
function smutEngine() {
smut="#@&*%!#@&*%!#@&*%!";
cmp="sex babes shit fuck damn porno cum cunt prick pecker ass "
+"asshole pedophile man-boy man/boy dong twat ";
txt=document.isn.dirt.value;
tstx="";
for (var i=0;i<16;i++){
pos=cmp.indexOf(" ");
wrd=cmp.substring(0,pos);
wrdl=wrd.length
cmp=cmp.substring(pos+1,cmp.length);
while (txt.indexOf(wrd)>-1){
pos=txt.indexOf(wrd);
txt=txt.substring(0,pos)+smut.substring(0,wrdl)
+txt.substring((pos+wrdl),txt.length);
}
}
document.isn.dirt.value=txt;
}
</SCRIPT>
<CENTER>
<FORM NAME="isn">
<DIV ALIGN=CENTER> <INPUT TYPE="text" NAME="dirt" SIZE=40 VALUE="">
<BR>
<INPUT TYPE="button" NAME="smut1" VALUE=" Submit " onClick="smutEngine(this.form)">
</DIV>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Pass Value from PopUp
2
http://www.x-developer.com/javascript/content/forms/pass-value/index.html
http://www.fortunecity.com/lavendar/lavender/21/
Pass Value Browser : ALL
Action: Passes value from a popup options window to main page.
Usage: Let your visitors pick items from small window and then pass values to the main window.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Pankaj Mittal (pankajm@writeme.com) -->
<!-- Web Site: http://www.fortunecity.com/lavendar/lavender/21 -->
<!-- --------------------------------------------------- -->
function small_window(myurl) {
var newWindow;
var props = 'scrollBars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=300,height=200';
newWindow = window.open(myurl, "Add_from_Src_to_Dest", props);
}
// Adds the list of selected items selected in the child
// window to its list. It is called by child window to do so. function addToParentList(sourceList) {
destinationList = window.document.forms[0].parentList;
for(var count = destinationList.options.length - 1; count >= 0; count--) {
destinationList.options[count] = null;
}
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
destinationList.options[i] = new Option(sourceList.options[i].text, sourceList.options[i].value );
}
}
// Marks all the items as selected for the submit button. function selectList(sourceList) {
sourceList = window.document.forms[0].parentList;
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
sourceList.options[i].selected = true;
}
return true;
}
// Deletes the selected items of supplied list.
function deleteSelectedItemsFromList(sourceList) {
var maxCnt = sourceList.options.length;
for(var i = maxCnt - 1; i >= 0; i--) {
if ((sourceList.options[i] != null) && (sourceList.options[i].selected == true)) {
sourceList.options[i] = null;
}
}
}
</script>
<center>
<form method=post>
<table border=3 bgcolor="#00007F">
<tr>
<td>
<select size=5 name=parentList multiple>
</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button value="Add Item" onclick = "javascript:small_window('demo-1.html');">
<input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Preload TEXT BOXES
2
Form called Enter and text Boxes FName and LName
var dog=GetCookie('hbaweblink');
if (dog !== null ){
var name=GetCookie('hbaname')
Enter.FName.value=name
var password=GetCookie('hbapassword')
Enter.LName.value=password
}
<end node> 5P9i0s8y19Z
dt=
<node>radiobuttons
2
<body bgcolor="#ffffff">
<form method="post" action="tbl_addfield.php">
<input type="radio" name="field_where" id="radio_field_where_last" value="last" checked="checked" /><label for="radio_field_where_last">At End of Table</label>
<input type="radio" name="field_where" id="radio_field_where_first" value="first" /><label for="radio_field_where_first">At Beginning of Table</label>
<input type="radio" name="field_where" id="radio_field_where_after" value="after" /><label for="radio_field_where_after">After </label>
<select name="after_field" style="vertical-align: middle" onclick="this.form.field_where[2].checked=true" onchange="this.form.field_where[2].checked=true"><option value="cartid">cartid</option>
<option value="sessionid">sessionid</option>
<option value="productid">productid</option>
<option value="productattributes">productattributes</option>
<option value="quantity">quantity</option>
<option value="updated">updated</option>
</select>
<input type="submit" value="Go" style="vertical-align: middle" />
</form>
======================================================================
function getValue()
{
//////////////////////////////////////////////////////////////
// The variable 'msg' will hold the messages we want to
// appear in the message box. The 'check' varable, which
// we are setting to zero, will check to see if any values
// have been selected.
//////////////////////////////////////////////////////////////
var msg = "";
var check = 0;
//////////////////////////////////////////////////////////////
// We create a for loop that tests each radio box in turn,
// checking their values. The value is inserted into the
// 'msg' variable along with a message. We also set the value
// of 'check' to 1, if any values were selected.
//////////////////////////////////////////////////////////////
for (var i = 0; i < 4; i++)
{
var checked = document.testForm.test[i].checked;
if (checked)
{
msg += "The selected value is: " + (document.testForm.test[i].value) + "\\n";
check = 1;
}
}
//////////////////////////////////////////////////////////////
// If the check value is equivalent to one, we alert the
// message constructed above. If it is not equal to one,
// we alert that no value was selected.
//////////////////////////////////////////////////////////////
if (check == 1)
{
alert (msg);
}
else
{
alert ("No value was selected.");
}
}
// End Hide -->
</script>
======================================================
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
<end node> 5P9i0s8y19Z
dt=
<node>Select
2
If you have a select element that looks like this:
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
Running this code:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
Would make strUser be 2. If what you actually want is test2, then do this:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;
Which would make strUser be test2
var e = document.getElementById("ddlViewBy");
var SELIndex = e.selectedIndex
if (SELIndex==0){
error_message = error_message + '*Select something from xx.\\n';
error = 1;
}
<end node> 5P9i0s8y19Z
dt=
<node>submit
2
FORMS SUGGESTION
<!-- THREE STEPS TO INSTALL SUGGESTIONS:
1. Paste the coding into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. Put the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function leaptoIntro() {
window.location="http://javascript.internet.com"
}
function About() {
alert("\\nHave a suggestion for a JavaScript example?\\n\\nFill out the form and submit it. I will see what I can do.\\n\\nPlease be as specific as possible.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\\nYour submission is about to be sent.\\n\\nClick YES to submit.\\n\\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\\nThe NAME field is blank.\\n\\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\\nThe NAME field only accepts letters & spaces.\\n\\nPlease re-enter your name.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\\nYou've changed your browser type.\\n\\nClick YES to keep changes.\\n\\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\\nThe SUGGESTION field is blank.\\n\\nPlease enter your suggestion.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>
<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->
<BODY onLoad="Reset()">
<!-- STEP THREE: Copy this code into the BODY your HTML document -->
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:you@yourdomain.com?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your suggestion(s):</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit">
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.82 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Tabs on Enter
2
http://www.x-developer.com/javascript/content/forms/tabs-enter/index.html
http://javascript.internet.com/
Tabs on Enter Browser : ALL
Action: Puts cursor to next form section when hitting Enter button.
Usage: Saves time for a visitor when moving to different sections of the form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
nextfield = "box1"; // name of first box on page
netscape = "";
ver = navigator.appVersion; len = ver.length;
for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
netscape = (ver.charAt(iln+1).toUpperCase() != "C");
function keyDown(DnEvents) { // handles keypress
// determines whether Netscape or Internet Explorer
k = (netscape) ? DnEvents.which : window.event.keyCode;
if (k == 13) { // enter key pressed
if (nextfield == 'done') return true; // submit, we finished all fields
else { // we're not done yet, send focus to next box
eval('document.yourform.' + nextfield + '.focus()');
return false;
}
}
}
document.onkeydown = keyDown; // work together to analyze keystrokes
if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
</script>
<center>
<form name=yourform>
<b>Box 1: <input type=text name=box1 onFocus="nextfield ='box2';">
<br>
Box 2: <input type=text name=box2 onFocus="nextfield ='box3';">
<br>
Box 3: <input type=text name=box3 onFocus="nextfield ='box4';">
<br>
Box 4: <input type=text name=box4 onFocus="nextfield ='done';">
</b><br>
<input type=submit name=done value="Submit">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Hide sections
1
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here's how.
Step 1
Place this code between the <head> tags in your webpage.
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','thiscanbeanything');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href="javascript:switchid('a1');">show a1</a>
<a href="javascript:switchid('a2');">show a2</a>
<a href="javascript:switchid('a3');">show a3</a>
<a href="javascript:switchid('thiscanbeanything');">show 'thiscanbeanything'</a></p>
<hr/>
<div id='a1' style="display:block;">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id='a2' style="display:none;">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
"Qu'est-ce que la littérature?" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author's)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id='a3' style="display:none;">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id='thiscanbeanything' style="display:none;">
<h3>This content is in a div with id "thicanbeanything"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre's
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
"loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man's life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the "solidarity" of others.</p>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>+/-
2
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
<h2 style="margin:0px 0px 0px 0px;">
<input id="bt13" type="button" onclick="showdiv(13);" value="+"></input>
Booth Rent
</h2>
<div id="13" style="display:none">
<end node> 5P9i0s8y19Z
dt=
<node>Iframe
1
[resize]
<script language="JavaScript">
<!--
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>
<IFRAME SRC="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>
<end node> 5P9i0s8y19Z
dt=
<node>images
1
<end node> 5P9i0s8y19Z
dt=
<node>IMAGE .. Slide Shows
2
<end node> 5P9i0s8y19Z
dt=
<node>(increment preload image)
3
http://wsabstract.com/script/script2/incrementslide.shtml
= = = = =
JavaScript Slideshow (increment preload image)
Description: This is a unique slideshow script that, unlike most other, will intelligently preload its images one at a time, while the preceding image is being shown. The script will actually "wait" until the next image is successfully preloaded before continuing, trying again if not. Contrast that to other slideshow scripts, which mindlessly preload all of their images beforehand. Use this script if your slideshow contains a lot of heavy duty images, and you don't want your visitors to wait forever (literally) before he/she can see the slide.
= = = = =
Directions:
Simply add the below where you wish the slideshow to appear. Configure the first two lines in the script, AND also, the <IMG> src in the HTML portion.
= = = = =
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
Script by FPMC at http://jsarchive.8m.com
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]
//set corresponding urls
url = ["http://freewarejava.com", "http://wsabstract.com", "http://dynamicdrive.com", "http://www.geocities.com"]
//set duration for each image
duration = 4;
//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</SCRIPT>
<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;"
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Automatically Changing Slide Show Script
3
http://www.java-scripts.net/image/image3.shtml
Automatically Changing Slide Show Script
This script is similar to the Slide Show Script, but it automatically changes the image for the user.
Description: This script allows you to display a "Slide Show" where the images automatically change by themselves according to a set interval.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--Two steps to installing this script-->
<!--1) Copy everything below, and paste in HEAD section of page-->
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<!--2) Copy below, and paste in BODY section of page-->
<!--To configure images, refer to comments below-->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif","img2.gif","img3.gif")
slideshowlinks("http://wsabstract.com","http://dynamicdrive.com","http://java-scripts.net")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>BannerAdds
3
<!-- ONE STEP TO INSTALL BANNER ADS:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\\"' + url + '\\" target=\\"_top\\">');
document.write('<img src=\\"' + banner + '\\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\\"' + alt + '\\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.44 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Image Cycler
3
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs (dkh2@po.cwru.edu) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Image Slideshow
3
http://javascript.internet.com/miscellaneous/image-slideshow.html
The JavaScript Source: Miscellaneous: Image Slideshow
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 3.24 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>imagefader
3
<!-- ONE STEP TO INSTALL LOGO FADER:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif" width=548 height=55>
</div>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth - 16 : document.body.offsetWidth - 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ?
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ?
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// --------------- User modifiable variables ----------------------
//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position
var useAnchorPosition = false; // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2)); // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5; // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10; // sets the scroll speed
// ------------------------------------------------------------------
function scrollLogo() {
if (cnt == 0) {
up-- ; dn++;
if (up < -10) {
right = logoWidth;
left = 0;
upDown = -scrollInc;
cnt++;
}
eval(clipLogoVert);
}
if (cnt == 1) {
right += upDown;
left -= upDown;
if (right < halfWidth-40) {
right = halfWidth;
left = halfWidth;
upDown = scrollInc;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 2) {
right += upDown;
left -= upDown;
if (right > logoWidth+20) {
right = logoWidth;
left = 0;
up = 0;
dn = logoHeight;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 3) {
up++;
dn--;
if (dn < halfHeight - 10) {
up = halfHeight;
dn = halfHeight;
right = logoWidth;
left = 0;
upDown = scrollInc;
cnt = 0;
}
eval(clipLogoVert)
}
setTimeout("scrollLogo()", scrollSpeed);
}
if (! is.oldVer)window.onload = init;
function init() {
positionLogo();
scrollLogo();
}
var L, T;
var pos = (is.NS4) ? pos = document.anchors['logoAnchor'] : document.all['logoAnchor'];
var posStr = (is.NS4) ? 'L = pos.x ; T = pos.y' : 'L = pos.offsetLeft; T = pos.offsetTop';
function positionLogo() {
if (! useAnchorPosition) return;
eval(posStr);
myLogo.top = T;
myLogo.left = L;
}
// End -->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Left-Right Image Slideshow
3
http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm
= = = = = = = = = = =
Left-Right Image Slideshow Script: All browsers
Script works with Netscape 4+ AND Internet Explorer 4+NS
Credits: Dynamic Drive (00/06/19)
Description: This ultra cool slideshow displays a gallery of images from left to right, one at a time, and pauses between each image. You can even hyperlink the images should you wish!
= = = = = = = = = = =
Simply add the below where you wish the slideshow to appear:
= = = = = = = = = = =
<script language="JavaScript1.2">
/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=100
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'
slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'
slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'
slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'
slideimages[4]='<img src="../dynamicindex4/cake.gif">'
//extend this list
///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Manual slide show
3
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm
= = = = = = = = = = = = = = == =
DHTML Slide Show Script All
Credits: Dynamic Drive
Description: If you ever need a manual slide show script, this is the one to use. We designed it to be highly versatile, lightweight, and functional in all browsers, even NS 3. Here are some attributes of this lively DHTML slideshow script:
Slideshow works in all NS 3+ and IE 4+ browsers (yes, that includes NS 6 as well)
Script can be set so each image is clickable with it's own unique URL (through the toggling of a single variable)
All images in the slideshow are automatically preloaded on page load to ensure a smooth transition between image changes.
Script displays in the status bar which image the user is currently viewing (image #)
IE 4+ users will see a special random effect applied to the show during each image slide
There are a few variables you'll need to define. Please refer to documentation inside the script.
= = = = = = = = = = = = = = == =
Step 1: Add the below into the <head> section of your page:
<script language="JavaScript1.1">
/*
DHTML slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
Step 2: Insert the following where you wish the slideshow to appear in the BODY:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>mouse rollover change
3
<html>
<head>
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Jabez Net rollover example - www.jabeznet.com</title>
<script type="text/javascript">
function loadImg(img){
var imgName = "big4"; // name of the big image
var srcs = ["big1.jpg","big1.jpg","big2.jpg","big3.jpg","big4.jpg"]; // array of SRC's for the big images
document.images[imgName].src=srcs[img];
}
</script>
</head>
<body>
<p align="center">
<a onmouseover="loadImg(0); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small1.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(2); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small2.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(3); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small3.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
</p>
<p align="center"> </p>
<p align="center"> <img src="big4.jpg" alt="Big 4" style="width: 400px; height: 404px;" name="big4" border="2"></p>
</p>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>waRM HUGS
3
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'graphics/thm/tussiemuss';
Pic[1] = 'graphics/thm/cloche';
Pic[2] = 'graphics/thm/purseholde';
Pic[3] = 'graphics/thm/sprbasket';
Pic[4] = 'graphics/thm/Tape Measu';
Pic[5] = 'graphics/thm/window umb';
//Pic[0] = 'graphics/wh1.jpg'
// Pic[1] = 'graphics/wh2.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=2)"
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)
}
</script>
<body onload='runSlideShow()'>
<end node> 5P9i0s8y19Z
dt=
<node>WideSlide
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|07|04|JS_28870|JS_28870~xml.0.jhtml?cda=true#
WideSlide
Published 07/04/2000
By Neal Betts
Moving graphic gives 3d effect for browser sizes up to 1280 wide
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
========
<html>
<head>
<title>WideSlide</title>
<SCRIPT LANGUAGE="JavaScript">
var pos1=-5;
var pos2=-5;
var speed1 = Math.floor(Math.random()*5)+2;
var speed2 = Math.floor(Math.random()*5)+4;
function next() {
pos1 += speed1;
pos2 += speed2;
if (pos1 > 0) pos1 = -1152;
if (pos2 > 0) pos2 = -1152;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
}
else {
bg.style.left = pos1;
fg.style.left = pos2;
}
window.setTimeout("next();",30);
}
</SCRIPT>
</head>
<body onLoad="next();">
<DIV ID="bg" STYLE="position:absolute; left:0; top:0;
width:2304; height:49; visibility:show">
<img src="bg2.JPG" width=2304 height=49 alt="" border="0">
</DIV>
<DIV ID="fg" STYLE="position:absolute; left:0; top:49;
width:2304; height:27; visibility:show">
<img src="fg7.JPG" width=2304 height=27 alt="" border="0">
</DIV>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+2 face=arial><b><FONT COLOR=2B7D8E>Loading xxxxxxxxxxxxxx Loading</FONT></b></FONT></CENTER>
</td></tr>
</table><P><HR>
<table border=0 cellpadding=6 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+3 face=arial><b><FONT COLOR=2B7D8E>HIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHI</FONT></b></FONT></CENTER>
</td></tr>
</table>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>IMAGE..Effects
2
<end node> 5P9i0s8y19Z
dt=
<node>PicturePong
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|06|JS_30516|JS_30516~xml.0.jhtml?cda=true#
PicturePong lets your image wriggle through the webpage like a snake
Published 08/06/2000
By Peter Gehrig
Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware ... Language: Javascript
= = =
<html>
<head>
<TITLE>PicturePong lets your image wriggle through the webpage like a snake</TITLE>
<meta NAME="keywords" CONTENT="DHTML, JavaScript, animation, image, gif, Dynamic HTML,download, free, samples, applet">
<meta NAME="description" CONTENT="Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.">
</head>
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// PicturePong by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/6/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
// CONFIGURATION:
// Go to http://www.24fun.com, open category 'animation' and
// download the ZIP-file of this script containing
// the script-file with step-by-step instructions for easy configuration.
var your_image="testimage86.gif"
var tempo=40
var stepx=17
var stepy=17
var numberofimages=12
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// - End of JavaScript - -->
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
// - End of JavaScript - -->
</script>
<DIV id="deletethisblock" style="position:absolute;top:50px;left:50px;">
<font size=1 face=Verdana><ul><b>PicturePong: rush your favourite image through the webpage like a snake</b>
<li>Great script to enhance the visual impact of your webpage.
<li>PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage.
<li>Easy configuration of snake-length and speed.
<li>Crossbrowser.
</ul>
<ul>
<b>Configuration</b>
<li><a href="http://www.24fun.com" target="_blank">Go to http://www.24fun.com</a>, open category 'animation' and download the ZIP-file of this script containing the testimage and the script-file with step-by-step instructions for easy configuration.
<br>
<hr>
<a href="http://www.24fun.com" target="_blank">Download 350+ free funscripts from www.24fun.com</a><br><br>
<script src="http://www.24fun.com/affiliates/textteamon1.js"></script><br>
<script src="http://www.24fun.com/affiliates/textstickytools1.js"></script><br>
</font>
</ul>
</DIV>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Preload Images
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|05|JS_30468|JS_30468~xml.0.jhtml?cda=true#
PreLoad Images
Published 08/05/2000
By Adam
This script preloads images for faster loading and image flips. Just run the script don't view source
Version: 1.2
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
SCRIPT LANGUAGE="JavaScript">
<!--
/**************************************************
Written by Adam Weiss
http://www.geocities.com/Amweiss157/
adam_weiss@hotmail.com
Keep this intact if you want to use the script!
In this script only edit the line that ends in /****/
Between the parenthesis put all you imgages you want loaded
in 'single quotes' followed by a , with no spaces
**************************************************/
//--------------Preloads nav frame pics so they roll over faster
function preLoad()
{
var images = new Array('path/image.gif','path/image.gif'); /****/
preloadImages(images);
}
//--------------Defines process for preload
function preloadImages(images)
{
for(loop = 0; loop < images.length; loop++)
{
var image = new Image();
image.src = images[loop];
}
}
//-->
</SCRIPT>
Simba says Roar.
= = = = = = = = = = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>PreLoad Images By Wolf-Man</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"><br>
<!--<br>
/**************************************************<br>
Written by Adam Weiss<br>
http://www.geocities.com/Amweiss157/<br>
adam_weiss@hotmail.com<br>
Keep this intact if you want to use the script!<br>
In this script only edit the line that ends in /****/<br>
Between the parenthesis put all you imgages you want loaded<br>
in 'single quotes' followed by a , with no spaces <br>
**************************************************/<br>
<br>
//--------------Preloads nav frame pics so they roll over faster<br>
function preLoad()<br>
{<br>
var images = new Array('path/image.gif','path/image.gif'); /****/<br>
preloadImages(images);<br>
}<br>
<br>
//--------------Defines process for preload<br>
function preloadImages(images)<br>
{<br>
for(loop = 0; loop < images.length; loop++)<br>
{<br>
var image = new Image();<br>
image.src = images[loop];<br>
}<br>
}<br>
//--><br>
</SCRIPT><br>
Simba says Roar.<br>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
dt=
<node>RANDOM
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30286|JS_30286~xml.0.jhtml?cda=true#
Random Images
Published 08/03/2000
By Maximum
I actually used to use this trick on an old website of mine, and I thought than rather just letting it go to waste, I'd post it here. Basically, you enter images that you want to display at random, and this script picks one out of the images and prints it. Very simple to customize as well.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
Here's the code; it's pretty self-explanatory. But since I figured a few people would have trouble, I commented the whole thing so its even easier :-)
<-- Start Random Image Coding -->
<Script Language="JavaScript">
<!--
//Insert the text/images to be randomized
var img1 = "http://www.yourwebsite.com/image1.gif"
var img2 = "http://www.yourwebsite.com/image2.gif"
var img3 = "http://www.yourwebsite.com/image3.gif"
//get a random number...
var randomize = Math.round(Math.random()*3)
//select text/image based on random number
if (randomize == 1){
newimg = img1
}else if (randomize == 2){
newimg = img2
}else{
newimg = img3
}
//output text/image
document.write('<IMG SRC="'+newimg+'">')
//-->
</Script>
<-- End Random Image Coding -->
There you have it. Just paste that to where you want random images to occur. [Free Tutorials]
http://www.tutorialindex.com/
<end node> 5P9i0s8y19Z
dt=
<node>PRE-LOADING
2
<end node> 5P9i0s8y19Z
dt=
<node>IMAGES
3
COPY AND PASTE INTO HEAD OF PAGE.
=================================================
<script language=javaScript>
//from www.a1javascripts.com
<!--//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//-->
</script>
=================================================
TO ADD MORE IMAGES, SIMPLY ADD
newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";
and so on...
******************************************************************************
http://www.wsabstract.com/script/script2/preloadimage.shtml
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Description: Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.
Directions: Simply insert the below into the <head> section of your page
Change the paths of the images to be preloaded to your own inside function preloadimages().
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
Preload images script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>PROTECT IMAGES
2
You can take the "No Right Click" script at
http://page-details.javascriptsource.com/no-right-click.html
and change the two lines that read:
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
So that they only set the protect function for the onmousedown effect of just the one image.
So, count what number the image is on the page. Count the first image on the page as zero (yes, it starts as zero not one) then the next as one, the next as two, etc. Until you find the number of the one you want to protect.
Then, change the two lines above to read:
document.images[4].onmousedown = right;
(where 4 is the number of the image you want to protect
<end node> 5P9i0s8y19Z
dt=
<node>Swap by click
2
<SCRIPT language="JavaScript">
<!--
// Image pre-loading
pic1 = new Image();
pic1.src = '../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg';
pic2 = new Image();
pic2.src = '../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg';
pic3 = new Image();
pic3.src = '../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg';
pic4 = new Image();
pic4.src = '../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg';
pic5 = new Image();
pic5.src = '../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg';
pic6 = new Image();
pic6.src = '../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg';
pic7 = new Image();
pic7.src = '../images/commerce/Diamond_K_Ranch/diamondk115_big.jpg';
pic8 = new Image();
pic8.src = '../images/commerce/Diamond_K_Ranch/diamonda115_big.jpg';
pic9 = new Image();
pic9.src = '../images/commerce/Diamond_K_Ranch/diamondb115_big.jpg';
pic10 = new Image();
pic10.src = '../images/commerce/Diamond_K_Ranch/diamondl115_big.jpg';
pic11 = new Image();
pic11.src = '';
pic12 = new Image();
pic12.src = '../images/commerce/Diamond_K_Ranch/diamondf115_big.jpg';
pic13 = new Image();
pic13.src = '../images/commerce/Diamond_K_Ranch/diamondi115_big.jpg';
pic14 = new Image();
pic14.src = '';
pic15 = new Image();
pic15.src = '';
pic16 = new Image();
pic16.src = '';
pic17 = new Image();
pic17.src = '';
pic18 = new Image();
pic18.src = '';
pic19 = new Image();
pic19.src = '';
pic20 = new Image();
pic20.src = '';
pic21 = new Image();
pic21.src = '';
pic22 = new Image();
pic22.src = '';
pic23 = new Image();
pic23.src = '';
pic24 = new Image();
pic24.src = '';
pic25 = new Image();
pic25.src = '';
pic26 = new Image();
pic26.src = '';
pic27 = new Image();
pic27.src = '';
pic28 = new Image();
pic28.src = '';
pic29 = new Image();
pic29.src = '';
pic30 = new Image();
pic30.src = '';
pic31 = new Image();
pic31.src = '';
pic32 = new Image();
pic32.src = '';
pic33 = new Image();
pic33.src = '';
pic34 = new Image();
pic34.src = '';
pic35 = new Image();
pic35.src = '';
pic36 = new Image();
pic36.src = '';
pic37 = new Image();
pic37.src = '';
pic38 = new Image();
pic38.src = '';
pic39 = new Image();
pic39.src = '';
pic40 = new Image();
pic40.src = '';
pic41 = new Image();
pic41.src = '';
function swap(img) {
i = document.getElementById('img');
i.src = img;
}
//-->
</SCRIPT>
--------------------
<img src="../images/commerce/Diamond_K_Ranch/A_1HPIM1478115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/A_2HPIM1482115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondc115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamonde115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondg115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondj115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer">
<end node> 5P9i0s8y19Z
dt=
<node>insert commas
1
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
<end node> 5P9i0s8y19Z
dt=
<node>java enables
1
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (navigator.javaEnabled())
window.location = "cuggc.htm";
else
window.location = "cuggd.htm";
// End -->
</script>
</head>
******************************************
<!-- ONE STEP TO INSTALL BROWSER INFORMATION:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.34 KB -->
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Description: More information about the web browser than you knew existed! Find out the code name, color depth, platform, if java is enabled, resolution, ip address, hostname, and more! Simply incredible.
<!-- THREE STEPS TO INSTALL BROWSER PROPERTIES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- begin
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip);
}
}
// end -->
</script>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="display()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<center>
<form name=form>
<table border=1 width=300>
<tr>
<td>current resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height></td>
</tr>
<tr>
<td>
browser:</td>
<td align=center><input type=text size=20 maxlength=20 name=navigator></td>
</tr>
<tr>
<td>
max resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight></td>
</tr>
<tr>
<td>
version:</td>
<td align=center><input type=text size=20 maxlength=20 name=version></td>
</tr>
<tr>
<td>
color depth:</td>
<td align=center><input type=text size=2 maxlength=2 name=colordepth> bit</td>
</tr>
<tr>
<td>
code name:</td>
<td align=center><input type=text size=15 maxlength=15 name=codename></td>
</tr>
<tr>
<td>
platform:</td>
<td align=center><input type=text size=15 maxlength=15 name=platform></td>
</tr>
<tr>
<td>
colors:</td>
<td align=center><input type=text size=8 maxlength=8 name=color></td>
</tr>
<tr>
<td>
java enabled:</td>
<td align=center><input type=text size=3 maxlength=3 name=java></td>
</tr>
<tr>
<td>
anti-aliasing fonts:</td>
<td align=center><input type=text size=3 maxlength=3 name=fonts></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button name=again value="again?" onclick="display()"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.31 KB -
<end node> 5P9i0s8y19Z
dt=
<node>Labels Change(.innerHtml)
1
document.getElementById('label').InnerHTML = 'your text goes here';
<end node> 5P9i0s8y19Z
dt=
<node>language
1
[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
<end node> 5P9i0s8y19Z
dt=
<node>Definitions
2
charAt(x) Returns the character at the "x" position within the string.
charCodeAt(x) Returns the Unicode value of the character at position "x" within the string.
concat(v1, v2,...) Combines one or more strings (arguments v1, v2 etc) into the existing one and returns the combined string. Original string is not modified.
fromCharCode(c1, c2,...) Returns a string created by using the specified sequence of Unicode values (arguments c1, c2 etc). Method of String object, not String instance. For example: String.fromCharCode().
indexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
lastIndexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1.
match(regexp) Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found.
replace( regexp, replacetext) Searches and replaces the regular expression portion (match) with the replaced text instead.
search(regexp) Tests for a match in a string. It returns the index of the match, or -1 if not found.
slice(start, [end]) Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string.
split(delimiter, [limit]) Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return.
substr(start, [length]) Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
substring(from, [to]) Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
var picture = document.frmInput.picture.value;
var ch = picture.substring(picture.length-4,picture.length);
if(ch !='.jpg' && ch !='.gif'){
error_message = error_message + '*The Picture extension must be .jpg or .gif (lower case).\\n';
error = 1;
}
toLowerCase() Returns the string with all of its characters converted to lowercase.
toUpperCase() Returns the string with all of its characters converted to uppercase.
<end node> 5P9i0s8y19Z
dt=
<node>focus on element
2
<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
<end node> 5P9i0s8y19Z
dt=
<node>getElementById
2
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
<end node> 5P9i0s8y19Z
dt=
<node>IF
2
if (something compared_to somethingelse)
{
do this
} elseif (something compared_to somethingelse)
{
then do this instead
}
} elseif (something compared_to somethingelse)
{
then do this instead
}
} else {
then none of the above apply so do this
}
== is equal to
!= is NOT equal to
< is less than
> is greater than
<= is less than or equal to
>= is greater than or equal to
<end node> 5P9i0s8y19Z
dt=
<node>indexOf
2
var ss = "a string index of test ";
var result = ss.indexOf("ri");
<end node> 5P9i0s8y19Z
dt=
<node>keycode
2
onkeyup="isFull(event,this.id,3,'shipphone2');">
function isFull(e,id,len_,newid){
var code = e.keyCode || e.which;
if(document.getElementById(id).value.length==len_ && code>47 && code<58 ){
document.getElementById(newid).focus();
}
//alert (document.getElementById(id).value);
}
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
==========
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
<end node> 5P9i0s8y19Z
dt=
<node>ScrollPage
2
function scrollToTop(el) {
el.scrollTop = 0;
}
document.getElementById('scrollTop').onclick = function () {
var el = document.getElementById('myScrollbox');
scrollToTop(el);
};
<end node> 5P9i0s8y19Z
dt=
<node>md5
1
<h2>Demonstration</h2>
<script src="2.2/md5-min.js" type="text/javascript"></script>
<script src="2.2/sha1-min.js" type="text/javascript"></script>
<div class="indented">
<table>
<tr><th>Input</th><td><input type="text" id="input" size="40"></td></tr>
<tr><th>Calculate</th>
<td style="text-align:center">
<input type="button" onclick="document.getElementById('hash').value = hex_md5(document.getElementById('input').value)" value="MD5">
<input type="button" onclick="document.getElementById('hash').value = hex_sha1(document.getElementById('input').value)" value="SHA-1"></td></tr>
<tr><th>Result</th><td><input type="text" id="hash" size="40"></td></tr>
</table>
<end node> 5P9i0s8y19Z
dt=
<node>MESSAGES
1
<end node> 5P9i0s8y19Z
dt=
<node>Body Mass 2
2
http://www.x-developer.com/javascript/content/calculators/body-mass-2/index.html
Body Mass 2
Action: Calculates your body mass index.
Usage: Let your visitors calculate their own body mass index.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Marat Rikelman (rikelman@bellsouth.net) -->
<!-- --------------------------------------------------- -->
function mod(div,base)
{
return Math.round(div-(Math.floor(div/base)*base));
}
function calcBmi()
{
var w=document.bmi.weight.value*1;
var HeightFeetInt=document.bmi.htf.value*1;
var HeightInchesInt=document.bmi.hti.value*1;
HeightFeetConvert=HeightFeetInt*12;
h=HeightFeetConvert+HeightInchesInt;
displaybmi=(Math.round((w*703)/(h*h)));
var rvalue=true;
if((w<=35)||(w>=500)||(h<=48)||(h>=120))
{
alert("Invalid data. Please check and re-enter!");
rvalue=false;
}
if(rvalue)
{
if(HeightInchesInt>11)
{
reminderinches=mod(HeightInchesInt,12);
document.bmi.hti.value=reminderinches;
document.bmi.htf.value=HeightFeetInt+((HeightInchesInt-reminderinches)/12);
document.bmi.answer.value=displaybmi;
}
if(displaybmi<19)
document.bmi.comment.value="Underweight";
if(displaybmi>=19&&displaybmi<=25)
document.bmi.comment.value="Desirable";
if(displaybmi>=26&&displaybmi<=29)
document.bmi.comment.value="prone to health risks";
if(displaybmi>=30&&displaybmi<=40)
document.bmi.comment.value="Obese";
if(displaybmi>40)
document.bmi.comment.value="Extremely obese";
document.bmi.answer.value=displaybmi;
}
return rvalue;
}</script>
<form name=bmi>
<center>
<table width=200 border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Weight: <input type=text name=weight SIZE=3 maxlength=3>
lbs. </font></b></td>
</tr>
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Height: <input type=text name=htf size=1 maxlength=1>
Ft. <input type=text name=hti size=2 maxlength=2>
In. </font></b></td>
</tr>
<tr> <td align=center> <input type=button value="Calculate BMI" onclick=calcBmi()>
</td>
</tr>
<tr bgcolor="#00007F"> <td> <b><font color="#FFFFFF">Body Mass Index <input type=text name=answer size=3>
</font></b></td>
</tr>
<tr bgcolor="#00007F"> <td> <center>
<b><font color="#FFFFFF"> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is: <br>
<input type=text name=comment size=25>
</font> </b> </center>
</td>
</tr>
</table>
</center>
</form>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Calories 1
2
http://www.x-developer.com/javascript/content/calculators/calories-1/index.html
Calories 1
Action: Calculates calories burned.
Usage: Let your visitors calculate their calories burned.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var myWeight;
var myDistance;
function HowMany(form)
{
var difference;
difference=(myDistance*myWeight)*.653;
form.Fdiff.value=difference;
if(difference<100)
{
form.comment.value="You better start working!";
}
if(difference>101&&difference<200)
{
form.comment.value="Nice run, but you can do better.";
}
if(difference>201&&difference<300)
{
form.comment.value="Very good! Push above 300 next time.";
}
if(difference>301&&difference<500)
{
form.comment.value="Great! Your a runner.....keep it up!";
}
if(difference>501&&difference<700)
{
form.comment.value="Bill Rogers move over!";
}
if(difference>701)
{
form.comment.value="Your my hero! Have a jelly doughnut.";
}
}
function SetMyWeight(weight)
{
myWeight=weight.value;
}
function SetmyDistance(dis)
{
myDistance=dis.value;
}
function ClearForm(form)
{
form.myWeight.value="";
form.myDistance.value="";
form.Fdiff.value="";
form.comment.value="";
}</SCRIPT>
<CENTER>
<FORM METHOD=POST>
<TABLE border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<TR> <TR> <TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Your <br>
Weight </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Miles <br>
run </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Calories <br>
burned </font></b></div>
</TD>
<TD> <INPUT TYPE=BUTTON ONCLICK=HowMany(this.form) VALUE=Calculate>
</TD>
</TR>
<tr> <TD> <div align=center> <INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE=SetMyWeight(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE=SetmyDistance(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=Fdiff VALUE="" SIZE=6>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=BUTTON VALUE=" Reset " onClick=ClearForm(this.form)>
</div>
</tr>
</table>
<table border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr> <TD bgcolor="#00007F"> <DIV ALIGN=CENTER><b><font color="#FFFFFF"> Comments </font></b></DIV>
</TD>
<TD> <INPUT TYPE=text NAME=comment size=37>
</td>
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Calories 2
2
http://www.x-developer.com/javascript/content/calculators/calories-2/index.html
Calories 2
Action: Calculates how many calories your have burned.
Usage: Let your visitors calculate their calories.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=LiveScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: pbrady@mail.fsci.umn.edu -->
<!-- --------------------------------------------------- -->
function computeBMR(form){ form.BMRMale.value = 66.473 + ((form.weight.value / 2.2 ) * 13.751) + (5.0033 * form.height.value * 2.54) - (6.55 * form.age.value); form.BMRFemale.value = 665.51 + ((form.weight.value / 2.2 ) * 9.463) + (1.8496 * form.height.value * 2.54) - (4.6756 * form.age.value); form.BMR.value= 70 * (Math.pow((form.weight.value / 2.2 ), 0.75)); return;
}
function computeTotal(form){ if (form.vlight.value.length == 0){ form.vlight.value = "0"; }
if (form.light.value.length == 0){ form.light.value = "0"; } if (form.moderate.value.length == 0){ form.moderate.value = "0"; } if (form.heavy.value.length == 0){ form.heavy.value = "0"; } if (form.vheavy.value.length == 0){ form.vheavy.value = "0"; } form.TotMale.value = (1.0 * form.BMRMale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); form.TotFemale.value = (1.0 * form.BMRFemale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); return;
}
function clearBMR(form){ form.age.value = ""; form.weight.value = ""; form.height.value = ""; form.BMRMale.value = ""; form.BMRFemale.value = ""; form.BMR.value = ""; return;
}
function clearTotal(form){ form.vlight.value = "0"; form.light.value = "0"; form.moderate.value = "0"; form.heavy.value = "0"; form.vheavy.value = "0"; form.TotMale.value = "0"; form.TotFemale.value = "0"; return;
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellpadding="2" cellspacing="0" align="center" bgcolor="#1018BF" width="550">
<TBODY> <TR> <TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">Physical characteristics: </font></b> </center>
<TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">BMR </font></b> </center>
<TH><font color="#1018BF">1</font> </TR>
<TR> <TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF">Age in years <INPUT name=age size=6><br>Weight in pounds <INPUT name=weight size=6><br>Height in inches <INPUT name=height size=6></font></b></PRE>
</center>
<TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF"><INPUT name=BMRMale size=6> kcal/day for men <INPUT name=BMRFemale size=6> kcal/day for women
</font></b></PRE>
</center>
<TD vAlign=top> <INPUT onclick=computeBMR(this.form) type=button value=Enter>
<INPUT onclick=clearBMR(this.form) type=button value=Clear>
</TD>
</TR>
</TBODY> </TABLE>
<center>
<P align="center"><b>BMR can also be estimated as 70 W<SUP>0.75</SUP> = <INPUT border=0 name=BMR size=6>kcal/day, where W is body weight in kilograms.</b></center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Computer Cost
2
http://www.x-developer.com/javascript/content/calculators/computer-cost/index.html
Computer Cost
Action: Calculates cost of your computer.
Usage: Let your visitors calculate cost of their computer.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=JAVASCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Reaz Hoque -->
<!-- --------------------------------------------------- -->
var called=false;
//to make sure the function compute() is called
var T_Price=0;
var pr_flag;
//processor flag for keeping track of the choices
var pr_print="";
var sp_flag;
//flag for speed
var sp_print;
var ram_flag;
//flag for ram
var ram_print;
var hdrive_flag;
//flag for Hard Drive
var hdrive_print;
var vram_flag;
//flag for VRAM
var vram_print;
var fdrive_flag;
//flag for Floopy Drivevar fdrive_print;
var cd_flag;
//flag for CD Rom
var cd_print;
var mn_flag;
//flag for Monitor
var mn_print;
var mos_flag;
//flag for Mouse
var mos_print;
var kb_flag;
//flag for KeyBoard
var kb_print;
var modem_flag;
//flag for Modem
var modem_print;
var software_flag;
//flag for software
var software_print;
var card_flag;
//flag for sound card
var card_print;
function compute(form){
called=true;
if (form.processor[0].selected){
pr_print= "None [$0]";
pr_flag=0;
} if (form.processor[1].selected){
pr_flag =540;
pr_print="68LCO45 DD [$540]";
}
else if (form.processor[2].selected){
pr_flag =340;
pr_print="68LCO45 EE [$340]";
}
else if (form.processor[3].selected){
pr_flag =680;
pr_print="68LCO45 FF [$680]";
}
else if (form.processor[4].selected){
pr_flag =421;
pr_print="68LCO45 GG [$421]";
}
//-------Speed----------
if (form.speed[0].selected){
sp_flag=0;
sp_print="None [$0]";
}
if (form.speed[1].selected){
sp_flag=110;
sp_print="60 MHz [$110]";
}
if (form.speed[2].selected){
sp_flag=145;
sp_print="66/33 MHz [$145]";
}
if (form.speed[3].selected){
sp_flag=199;
sp_print="75 MHz [$199]";
}
if (form.speed[4].selected){
sp_flag=235;
sp_print="100 MHz [$235]";
}
//-------RAM-----------
if (form.ram[0].selected){
ram_flag=0;
ram_print="None [$0]";
}
if (form.ram[1].selected){
ram_flag=75;
ram_print="4 RAM [$75]";
}
if (form.ram[2].selected){
ram_flag=120;
ram_print="8 RAM [$120]";
}
if (form.ram[3].selected){
ram_flag=200;
ram_print="16 RAM [$200]";
}
if (form.ram[4].selected){
ram_flag=350;
ram_print="32 RAM [$350]";
}
//-------Hard Drive-------
if (form.hdrive[0].selected){
hdrive_flag=0;
hdrive_print="None [$0]";
}
if (form.hdrive[1].selected){
hdrive_flag=100;
hdrive_print="250MB [$100]";
}
if (form.hdrive[2].selected){
hdrive_flag=200;
hdrive_print="500MB [$200]";
}
if (form.hdrive[3].selected){
hdrive_flag=300;
hdrive_print="750MB [$300]";
}
if (form.hdrive[4].selected){
hdrive_flag=399;
hdrive_print="1.0GB [$399]";
}
//-------VRAM-------
if (form.vram[0].selected){
vram_flag=0;
vram_print="None [$0]";
}
if (form.vram[1].selected){
vram_flag=50;
vram_print="1MB DRAM [$50]";
}
if (form.vram[2].selected){
vram_flag=89;
vram_print="4MB DRAM [$89]";
}
if (form.vram[3].selected){
vram_flag=125;
vram_print="8MB DRAM [$125]";
}
if (form.vram[4].selected){
vram_flag=200;
vram_print="16MB DRAM [$200]";
}
//-------Floppy-------
if (form.fdrive[0].selected){
fdrive_flag=0;
fdrive_print="None [$0]";
}
if (form.fdrive[1].selected){
fdrive_flag=75;
fdrive_print=" 1.4 ench. [$75]";
}
if (form.fdrive[2].selected){
fdrive_flag=50;
fdrive_print="5.25 ench. [$50]";
}
if (form.fdrive[3].selected){
fdrive_flag=100;
fdrive_print="BOTH [$100]";
}
//-------CD ROM-------
if (form.cd[0].selected){
cd_flag=0;
cd_print="None [$0]";
}
if (form.cd[1].selected){
cd_flag=300;
cd_print="600E Dual Speed [$300]";
}
if (form.cd[2].selected){
cd_flag=450;
cd_print="800E Quadruple-Speed [$450]";
}
//----------Monitor-----------
if (form.monitor[0].selected){
mn_flag=0;
mn_print="None [$0]";
}
if (form.monitor[1].selected){
mn_flag=210;
mn_print="12 ench. VGA [ $210]";
}
if (form.monitor[2].selected){
mn_flag=300;
mn_print="14 ench. Super VGA [$300]";
}
if (form.monitor[3].selected){
mn_flag=290;
mn_print="14 ench. VGA [$290]";
}
if (form.monitor[4].selected){
mn_flag=370;
mn_print="14 ench. Super VGA [$370]";
}
if (form.monitor[5].selected){
mn_flag=350;
mn_print="17 ench. VGA [$350]";
}
if (form.monitor[6].selected){
mn_flag=475;
mn_print="17 ench. Super VGA [$475]";
}
//-----------Mouse------
if (form.mouse[0].selected){
mos_flag=0;
mos_print="None [$0]";
}
if (form.mouse[1].selected){
mos_flag=35;
mos_print=" Vesa6 [$35]";
}
if (form.mouse[2].selected){
mos_flag=120;
mos_print=" Titda9 [$120]";
}
//----------KeyBoard-----------
if (form.keyboard[0].selected){
kb_flag=0;
kb_print= "None [$0]";
}
if (form.keyboard[1].selected){
kb_flag=75;
kb_print="473E SPO [$75]";
}
if (form.keyboard[2].selected){
kb_flag=120;
kb_print="48dE SPO [$120]";
}
if (form.keyboard[3].selected){
kb_flag=150;
kb_print="874K SPO [$150]";
}
if (form.keyboard[4].selected){
kb_flag=175;
kb_print="888i SPO [$175]";
}
//----------Modem-----------
if (form.modem[0].selected){
modem_flag=0;
modem_print=" None [$0]";
}
if (form.modem[1].selected){
modem_flag=100;
modem_print=" External 14.4 [$100]";
}
if (form.modem[2].selected){
modem_flag=110;
modem_print=" Internal 14.4 [$110]";
}
if (form.modem[3].selected){
modem_flag=150;
modem_print=" External 28.8 [$150]";
}
if (form.modem[4].selected){
modem_flag=160;
modem_print=" Internal 28.8 [$160]";
}
//----------Sound Card----------- if (form.card[0].selected){
card_flag=0;card_print="None [$0]";
}
if (form.card[1].selected){
card_flag=300;
card_print=" Adlib [$300]";
}
if (form.card[2].selected){
card_flag=258;
card_print=" Sound Blaster [$258]";
}
if (form.card[3].selected){
card_flag=235;
card_print=" Sound Blaster Pro [$235]";
}
if (form.card[4].selected){
card_flag=320;
card_print=" MIDI Mapper [$320]";
}
T_Price=pr_flag+sp_flag+ram_flag+hdrive_flag+vram_flag+ fdrive_flag+cd_flag+mn_flag+mos_flag+ kb_flag+modem_flag+card_flag;form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
compute(form);
}
text = ("<HEAD><TITLE>'UniVista On-line Computer Cost Esimator'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 4><FONT COLOR=BLUE>UniVista On-line Computer Cost Esimator</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Processor:<BR>Speed: <BR>Monitor: <BR>Hardrive: <BR>Floppy Drive: <BR>Memory:");
text=(text+" <BR>VRAM: <BR>CD-ROM: <BR>Sound Card: <BR>Modem: <BR>Key Board: <BR>Mouse: ");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ pr_print+"<BR>"+sp_print+"<BR>"+ mn_print+"<BR>"+ hdrive_print+"<BR>");
text=(text+ fdrive_print+"<BR>"+ram_print+"<BR>"+ vram_print+"<BR>"+ cd_print+"<BR>");
text=(text+card_print+"<BR>"+ modem_print+"<BR>"+kb_print +"<BR>" +mos_print );
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Total Cost:</FONT>"+" $"+T_Price);
text=(text+"<BR><BR><BR><BR><BR><FONT SIZE=-1><FONT COLOR=GREEN>To print, choose FILE and PRINT.</FONT></FONT>");
text=(text+"</body></html>"); msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=480,directories=no,status=yes,scrollbars=yes,resize=no,menubar=yes") msgWindow.document.write(text) msgWindow.document.close()
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<CAPTION></CAPTION>
<TBODY> <TR> <TD> <center>
<font color="#FFFFFF"><b>Processor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=processor>
<OPTION selected>Select <OPTION>68LCO45 DD [$540] <OPTION>68LCO45 EE [$340] <OPTION>68LCO45 FF [$680] <OPTION>68LCO45 GG [$421]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Speed: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=speed>
<OPTION selected>Select <OPTION>60 MHz [$110] <OPTION>66/33 MHz [$145] <OPTION>75 MHz [$199] <OPTION>100 MHz [$235]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Memory(RAM): </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=ram>
<OPTION selected>Select <OPTION>4 RAM[$75] <OPTION>8 RAM [$120] <OPTION>16 RAM [$200] <OPTION>32 RAM [$350]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>Hard drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=hdrive>
<OPTION selected>Select <OPTION>250MB [$100] <OPTION>500MB [$200] <OPTION>750MB [$300] <OPTION>1.0GB [$399]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>VRAM: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=vram>
<OPTION selected>Select <OPTION>1MB DRAM [$50] <OPTION>4MB DRAM [$89] <OPTION>8MB DRAM [$125] <OPTION>16MB DRAM [$200]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Floppy Drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=fdrive>
<OPTION selected>Select <OPTION>1.4MB [$75] <OPTION>5.25MB [$50] <OPTION>BOTH [$100]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>CD-Rom: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=cd>
<OPTION selected>Select <OPTION>600E Dual Speed [$300] <OPTION>800E Quadruple-Speed [$450]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Monitor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=monitor>
<OPTION selected>Select <OPTION>12" VGA [ $210] <OPTION>12" Super VGA [$300] <OPTION>14" VGA [$290] <OPTION>14" Super VGA [$370] <OPTION>17" VGA [$350] <OPTION>17" Super VGA [$475]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Mouse: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=mouse>
<OPTION selected>Select <OPTION>Vesa6 [$35] <OPTION>Titda9 [$120]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>KeyBoard: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=keyboard>
<OPTION selected>Select <OPTION>473E SPO [$75] <OPTION>48dE SPO [$120] <OPTION>874K SPO [$150] <OPTION>888i SPO [$175]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Modem: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=modem>
<OPTION selected>Select <OPTION>External 14.4 [$100] <OPTION>Internal 14.4 [$110] <OPTION>External 28.8 [$150] <OPTION>Internal 28.8 [$160]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Sound Card: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=card>
<OPTION selected>Select <OPTION>Adlib [$300] <OPTION>Sound Blaster [$258] <OPTION>Sound Blaster Pro [$235] <OPTION>MIDI Mapper [$320]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
</TBODY> </TABLE>
<P> <TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<TBODY> <TR> <TD> <CENTER>
<BR>
<INPUT name=Price onclick=compute(this.form) type=button value="Update Price">
</CENTER>
<BR>
<INPUT name=T_Price size=15>
<BR>
</TD>
<TD>
<INPUT name=Print_data onclick=print(this.form) type=button value="Print Preview">
<CENTER>
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Cool Table Menu
2
http://www.wsabstract.com/script/script2/coolmenu.shtml
Cool Table Menu IE 4+
Description: Add flare to your menu with Clarence's navigational script! Not only do participating menu items receive a "highlight" effect when the mouse moves over them, but also, a textual description of the containing link. Very cool, and degrades well with all browsers.
Example:
Dynamic Drive
Freewarejava.com
Cerebus Web Resources
SitePoint.com
Directions
Step 1: The following code is to be placed between <head> and </head>.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
Visit http://wsabstract.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
iedescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
iedescription.innerHTML=' '
}
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Add the below where you wish the menu to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(choice1,'The #1 DHTML site online')" onmouseout="moveout(choice1)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(choice2,'Free Java applets')" onmouseout="moveout(choice2)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(choice3,'Free webmaster resources')" onmouseout="moveout(choice3)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(choice4,'Resources to build your site')" onmouseout="moveout(choice4)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="iedescription" face="Verdana" size="2"></font></td></tr>
</table>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Count down until any date
2
http://www.wsabstract.com/script/script2/count.shtml
http://www.wsabstract.com/script/countdownimage.shtml
http://www.wsabstract.com/script/script2/count2.shtml
http://www.wsabstract.com/script/script2/countup.shtml
Count down until any date
Description: A versatile and practical script that can be used to count down until any given date.
Example: Only 81 days until Christmas!
Directions: Simply insert the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Count down until any date script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Only "+difference+" days until "+before)
}
//enter the count down date using the format year/month/day
countdown(2000,12,25)
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:
countdown(2000,12,25)
The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).
<end node> 5P9i0s8y19Z
dt=
<node>CREDITS SCREEN
2
http://www.wsabstract.com/script/script2/creditscreen.shtml
Credits screen
Description: Add a TV-like credits screen page to your site with this script! It displays a "credit" window that slowly scrolls down continuously, revealing the contributors' names bit by bit...just like the credit screen on TV!
Example: See credits for Website Abstraction
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the below into the <body> section of the page that will open the credits page (ie: this page):
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Credits screen script
By Website Abstraction
http://wsabstract.com
Over 400+ original scripts here!
*/
function opencredit(){
//set this to the file of the credit
var creditfile="credits.htm"
if (document.all)
creditwindow=window.open(creditfile,"","width=445,height=250")
else
creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
You'll also need to add a link like the below, which is what the users will click to activate the credits screen:
<a href="javascript:opencredit()">See credits for My site!</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Click and save the following HTML page into your webpage directory (credits.htm). This is the HTML page that contains the credits themselves. You obviously want to edit it to contain your own credit lines. Just don't remove the script inside of it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/credits.htm
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<title>Website Abstraction Credit Screen</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p align="center"><img src="../../logor.gif" width="332" height="97" alt="logor.gif (5979 bytes)"><br>
<small><font face="Verdana">Credits Page</font></small></p>
<p align="left"><strong><font face="Verdana">~Main credits~</font></strong></p>
<p align="left"><font face="Verdana"><strong>Creator and main operator: </strong>George
Chiang (WA)</font></p>
<p align="left"><font face="Verdana"><strong>JavaScript forum moderator: </strong>John
Krutsch</font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Dog Years
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Dog Years
Action: Calculates your dog life.
Usage: Let your visitors calculate how old they are in dog life.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Download Time
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Download Time
Action: Estimates how long will it take to download a file from Internet.
Usage: Let your visitors calculate time spent on specific download.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>FairWell window launcher
2
http://www.wsabstract.com/script/cut65.shtml
http://www.wsabstract.com/script/script2/bookalert.shtml
FairWell window launcher (updated:98/10/19)
I got the idea for the following script from a site I recently visited. When I left, a cute little window popped up, thanking me for visiting their site, and urging me to come back real soon. The window actually made an impact on me, surprisingly. Here is a script that does just that- pops up a small, toolbarless window as the surfer leaves the page. To avoid over-irritating your surfers, the script comes with the added feature of only popping up the first time the surfer enters and leaves the page; if he/she goes to CNN for a while, then returns and leaves again, the window is not displayed. (Try leaving this page the first time- a window will be displayed. Come back, then leave again- no window!). Note: Cookies are used to determine how many times a surfer has visited a page; therefore, only browsers with cookies enabled will benefit from this "anti-irritant" feature.
Example: Press "back" (the first time) to leave this page and see the script in action.
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following into the <head> section of your page (change the :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Fair well window launcher script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function openpopup(){
//configure "seeyou.htm and the window dimensions as desired
window.open("seeyou.htm","","width=300,height=338")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Insert the following into the <body> tag itself, like this:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<body onunload="loadpopup()">
.........
( Clip-Art )
Thanks for visiting our site. We hope to see you real soon!
http://wsabstract.com
..........
<end node> 5P9i0s8y19Z
dt=
<node>Group Work
2
http://www.x-developer.com/javascript/content/calculators/group/index.html
Group Work
Action: Calculates group work time.
Usage: Let your visitors calculate group work time.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: mistermidget@hotmail.com --> <!-- --------------------------------------------------- -->
function groupWork()
{
person1=parseInt(document.workform.person1.value);
person2=parseInt(document.workform.person2.value);
worktime=(person1*person2)/(person1+person2);
document.workform.time.value=worktime;
}</script>
<center>
<form name=workform>
<b>Person one can do the job in <input type=text name=person1 size=5>
hours. <br>
Person two can do the same job in <input type=text name=person2 size=5>
hours. <br>
Together, they can do the job in <input type=text name=time size=10>
hours. </b><br>
<br>
<input type=button value=Solve! name=solve onClick=groupWork()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>HeadLiner
2
When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great.... Just check it out!
= = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL HEADLINER:
1. Add the onLoad event handler to the BODY tag
2. Copy the specified code into the BODY of your HTML document -->
<!-- STEP ONE: Add this onLoad event handler to the BODY tag -->
<body onLoad="StartHeadliner()">
<!-- STEP TWO: Put this code into the BODY of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- Begin
typeWriterWait=120 // Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false // randomly choose lines? (true or false)
lineMax=7 // how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.piaster.nl/perspicacity/js/headliner", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:Jan_P@dds.nl?subject=The Headliner", "", TypeWriter, 1500)
lines[7]=new Line("Or here to go back to Messages", "http://messages.javascriptsource.com", "", Static, 3500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 5.69 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Highlight text
2
http://wsabstract.com/howto/css.shtml
Highlight text (Compatible: IE 4+, NS 4)
Cheap example on the net: Below example
I like to call this effect highlight text, but many simply call it "text with a background color" (how artistic). It allows you to draw attention to specific text by giving it a background color. Take a look at the following paragraph:
= = =
Hay webmasters, looking for the perfect tool to create and manage a web site? Allow me to introduce you to NotePad. Its the simplest, fastest, and don't forget, cheapest way to creating and maintaining a site. Why else would it be packaged with Windows 95? You know that Windows 95 is the best operating system available, so whatever comes with it must also be the, eh, best, right?. Don't hesitate, use NotePad today!
= = =
Since I want to emphasize the words "simplest, fastest, and cheapest", I use CSS to give that portion of the text a background color of yellow. Here's the source code I used:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<span style="background-color:yellow">simplest, fastest, and don't forget, cheapest</span>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
As you can see, just warp the text you want to highlight with the part in bold.
<end node> 5P9i0s8y19Z
dt=
<node>Interactive Headliner 1
2
http://www.x-developer.com/javascript/content/buttons/headliner-1/index.html
Interactive Headliner 1 Browser : ALL
Action: Scrolls and blinks information with links in many ways.
Usage: Save space on your site by having this ultimate headliner on your pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=StartHeadliner() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- --------------------------------------------------- -->
typeWriterWait=120// Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90// scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false// randomly choose lines? (true or false)
lineMax=7// how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.x-developer.com", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:developer@x-developer.com", "", TypeWriter, 1500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="X-Developer presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Interactive Headliner 2
2
http://www.x-developer.com/javascript/content/buttons/headliner-2/index.html
Interactive Headliner 2
Action: Changes messageson a form button with predefined links.
Usage: Create your littlepresentation and save space on your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=StartHeadliner() onunload=StopHeadliner() bgcolor="#FFFFCC">
<STYLE>.stHeadliner {
BACKGROUND: red; COLOR: white; FONT-FAMILY: lucida console, courier new, monospace; FONT-SIZE: 11pt; FONT-STYLE: italic; FONT-WEIGHT: bold
}
</STYLE>
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker -->
<!-- Web Site: mailto:Jan_P@dds.nl -->
<!-- --------------------------------------------------- -->
// Delay in milliseconds for the growing headliner
growWait=90
// Delay in milliseconds for the expanding headliner
expandWait=120
// Delay in milliseconds for the scrolling headliner
scrollWait=100
// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40
// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)
// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("Get 1000's of best JavaScripts!", "http://www.x-developer.com", Expand, 2000)
lines[2]=new Line("Great Animation Scripts", "www.x-developer.com/javascript/content/animations/index.html", Scroll, 1000)
lines[3]=new Line("Cool Banner Scripts", "http://www.x-developer.com/javascript/content/banners/index.html", Static, 2500)
lines[4]=new Line("E-Mail Me!", "mailto:developer@x-developer.com", Grow, 3000)
// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</SCRIPT>
<CENTER>
<FORM name=formDisplay>
<INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value="The Headliner">
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Page Born
2
http://www.x-developer.com/javascript/content/page-details/page-born/index.html
Page Born
Action: Tells you if the page has changed since your last visit.
Usage: Tell a visitor if something has happened on your site since his last visit.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR> <TD bgcolor="#000044"> <center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: www.jwp.bc.ca/saulm/html/bornon.htm -->
<!-- --------------------------------------------------- -->
document.write(document.title);
</SCRIPT>
</center>
</TD>
</TR>
<TR> <TD bgcolor="#440000"> <center>
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>
<!-- Put the page creation date, here --> April 1, 2000 <BR>
<SCRIPT LANGUAGE="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break; }
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "Last updated: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'><br>Site has changed since last visit!</font><br>");
}
</SCRIPT>
</FONT> </center>
</TD>
</TR>
</TABLE>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>People on Earth
2
http://www.x-developer.com/javascript/content/calculators/people-earth-ie/index.html
People on Earth
Action: Calculates how many people live on Earth.
Usage: Let your visitors calculate number of people on Earth.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=maind() bgcolor="#FFFFCC">
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: w.joosen@tip.nl -->
<!-- http://www.geocities.com/SiliconValley/Heights/7725/-->
<!-- --------------------------------------------------- -->
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0 var i=0
while (number > 1)
{ numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) { numberstring = "." + numberstring j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring}
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds) { startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 nu = new Date () schuldstartdatum = new Date (96,1,1) secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</SCRIPT>
<CENTER>
<BR>
<H2><font size="4">The number of people on the planet Earth is now...</font></H2>
<FORM name=schuld>
<INPUT name=schuld size=25>
</FORM>
<BR>
<BR>
<H2><font size="4">Since you are on this page the number of people on Earth has grown with ...</font></H2>
<FORM name=newnow>
<INPUT name=newnow size=25>
<H2><font size="4">people.</font></H2>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Remote Control
2
http://www.wsabstract.com/script/cut105.shtml
http://www.wsabstract.com/script/cut112.shtml
Remote Control
Description: A remote control that loads links into the main window.
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following code into the <body> of the MAIN page (the page that will launch the remote:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
function remote(){
/*Credit: Website Abstraction www.wsabstract.com more JavaScripts here.*/
win2=window.open("remote.htm","","width=150,height=350,scrollbars")
win2.creator=self
}
//-->
</script>
<form>
<input type="button" value="Launch remote!" onClick="remote()">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below code and save it as remote.htm. This is the file you should edit- simply change the URLs in function remote2 below to your own:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
<title>Remote Control</title>
<script>
<!--
function remote2(url){
creator.location=url
}
//-->
</script>
</head>
<body bgcolor="ffffff">
<div align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFF00">
<tr>
<td width="100%"><p align="center"><strong><big><font face="Arial">Remote Control</font></big></strong></td>
</tr>
</table>
</div>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../javaindex.htm')"><strong>JavaScript Tutorials</strong></a></font></p>
<p align="left"><font face="Arial"><a href="javascript:remote2('../howto/webbuild.htm')"><strong><small>Web
building tutorials</small></strong></a></font></p>
<p align="left"><a href="javascript:remote2('../cutpastejava.htm')"><font face="Arial"
size="2"><strong>Free JavaScripts</strong></font></a></p>
<p align="left"><a href="javascript:remote2('../java/javafront.htm')"><small><font
face="Arial"><strong>Free Java applets</strong></font></small></a></p>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../frontpage.htm')"><strong>FrontPage Tutorials</strong></a></font></p>
<p align="left"><a href="javascript:remote2('../backgr.htm')"><font face="Arial" size="2"><strong>Web
Graphics</strong></font></a></p>
<p align="left"><a
href="javascript:remote2('http://www.wsabstract.com/script/cut105.htm')"><font
face="Arial" size="2"><strong>Back to script</strong></font></a></p>
</body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Scrolling Window
2
http://www.wsabstract.com/script/cut179.shtml
Scrolling Window (Requires IE 4.x or NS 4.x)
Description: A scrolling window script that automatically scrolls the window all the way to the bottom, then starts all over again. Great for presentational web pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
E X A M P L E:
<title>The World Cups</title>
</head>
<body bgcolor="#FFFFFF">
<p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script><!--webbot bot="HTMLMarkup"
endspan --></p>
<div align="center"><center>
<table border="0" width="65%" cellspacing="3" cellpadding="0" bgcolor="#008000">
<tr>
<td width="100%"><div align="center"><center><table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"><h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font
face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<hr size="1">
<h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<p align="center"> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>TIP-OF-THE-DAY
2
http://www.wsabstract.com/script/script2/tipday.shtml
Tip of the day
Description: If you run any sort of "content" site, this script is an invaluable tool for making that content more dynamic, and to keep your visitors coming back. It's a "tip of the day" script that serves up a different tip daily. The script holds 31 tips, enough to cover an entire month's worth of information. Be sure to update the script every month!
Example:
JavaScript Tip of the day
Use the arguments array of functions to determine it's containing parameters dynamically
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply copy and paste the below to the <body> section of your page where you wish the tip to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<script>
<!--
/*
Tip of the day script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
var today_obj=new Date()
var today_date=today_obj.getDate()
var tips=new Array()
//Configure the below variable to contain the "header" of the tip
var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br>'
//Configure the below array to hold the 31 possible tips of the month
tips[1]='Tip 1 goes here'
tips[2]='Tip 2 goes here'
tips[3]='Tip 3 goes here'
tips[4]='Tip 4 goes here'
tips[5]='Tip 5 goes here'
tips[6]='Tip 6 goes here'
tips[7]='Tip 7 goes here'
tips[8]='Tip 8 goes here'
tips[9]='Tip 9 goes here'
tips[10]='Tip 10 goes here'
tips[11]='Tip 11 goes here'
tips[12]='Tip 12 goes here'
tips[13]='Tip 13 goes here'
tips[14]='Tip 14 goes here'
tips[15]='Tip 15 goes here'
tips[16]='Tip 16 goes here'
tips[17]='Tip 17 goes here'
tips[18]='Tip 18 goes here'
tips[19]='Tip 19 goes here'
tips[20]='Tip 20 goes here'
tips[21]='Tip 21 goes here'
tips[22]='Tip 22 goes here'
tips[23]='Tip 23 goes here'
tips[24]='Tip 24 goes here'
tips[25]='Tip 25 goes here'
tips[26]='Tip 26 goes here'
tips[27]='Tip 27 goes here'
tips[28]='Tip 28 goes here'
tips[29]='Tip 29 goes here'
tips[30]='Tip 30 goes here'
tips[31]='Tip 31 goes here'
document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Change the variables "tiptitle" and array "tips", and you're done.
<end node> 5P9i0s8y19Z
dt=
<node>NO CACHE?
1
There are several things that can't be done with JavaScript for security reasons, including such things as changing user preferences or clearing the cache.
However, I do have a slick workaround that prevents a page from being stored in the user's cache. (You don't have to clear the cache if the page isn't in the cache!) Anyways, on with it. The code to stick in the HEAD section of your page is this:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="Thu, 01 Dec 1994 120000 GMT">
Note: The second 'Expires' tag is not necessary for all browsers, but some browsers do use with the 'no-cache' tag, so it is best to just leave it in for good measure.
<end node> 5P9i0s8y19Z
dt=
<node>on click
1
parent.Displayright.location= 'http://www.westandassoc.com'
[vbcode]
onclick="; Chr$(34) + "parent.Displayright.location='home.html'" + Chr$(34); ">Return</a>"
<end node> 5P9i0s8y19Z
dt=
<node>Right Click Menu
2
http://javascript.internet.com/page-details/right-click-menu.html
Right Click Menu
(Internet Explorer Only) Displays a menu when the visitor right click's on the page. You can easily use style sheets to modify the menu 'skins', or write your own. Awesome!
<!-- TWO STEPS TO INSTALL RIGHT CLICK MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.painting-effects.co.uk -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Go Back</div>
<div class="menuitems" url="http://javascript.internet.com">Go Home</div>
<hr>
<div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div>
<div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div>
<hr>
<div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div>
<div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.36 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>right mouse click
2
<script language="JavaScript">
<!-- HIDE FROM OLD BROWSERS
function disable_right_click(e)
{
var browser = navigator.appName.substring ( 0, 9 );
var event_number = 0;
if (browser=="Microsoft")
event_number = event.button;
else if (browser=="Netscape")
event_number = e.which;
if ( event_number==2 || event_number==3 )
{
alert ("COPYRIGHT by SOLVENET");
return (false);
}
return (true);
}
function check_mousekey ()
{
var mouse_key = 93;
var keycode = event.keyCode;
if ( keycode == mouse_key )
alert ( "Mouse Key Is Disabled" );
}
function trap_page_mouse_key_events ()
{
var browser = navigator.appName.substring ( 0, 9 );
document.onmousedown = disable_right_click;
if ( browser == "Microsoft" )
document.onkeydown = check_mousekey;
else if ( browser == "Netscape" )
document.captureEvents( Event.MOUSEDOWN );
}
window.onload = trap_page_mouse_key_events;
<end node> 5P9i0s8y19Z
dt=
<node>PAGE DETAILS
1
<end node> 5P9i0s8y19Z
dt=
<node>adapt2screen Window opener
2
http://www.wsabstract.com/script/cut121.shtml
adapt2screen Window opener (Requires Java-enabled browser)
Description: A script that opens a secondary window with the size adjusted relative to the screen resolution of the surfer. You can specify, for example, that the secondary window always be 50 pixels smaller than the screen of the surfer, regardless of the screen size of the surfer. Check documentation in script below for details.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert this into the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT>
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
w = screen_size.width;
h = screen_size.height;
}
w=w-50; //erase these adjustments for making the window big as possible
h=h-150;
//change index.html to the name of the window U want to open
nw=window.open("../index.html","",'toolbar=yes,location=yes,directories=yes,menubar =yes,scrollbars=yes,status=yes,resizable=1,width='+w+',height='+h)
if (document.layers||document.all)
window.nw.moveTo(0,0) //up-left-justify
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Display document URL and time
2
Display document URL and time
http://www.wsabstract.com/script/script2/documentinfo.shtml
Description: This script allows you to conveniently display the containing document's URL and time on the page. Useful, for example, if your site's pages are often printed out, and you wish the URL/time to be included in the output.
Example: Look at the bottom of this page
Directions: Add the following to the footnote of your document:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
var today=new Date()
document.write('<center>'+today.toString()+'<br>'+window.location+'</center>')
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Displaying the last modified date of your page
2
Displaying the last modified date of your page
http://www.wsabstract.com/script/cut8.shtml
Example: Updated 10/5/2000 1:19:42
Description: The following script will display the date and time of the last modification to your webpage. It will automatically update itself whenever you make changes to the page and save it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply add the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT language="JavaScript">
<!--
/*
Last Modified Date script (by Candy)
For this and 100's more scripts, visit http://wsabstract.com
*/
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var lastUpdate = new Date(document.lastModified);
var modifiedyear=lastUpdate.getYear()
if (modifiedyear<1000)
modifiedyear+=1900
document.write("Updated ");
document.write(lastUpdate.getMonth()+1 + '/' + lastUpdate.getDate() + '/' + modifiedyear+ ' '+ lastUpdate.getHours()+':'+lastUpdate.getMinutes()+':'+lastUpdate.getSeconds())
//-->
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Floating Logo
2
http://www.x-developer.com/javascript/content/page-details/logo-float/index.html
Logo Floater Browser : ALL
Action: Displays floating logo in the bottom right corner of the screen and keeps it there even when the page is scrolled.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload="setVariables(); checkLocation();" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- --------------------------------------------------- -->
function setVariables() {
imgwidth=70; // logo width, in pixels
imgheight=30; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
</SCRIPT>
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50; z-index:2">
<table width=10>
<td> <a href="http://www.x-developer.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true">
<center>
<img src="logo-float.gif" width="70" height="30" border="0">
</center>
</a></td>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Preload Page
2
http://javascript.internet.com/page-details/preload-page.html
Preload Page
Displays a loading message as the page, including images and sound elements, are loaded in the background. When the page finishes loading the screen is shown, similar to how Macromedia's Flash plugin works. Easy!
<!-- THREE STEPS TO INSTALL PRELOAD PAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Gilbert Davis -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function loadImages() {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY OnLoad="loadImages()">
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>
<!-- put the rest of your page contents here -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Size & Position Opener
2
http://www.x-developer.com/javascript/content/buttons/window-size-position/index.html
Size & Position Opener
Action: Popups windows withpredefined size and screen location.
Usage: Control your popupwindows.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function open0()
{
zero=open("","zero","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=0,top=0");
zero.document.write("<html><title>0 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"0 pixels left<br>0 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open100()
{
one=open("","one","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=100,top=100");
one.document.write("<html><title>100 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"100 pixels left<br>100 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open200()
{
two=open("","two","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=200,top=200");
two.document.write("<html><title>200 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"200 pixels left<br>200 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open300()
{
three=open("","three","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=300,top=300");
three.document.write("<html><title>300 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"300 pixels left<br>300 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}</script>
<center>
<form>
<input type=button value="Window: 0 pixels left & top" onclick=open0()>
<br>
<input type=button value="Window: 100 pixels left & top" onclick=open100()>
<br>
<input type=button value="Window: 200 pixels left & top" onclick=open200()>
<br>
<input type=button value="Window: 300 pixels left &top" onclick=open300()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>PASSWORD Protection
1
<end node> 5P9i0s8y19Z
dt=
<node>Login and password script II
2
Login and password script II
http://www.wsabstract.com/script/script2/loginpass2.shtml
Login and password script II
Description: This is a variation of the original Login and Password script that will take users to two different pages, depending on whether the entered combination is correct or not.
Example: (in demo, user="free", password="javascript")
ENTER USER NAME :
ENTER PASSWORD :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of the login page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form>
<p>ENTER USER NAME :
<input type="text" name="text2">
</p>
<p> ENTER PASSWORD :
<input type="password" name="text1">
<input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >
</p>
</form>
<script language = "javascript">
/*
Script by Anubhav Misra (anubhav_misra@hotmail.com)
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
function validate(text1,text2,text3,text4)
{
if (text1==text2 && text3==text4)
load('success.htm');
else
{
load('failure.htm');
}
}
function load(url)
{
location.href=url;
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Configuring the script
To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html."
<end node> 5P9i0s8y19Z
dt=
<node>PageName
2
http://www.x-developer.com/javascript/content/passwords/page-name/index.html
Page Name Browser : ALL
Action: Sends you to a page that is called name.html where NAME is password entered by a user.
Usage: Create pages with complex names and use this as a simple but well working restricting access system.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var password = ''
password=prompt('Please enter your password:','demo-dest');
if (password != null) {
location.href= password + ".html";
}
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Pass Generator
2
http://www.x-developer.com/javascript/content/passwords/generator/index.html
Pass Generator Browser : ALL
Action: Generates password of given length and character type.
Usage: Save time when making up passwords.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Kroll (rkroll@istar.ca) -->
<!-- --------------------------------------------------- -->
function generate(form) {
var type=form.type.selectedIndex;
if (type<4) {
var selectionarray=new Array(62)
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
selectionarray[37]="a";
selectionarray[38]="b";
selectionarray[39]="c";
selectionarray[40]="d";
selectionarray[41]="e";
selectionarray[42]="f";
selectionarray[43]="g";
selectionarray[44]="h";
selectionarray[45]="i";
selectionarray[46]="j";
selectionarray[47]="k";
selectionarray[48]="l";
selectionarray[49]="m";
selectionarray[50]="n";
selectionarray[51]="o";
selectionarray[52]="p";
selectionarray[53]="q";
selectionarray[54]="r";
selectionarray[55]="s";
selectionarray[56]="t";
selectionarray[57]="u";
selectionarray[58]="v";
selectionarray[59]="w";
selectionarray[60]="x";
selectionarray[61]="y";
selectionarray[62]="z";
var length=62;
}
if (type<3) {
var selectionarray=new Array(36);
selectionarray[1]="a";
selectionarray[2]="b";
selectionarray[3]="c";
selectionarray[4]="d";
selectionarray[5]="e";
selectionarray[6]="f";
selectionarray[7]="g";
selectionarray[8]="h";
selectionarray[9]="i";
selectionarray[10]="j";
selectionarray[11]="k";
selectionarray[12]="l";
selectionarray[13]="m";
selectionarray[14]="n";
selectionarray[15]="o";
selectionarray[16]="p";
selectionarray[17]="q";
selectionarray[18]="r";
selectionarray[19]="s";
selectionarray[20]="t";
selectionarray[21]="u";
selectionarray[22]="v";
selectionarray[23]="w";
selectionarray[24]="x";
selectionarray[25]="y";
selectionarray[26]="z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
if (type<2) {
var selectionarray=new Array(36);
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
var lngth=form.length.selectedIndex;
var i,j;
var tmpstr;
tmpstr="";
i=0;
do {
{
var randscript = -1
while (randscript < 1 || randscript > length || isNaN(randscript))
{randscript = parseInt(Math.random()*(length))}
j=randscript}
tmpstr=tmpstr+selectionarray[j]
i=i+1}
while (i<lngth)
form.password.value = tmpstr;
}
</script>
<center>
<form>
<select name="type">
<option selected>Choose Type <option>Uppercase letters and numbers <option>Lowercase letters and numbers <option>Mixed case letters and numbers </select>
<select name="length">
<option selected>Choose length <option>1 Character <option>2 Characters <option>3 Characters <option>4 Characters <option>5 Characters <option>6 Characters <option>7 Characters <option>8 Characters <option>9 Characters <option>10 Characters <option>11 Characters <option>12 Characters <option>13 Characters <option>14 Characters <option>15 Characters <option>16 Characters <option>17 Characters <option>18 Characters <option>19 Characters <option>20 Characters </select>
<br>
<b>Your random password is:</b> <input type=text name=password size=20>
<br>
<input type="button" value="Generate Password" onclick="generate(this.form)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Simple MultiUser
2
http://www.x-developer.com/javascript/content/passwords/simple-multi/index.html
Simple MultiUser
Action: Simple password protection system that uses code inside the page to determine correct passwords.
Usage: Keep people off your restricted access pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="user1" && password=="password1") { window.location="demo-dest.html"; done=1;}
if (username=="user2" && password=="password2") { window.location="demo-dest.html"; done=1;}
if (done==0) { alert("Invalid login!");}
}
</SCRIPT>
<center>
<form name=login>
<table border=3 cellpadding=2 bgcolor="#1018BF" cellspacing="0">
<tr> <td colspan=2 bgcolor="#00007F"> <center>
<font color="#FFFFFF"><b><font size="+2"><font size="3">Members-Only Area!</font></font> </b> </font> </center>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Username:</b></font></td>
<td> <input type=text name=username>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Password:</b></font></td>
<td> <input type=text name=password>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>PLAY SOUNDS
1
<end node> 5P9i0s8y19Z
dt=
<node>MouseOVER/CLICK
2
http://www.wsabstract.com/script/script2/soundlink.shtml
onMouseover/onClick sound effect
.wav
Description: This is what you've been waiting for...a script that plays a sound when the mouse moves over certain links. It can be configured to initiate the sound only when someone clicks on the links as well (see footnote). The script works in BOTH NS and IE (in NS, the LiveAudio plugin must exist).
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Add the following to the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "laser.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Edit the aySound array to preload the sound files.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.wav";
aySound[2]="EvenAnotherOne.wav";
.
.
as many sound files as one wants.
Important! Please make sure the sound files exist, or else errors will occur.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 3: Finally, play the sound files with an event handler.
With a link:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
- onMouseOver/onMouseOut sound: ... http://jsarchive.8m.com/YourPage.html
<A HREF="YourPage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Move mouse over to play sound</A>
= = =
- onClick sound: ... javascript:playSound(1);
<A HREF="javascript:playSound(0);">Click here to play sound</A>
= = =
-With a button:
-
<INPUT TYPE="BUTTON" VALUE="Click me!" onClick="playSound(0)">
Note: playSound(0) plays the audio file of aySound[0]; playSound(1) will play aySound[1], etc.
<end node> 5P9i0s8y19Z
dt=
<node>Random Link Generator
1
Random Link Generator
Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!
= = = = = = = = = =
<!-- ONE STEP TO INSTALL RANDOM LINK GENERATOR:
1. Paste the designated coding into the HEAD of the HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3); // a = random number between 1-3
if (a==1) go_to("http://bgeffects.javascriptsource.com");
if (a==2) go_to("http://clocks.javascriptsource.com");
if (a==3) go_to("http://games.javascriptsource.com");
}
// End -->
</SCRIPT>
<!-- STEP TWO: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" VALUE="Random link"
onClick="rand_link()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.00 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Regular expressions
1
[social security]
^\\d{3}-\\d{2}-\\d{4}$ without dashes ^\\d{9}$
Common expressions
Date
/^\\d{1,2}(\\-|\\/|\\.)\\d{1,2}\\1\\d{4}$/ mm/dd/yyyy
US zip code
/(^\\d{5}$)|(^\\d{5}-\\d{4}$)/ 99999 or 99999-9999
Canadian postal code
/^\\D{1}\\d{1}\\D{1}\\-?\\d{1}\\D{1}\\d{1}$/ Z5Z-5Z5 orZ5Z5Z5
Time
/^([1-9]|1[0-2]):[0-5]\\d(:[0-5]\\d(\\.\\d{1,3})?)?$/ HH:MM or HH:MM:SS or HH:MM:SS.mmm
IP Address(no check for alid values (0-255))
/^\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}$/ 999.999.999.999
Dollar Amount
/^((\\$\\d*)|(\\$\\d*\\.\\d{2})|(\\d*)|(\\d*\\.\\d{2}))$/ 100, 100.00, $100 or $100.00
Social Security Number
/^\\d{3}\\-?\\d{2}\\-?\\d{4}$/ 999-99-9999 or999999999
Canadian Social Insurance Number
/^\\d{9}$/ 999999999
<end node> 5P9i0s8y19Z
dt=
<node>slideshow
1
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
<!--
//configure the paths of the images, plus corresponding target links
//slideshowimages("img1.gif", "img2.gif", "img3.gif")
//slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")
slideshowimages("http://www.southcentralweldchamber.com/foothillssales/foothillssales.jpg", "http://www.southcentralweldchamber.com/lasalleliquor/Lasalle-liquor.jpg", "http://www.southcentralweldchamber.com/farmersinn/FarmersInn.jpg", "http://www.southcentralweldchamber.com/kblegacydesigns/kblegacyad.png", "http://www.southcentralweldchamber.com/dianeoldfield/candles.jpg", "http://www.southcentralweldchamber.com/firstbaptistchurch/First-pres-church.jpg", "http://www.southcentralweldchamber.com/freemansservice/freemantruck.jpg", "http://www.southcentralweldchamber.com/membershiplabels/Chamber-Card.jpg", "http://www.southcentralweldchamber.com/lasalleoil/Lasalle-oil.jpg", "http://www.southcentralweldchamber.com/coloradotown/colotownlogo.jpg", "http://www.southcentralweldchamber.com/townoflasalle/Splash.gif", "http://www.southcentralweldchamber.com/northvalleymiddleschool/North-Valley-MS.jpg", "http://www.southcentralweldchamber.com/reliantaccounting/Reliantaccounting.jpg", "http://www.southcentralweldchamber.com/ideasfromtheharrt/Ideas2.jpg", "http://www.southcentralweldchamber.com/fivestartturf/5star.jpg", "http://www.southcentralweldchamber.com/childhousechair/bizcard_web.jpg", "http://www.southcentralweldchamber.com/Y&M/Y&MReal Estate.png", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/gilcrestfarm.jpg", "http://www.southcentralweldchamber.com/tricountyautosales/tri-county-auto.jpg", "http://www.southcentralweldchamber.com/psicoaching/PSI-Coaching.jpg", "http://www.southcentralweldchamber.com/airxtreme/airxtreme.jpg", "http://www.southcentralweldchamber.com/townofplatteville/TOP.jpg", "http://www.southcentralweldchamber.com/valleypacking/valley-packing.jpg", "http://www.southcentralweldchamber.com/colowirecloth/CO-Wire2.jpg", "http://www.southcentralweldchamber.com/bankofchoice/Bank-of-Choice.jpg", "http://www.southcentralweldchamber.com/coloradoeastbank/BUILDING2.JPG", "http://www.southcentralweldchamber.com/valleyhighschool/VHS-Web.jpg", "http://www.southcentralweldchamber.com/pelicanlakeranch/PLR-Office-Scene.jpg")
slideshowlinks("http://www.southcentralweldchamber.com/psicoaching/", "http://www.southcentralweldchamber.com/membershiplabels/", "http://www.southcentralweldchamber.com/ideasfromtheharrt/", "http://www.southcentralweldchamber.com/bankofchoice/", "http://www.southcentralweldchamber.com/colowirecloth/", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/", "http://www.southcentralweldchamber.com/townofplatteville/", "http://www.southcentralweldchamber.com/pelicanlakeranch/", "http://www.southcentralweldchamber.com/valleyhighschool/", "http://www.southcentralweldchamber.com/northvalleymiddleschool/", "http://www.southcentralweldchamber.com/fivestartturf/", "http://www.southcentralweldchamber.com/coloradotown/", "http://www.southcentralweldchamber.com/kblegacydesigns/", "http://www.southcentralweldchamber.com/coloradoeastbank/", "http://www.southcentralweldchamber.com/lasalleoil/", "http://www.southcentralweldchamber.com/farmersinn/", "http://www.southcentralweldchamber.com/firstbaptistchurch/", "http://www.southcentralweldchamber.com/foothillssales/", "http://www.southcentralweldchamber.com/freemansservice/", "http://www.southcentralweldchamber.com/lasalleliquor/", "http://www.southcentralweldchamber.com/townoflasalle/", "http://www.southcentralweldchamber.com/Y&M/", "http://www.southcentralweldchamber.com/tricountyautosales/", "http://www.southcentralweldchamber.com/valleypacking/", "http://www.southcentralweldchamber.com/airxtreme/", "http://www.southcentralweldchamber.com/reliantaccounting/", "http://www.southcentralweldchamber.com/dianeoldfield/", "http://www.southcentralweldchamber.com/childhousechair/") //configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
********************
<!----- Add this line in the head ------------->
<script language="javascript" src='slideshow.js'></script>
<!--------- Add these lines in the body at desired Location of show ----------------->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0 width="345" ></a>
<script language="javascript" >slideit();</script>
<end node> 5P9i0s8y19Z
dt=
<node>with forward and previous
2
Script from the Headlines
OK, Let's start by placing your script tag between the head tags of your webpage.
<head>
<title>Alanna's JavaScript slide show tutorial</title>
<script language="JavaScript">
<!--
// -->
</script>
</head>
Next let's create a couple of global variables that we're going to need later on.
var interval = 1500;
var random_display = 0;
var imageDir = "my_images/";
The interval variable indicates the length of the pause we'll have between images. In JavaScript, 1000 is equal to one second, so I've set mine at 1.5 seconds.
The random_display variable tells the script whether we want our slide show to display our images in a random or sequential order. In this case, 0 is equal to sequential, 1 is equal to random.
Our imageDir variable will store the path name for our images so we'll only need to worry about the filename.
An Array of Arrays
Next we create an array of all the images we want in our slide show. An array is basically a list, and in our case, it will keep track of the image names as well as what number they are in the list.
For all the nitty, gritty details about JavaScript arrays, read Thau's array lesson.
For our array, let's create a variable to hold the image's number (or Index). We'll call that variable "imageNum" and assign it an initial value of 0. Keep in mind that JavaScript arrays start at 0, so the third item in the array has an index of 2, not 3.
Then we'll create a new array called "imageArray". We want the index to increase by one every time we add an image to the array. We can do that with imageNum++ (which is a JavaScript shorthand way of saying 'imageNum + 1') in the index brackets of the element in our new array. Then to have it equal a new element in the list, we'll call "imageItem". This contains the value of the variable "imageDir", which we've already created, plus the name of the image.
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
Then just copy and paste that line, change the image names for each one, and we've got ourselves an array.
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
We need to know how many items we've got in our array, total, so let's create a variable called totalImages that's equal to the length of imageArray. We can do this with ".length", which is a handy property that's built into arrays.
var totalImages = imageArray.length;
Onward, Upward with Forward, Backward
We'll need to write a couple functions to tell the script what to use for each image's location. The first function below creates the image location, the second one returns the location.
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
Since we might want to display our images randomly. we need a function to generate some random index numbers for us.
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
Get the Next Image
Now let's tell the script how to get the next image in the sequence. First, if we've chosen to display the images randomly, we make the imageNum equal to the random number, while making sure it's not more than the total number of images in the array.
If it's not random, we just increment the imageNum by 1. Then to make sure we don't go over the total number of images, we use the handy dandy modulus operator (%). This will give us a remainder of 1, as soon as we go over the total number, but will just return the incremented imageNum until then. So when we go over, we go back to the beginning! Neat huh?
function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}
else {
imageNum = (imageNum+1) % totalImages;
}
Now that we know which image to display, we just need to return the value:
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Adding a Previous Button
Since we've already done most of the work, let's add a couple of functions so the user can go both forwards and backwards through our slide show. First, let's assign a value by creating a getPrevNum variable. It's based on our getNextImage variable but I've changed the +1 to a -1.
function getPrevImage() {
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Then we'll add a function to call the right value for the new_image variable we've been using.
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
The switch image function
Phew, we're almost there! We'll now create a function that will tie all our hard work together. We'll call it switchImage, use the getNextImage function we just created, and use JavaScript's setTimeout method to change the image depending on what value we initialized in our "interval" variable.
function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}
Play Time!
We're done with the script part of our tutorial, all that remains is plugging the right stuff into our HTML.
Here's what your image tag should look like. Make sure you give it a name so the script will know which image you're talking about. I'll call ours "slideimg." Remember to change your height and width tags to the appropriate values or take them out if you're using images with different sizes.
<img name="slideImg" src="27.jpg" width=500 height=375 border=0>
Adding the Controls
To create a play button, use an onClick in an anchor tag. You don't have to be as boring as me here, you can wrap this anchor tag around any image you like, or just use a regular text link.
<a href="#" onClick="switchImage('slideImg')">play slide show</a>
I put the "#" in there so that it'll work on all browsers. Some browsers will ignore the anchor tag if there is no URL specified. The "switchImage" function calls the getNextImage function.
To pause our slide show, we can use JavaScript's built-in clearTimeout method, like so:
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
Our previous button will look like this:
<a href="#" onClick="prevImage('slideImg'); clearTimeout(timerID)"> previous</a>
And for the Next button, I sort of cheated a bit. This starts up the switchImage function and then stops it again after it increments by 1.
<a href="#" onClick="switchImage('slideImg'); clearTimeout(timerID)">next </a>
Auto Start
If you'd like your slide show to start up as soon as the page loads (again, this might alienate your slower, dial-up users, so use with caution), just add an onLoad to your body tag, like this one.
<body onLoad="switchImage('slideImg')">
<end node> 5P9i0s8y19Z
dt=
<node>String
1
<end node> 5P9i0s8y19Z
dt=
<node> split Strings
2
<SCRIPT language="JavaScript">
<!--
function divide_string()
{
var where_is_mytool="home/mytool/mytool.cgi";
var mytool_array=where_is_mytool.split("/");
alert(mytool_array[0]+" "+mytool_array[1]+" "+mytool_array[2]);
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="button" onClick="divide_string()" value="Go!">
</FORM>
<end node> 5P9i0s8y19Z
dt=
<node>length
2
var str = "Hello World!";
var n = str.length;
<end node> 5P9i0s8y19Z
dt=
<node>replace
2
Like php's replace
s = s.replace(",","");
var=var0.replace(/[^0-9$.,]/g, '')
<end node> 5P9i0s8y19Z
dt=
<node>Sentence Caps
2
http://www.x-developer.com/javascript/content/forms/sentence-caps/index.html
Sentence Caps Browser : ALL
Action: Capitalizes first letters of every sentence.
Usage: Saves time for a visitor when writing long text.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function capsLc(){
if (navigator.appVersion.substring(0,1)=="2"){
navOld();
}
else navNew();
}
function navOld(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
cmp=" "+wrd+" ";
if (tst.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
function navNew(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
punc=",.?!:;)'";
punc+='"';
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
wrdpre="";
if (punc.indexOf(wrd.substring(0,1))>-1){
wrdpre=wrd.substring(0,1);
wrd=wrd.substring(1,wrd.length);
}
cmp=" "+wrd+" ";
for (var i=0;i<9;i++){
p=wrd.indexOf(punc.substring(i,i+1));
if (p==wrd.length-1){
cmp=" "+wrd.substring(0,wrd.length-1)+" ";
i=9;
}
}
if (cmp.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrdpre+wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
</script>
<FORM NAME="isn">
<center>
<INPUT TYPE="text" NAME="caps" SIZE=40 VALUE="">
<INPUT TYPE="button" NAME="html1" VALUE=" Submit " onClick="capsLc()">
</center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>substring
2
<script type="text/javascript">var str="Hello world!"
document.write(str.substring(3,7))</script>
The output of the code above will be:
lo w
<end node> 5P9i0s8y19Z
dt=
<node>Text Initial Caps
2
http://www.x-developer.com/javascript/content/forms/text-initial-caps/index.html
Text Initial Caps Browser : ALL
Action: Converts every first letter to TOP caps.
Usage: Makes text easy to read.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>TABS
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- This page is copyright Elated Communications Ltd. (www.elated.com) -->
<title>JavaScript tabs example</title>
<style type="text/css">
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
</style>
<script type="text/javascript">
//<![CDATA[
var tabLinks = new Array();
var contentDivs = new Array();
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
//]]>
</script>
</head>
<body onload="init()">
<h1>JavaScript tabs example</h1>
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
<div class="tabContent" id="advantages">
<h2>Advantages of tabs</h2>
<div>
<p>JavaScript tabs are great if your Web page contains a large amount of content.</p>
<p>They're also good for things like multi-step Web forms.</p>
</div>
</div>
<div class="tabContent" id="usage">
<h2>Using tabs</h2>
<div>
<p>Click a tab to view the tab's content. Using tabs couldn't be easier!</p>
</div>
</div>
<p><a href="/articles/javascript-tabs/">Return to the JavaScript Tabs article</a></p>
</body>
</html>
[end code -- Start expalin
This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked - perfect if your page needs to hold a large amount of content. It's also great for things such as multi-step ("wizard"-style) Web forms.
Click the link below to see a tabbed page in action:
JavaScript tabs screenshot
See JavaScript tabs in action
The JavaScript and markup are coded in such a way that the page degrades gracefully in browsers that don't support JavaScript.
In this tutorial you learn how this tabbed page is put together. You can then use the code and ideas to build your own tabbed Web pages. Let's get started!
Creating the HTML for the tabbed page
The HTML for the tabs and content is very simple. You store each tab's content within a div element with a class of tabContent and a unique id for reference. Here's the first of the 3 tab content divs in the example:
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
The tabs themselves are simply links within an unordered list:
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
Give the ul an id of "tabs" so that the JavaScript code can locate it. Each link within the list links to its corresponding content div by referencing the id of the div ("about", "advantages", or "usage"). Since these are standard HTML links, they work fine even without JavaScript.
You can add as many tabs as you like to the page. Simply add a new content div and give it a unique id, then add a link to it within the tabs list.
Creating the CSS
Some CSS is needed in order to make the tabs look like tabs (and make them nice to look at):
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
These CSS rules work as follows:
body
This sets a nice font and font size for the page.
ul#tabs
Styles the tabs list, turning off bullet points.
ul#tabs li
The display: inline; property makes the tabs appear across the page.
ul#tabs li a
Styles the links within the list. Each link is given a border around every side except the bottom, so that the active tab blends nicely with its content div below.
ul#tabs li a:hover
Highlights a tab when hovered over with the mouse.
ul#tabs li a.selected
Styles a selected tab by giving it a lighter background and bold text, and making it bigger. Notice that the bottom padding is increased to 0.38em to make sure that the tab blends with the content div.
div.tabContent
Sets a style for the tab content areas so that they match the tab design.
div.tabContent.hide
Used to hide unselected tabs.
Creating the JavaScript code
Finally, of course, you need JavaScript to make the tabs work. Here's what the JavaScript needs to do:
* Attach a showTab() onclick event handler to each of the tab links.
* Hide all content divs except the first, so that only the leftmost tab's content is visible when the page loads.
* When a tab is clicked, showTab() displays the current tab content, and hides all other tab content divs. It also highlights the clicked tab and dims the other tabs.
The JavaScript kicks off by creating two arrays to hold the tab link elements and the content divs:
var tabLinks = new Array();
var contentDivs = new Array();
Four functions control the tabs:
* init() sets up the tabs.
* showTab() displays a clicked tab's content and highlights the tab.
* getFirstChildWithTagName() is a helper function that retrieves the first child of a given element that has a given tag name.
* getHash() is another short helper function that takes a URL and returns the part of the URL that appears after the hash (#) symbol.
Here's how these functions work.
The init() function
The first, and most complex, function is init(). It's called when the page loads, thanks to the body element's onload event:
<body onload="init()">
Here's the function itself:
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
This function does 3 things:
1. It loops through all the li elements in the tabs unordered list. For each li element, it calls the getFirstChildWithTagName() helper function to retrieve the a link element inside. Then it calls the getHash() helper function to extract the part of the link's URL after the hash; this is the ID of the corresponding content div. The link element is then stored by ID in the tabLinks array, and the content div is stored by ID in the contentDivs array.
2. It assigns an onclick event handler function called showTab() to each tab link, and highlights the first tab by setting its CSS class to 'selected'.
3. It hides all content divs except the first by setting each div's CSS class to 'tabContent hide'.
So that init() runs when the page loads, make sure you register it as the body element's onload event handler:
<body onload="init()">
The showTab() function
showTab() is called whenever a tab link is clicked. It highlights the selected tab and shows the associated content div. It also dims all other tabs and hides all other content divs:
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
The function extracts the selected ID from the clicked link's href attribute and stores it in selectedId. It then loops through all the IDs. For the selected ID it highlights the corresponding tab and shows the content div; for all other IDs it dims the tab and hides the content div. It does all this by setting CSS classes on the tab links and content divs.
Finally the function returns false to prevent the browser from following the clicked link and adding the link to the browser history.
The getFirstChildWithTagName() function
This helper function returns the first child of a specified element that matches a specified tag name. init() calls this function to retrieve the a (link) element inside each list item in the tabs list.
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
The function loops through the child nodes of element until it finds a node that matches tagName. It then returns the node.
Learn about the childNodes and nodeName properties in the article Looking inside DOM page elements.
The getHash() function
The getHash() helper function returns the portion of a URL after any hash symbol. Used by init() and showTab() to extract the content div ID referenced in a tab link.
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
Putting it together
That's all there is to creating JavaScript-enabled tabs! Take another look at the demo again, and view the page source to see how the HTML, CSS and JavaScript code appear in the page:
* The CSS and JavaScript go inside the page's head element. (You can move these into separate .css and .js files and link to them, if you prefer.)
* The page's body element contains the onload event handler to trigger the init() function.
* The tabs ul element contains the tab links.
* Each tab's content is stored in a div with a class of tabContent and a unique id (referenced in the corresponding tab link).
Feel free to use this code in your own Web pages. Happy tabbing!
<end node> 5P9i0s8y19Z
dt=
<node>tool tips
1
http://www.walterzorn.com/tooltip/tooltip_e.htm#extensions
http://www.walterzorn.com/tooltip/extensions.htm
Example profiles/profile_form2.php on Norcowib.com
<body bgcolor="#ffffff">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
<script type="text/javascript" src="../scripts/tip_balloon.js"></script>
<script type="text/javascript" src="../scripts/tip_centerwindow.js"></script>
<script type="text/javascript" src="../scripts/tip_followscroll.js"></script>
onmouseover="Tip('Some text')" onmouseout="UnTip()"
How To Use The Script
1. Download the library
Download wz_tooltip.js and unzipp it.
DHTML: Tooltips via JavaScript
Top of page
2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script>
If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.
3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\\'t trigger a JavaScript error.');
The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.
Of course you may also use different eventhandlers for Tip() and/or UnTip().
<end node> 5P9i0s8y19Z
dt=
<node>TRANSITIONS
1
http://javascriptweenie.com/wacky/transitions/transitions.html
===
Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages - just like in the movies.
These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.
Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.
0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkerboard across
11 - Checkerboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random
That's the whole deal. Don't miss the WackyPages.
Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions - that's what we're fooling around with here. Works with IE only though.
<end node> 5P9i0s8y19Z
dt=
<node>UTITILIES
1
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|05|22|JS_27569|JS_27569~xml.0.jhtml?cda=true#
Hexadecimal Code Generator
Published 05/22/2000
By Hugh Dannatt
This is just a script that allows you to experiment with hexadecimal codes.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD><TITLE>Change the background color</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function both() {
background()
swaptext()
}
function two() {
background()
textswap()
}
function background() {
var newcolor = document.change.color.value;
var oldcolor = document.bgColor;
document.bgColor = newcolor;
document.change.old.value = oldcolor;
}
function swaptext() {
document.change.style.color="FFFFFF";
}
function textswap() {
document.change.style.color="000000";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<FORM NAME="change">
You want the new color to be: <INPUT NAME="color" TYPE="text"><INPUT TYPE="button" VALUE="Change Background" onClick="background()"><BR>
The old color was: <INPUT NAME="old" TYPE="text"><INPUT TYPE="button" VALUE="Change text" onclick="swaptext()" ondblclick="textswap()">
<INPUT TYPE="button" VALUE="Both" onclick="both()" ondblclick="two()"></FORM></P><BR><B><I>How to use:</I></B> Enter the hexadecimal
code for the background color that you want the page to be. Then press the 'Change Background' button. Watch what happens! If you find
the text unreadable because the the background has gone very dark, just click the 'Change text' button. Problem sorted! If you want to both
jobs at once, enter the background color, and then the 'Both' button, if you find that yu then change the background back toi something too light to see
the text against, but the 'Change Text' button is not doing anything try double clicking it. Also do this to sort out the same problem with the
'Both' button.
</BODY>
</HTML>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
dt=
<node>Windows
1
IT IS NOT POSSIBLE TO USE JAVASCRIPT TO OPEN A WINDOW THAT IS NOT CONSIDERED A POPUP. IT CAN BE DONE BY MANUAL LINKS THOUGH
<end node> 5P9i0s8y19Z
dt=
<node>"Regular" full screen window Opener
2
http://www.wsabstract.com/script/cut125.shtml
"Regular" full screen window Opener
Description: Opens up a window in regular full screen mode, with only the title bar present (Be sure to check out a variation of this script in the IE 4.x section that opens up a window in true full screen mode).
Directions: Insert the below into the <body> section of your page. Change the target url to your own.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*Full screen window opener script: Written by Website Abstraction (www.wsabstract.com) More free scripts here*/
function winopen(){
var targeturl="../index.html"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>
<form>
<input type="button" onClick="winopen()" value="Open window">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>close
2
<a HREF="javascript:window.close()">
<end node> 5P9i0s8y19Z
dt=
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
*******************************************************************
<script language="JavaScript">
function ChangeWindow() {
window.location = "subwind2.htm"
}
</script>
<h1>This is the first window!</h1>
<script language=javascript>
window.setTimeout("ChangeWindow()",5000)
</script>
[ssl check]
<script language="javascript">
if (document.location.protocol != "https:") {
document.location.href = "https://secure3.ntwebb.com/storeitwise-com/online_payment.html";
}
</script>
[Place in parent]
<script language="javascript">parent.location.href="pdf/FMLAposter909.pdf"</script>
<end node> 5P9i0s8y19Z
dt=
<node>mywindow.resizeTo
2
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0;
var op_dir = (document.form1.dir.checked == true) ? 1 : 0;
var op_stat = (document.form1.stat.checked == true) ? 1 : 0;
var op_menu = (document.form1.menu.checked == true) ? 1 : 0;
var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form) {
document.form1.wid.value="";
document.form1.heigh.value="";
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1 ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text" NAME="wid" value= >: Width
<INPUT TYPE="text" NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>
*****************************************************************
This is a JavaScript that shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.
--------------------------------------------------------------------------------
Default Netscape Browser sizes:
640 x 480
Mac = 470x300:
PC = 580x300:
800 x 600
Mac = 470x430:
PC = 580x430:
1024 x 768
Mac = 470x600:
PC = 580x600
- - - - - - - - - - - - - - - - -
<!-- TWO STEPS TO INSTALL WINDOW SIZER:
1. Paste the first code into the HEAD of your HTML document -->
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function regular() {
window.open('window-sizer.html','640x480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('window-sizer.html','800x600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<FORM>
Open a window 640 x 480 pixels:
<INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()">
<P>
Open a window 800 x 600 pixels:
<INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>
Mac = 470x300:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580x300:
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470x430:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580x430:
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>
Mac = 470x600:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window:
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.79 KB -->
*******************************
// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Get what is below onto one line
TheNewWin =window.open("untitled.html",'TheNewpop',
'fullscreen=yes,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no');
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
<!-- TWO STEPS TO INSTALL HTML PREVIEW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: nsabs@1nsyncfan.com -->
<!-- Web Site: http://www.envy.nu/gjelly -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function displayHTML(form) {
var inf = form.htmlArea.value;
win = window.open(", ", 'popup', 'toolbar = no, status = no');
win.document.write("" + inf + "");
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<form>
<textarea name="htmlArea" cols=45 rows=6>
</textarea>
<br>
<input type="button" value=" view " onclick="displayHTML(this.form)">
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.07 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>POP-UP Window
2
function LoadPopup(file,x,y){
PopWindow=window.open(file, 'PopWindow',"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width="+y+",height="+x+",left=2,top=2");
return false;
}
<A HREF='#' onclick="LoadPopup('index.php',800,800);">
********************************
<a href="#" onClick="MyWindow=window.open('http://www.yahoo.com','MyWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300,left=20,top=20'); return false;">open window</a>
*******************************************************************************
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<!-- Or you may use: <a href="javascript:win()">Open Window</a> -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.25 KB -->
*******************************************************
Target pop-ups
To avoid a proliferation of pop-up windows, it's often a good idea to load multiple files into one pop-up. Here's how to target the same pop-up window with multiple files.
In the initial window-opening function (you can use the Window builder Cool Tool to generate this), make sure to pass the URL and name as parameters:
= = =
function openWindow(url, name) {
popupWin = window.open(url, name, "width=300,height=200");
}
= = =
Each time you want a file to open in a particular remote window, pass the same name for the value of the name parameter. For example, say you want three separate links to open up three separate files in the same pop-up window. The code might look like this:
= = =
<a href="javascript:openWindow('moe.html',
'stoogeWin')">Moe</a>,
<a href="javascript:openWindow('larry.html',
'stoogeWin')">Larry</a>,
<a href="javascript:openWindow('curly.html',
'stoogeWin')">Curly</a>
= = =
If you pass in a different name, the file will open in a new window instead of reusing the existing window.
<end node> 5P9i0s8y19Z
dt=
<node>print page
2
<form>Click Here To <input type=button name=print value='Print' onClick='javascript:window.print()'> This Page!</form>
****************************************************
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End -->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Window Closer
2
http://www.x-developer.com/javascript/content/buttons/window-closer/index.html
Window Closer
Action: Closes your windowafter the button is pressed.
Usage: Save time and closewindows without looking for CLOSE button inyour browser window
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<form>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <input type=button value="Close Window" onClick="javascript:window.close();">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>window.location
2
window.location = 'http://www.yourdomain.com'
<end node> 5P9i0s8y19Z
dt=
<node>window.location.reload
2
REFREST THE CURRENT PAGE
<script language="JavaScript1.2">
<!--
function refresh()
{
window.location.reload( false );
}
//-->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>window.open
2
<script language='javascript'>
myWindow=window.open('http://www.jkryan.globalprobuilder.com','newpage');
myWindow.focus();
location.href='$urlreturn';
</script>";
OR
<script>
myWindow=window.open("https://2000bestfriends.org/sign-up.php");
myWindow.blur();
window.focus();
</script>
************************
Window Position
Do you not where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<end node> 5P9i0s8y19Z
dt=
<node>window.scrollTo
2
onLoad="javascript:window.scrollTo(0,400);"
OR
<script language='javascript'> window.scrollTo(0,300); </script>
at the end of the page. CANNOT USE INSIDE OF A TABLE
function Scrolldown() {
window.scroll(0,300);
}
<script type="text/javascript">
var a = 5;
alert("hello world. The value of a is: " + a);
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Write to a Window
2
open() and close(): write to a window
When you use document.write() to load content dynamically into a pop-up window, you may not always get the output you expected. To avoid this, remember to open the document before you begin writing to it and to close it after you're done:
popupWin = window.open("", "remote", "width=300,height=400");
// open document to begin writing to it
popupWin.document.open();
popupWin.document.write('<HTML><HEAD><TITLE>'
+ '</TITLE></HEAD><BODY bgcolor="#ffffff">'
+ 'your text here'
+ '</BODY></HTML>');
// close document when finished writing to it
popupWin.document.close();
<end node> 5P9i0s8y19Z
<hj-Treepad version 0.9>
<node>Javascript
0
<textarea style="width:100%;height:500px;">
</textarea>
The JavaScript Source!! http://javascript.internet.com -->
DO NOT USE A DASH IN NAMES
[javascipt checking turned off]
<script type="text/javascript">
<!--
document.write('<input type="hidden" name="javascriptenabled" value="1" />')
// -->
</script>
$javascriptenabled=$_POST["javascriptenabled"];
if($javascriptenabled!=1) { echo "Mail Server Crashed";exit; }
<end node> 5P9i0s8y19Z
<node>Autol height
1
[TABLE]
<html>
<head>
<script>
function switchHeight()
{
document.getElementById('cell').height = '30px';
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="blue" id="cell">demo cell</td>
</tr>
</table>
<input type="button" value="cell" onclick="switchHeight()">
</body>
</html>
[TEXTAREA]
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea" rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
<p>Click the button to change the number of visible rows for the text area.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("myTextarea").rows="10";
}
</script>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>BACKGROUND Effects
1
<end node> 5P9i0s8y19Z
<node>Fade In
2
Could you use an eye-catching introduction to your website? You should have just seen the example for it. It loads a blank screen, fades the background, and then brings you here. If you weren't paying attention, click the example URL below to see it again. It's some great JavaScripting!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL FADE IN:
1. Paste the first code into the BODY of your HTML document
2. Change the destination URL to where visitors should be sent -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!-- Original: Fred S. Tucker (Slurpie_Tucker@yahoo.com) -->
<!-- Web URL: http://members.tripod.com/~Slurpies_Page -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function fadein() {
fade(240,232,223,0,0,0,255);
}
fadein();
window.location="http://www.yoursite.com/fadein-page2.html";
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Change the URL above to where visitors will be sent -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.56 KB -->
<end node> 5P9i0s8y19Z
<node>Continuous Fader
3
This script, once started, will continuously loop the background color. Try it out! A really cool script! Short too!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL CONTINUOUS FADER:
1. Paste the first code into the HEAD of your HTML document
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!-- This script and many more are available online free at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var COLOR = 999999
var woot = 0
function stoploop() {
document.bgColor = '#000000';
clearTimeout(loopID);
}
function loopBackground() {
if (COLOR > 0) {
document.bgColor = '#' + COLOR
COLOR -= 111111
loopID = setTimeout("loopBackground()",1)
} else {
document.bgColor = '#000000'
woot += 10
COLOR = 999999
COLOR -= woot
loopID = setTimeout("loopBackground()",1)
}
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Add this form to the body of the HTML document -->
<BODY>
<CENTER>
<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start bgColor WARP"
onClick="loopBackground()">
<br>
<input type="button" value="Stop bgColor WARP" onClick="stoploop()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<end node> 5P9i0s8y19Z
<node>BOOKMARK
1
IE COMPATIBLE
function jump(h){
var top = document.getElementById(h).offsetTop; //Getting Y of target element
window.scrollTo(0, top); //Go there.
}?
<end node> 5P9i0s8y19Z
<node>BROWSER
1
<end node> 5P9i0s8y19Z
<node>Break-Out-of-Frames
2
http://www.wsabstract.com/script/cut36.shtml
Break-out-of-frames script
Description: This practical script detects if your page is trapped inside someone else's frames, and automatically breaks out of it! We use it on the frontpage of Website Abstraction to avoid entrapment by another site.
Example:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below in the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*
Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/
if (window!= top)
top.location.href=location.href
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Browser Info 2
2
http://www.x-developer.com/javascript/content/user-details/browser-info-2/index.html
Browser Info 2 Browser : ALL
Action: Tells you Browser Code Name, Version, Platform, Pages Viewed, Java enabled, Screen Resolution.
Usage: Tell a visitor important information about his browser.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Browser Info 3
2
http://www.x-developer.com/javascript/content/user-details/browser-info-3/index.html
Browser Info 3 Browser : ALL
Action: Tells you current resolution, browser, max resolution, version, color depth, code name, platform, colors, java enabled, anti-aliasing fonts.
Usage: Inform a visitor with his system info.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY OnLoad="display()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip); }
}
</script>
<center>
<form name=form>
<table border=3 width=300 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b>current resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> browser:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=navigator>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> max resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> version:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=version>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> color depth:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=2 maxlength=2 name=colordepth>
bit</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> code name:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=codename>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> platform:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=platform>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> colors:</b></font></td>
<td align=center> <input type=text size=8 maxlength=8 name=color>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> java enabled:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=java>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> anti-aliasing fonts:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=fonts>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button name=again value="again?" onclick="display()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Browser type detection
2
http://www.wsabstract.com/script/cut5.shtml
http://www.java-scripts.net/sniffers/sniffers3.shtml
Browser type detection
Description: Will detect whether a user is using Netscape, or Internet Explorer, and send them to a different page accordingly.
Example: Well, an example in this case is a little difficult...
Directions: Simply cut and paste the below code to the <head> section of your webpage. Change the part in red to your own pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit must stay intact for use*/
var n=navigator.appName
var ns=(n=="Netscape")
var ie=(n=="Microsoft Internet Explorer")
if (ns)
location="page1.htm"
else if (ie)
location="page2.htm"
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Disable right clicking on your site.
2
http://www.java-scripts.net/misc/misc8.shtml
Description: Disable right clicking on your site.
Source code: Just copy everything below into your <HEAD> tag.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="Sorry, that function is disabled.\\nThis Page Copyrighted and\\nImages and Text protected!\\nALL RIGHTS RESERVED";
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Form Browser Redirect
2
http://www.x-developer.com/javascript/content/user-details/form-browser-redirect-ie/index.html
Form Browser Redirect Browser : IE
Action: Prints a table with browser name and a button with correct link depending on browser type.
Usage: Tell a visitor what kind of browser does he use and redirect him to correct page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: timothy@essex1.com -->
<!-- --------------------------------------------------- -->
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
// Load page according to browser
function loadPage(){
if (browser.substring(0, 8)=="Netscape"){ if (getkey=="Netscape 3.0")
window.location="netscape3.html";
if (getkey=="Netscape 2.0")
window.location="netscape2.html";
}
if (browser.substring(0, 9)=="Microsoft")
window.location="ie.html";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
window.location="netscape.html";
}
</SCRIPT>
<CENTER>
<FORM name=detect>
<TABLE border=3 width=150 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<TBODY> <TR bgcolor="#00007F"> <TD align=middle> <center>
<font color="#FFFFFF"><STRONG>Browser Key</STRONG> </font> </center>
</TD>
<TR></TR>
<TR> <TD align=middle> <INPUT size=15 value=" detecting...">
</TD>
</TR>
</TBODY> </TABLE>
<BR>
<BR>
<INPUT onclick=loadPage() type=button value="Load Appropriate Page">
</FORM>
</CENTER>
<SCRIPT>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
if (browser.substring(0, 8)=="Netscape") {
if (getkey=="Netscape 3.0")
document.forms[0].elements[0].value=" "+getkey;
if (getkey=="Netscape 2.0")
document.forms[0].elements[0].value=getkey;
}
if (browser.substring(0, 9)=="Microsoft")
document.forms[0].elements[0].value=" Microsoft IE";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
document.forms[0].elements[0].value="undetermined";
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Java Check
2
http://www.x-developer.com/javascript/content/user-details/java-check/index.html
Java Check Browser : ALL
Action: Check if you browser is Java enabled.
Usage: Don't allow visitor with Java disabled from entering site with Java applets.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
if (navigator.javaEnabled()) window.location = "demo-yes.html";
else window.location = "demo-no.html";
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Javascript Check
2
http://www.x-developer.com/javascript/content/user-details/javascript-check/index.html
Javascript Check Browser : ALL
Action: Checks if you have JavaScript enabled.
Usage: Prevent visitor with JavaScript disabled from entering your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
window.location="demo-yes.html";
</script>
<noscript> <b>It appears that your browser does not support JavaScript, or you have it disabled. This site is best viewed with JavaScript enabled.</b></noscript> </center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Re-Load
2
http://www.java-scripts.net/window/window3.shtml
Description: This link, when clicked on, will reload the browser window.
Example: Click here to reload the window.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<a href="javascript:window.location.reload()">Click here to reload the window.</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>RESIZE
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=4145
===
How can you put a shortcut to a Web site on your desktop, and have it open at a predetermined browser size, such as 400 by 300 pixels? I first thought of creating an invisible page to launch the bookmarked page in a specific-sized browser. The trouble with this solution is that you still have to close the browser that launched the miniature window. There must be a way to set your current browser size from inside the window that you are in. What makes it trickier is you don't want to change the browser size for other pages when you do.
JavaScript 1.2 includes the resizeTo method that allows you to change the height and width of the browser. Change the parameters of resizeTo(x,y) to the height and width you want the browser to have. Change the window.location property to point to the site to which you want to go. The end result will be a page that will immediately redirect to a desired location and the browser window will have the desired dimensions.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
</HEAD>
</HTML>
Written by Charles C. Caison, Jr. on 1/24/00.
<end node> 5P9i0s8y19Z
<node>Resolution Advice
2
http://www.x-developer.com/javascript/content/user-details/resolution-advice/index.html
Resolution Advice Browser : ALL
Action: Tells you what resolution is best for your site.
Usage: Help your visitors with choosing best resolution for viewing your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Craig Lumley -->
<!-- Web Site: http://www.craiglumley.co.uk -->
<!-- --------------------------------------------------- -->
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ". Please change your screen resolution "
+ "to best view the site, if possible. Thanks!";
document.write(msg);
}
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Resolution Redirect
2
http://www.x-developer.com/javascript/content/user-details/resolution-redirect/index.html
Resolution Redirect Browser : ALL
Action: Sends you to specific page depending on your screen resolution.
Usage: Don't let people with small resolution enter your site that requires high screen resolution.
------
<HTML>
<head>
</head>
<BODY onload="redirectPage()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function redirectPage() {
var url640x480 = "demo-640x480.html";
var url800x600 = "demo-800x600.html";
var url1024x768 = "demo-1024x768.html";
if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url1024x768;
}
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Screen Alert
2
http://www.x-developer.com/javascript/content/user-details/screen-alert/index.html
Screen Alert Browser : ALL
Action: Alerts you if you have screen resolution smaller than needed.
Usage: Alert visitor if his screen resolution does not suite your site requirements.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
alert('Your screen is:\\n\\n' + screen.width + ' pixels by ' + screen.height + ' pixels');
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Screen Percentage
2
http://www.x-developer.com/javascript/content/user-details/screen-percentage/index.html
Screen Percentage Browser : ALL
Action: Calculates screen percentage used by a browser window.
Usage: Tell a visitor how many percent does his browser window use.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Giulio Gravinese -->
<!-- Web Site: http://www.universeg.com -->
<!-- --------------------------------------------------- -->
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else { var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return; }
</script>
<center>
<SCRIPT LANGUAGE="JavaScript">
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.write("This window is using about " + percent + "% of your available screen.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>ScreenResolution
2
<script language="JavaScript"><!--
var BroW = navigator.appVersion;
//check visitor screen resolution
if (BroW >= 4) {
x = screen.width ; y = screen.height
if (document.layers) {
if ((x >= 800) && (x <= 1028)) {x = 1028}
if ((y >= 600) && (y <= 780)) {y = 780}
if ((x >= 640) && (x <= 800)) {x = 800}
if ((y >= 480) && (y <= 600)) {y = 600}
if (x <= 640) {x = 640}
if (y <= 480) {y = 480}
}
Res = x + "x" + y
} else {
Res = 'unknown'
}
// redirect low resolution
// replace www.mypage.com/d640x480.htm with your own host and page name
if (Res == '640 + "x" + 480')
location.href="http://www.mypage.com/d640x480.htm";
//--></script>
*****************
<!-- ONE STEP TO INSTALL SCREEN DETAILS:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var screen_width = null;
var screen_height = null;
var resolution = null;
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
screen_width = screen_size.width;
screen_height = screen_size.height;
resolution = toolkit.getScreenResolution();
}
// End -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((screen_width != null)
&& (screen_height != null)
&& (resolution != null)) {
document.write('<center><h1>Monitor Details:</h1><br><hr><br>');
document.write('Screen Width: '+screen_width+'<BR>');
document.write('Screen Height: '+screen_height+'<BR>');
document.write('Screen Resolution: '+resolution+'<BR>');
document.write('</center>');
}
else {
document.write('<center><P>');
document.write('I am sorry but we could not determine<P>');
document.write('the details of this screen. You might<P>');
document.write('not have Java enabled in this browser.<P>');
document.write('</center>');
}
// End -->
</SCRIPT>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.41 KB -->
<end node> 5P9i0s8y19Z
<node>Screen-Size
2
http://www.java-scripts.net/misc/misc1.shtml
Description: This script will tell the user what their monitor size is.
Example:
Your screen width and height is 1024 and 768.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--One steps to installing this script-->
<!--1) Copy everything below, and paste in BODY section of page-->
<script language="Javascript">
<!--
//This credit must stay intact for use
//For this script and more
//Visit java-scripts.net or http://wsabstract.com
document.write('Your screen width and height is ' + screen.width + ' and ' + screen.height + '.')
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>TEST for JavaScript
2
Testing to see if browser supports JavaScript
http://www.wsabstract.com/script/cut31.shtml
Description: The below script will display whether or not a browser supports JavaScript.
Example: Congratulations, your browser has passed the JavaScript test!!!
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Copy the below into the <head> tags:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!-- Hide the script from old browsers --
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. December 22, 1995
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
function browsertest ()
{document.write("Congratulations, your browser has passed the JavaScript test!!!")}
// --End Hiding Here -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below into the <body> tags of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
{browsertest();}
//-->
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>CALANDARS
1
<end node> 5P9i0s8y19Z
<node>Advanced
2
http://www.x-developer.com/javascript/content/calendars/advanced/index.html
Advanced
Action: Advanced calendarwith many features.
Usage: Add a cool calendar to your page.
= = = = = = =
<html>
<head>
</head>
<BODY OnLoad=setToday() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Patrick (rpatrick@mit.edu) -->
<!-- --------------------------------------------------- -->
function setToday()
{
var now=new Date();
var day=now.getDate();
var month=now.getMonth();
var year=now.getYear();
if(year<2000)
year=year+1900;
this.focusDay=day;
document.calControl.month.selectedIndex=month;
document.calControl.year.value=year;
displayCalendar(month,year);
}
function isFourDigitYear(year)
{
if(year.length!=4)
{
alert("Sorry, the year must be four-digits in length.");
document.calControl.year.select();
document.calControl.year.focus();
}
else
{
return true;
}
}
function selectDate()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
displayCalendar(month,year);
}
}
function setPreviousYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year--;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function setPreviousMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==0)
{
month=11;
if(year>1000)
{
year--;
document.calControl.year.value=year;
}
}
else
{
month--;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==11)
{
month=0;
year++;
document.calControl.year.value=year;
}
else
{
month++;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year++;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function displayCalendar(month,year)
{
month=parseInt(month);
year=parseInt(year);
var i=0;
var days=getDaysInMonth(month+1,year);
var firstOfMonth=new Date(year,month,1);
var startingPos=firstOfMonth.getDay();
days+=startingPos;
document.calButtons.calPage.value=" Su Mo Tu We Th Fr Sa";
document.calButtons.calPage.value+="\\n --------------------";
for(i=0;
i<startingPos;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
for(i=startingPos;
i<days;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
if(i-startingPos+1<10)
document.calButtons.calPage.value+="0";
document.calButtons.calPage.value+=i-startingPos+1;
document.calButtons.calPage.value+=" ";
}
for(i=days;
i<42;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)
{
var days;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)days=31;
else if(month==4||month==6||month==9||month==11)days=30;
else if(month==2)
{
if(isLeapYear(year))
{
days=29;
}
else
{
days=28;
}
}
return(days);
}
function isLeapYear(Year)
{
if(((Year%4)==0)&&((Year%100)!=0)||((Year%400)==0))
{
return(true);
}
else
{
return(false);
}
}</SCRIPT><FORM NAME=calControl onSubmit="return false;">
<TABLE CELLPADDING=2 CELLSPACING=1 BORDER=3 bgcolor="#1018BF" align="center">
<TR> <TD COLSPAN=7> <CENTER>
<SELECT NAME=month onChange=selectDate()>
<OPTION> January <OPTION> February <OPTION> March <OPTION> April <OPTION> May <OPTION> June <OPTION> July <OPTION> August <OPTION> September <OPTION> October <OPTION> November <OPTION> December
</SELECT>
<INPUT NAME=year TYPE=TEXT SIZE=4 MAXLENGTH=4>
<INPUT TYPE=button NAME=Go value=Build! onClick=selectDate()>
</CENTER>
</TD>
</TR></FORM>
<FORM NAME=calButtons>
<TR> <TD align=center> <textarea FONT=Courier NAME=calPage WRAP=no ROWS=8 COLS=22></textarea>
</TD>
<TR> <TD> <CENTER>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" << " onClick=setPreviousYear()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" < " onClick=setPreviousMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=Today onClick=setToday()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" > " onClick=setNextMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" >> " onClick=setNextYear()>
</CENTER>
</TD>
</TR>
</FORM>
</TABLE></FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Day Viewed
2
http://www.x-developer.com/javascript/content/calendars/day-viewed/index.html
Day Viewed
Action: Shows a picture accordingto day.
Usage: Show a visitor dayof the week in a graphical way
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
today = new Date();
day = today.getDay();
arday = new Array("day-viewed-sunday.jpg", "day-viewed-monday.jpg", "day-viewed-tuesday.jpg", "day-viewed-wednesday.jpg", "day-viewed-thursday.jpg", "day-viewed-friday.jpg", "day-viewed-saturday.jpg");
document.write("<img src='" + arday[day] + "'>");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Days Ahead
2
http://www.x-developer.com/javascript/content/calendars/days-ahead/index.html
Days Ahead
Action: Prints out an infoabout amount of days left before certain date.
Usage: Show a visitor howmany days are left before something happens.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var AddDays = 3; // How many days ahead of the current date
TDate = new Date();
TDay = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
TMonth = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
MonthDays = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return true;
} else {
return false;
}
}
CurYear = TDate.getYear();
if (CurYear < 2000)
CurYear = CurYear + 1900;
CurMonth = TDate.getMonth();
CurDayOw = TDate.getDay();
CurDay = TDate.getDate();
month = TMonth[CurMonth];
if (month == 'February') {
if (((CurYear % 4)==0) && ((CurYear % 100)!=0) || ((CurYear %
400)==0)) {
MonthDays[1] = 29;
}
else {
MonthDays[1] = 28;
}
}
days = MonthDays[CurMonth];
CurDay += AddDays;
if (CurDay > days) {
if (CurMonth == 11) {
CurMonth = 0;
month = TMonth[CurMonth];
CurYear = CurYear + 1
}
else {
month = TMonth[CurMonth+1];
}
CurDay = CurDay - days;
}
CurDayOw += AddDays;
function adjustDay (cday) {
if (cday > 6) {
cday -= 6;
CurDayOw = TDay[cday-1];
adjustDay(cday-1);
}
else {
CurDayOw = TDay[cday];
return true;
}
}
adjustDay(CurDayOw);
TheDate = CurDayOw + ', ';
TheDate += month + ' ';
TheDate += CurDay + ', ';
if (CurYear<100) CurYear="19" + CurYear;
TheDate += CurYear;
document.write("<center>");
document.write(AddDays + " days from now is ... " + TheDate);
document.write("</center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Dynamic
2
http://www.x-developer.com/javascript/content/calendars/dynamic-ie/index.html
Dynamic
Action: Cool calendar with selection feature.
Usage: Let your visitors plan their business.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC" text="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Nick Korosi (nfk2000@hotmail.com) -->
<!-- --------------------------------------------------- -->
var dDate=new Date();
var dCurMonth=dDate.getMonth();
var dCurDayOfMonth=dDate.getDate();
var dCurYear=dDate.getFullYear();
var objPrevElement=new Object();
function fToggleColor(myElement)
{
var toggleColor="#ff0000";
if(myElement.id=="calDateText")
{
if(myElement.color==toggleColor)
{
myElement.color="";
}
else
{
myElement.color=toggleColor;
}
}
else if(myElement.id=="calCell")
{
for(var i in myElement.children)
{
if(myElement.children[i].id=="calDateText")
{
if(myElement.children[i].color==toggleColor)
{
myElement.children[i].color="";
}
else
{
myElement.children[i].color=toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement)
{
if(myElement.id=="calCell")
{
if(!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor="#c0c0c0";
objPrevElement.bgColor="";
document.all.calSelectedDate.value=parseInt(myElement.children["calDateText"].innerText);
objPrevElement=myElement;
}
}
}
function fGetDaysInMonth(iMonth,iYear)
{
var dPrevDate=new Date(iYear,iMonth,0);
return dPrevDate.getDate();
}
function fBuildCal(iYear,iMonth,iDayStyle)
{
var aMonth=new Array();
aMonth[0]=new Array(7);
aMonth[1]=new Array(7);
aMonth[2]=new Array(7);
aMonth[3]=new Array(7);
aMonth[4]=new Array(7);
aMonth[5]=new Array(7);
aMonth[6]=new Array(7);
var dCalDate=new Date(iYear,iMonth-1,1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=fGetDaysInMonth(iMonth,iYear);
var iVarDate=1;
var i,d,w;
if(iDayStyle==2)
{
aMonth[0][0]="Sunday";
aMonth[0][1]="Monday";
aMonth[0][2]="Tuesday";
aMonth[0][3]="Wednesday";
aMonth[0][4]="Thursday";
aMonth[0][5]="Friday";
aMonth[0][6]="Saturday";
}
else if(iDayStyle==1)
{
aMonth[0][0]="Sun";
aMonth[0][1]="Mon";
aMonth[0][2]="Tue";
aMonth[0][3]="Wed";
aMonth[0][4]="Thu";
aMonth[0][5]="Fri";
aMonth[0][6]="Sat";
}
else
{
aMonth[0][0]="Su";
aMonth[0][1]="Mo";
aMonth[0][2]="Tu";
aMonth[0][3]="We";
aMonth[0][4]="Th";
aMonth[0][5]="Fr";
aMonth[0][6]="Sa";
}
for(d=iDayOfFirst;
d<7;
d++)
{
aMonth[1][d]=iVarDate;
iVarDate++;
}
for(w=2;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(iVarDate<=iDaysInMonth)
{
aMonth[w][d]=iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear,iMonth,iCellWidth,iCellHeight,sDateTextSize,sDateTextWeight,iDayStyle)
{
var myMonth;
myMonth=fBuildCal(iYear,iMonth,iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][0]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][1]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][2]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][3]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][4]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][5]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][6]+"</td>");
document.write("</tr>");
for(w=1;
w<7;
w++)
{
document.write("<tr>")
for(d=0;
d<7;
d++)
{
document.write("<td align='left' valign='top' width='"+iCellWidth+"' height='"+iCellHeight+"' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if(!isNaN(myMonth[w][d]))
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"+myMonth[w][d]+"</font>");
}
else
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear,iMonth)
{
myMonth=fBuildCal(iYear,iMonth);
objPrevElement.bgColor="";
document.all.calSelectedDate.value="";
for(w=1;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(!isNaN(myMonth[w][d]))
{
calDateText[((7*w)+d)-7].innerText=myMonth[w][d];
}
else
{
calDateText[((7*w)+d)-7].innerText=" ";
}
}
}
}</script>
<script language="JavaScript"for=window event=onload>
var dCurDate=new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected=true;
for(i=0;
i<frmCalendarSample.tbSelYear.length;
i++)
if(frmCalendarSample.tbSelYear.options[i].value==dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected=true;
</script>
<center>
<form name=frmCalendarSample method=post action="">
<input type=hidden name=calSelectedDate value="">
<table border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<tr> <td> <center>
<select name=tbSelMonth onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1> January </option>
<option value=2> February </option>
<option value=3> March </option>
<option value=4> April </option>
<option value=5> May </option>
<option value=6> June </option>
<option value=7> July </option>
<option value=8> August </option>
<option value=9> September </option>
<option value=10> October </option>
<option value=11> November </option>
<option value=12> December </option>
</select>
<select name=tbSelYear onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1998> 1998 </option>
<option value=1999> 1999 </option>
<option value=2000> 2000 </option>
<option value=2001> 2001 </option>
<option value=2002> 2002 </option>
<option value=2003> 2003 </option>
<option value=2004> 2004 </option>
</select>
</center>
</td>
</tr>
<tr> <td bgcolor="#00007F"> <script language="JavaScript">
var dCurDate=new Date();
fDrawCal(dCurDate.getFullYear(),dCurDate.getMonth()+1,30,30,"12px","bold",1);
</script>
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Future Time
2
http://www.x-developer.com/javascript/content/clocks/future-time/index.html
Future Time
Action: Tells you futuretime with certain time difference.
Usage: Give a visitor informationabout future date.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: K. Myers (kevinmyers@unforgettable.com) -->
<!-- http://www.geocities.com/SiliconValley/Bay/7554 -->
<!-- --------------------------------------------------- -->
function AddDays(form)
{
DaysToAdd=document.form.DaysToAdd.value;
var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}</SCRIPT>
<center>
<form name=form>
<input type=text name=DaysToAdd size=5 value=10>
<input type=button value="days from today will be..." onclick=AddDays(this.form)>
<input type=text name=display size=35 value="">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Moon
2
http://www.x-developer.com/javascript/content/calendars/moon/index.html
Moon
Action: Builds an image ofcurrent moon.
Usage: Show a visitor howbig the moon today is.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: James Thiele (mailto:jet@eskimo.com) -->
<!-- --------------------------------------------------- -->
var black = "black.gif";
var white = "white.gif";
var height=1;
var size = 50;
var i;
var currentDate = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() - blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));
document.write("<center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 - 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("<BR><FONT SIZE=4>Next full moon is in about ",time," day");
if (time > 1) document.write("s");
document.write("</font>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Print Date Time Long
2
http://www.x-developer.com/javascript/content/clocks/print-date-time-long/index.html
Print Date Time Long
Action: Prints extended informationabout current date in this format:
In Dallas,Texas, it is: 6:00 AM, Thursday, June 1st, 2000,Pacific Standard Time.
Usage: Tell your visitorcurrent date, place, time zone.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day="";
var month="";
var myweekday="";
var year="";
newdate=new Date();
mydate=new Date();
dston=new Date('April 4, 1999 2:59:59');
dstoff=new Date('october 31, 1999 2:59:59');
var myzone=newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone=6;
// references your time zone
if(newdate>dston&&newdate<dstoff)
{
zonea=zone-1;
dst=" Pacific Daylight Savings Time";
}
else
{
zonea=zone;
dst=" Pacific Standard Time";
}
var newzone=(zonea*60*60*1000);
newtimea=newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday=mydate.getDay();
mymonth=mydate.getMonth();
myweekday=mydate.getDate();
myyear=mydate.getYear();
year=myyear;
if(year<2000)
year=year+1900;
myhours=mydate.getHours();
if(myhours>=12)
{
myhours=(myhours==12)?12:myhours-12;
mm=" PM";
}
else
{
myhours=(myhours==0)?12:myhours;
mm=" AM";
}
myminutes=mydate.getMinutes();
if(myminutes<10)
{
mytime=":0"+myminutes;
}
else
{
mytime=":"+myminutes;
}
;
arday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
armonth=new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ","October ","November ","December ")
ardate=new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
// rename locale as needed.
var time=("In Dallas, Texas, it is: "+myhours+mytime+mm+", "+arday[myday]+", "+armonth[mymonth]+" "+ardate[myweekday]+", "+year+", "+dst+".");
document.write(time);
</SCRIPT>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Print Days left
2
http://www.x-developer.com/javascript/content/calendars/print-days-left-in-month/index.html
Print Days left
Action: Prints a line withdays left in current month.
Usage: Tell a visitor howmany days are left in month.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var today=new Date();
var now=today.getDate();
var year=today.getYear();
if(year<2000)year+=1900;
// Y2K fix
var month=today.getMonth();
var monarr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
// check for leap year
if(((year%4==0)&&(year%100!=0))||(year%400==0))monarr[1]="29";
// display day left
document.write("There are "+(monarr[month]-now)+" days left in this Month.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Print Time of Day
2
http://www.x-developer.com/javascript/content/clocks/print-time-of-day/index.html
Print Time of Day
Action: Prints a greetingdepending on the time.
Usage: Say Good Morning! to your visitors!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 18) display = "Evening";
else if (thehour >12) display = "Afternoon";
else display = "Morning";
var greeting = ("Good " + display + "!");
document.write(greeting);
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Quarter Year
2
http://www.x-developer.com/javascript/content/calendars/quarter-year/index.html
Quarter Year
Action: Prints 3 months table.
Usage: Show a visitor tableof 3 months.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var flg=0;
var fs=1;
var bg="cyan";
M=new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn()
{
pdy=new Date();
// today
pmo=pdy.getMonth();
// present month
pyr=pdy.getYear();
// present year
if(pyr<2000)
pyr=pyr+1900;
yr=yr1=(pmo==0?pyr-1:pyr);
// last month's year
mo=(pmo==0?11:pmo-1);
// last month
bgn=new Date(M[mo]+" 1,"+yr1);
// assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar();
// Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=pyr;
// present year
mo=pmo;
// present month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=(pmo==11?pyr+1:pyr);
// next month's year
mo=(pmo==11?0:pmo+1);
// next month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send next month to screen
document.write('</TD></TR></TABLE>');
// Finish up
}
function Calendar()
{
dy=bgn.getDay();
yr=eval(yr);
d="312831303130313130313031";
if(yr/4==Math.floor(yr/4))
{
d=d.substring(0,2)+"29"+d.substring(4,d.length);
}
pos=(mo*2);
ld=eval(d.substring(pos,pos+2));
document.write("<TABLE BORDER=1"
+" BGCOLOR='"+bg
+"'><TR><TD ALIGN=CENTER COLSPAN=7>"
+"<FONT SIZE="+fs+">"+M[mo]+" "+yr
+"</FONT></TD></TR><TR><TR>");
for(var i=0;
i<7;
i++)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>"+D[i]+"</FONT></TD>");
}
document.write("</TR><TR>");
ctr=0;
for(var i=0;
i<7;
i++)
{
if(i<dy)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+"> </FONT>"
+"</TD>");
}
else
{
ctr++;
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
while(ctr<ld)
{
for(var i=0;
i<7;
i++)
{
ctr++;
if(ctr>ld)
{
document.write("<TD ALIGN=CENTER>"
+" </TD>");
}
else
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}</SCRIPT>
<CENTER>
<P> <B> </B> <SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Till Christmas
2
http://www.x-developer.com/javascript/content/clocks/till-christmas/index.html
Till Christmas
Action: Prints a line withinformation about Christmas Day.
Usage: Tell you visitorhow far is the Christmas Day.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day_description="Christmas";
var day_before="Christmas Eve";
var today=new Date();
var year=today.getYear();
if((navigator.appName=="Microsoft Internet Explorer")&&(year<2000))
year="19"+year;
if(navigator.appName=="Netscape")
year=1900+year;
var date=new Date("December 25, "+year);
var diff=date.getTime()-today.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
document.write("There are "+(days+1)+" days until "+day_description+"!");
else if(days==1)
document.write("Tommorrow is "+day_before+"!");
else if(days==0)
document.write("Today is "+day_before+"!");
else if(days==-1)
document.write("It's "+day_description+"!");
else if(days<-1)
document.write(day_description+" was "+((days+1)*-1)+(days<-2?" days":" day")+" ago this year!");
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Till Date
2
http://www.x-developer.com/javascript/content/clocks/till-date/index.html
Till Date
Action: Prints a line withinfo about predefined day.
Usage: Set your own dateand tell a visitor how soon will it be
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var date=new Date("January 1, 2999");
var description="the year 2999";
var now=new Date();
var diff=date.getTime()-now.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
{
document.write(days+1+" days until "+description);
}
else if(days==1)
{
document.write("Only two days until "+description);
}
else if(days==0)
{
document.write("Tomorrow is "+description);
}
else
{
document.write("It's"+description+"!");
}
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>cookies
1
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString()+"; path=/";
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function checkCookie() {
var user = getCookie("username");
if (user != "") {
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" && user != null) {
setCookie("username", user, 365);
}
}
}
OLD WAY BELOW
<!-- TWO STEPS TO INSTALL COOKIE - VISITS:
1. Paste the designated coding into the HEAD of your HTML document
2. Put the last script into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("You've been here <b>" + amt() + "</b> times.")
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.31 KB -->
**********************************************************************
<!-- TWO STEPS TO INSTALL COOKIE PASSWORD PROTECTION:
1. Put the designated coding into the HEAD of your login document
2. Paste the final coding into the BODY of your login document -->
<!-- STEP ONE: Copy this code into the HEAD of your login document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie () {
var exp = new Date();
exp.setTime (exp.getTime() - 1000000000); // This cookie is history
var cval = GetCookie ('FreeStuffL');
document.cookie ='FreeStuffL' + "=" + cval + "; expires=" + exp.toGMTString();
}
function cookieCreater () {
if(GetCookie('FreeStuffL') == null) {
var FreeStuffL_Name = prompt ("What name do you want to go by?", "" );
if (FreeStuffL_Name != null && FreeStuffL_Name != "") {
var expdate = new Date ();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
SetCookie('FreeStuffL', FreeStuffL_Name, expdate);
alert ("You now are logged in! From now on, when you come to this page, you will be forwarded to the Password Protected Members-Only Area. Please do not tell anyone your entry code. At this new page, you will be shown a list of functions. Have fun!");
location.href = "cookie-in.html"
}
}
else {
DeleteCookie ();
cookieCreater ()
}
}
if(GetCookie('FreeStuffL') != null) {
location.href="cookie-in.html"
}
function check() {
var tester = document.login.numOne.value + document.login.numTwo.value;
if (tester == "") {
alert ("I'm sorry, that code is not correct.");
}
else
{
if (tester == document.login.numThree.value) {
alert ("That is correct!");
cookieCreater ();
}
else {
alert ("Nope!");
}
}
}
// End -->
</SCRIPT>
<BODY>
<center>
<form name='login'>
Enter your login code (FORMAT: login # one, login # two, login # three):
<p><input TYPE='text' NAME='numOne' SIZE=15><br>
<input TYPE='text' NAME='numTwo' SIZE=15 ><br>
<input TYPE='text' NAME='numThree' SIZE=15 ><br>
<input TYPE='button' VALUE='Login' ONCLICK='check()'>
</form>
</center>
<font size=1 color=white>
This page requires Javascript to run! Please get Netscape 2.0 or greater!
</font>
<form name="login2">
<input type=hidden name="go" value="cookie-in.html">
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.44 KB -->
<end node> 5P9i0s8y19Z
<node>COOKIES
2
<end node> 5P9i0s8y19Z
<node>CODE..Explaned
3
http://www.angelfire.com/yt/jmyers/get/js/cookies.htm
= = = = = = = = = = = = = = = = = = =
Copy-and-Paste Cookie Functions
= = = = = = = = = = = = = = = = = = =
function makeCookie(Name,Value,Expiry,Path,Domain,Secure) {
//Bunch of arguments
if (Expiry != null && !isNaN(Expiry)) {
//if you want to save the cookie
var datenow = new Date();
//get a date
datenow.setTime(datenow.getTime() + Math.round(86400000*Expiry));
//mutiply the number to make it represent days
Expiry = datenow.toGMTString();
//convert to GMT time
}
//ends that. And now...
Expiry = (Expiry) ? '; expires='+Expiry : '';
//has an expiration?
Path = (Path)?'; path='+Path:'';
//has a path?
Domain = (Domain) ? '; domain='+Domain : '';
//has a domain?
Secure = (Secure) ? '; secure' : '';
//Secure?
document.cookie = Name + '=' + escape(Value) + Expiry + Path + Domain + Secure;
//Make the cookie!
}
function readCookie(Name) {
//Your name goes here!
var cookies = ' ' + document.cookie;
//Copy your cookies
if (cookies.indexOf(' ' + Name + '=') == -1) return null;
//Whoops, no cookie!
var start = cookies.indexOf(' ' + Name + '=') + (Name.length + 2);
//Jump to start of cookie
var finish = cookies.substring(start,cookies.length);
//Get a count from the cookies
finish = (finish.indexOf(';') == -1) ? cookies.length : start + finish.indexOf(';');
//Find end of cookie
return unescape(cookies.substring(start,finish));
//Here's your cookie! ( Sorry, no chocolate chips. :-)
}
// End of cookie functions (Joseph K. Myers 1999-2000 <e_mayilme@hotmail.com>)
/*
Syntax rules:
*********************** Making the Cookie / Reading the Cookie ***********************
A. Name
1. No characters besides a-z, A-Z, numerals, dash and underscore.
2. Probably don't want to use an especially long name.
B. Value
1. Here's the actual content.
2. Anything goes here up to 4000 characters.
C. Expiry (This is what shines!)
1. Type in the NUMBER OF DAYS to save the cookie or:
2. Leave this out and the cookie will expire during the current session.
D. Path
1. Sets a restriction on the portion of the server allowed to access a cookie.
2. Use a slash "/" to allow any page from your site to obtain the cookie.
E. Domain
1. Sets a domain as in MAIL.yahoo.com ( EMPHASIS ADDED!!! ).
2. By default this would be set to the same as the cookie's origin domain.
F. Secure
1. If you want access to the cookie ONLY during a secure connection.
2. Normally you'd want this to protect sensitive information.
You would type this...
makeCookie('friendly_cookie', 'Mr. Smith is tall.', 18, '/');
...to make a cookie with a NAME of friendly_cookie, a VALUE of "Mr. Smith is tall.", an
EXPIRATION of 18 days later, and having the most accessible PATH of /.
You would type this...
var YOUR_VARIABLE_NAME = readCookie('friendly_cookie');
...to set the variable of YOUR_VARIABLE_NAME to the value of the cookie with a NAME of
friendly_cookie or to null if there was no cookie available named friendly_cookie.
You would type this...
makeCookie('toughcookie', somevariable, null, '/directory/pages/', 'mail.yahoo.com', true);
...to make a cookie with a NAME of toughcookie, a VALUE of the variable somevariable, an
EXPIRATION of current session, and having a PATH of /directory/pages/ at the DOMAIN of
mail.yahoo.com, and only accessible in SECURE connections.
Typing the following...
makeCookie('cookie-name', '', 0, '/same/path/as/before', 'at-the-same-domain');
...would delete a cookie with a NAME of cookie-name. The path and domain must be specified
just as before since two cookies by the same name with different paths can coexist on one domain.
Smile! :-) This code is free for the taking. Consider it to be in the public domain. Feel free
to contact me at <e_mayilme@hotmail.com> or visit my website which has even more cool
scripts at <http://www.angelfire.com/yt/jmyers/>.
Note: You'll likely want to remove most comments from this script to shorten download times.
*/
//These cookie functions written 1999-2000 by Joseph K. Myers
<end node> 5P9i0s8y19Z
<node>Name & Visit
3
http://www.x-developer.com/javascript/content/cookies/name-visit/index.html
Name & Visit Browser : ALL
Action: Remembers your name and numbers of visits.
Usage: Ask a visitor for name and then write a line saying Hello to a Visitor and showing number of visits.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var expDays=30;
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function Who(info)
{
var VisitorName=GetCookie('VisitorName')
if(VisitorName==null)
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
}
return VisitorName;
}
function When(info)
{
var rightNow=new Date()
var WWHTime=0;
WWHTime=GetCookie('WWhenH')
WWHTime=WWHTime*1
var lastHereFormatting=new Date(WWHTime);
var intLastVisit=(lastHereFormatting.getYear()*10000)+(lastHereFormatting.getMonth()*100)+lastHereFormatting.getDate()
var lastHereInDateFormat=""+lastHereFormatting;
var dayOfWeek=lastHereInDateFormat.substring(0,3)
var dateMonth=lastHereInDateFormat.substring(4,11)
var timeOfDay=lastHereInDateFormat.substring(11,16)
var year=lastHereInDateFormat.substring(23,25)
var WWHText=dayOfWeek+", "+dateMonth+" at "+timeOfDay
SetCookie("WWhenH",rightNow.getTime(),exp)
return WWHText
}
function Count(info)
{
var WWHCount=GetCookie('WWHCount')
if(WWHCount==null)
{
WWHCount=0;
}
else
{
WWHCount++;
}
SetCookie('WWHCount',WWHCount,exp);
return WWHCount;
}
function set()
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
SetCookie('WWHCount',0,exp);
SetCookie('WWhenH',0,exp);
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}</SCRIPT>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello "+Who()+". You've been here "+Count()+" time(s). Last time was "+When()+".");
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Popup Once
3
http://www.x-developer.com/javascript/content/cookies/popup-once/index.html
Popup Once Browser : ALL
Action: Popups a window with specific URL once.
Usage: Show a popup window just once instead of having to pop it up every time the page is visited.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=checkCount() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var expDays=1;
// number of days the cookie should last
var page="demo-dest.html";
var windowprops="width=200,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function amt()
{
var count=GetCookie('count')
if(count==null)
{
SetCookie('count','1')
return 1
}
else
{
var newcount=parseInt(count)+1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function checkCount()
{
var count=GetCookie('count');
if(count==null)
{
count=1;
SetCookie('count',count,exp);
window.open(page,"",windowprops);
}
else
{
count++;
SetCookie('count',count,exp);
}
}</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Redirector
3
http://www.x-developer.com/javascript/content/cookies/redirector/index.html
Redirector Browser : ALL
Action: Places a cookie on your computer with your favorite page and then redirects you there next time you enter the site.
Usage: Save time for you visitors when looking for their favorite page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
var expDays = 30;
var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;
}
function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var favorite = GetCookie('page');
if (favorite != null) {
switch (favorite) {
case 'demo-1' : url = 'demo-1.html'; // change these!
break;
case 'demo-2' : url = 'demo-2.html'; break;
case 'demo-3' : url = 'demo-3.html';
break;
case 'demo-4' : url = 'demo-4.html';
break;
}
window.location.href = url;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form>
<table border="3" bgcolor="#00007F">
<tr> <td> <font color="#FFFFFF"><b>Please choose your Favorite Page:<br>
<input type=checkbox name="demo-1" onClick="SetCookie('page', this.name, exp);">
Page 1<br>
<input type=checkbox name="demo-2" onClick="SetCookie('page', this.name, exp);">
Page 2<br>
<input type=checkbox name="demo-3" onClick="SetCookie('page', this.name, exp);">
Page 3<br>
<input type=checkbox name="demo-4" onClick="SetCookie('page', this.name, exp);">
Page 4</b><br>
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Your Name
3
http://www.x-developer.com/javascript/content/cookies/name/index.html
Your Name Browser : ALL
Action: Asks a visitor for name and prints the line.
Usage: Greet a visitor every time he enters the page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE = "JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var username = GetCookie('username');
if (username == null) {
username = prompt('Please enter your name (otherwise press cancel)',"WebSurfer");
if (username == null) {
alert('Its ok if you dont want to tell me your name');
username = 'WebSurfer';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
</SCRIPT>
<CENTER>
<SCRIPT>
document.write('<font size="+3">Hey '+username+'!</font>');
if (username == "WebSurfer") {
document.write('</font><br><small><a href="name.html" target="_top">personalize</A> your greeting!</small>')
<!-- Remember to change the URL in the previous line to your page URL -->
}
</SCRIPT>
<font size="3"><b><font size="4">You're Using:</font></b></font> <SCRIPT>
document.write('<br> '+ navigator.appName + ' (<i>' + navigator.appCodeName + '</i>) version ' + navigator.appVersion + '.')
// End -->
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>date
1
<!-- ONE STEP TO INSTALL DAYS TILL DATE:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alan Palmer -->
<!-- Web Site: http://www.jsr.communitech.net -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var date = new Date("January 1, 2003");
var description = "the year 2003";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h3></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<!-- THREE STEPS TO INSTALL POPUP DATE PICKER:
1. Copy the code into a new file, save as date-picker.js
2. Add the script source tag to the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into a new file, save as date-picker.js -->
<!-- Original: Kedar R. Bhave (softricks@hotmail.com) -->
<!-- Web Site: http://www.softricks.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
if ((p_month == null) && (p_year == null)) return;
if (p_WinCal == null)
this.gWinCal = ggWinCal;
else
this.gWinCal = p_WinCal;
if (p_month == null) {
this.gMonthName = null;
this.gMonth = null;
this.gYearly = true;
} else {
this.gMonthName = Calendar.get_month(p_month);
this.gMonth = new Number(p_month);
this.gYearly = false;
}
this.gYear = p_year;
this.gFormat = p_format;
this.gBGColor = "white";
this.gFGColor = "black";
this.gTextColor = "black";
this.gHeaderColor = "black";
this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
/*
Check for leap year ..
1.Years evenly divisible by four are normally leap years, except for...
2.Years also evenly divisible by 100 are not leap years, except for...
3.Years also evenly divisible by 400 are leap years.
*/
if ((p_year % 4) == 0) {
if ((p_year % 100) == 0 && (p_year % 400) != 0)
return Calendar.DOMonth[monthNo];
return Calendar.lDOMonth[monthNo];
} else
return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
function Calendar_print() {
ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
var vCode = "";
var vHeader_Code = "";
var vData_Code = "";
// Begin Table Drawing code here..
vCode = vCode + "<TABLE BORDER=1 BGCOLOR=\\"" + this.gBGColor + "\\">";
vHeader_Code = this.cal_header();
vData_Code = this.cal_data();
vCode = vCode + vHeader_Code + vData_Code;
vCode = vCode + "</TABLE>";
return vCode;
}
Calendar.prototype.show = function() {
var vCode = "";
this.gWinCal.document.open();
// Setup the page...
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwriteA("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwriteA(this.gMonthName + " " + this.gYear);
this.wwriteA("</B><BR>");
// Show navigation buttons
var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
var prevMM = prevMMYYYY[0];
var prevYYYY = prevMMYYYY[1];
var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
var nextMM = nextMMYYYY[0];
var nextYYYY = nextMMYYYY[1];
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
");" +
"\\"><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\"><<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">><\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for the month..
vCode = this.getMonthlyCalendarCode();
this.wwrite(vCode);
this.wwrite("</font></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
var vCode = "";
var i;
var vr, vc, vx, vy; // Row, Column, X-coord, Y-coord
var vxf = 285; // X-Factor
var vyf = 200; // Y-Factor
var vxm = 10; // X-margin
var vym; // Y-margin
if (isIE) vym = 75;
else if (isNav) vym = 25;
this.gWinCal.document.open();
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("<style type='text/css'>\\n<!--");
for (i=0; i<12; i++) {
vc = i % 3;
if (i>=0 && i<= 2) vr = 0;
if (i>=3 && i<= 5) vr = 1;
if (i>=6 && i<= 8) vr = 2;
if (i>=9 && i<= 11) vr = 3;
vx = parseInt(vxf * vc) + vxm;
vy = parseInt(vyf * vr) + vym;
this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
}
this.wwrite("-->\\n</style>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwrite("Year : " + this.gYear);
this.wwrite("</B><BR>");
// Show navigation buttons
var prevYYYY = parseInt(this.gYear) - 1;
var nextYYYY = parseInt(this.gYear) + 1;
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\" alt='Prev Year'><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for each month..
var j;
for (i=11; i>=0; i--) {
if (isIE)
this.wwrite("<DIV ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
else if (isNav)
this.wwrite("<LAYER ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
this.gMonth = i;
this.gMonthName = Calendar.get_month(this.gMonth);
vCode = this.getMonthlyCalendarCode();
this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
this.wwrite(vCode);
if (isIE)
this.wwrite("</DIV>");
else if (isNav)
this.wwrite("</LAYER>");
}
this.wwrite("</font><BR></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
var vCode = "";
vCode = vCode + "<TR>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
vCode = vCode + "</TR>";
return vCode;
}
Calendar.prototype.cal_data = function() {
var vDate = new Date();
vDate.setDate(1);
vDate.setMonth(this.gMonth);
vDate.setFullYear(this.gYear);
var vFirstDay=vDate.getDay();
var vDay=1;
var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
var vOnLastDay=0;
var vCode = "";
/*
Get day for the 1st of the requested month/year..
Place as many blank cells before the 1st day of the month as necessary.
*/
vCode = vCode + "<TR>";
for (i=0; i<vFirstDay; i++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' FACE='" + fontface + "'> </FONT></TD>";
}
// Write rest of the 1st week
for (j=vFirstDay; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
}
vCode = vCode + "</TR>";
// Write the rest of the weeks
for (k=2; k<7; k++) {
vCode = vCode + "<TR>";
for (j=0; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
if (vDay > vLastDay) {
vOnLastDay = 1;
break;
}
}
if (j == 6)
vCode = vCode + "</TR>";
if (vOnLastDay == 1)
break;
}
// Fill up the rest of last week with proper blanks, so that we get proper square blocks
for (m=1; m<(7-j); m++) {
if (this.gYearly)
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
else
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
}
return vCode;
}
Calendar.prototype.format_day = function(vday) {
var vNowDay = gNow.getDate();
var vNowMonth = gNow.getMonth();
var vNowYear = gNow.getFullYear();
if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
return ("<FONT COLOR=\\"RED\\"><B>" + vday + "</B></FONT>");
else
return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
var i;
// Return special formatting for the weekend day.
for (i=0; i<weekend.length; i++) {
if (vday == weekend[i])
return (" BGCOLOR=\\"" + weekendColor + "\\"");
}
return "";
}
Calendar.prototype.format_data = function(p_day) {
var vData;
var vMonth = 1 + this.gMonth;
vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
var vY4 = new String(this.gYear);
var vY2 = new String(this.gYear.substr(2,2));
var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
switch (this.gFormat) {
case "MM\\/DD\\/YYYY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
break;
case "MM\\/DD\\/YY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY2;
break;
case "MM-DD-YYYY" :
vData = vMonth + "-" + vDD + "-" + vY4;
break;
case "MM-DD-YY" :
vData = vMonth + "-" + vDD + "-" + vY2;
break;
case "DD\\/MON\\/YYYY" :
vData = vDD + "\\/" + vMon + "\\/" + vY4;
break;
case "DD\\/MON\\/YY" :
vData = vDD + "\\/" + vMon + "\\/" + vY2;
break;
case "DD-MON-YYYY" :
vData = vDD + "-" + vMon + "-" + vY4;
break;
case "DD-MON-YY" :
vData = vDD + "-" + vMon + "-" + vY2;
break;
case "DD\\/MONTH\\/YYYY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY4;
break;
case "DD\\/MONTH\\/YY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY2;
break;
case "DD-MONTH-YYYY" :
vData = vDD + "-" + vFMon + "-" + vY4;
break;
case "DD-MONTH-YY" :
vData = vDD + "-" + vFMon + "-" + vY2;
break;
case "DD\\/MM\\/YYYY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY4;
break;
case "DD\\/MM\\/YY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY2;
break;
case "DD-MM-YYYY" :
vData = vDD + "-" + vMonth + "-" + vY4;
break;
case "DD-MM-YY" :
vData = vDD + "-" + vMonth + "-" + vY2;
break;
default :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
}
return vData;
}
function Build(p_item, p_month, p_year, p_format) {
var p_WinCal = ggWinCal;
gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
// Customize your Calendar here..
gCal.gBGColor="white";
gCal.gLinkColor="black";
gCal.gTextColor="black";
gCal.gHeaderColor="darkgreen";
// Choose appropriate show function
if (gCal.gYearly) gCal.showY();
else gCal.show();
}
function show_calendar() {
/*
p_month : 0-11 for Jan-Dec; 12 for All Months.
p_year : 4-digit year
p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
p_item : Return Item.
*/
p_item = arguments[0];
if (arguments[1] == null)
p_month = new String(gNow.getMonth());
else
p_month = arguments[1];
if (arguments[2] == "" || arguments[2] == null)
p_year = new String(gNow.getFullYear().toString());
else
p_year = arguments[2];
if (arguments[3] == null)
p_format = "MM/DD/YYYY";
else
p_format = arguments[3];
vWinCal = window.open("", "Calendar",
"width=250,height=250,status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
// Load the defaults..
if (p_year == null || p_year == "")
p_year = new String(gNow.getFullYear().toString());
if (p_format == null || p_format == "")
p_format = "MM/DD/YYYY";
var vWinCal = window.open("", "Calendar", "scrollbars=yes");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, null, p_year, p_format);
}
<!-- STEP TWO: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script language="JavaScript" src="date-picker.js"></script>
</HEAD>
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 17.17 KB -->
<end node> 5P9i0s8y19Z
<node>email
1
<!-- ONE STEP TO INSTALL EMAIL ADDRESS PROTECTOR:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
user = "username";
site = "yoursite.com";
document.write('<a href=\\"mailto:' + user + '@' + site + '\\">');
document.write(user + '@' + site + '</a>');
// End -->
</SCRIPT>
******************************************************************************
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
******************************************************************
<!-- THREE STEPS TO INSTALL SUBMIT ONCE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var submitcount=0;
function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}
function checkFields() { // field validation -
if ( (document.emailform.name.value=="") || // checks if fields are blank.
(document.emailform.email.value=="") || // More validation scripts at
(document.emailform.comments.value=="") ) // forms.javascriptsource.com
{
alert("Please enter your name, email, and comments then re-submit this form.");
return false;
}
else
{
if (submitcount == 0)
{
submitcount++;
return true;
}
else
{
alert("This form has already been submitted. Thanks!");
return false;
}
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="reset()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
<input type=hidden name=to value="you@your-website-address-here.com">
<input type=hidden name=subject value="Feedback Form">
<pre>
Your Name: <input type=text name="name">
Your Email: <input type=text name="email">
Comments?
<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
<input type=submit value="Submit Form!">
[ Click the submit button twice to see the script in action ]
</pre>
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.05 KB -->
<end node> 5P9i0s8y19Z
<node>E-Mail
2
<end node> 5P9i0s8y19Z
<node>Auto-Email Notification
3
http://members.nbci.com/_XMCM/yoboseyo/login/pwmake.htm
Auto-Email Notification
If you want to have email from anyone who visits your page
you need only have a form with one button.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form name="f" action="mailto:you@your.com" method="post">
<input type="submit" name="b" value=".">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
In the <body> tag you need to activate the form by clicking
on the button. <body onload="document.f.b.click();">
<end node> 5P9i0s8y19Z
<node>Fax
3
<A HREF="mailto:Fax: (970) 686-1100">Fax: (970) 686-1100</A>
<end node> 5P9i0s8y19Z
<node>Fill-In
3
http://wsabstract.com/script/script2/mailbutton.shtml
---
Featured new script- Email Me button
This simple but practical script render a "email me" button that, when clicked on, launches your visitor's default email program with the "To", "CC", and "Subject" line all filled in already.
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<FORM>
<INPUT TYPE="button" VALUE="Contact Us" onClick="parent.location='mailto:you@youremail.com?subject=The subject you want to appear&cc=you2@youremail.com'">
</FORM>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>New subject
3
http://www.x-developer.com/javascript/content/buttons/mail-button-subject/index.html
Mail Button with Subject
Action: Sends an E-Mail withsubject predefined.
Usage: Your visitors won'thave to type message subject any more.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<FORM>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <INPUT TYPE=button VALUE="Mail Button with Subject" onClick=parent.location='mailto:developer@x-developer.com?subject=Hello!'>
</FORM>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>E-Mail Buttons
2
A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated
= = = = = = = = = = = = = = =
<!-- ONE STEP TO INSTALL E-MAIL BUTTON:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me" onClick="parent.location='mailto:antispammer@earthling.net'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me - Subject Predetermined" onClick="parent.location='mailto:spammer@earthling.net?subject=This Is The Pre-determined Subject'">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.70 KB -->
<end node> 5P9i0s8y19Z
<node>Subject E-Mail
3
Let your visitors send you e-mail with a predetermined subject!
--------------------------------------------------------------------------------
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
<end node> 5P9i0s8y19Z
<node>Mailing List U/D
2
http://www.x-developer.com/javascript/content/forms/mailing-list/index.html
Mailing List Browser : ALL
Action: Mailing list submitting form with basic validation.
Usage: Saves time for a visitor when signing for your mailing
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function resetform() {
document.forms[0].elements[1]=="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\\n You are about to e-mail your submission. \\n\\nYES to submit. NO to abort."))
{
alert("\\nYour submission will now be sent. \\n\\n Use the Return Button once the submission is complete to return to my home page.\\n\\n\\n Thank you for joining our mailing list!");
return true;
}
else
{
alert("\\n You have chosen to abort the submission.");
return false
}
else return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert ("\\n The E-Mail field is blank. \\n\\n Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\\n The E-Mail field requires a \\"@\\" and a \\".\\"be used. \\n\\nPlease re-enter your E-Mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\\n The First Name field is blank. \\n\\n Please enter your first name.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\\n The Last Name field is blank. \\n\\nPlease enter your last name.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\\n The Address field is blank. \\n\\nPlease enter your address.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\\n The City field is blank. \\n\\nPlease enter your city.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\\n The state field is blank.\\n\\nPlease enter your state.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\\n The Zip code field is blank. \\n\\nPlease enter your Zip code.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
</SCRIPT>
<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:developer@x-developer.com?subject=Mailing List' onSubmit="return submitForms()">
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#1018BF">
<tr valign=baseline> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Email Address:</font> </b></font></TD>
<TD> <input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">First Name:</font> </b></font></TD>
<TD> <input type=text name="First Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Last Name:</font> </b></font></TD>
<TD> <input type=text name="Last Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Address:</font> </b></font></TD>
<TD> <input type=text name="Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">City:</font> </b></font></TD>
<TD> <input type=text name="City" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">State:</font> </b></font></TD>
<TD> <input type=text name="State" size=10,1 maxlength=25>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Zip Code:</font> </b></font></TD>
<TD> <input type=text name="Zip" size=20,1 maxlength=35>
</TD>
</tr>
</TABLE>
<br>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Files
1
you can use split method. for example, if the content of file is on
fileContent variable then you can simply use:
fileLines=fileContent.split("\\n")
first line will be:
fileLines[0]
second:
fileLines[1]
third:
fileLines[2]
.....
and the number of lines:
fileLines.length
2. Using a web page and ActiveX objects (Internet Explorer only)
Using ActiveX objects gives you many possibilities, but there are two distinct disadvantages:
You need a web page to run your JavaScript, and
ActiveX objects only work with the Internet Explorer browser.
When using extensions, all you need to do is select Build / Execute from the menu and let JavaScript Editor do the job.
Example 1 (using extensions): Reading a file
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FileRead.js, and
4. Select Build / Execute from the menu.
Note: If you do not save the file, getScriptPath() below will return an empty string.
// This example shows file manipulation routines: it echoes
// the contents of itself (the script file).
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
fh = fopen(getScriptPath(), 0); // Open the file for reading
if(fh!=-1) // If the file has been successfully opened
{
length = flength(fh); // Get the length of the file
str = fread(fh, length); // Read in the entire file
fclose(fh); // Close the file
// Display the contents of the file
write(str);
}
Example 2 (using extensions): Listing files in a folder
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FolderExample.js, and
4. Select Build / Execute from the menu.
Note: if you do not save the file, getCurrentFolder() below will return an empty string.
// This example shows folder manipulation routines: it lists
// the contents of the current folder.
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
write("The contents of " + getCurrentFolder());
fileName = findFirstFile("*.*"); // Find the first file matching the filter
while(fileName.length)
{
write(fileName);
fileName = findNextFile(); // Find the next file matching the filter
}
Example 3 (using extensions): Writing a file using JavaScript
Writing files using JavaScript and built-in extensions is straightforward: open the file for writing, write to a file and close a file.
1. Run JavaScript Editor
2. Copy and paste the code below
3. (Optional) Save the file as WriteFileExample.js, and
4. Select Build / Execute from the menu.
function WriteFile()
{
var fh = fopen("c:\\\\MyFile.txt", 3); // Open the file for writing
if(fh!=-1) // If the file has been successfully opened
{
var str = "Some text goes here...";
fwrite(fh, str); // Write the string to a file
fclose(fh); // Close the file
}
}
WriteFile();
Example 4 (using ActiveX and a web page): Listing available drives
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as DriveList.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language=JavaScript>
function ShowAvailableDrives()
{
document.write(GetDriveList());
}
function GetDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += ":- ";
if (x.DriveType == 3) n = x.ShareName;
else if (x.IsReady) n = x.VolumeName;
else n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
} while (!e.atEnd());
return(s);
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language=JavaScript> ShowAvailableDrives(); </SCRIPT>
</P>
</BODY>
</HTML>
Example 5 (using ActiveX and a web page): Writing a file using JavaScript
Writing files via ActiveX is slightly more involved than using JavaScript Editor extensions: you create an instance of a FileSystemObject, create a file, write to it, and close it.
In addition, you cannot run the code on its own, it needs to be a part of a web page or a stand-alone HTML Application (HTA).
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as WriteFileX.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function WriteFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.CreateTextFile("c:\\\\Test.txt", true);
fh.WriteLine("Some text goes here...");
fh.Close();
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language="JavaScript"> WriteFile(); </SCRIPT>
</P>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>FORMS
1
if (name !== null && password !== null){
var location=name +'support'+ password + '.html';
window.status=null
document.location.href = location;
}
<end node> 5P9i0s8y19Z
<node>Add ToCombo
2
http://www.x-developer.com/javascript/content/forms/add-to-list/index.html
Add To List Browser : ALL
Action: Adds data as you enter it in the form and stores it in memory for later use.
Usage: Create small amounts of data that can be sent later via form mail.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<FORM name="history">
<center>
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</center>
</FORM>
<P> <SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length - 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}
function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\\n";
alert( allCmmnds );
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Agree on Entry
2
http://www.x-developer.com/javascript/content/forms/agree-entry/index.html
Agree on Entry Browser : ALL
Action: Allows you to enter data only after you check the I Agree radio button.
Usage: You can force a visitor to Agree when submitting a form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
agree = 0; // 0 means 'no', 1 means 'yes'
</script>
<center>
<form name=enableform>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">
<b>I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">
I disagree<br>
Please enter your name: </b> <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Box Input Limit
2
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
=====================================
http://www.x-developer.com/javascript/content/forms/box-limit/index.html
http://capsule.bayside.net/
Box Input Limit Browser : ALL
Action: Limits amount of characters written in the form textbox.
Usage: Prevent users from entering too long messages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Glenn Wang (brief@ix.netcom.com) -->
<!-- Web Site: http://capsule.bayside.net/ -->
<!-- --------------------------------------------------- -->
function checkchars(form) {
var max=15;
if (form.chars.value.length > max) {
alert("Please do not enter more than 15 characters. Please shorten your entry and submit again.");
return false;
}
else return true;
}
</script>
<center>
<form onsubmit="return checkchars(this)">
<textarea rows=5 cols=30 name=chars wrap=virtual></textarea>
<br>
<input type=submit value="Submit!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>checkbox
2
<end node> 5P9i0s8y19Z
<node>CheckBox Checker
3
<SCRIPT LANGUAGE="JavaScript">
<!--
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group...
// Pass the Checkbox group name...
// call buttons as so:
// <input type=button name="CheckAll" value="Check All"
//onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
//onClick="uncheckAll(document.myform.list)">
// -->
<!-- Begin
function checkAll(field)
{
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
field[i].checked = false ;
}
// End -->
</script>
Here is the HTML:
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>
=======================================================
http://www.x-developer.com/javascript/content/forms/checker/index.html
mailto:stevejr@ce.net
CheckBox Checker Browser : ALL
Action: Controls checkbox appearance in your form.
Usage: Help a visitor control checkboxes easily.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Modified By: Steve Robison, Jr. (stevejr@ce.net) -->
<!-- --------------------------------------------------- -->
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=myform action="" method=post>
<table bgcolor="#00007F" border="3">
<tr> <td> <font color="#FFFFFF"><b>Your Favorite Scripts & Languages<br>
<input type=checkbox name=list value="1">
Java<br>
<input type=checkbox name=list value="2">
JavaScript<br>
<input type=checkbox name=list value="3">
ASP<br>
<input type=checkbox name=list value="4">
HTML<br>
<input type=checkbox name=list value="5">
SQL</b><br>
<br>
<input type=button value="Check All" onClick="this.value=check(this.form.list)">
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>VBcode
4
If chMultiple.Value = 1 Then
Print #2, "<SCRIPT LANGUAGE='JavaScript'>"
Print #2, "function checkAll(field1){"
Print #2, Spc(4); "for (i = 0; i < field1.length; i++)"
Print #2, Spc(8); "field1[i].checked = true;"
Print #2, Spc(4); "}"
Print #2, Spc(0); "</script>"
End If
<end node> 5P9i0s8y19Z
<node>CheckBox Limit
3
http://www.x-developer.com/javascript/content/forms/check-box-limit/index.html
CheckBox Limit Browser : ALL
Action: Limits number of selected checkboxes.
Usage: Prevent a visitor from selecting too many checkboxes.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script type="text/javascript">
<!--
var numChecked = 0;
var maxChecked = 4000 // checked boxes limit
function getChecked() { // checks to see if any boxes are selected by default
myForm = document.count
for (i=0; i<myForm.elements.length; i++) {
if (myForm.elements[i].type == "checkbox" && myForm.elements[i].checked){
numChecked++
}
}
}
function checkCheck(theBox) {
if (theBox.checked) {
if (numChecked == maxChecked){
theBox.checked = false
}
else{
numChecked++
}
}
else{
//numChecked--
return true
}
document.getElementById("display_count").innerHTML=numChecked
}
// include onload="getChecked()" in the opening BODY tag
//-->
</script>
<form name="count">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
</form>
A checkbox has been selected <span id="display_count"></span> times
</center>
======================================
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function countChoices(obj) {
max = 2; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'
if (count > max) {
alert("Oops! You can only choose up to " + max + " choices! \\nUncheck an option if you want to pick another.");
obj.checked = false;
}
}
</script>
<center>
<form>
<p> <input type=checkbox name=box1 onClick="countChoices(this)">
<b>Section 1 </b> <p> <b> <input type=checkbox name=box2 onClick="countChoices(this)">
Section 2 </b> <p> <b> <input type=checkbox name=box3 onClick="countChoices(this)">
Section 3 </b> <p> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>is checked
3
The form must have a name. And the checkbox fields must have a name. Here is an example:
<form
name="myform"
method="POST"
action="/cgi-bin/script.cgi">
<input
type="checkbox"
name="box1"
value="yes1">
<input
type="checkbox"
name="box2"
value="yes2">
<input
type="submit"
onClick="DoTheCheck()">
</form>
The above form's name is "myform". The checkbox's names are "box1" and "box2".
Here is JavaScript that will check whether or not the checkboxes are checked and display an alert box with the answer. It is function DoTheCheck() that the above form calls when the submit button is clicked. The JavaScript can be in the HEAD area or in the BODY area, so long as it is above the form it manipulates.
function DoTheCheck() {
if(document.myform.box1.checked == true)
{ alert('box1 is checked'); }
if(document.myform.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.myform.box2.checked == true)
{ alert('box2 is checked'); }
if(document.myform.box2.checked == false)
{ alert('box2 is not checked'); }
}
The format is the word "document," a period, the name of the form, a period, the name of the checkbox field, a period, and the word "checked."
If you want to check a checkbox with JavaScript, use:
document.myform.box1.checked = true;
Notice that when you consult the checkbox to see whether or not it is checked, you use two consecutive equals characters; and when you assign a check to the checkbox, you use only a single equals character. The single use means "make it equal to ______." The doubled use determines "whether or not it already is equal to ______."
If you want to un-check a checkbox with JavaScript, use:
document.myform.box1.checked = false;
Now you know how to determine whether or not a checkbox is already checked and you can check or uncheck it.
Before we present the examples, let's learn how to determine the value of a checkbox.
Simply replace the word "checkbox" with the word "value". The value is the value as specified in the form itself (unless JavaScript is used to change that value). When you consult the checkbox to determine its value, it will provide the value whether or not it is checked. For example, this will display an alert box with the value of box1 as the message:
alert(document.myform.box1.value);
To display the alert box only if the checkbox is checked, do this:
if(document.myform.box1.checked == true)
{ alert(document.myform.box1.value); }
If you need to change the value of a checkbox with JavaScript, do something like this:
document.myform.box1.value = "new value";
<end node> 5P9i0s8y19Z
<node>CheckBox Text
2
http://www.x-developer.com/javascript/content/forms/checkbox-text/index.html
CheckBox Text Browser : ALL
Action: Checks and unchecks a checkbox when you click on the text near it.
Usage: Simplify checkbox checking for your visitors.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: trs2005@yahoo.com -->
<!-- Modified by: Ronnie T. Moore, Editor -->
<!-- --------------------------------------------------- -->
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')"><b>Clicking this text also checks the box to the left.</b></span> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>combo double
2
alert(document.mainForm.billingstate.options[document.mainForm.billingstate.selectedIndex].value);
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://javascriptkit.com">JavaScript Kit</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
<end node> 5P9i0s8y19Z
<node>Helper
2
http://www.x-developer.com/javascript/content/forms/helper/index.html
Helper Browser : ALL
Action: Popups a help window with item description.
Usage: Helps a visitor understand what to write. Supports copy info feature.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
</script>
<center>
<form name=form method=post action="/cgi-bin/your-script.cgi">
<b>User Name: <input type=text name="username" size=10>
<a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> <br>
Password: <input type=text name="password" size=10>
<a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> </b> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>No Bad Words
2
http://www.x-developer.com/javascript/content/forms/no-bad-words/index.html
No Bad Words Browser : ALL
Action: Replaces bad words with @#$%& characters.
Usage: Prevents you from getting mail with bad words.
Author: ISN Toolbox Homepage ... http://www.infohiway.com/
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Cut-N-Paste JavaScript - ISN Toolbox -->
<!-- Web Site: http://www.infohiway.com/ -->
<!-- --------------------------------------------------- -->
function smutEngine() {
smut="#@&*%!#@&*%!#@&*%!";
cmp="sex babes shit fuck damn porno cum cunt prick pecker ass "
+"asshole pedophile man-boy man/boy dong twat ";
txt=document.isn.dirt.value;
tstx="";
for (var i=0;i<16;i++){
pos=cmp.indexOf(" ");
wrd=cmp.substring(0,pos);
wrdl=wrd.length
cmp=cmp.substring(pos+1,cmp.length);
while (txt.indexOf(wrd)>-1){
pos=txt.indexOf(wrd);
txt=txt.substring(0,pos)+smut.substring(0,wrdl)
+txt.substring((pos+wrdl),txt.length);
}
}
document.isn.dirt.value=txt;
}
</SCRIPT>
<CENTER>
<FORM NAME="isn">
<DIV ALIGN=CENTER> <INPUT TYPE="text" NAME="dirt" SIZE=40 VALUE="">
<BR>
<INPUT TYPE="button" NAME="smut1" VALUE=" Submit " onClick="smutEngine(this.form)">
</DIV>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Pass Value from PopUp
2
http://www.x-developer.com/javascript/content/forms/pass-value/index.html
http://www.fortunecity.com/lavendar/lavender/21/
Pass Value Browser : ALL
Action: Passes value from a popup options window to main page.
Usage: Let your visitors pick items from small window and then pass values to the main window.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Pankaj Mittal (pankajm@writeme.com) -->
<!-- Web Site: http://www.fortunecity.com/lavendar/lavender/21 -->
<!-- --------------------------------------------------- -->
function small_window(myurl) {
var newWindow;
var props = 'scrollBars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=300,height=200';
newWindow = window.open(myurl, "Add_from_Src_to_Dest", props);
}
// Adds the list of selected items selected in the child
// window to its list. It is called by child window to do so. function addToParentList(sourceList) {
destinationList = window.document.forms[0].parentList;
for(var count = destinationList.options.length - 1; count >= 0; count--) {
destinationList.options[count] = null;
}
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
destinationList.options[i] = new Option(sourceList.options[i].text, sourceList.options[i].value );
}
}
// Marks all the items as selected for the submit button. function selectList(sourceList) {
sourceList = window.document.forms[0].parentList;
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
sourceList.options[i].selected = true;
}
return true;
}
// Deletes the selected items of supplied list.
function deleteSelectedItemsFromList(sourceList) {
var maxCnt = sourceList.options.length;
for(var i = maxCnt - 1; i >= 0; i--) {
if ((sourceList.options[i] != null) && (sourceList.options[i].selected == true)) {
sourceList.options[i] = null;
}
}
}
</script>
<center>
<form method=post>
<table border=3 bgcolor="#00007F">
<tr>
<td>
<select size=5 name=parentList multiple>
</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button value="Add Item" onclick = "javascript:small_window('demo-1.html');">
<input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Preload TEXT BOXES
2
Form called Enter and text Boxes FName and LName
var dog=GetCookie('hbaweblink');
if (dog !== null ){
var name=GetCookie('hbaname')
Enter.FName.value=name
var password=GetCookie('hbapassword')
Enter.LName.value=password
}
<end node> 5P9i0s8y19Z
<node>radiobuttons
2
<body bgcolor="#ffffff">
<form method="post" action="tbl_addfield.php">
<input type="radio" name="field_where" id="radio_field_where_last" value="last" checked="checked" /><label for="radio_field_where_last">At End of Table</label>
<input type="radio" name="field_where" id="radio_field_where_first" value="first" /><label for="radio_field_where_first">At Beginning of Table</label>
<input type="radio" name="field_where" id="radio_field_where_after" value="after" /><label for="radio_field_where_after">After </label>
<select name="after_field" style="vertical-align: middle" onclick="this.form.field_where[2].checked=true" onchange="this.form.field_where[2].checked=true"><option value="cartid">cartid</option>
<option value="sessionid">sessionid</option>
<option value="productid">productid</option>
<option value="productattributes">productattributes</option>
<option value="quantity">quantity</option>
<option value="updated">updated</option>
</select>
<input type="submit" value="Go" style="vertical-align: middle" />
</form>
======================================================================
function getValue()
{
//////////////////////////////////////////////////////////////
// The variable 'msg' will hold the messages we want to
// appear in the message box. The 'check' varable, which
// we are setting to zero, will check to see if any values
// have been selected.
//////////////////////////////////////////////////////////////
var msg = "";
var check = 0;
//////////////////////////////////////////////////////////////
// We create a for loop that tests each radio box in turn,
// checking their values. The value is inserted into the
// 'msg' variable along with a message. We also set the value
// of 'check' to 1, if any values were selected.
//////////////////////////////////////////////////////////////
for (var i = 0; i < 4; i++)
{
var checked = document.testForm.test[i].checked;
if (checked)
{
msg += "The selected value is: " + (document.testForm.test[i].value) + "\\n";
check = 1;
}
}
//////////////////////////////////////////////////////////////
// If the check value is equivalent to one, we alert the
// message constructed above. If it is not equal to one,
// we alert that no value was selected.
//////////////////////////////////////////////////////////////
if (check == 1)
{
alert (msg);
}
else
{
alert ("No value was selected.");
}
}
// End Hide -->
</script>
======================================================
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
<end node> 5P9i0s8y19Z
<node>submit
2
FORMS SUGGESTION
<!-- THREE STEPS TO INSTALL SUGGESTIONS:
1. Paste the coding into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. Put the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function leaptoIntro() {
window.location="http://javascript.internet.com"
}
function About() {
alert("\\nHave a suggestion for a JavaScript example?\\n\\nFill out the form and submit it. I will see what I can do.\\n\\nPlease be as specific as possible.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\\nYour submission is about to be sent.\\n\\nClick YES to submit.\\n\\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\\nThe NAME field is blank.\\n\\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\\nThe NAME field only accepts letters & spaces.\\n\\nPlease re-enter your name.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\\nYou've changed your browser type.\\n\\nClick YES to keep changes.\\n\\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\\nThe SUGGESTION field is blank.\\n\\nPlease enter your suggestion.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>
<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->
<BODY onLoad="Reset()">
<!-- STEP THREE: Copy this code into the BODY your HTML document -->
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:you@yourdomain.com?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your suggestion(s):</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit">
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.82 KB -->
<end node> 5P9i0s8y19Z
<node>Tabs on Enter
2
http://www.x-developer.com/javascript/content/forms/tabs-enter/index.html
http://javascript.internet.com/
Tabs on Enter Browser : ALL
Action: Puts cursor to next form section when hitting Enter button.
Usage: Saves time for a visitor when moving to different sections of the form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
nextfield = "box1"; // name of first box on page
netscape = "";
ver = navigator.appVersion; len = ver.length;
for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
netscape = (ver.charAt(iln+1).toUpperCase() != "C");
function keyDown(DnEvents) { // handles keypress
// determines whether Netscape or Internet Explorer
k = (netscape) ? DnEvents.which : window.event.keyCode;
if (k == 13) { // enter key pressed
if (nextfield == 'done') return true; // submit, we finished all fields
else { // we're not done yet, send focus to next box
eval('document.yourform.' + nextfield + '.focus()');
return false;
}
}
}
document.onkeydown = keyDown; // work together to analyze keystrokes
if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
</script>
<center>
<form name=yourform>
<b>Box 1: <input type=text name=box1 onFocus="nextfield ='box2';">
<br>
Box 2: <input type=text name=box2 onFocus="nextfield ='box3';">
<br>
Box 3: <input type=text name=box3 onFocus="nextfield ='box4';">
<br>
Box 4: <input type=text name=box4 onFocus="nextfield ='done';">
</b><br>
<input type=submit name=done value="Submit">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Select
2
If you have a select element that looks like this:
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
Running this code:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
Would make strUser be 2. If what you actually want is test2, then do this:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;
Which would make strUser be test2
var e = document.getElementById("ddlViewBy");
var SELIndex = e.selectedIndex
if (SELIndex==0){
error_message = error_message + '*Select something from xx.\\n';
error = 1;
}
<end node> 5P9i0s8y19Z
<node>Hide sections
1
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here's how.
Step 1
Place this code between the <head> tags in your webpage.
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','thiscanbeanything');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href="javascript:switchid('a1');">show a1</a>
<a href="javascript:switchid('a2');">show a2</a>
<a href="javascript:switchid('a3');">show a3</a>
<a href="javascript:switchid('thiscanbeanything');">show 'thiscanbeanything'</a></p>
<hr/>
<div id='a1' style="display:block;">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id='a2' style="display:none;">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
"Qu'est-ce que la littérature?" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author's)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id='a3' style="display:none;">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id='thiscanbeanything' style="display:none;">
<h3>This content is in a div with id "thicanbeanything"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre's
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
"loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man's life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the "solidarity" of others.</p>
</div>
<end node> 5P9i0s8y19Z
<node>+/-
2
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
<h2 style="margin:0px 0px 0px 0px;">
<input id="bt13" type="button" onclick="showdiv(13);" value="+"></input>
Booth Rent
</h2>
<div id="13" style="display:none">
<end node> 5P9i0s8y19Z
<node>Iframe
1
[resize]
<script language="JavaScript">
<!--
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>
<IFRAME SRC="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>
<end node> 5P9i0s8y19Z
<node>images
1
<end node> 5P9i0s8y19Z
<node>IMAGE .. Slide Shows
2
<end node> 5P9i0s8y19Z
<node>(increment preload image)
3
http://wsabstract.com/script/script2/incrementslide.shtml
= = = = =
JavaScript Slideshow (increment preload image)
Description: This is a unique slideshow script that, unlike most other, will intelligently preload its images one at a time, while the preceding image is being shown. The script will actually "wait" until the next image is successfully preloaded before continuing, trying again if not. Contrast that to other slideshow scripts, which mindlessly preload all of their images beforehand. Use this script if your slideshow contains a lot of heavy duty images, and you don't want your visitors to wait forever (literally) before he/she can see the slide.
= = = = =
Directions:
Simply add the below where you wish the slideshow to appear. Configure the first two lines in the script, AND also, the <IMG> src in the HTML portion.
= = = = =
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
Script by FPMC at http://jsarchive.8m.com
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]
//set corresponding urls
url = ["http://freewarejava.com", "http://wsabstract.com", "http://dynamicdrive.com", "http://www.geocities.com"]
//set duration for each image
duration = 4;
//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</SCRIPT>
<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;"
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
<end node> 5P9i0s8y19Z
<node>Automatically Changing Slide Show Script
3
http://www.java-scripts.net/image/image3.shtml
Automatically Changing Slide Show Script
This script is similar to the Slide Show Script, but it automatically changes the image for the user.
Description: This script allows you to display a "Slide Show" where the images automatically change by themselves according to a set interval.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--Two steps to installing this script-->
<!--1) Copy everything below, and paste in HEAD section of page-->
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<!--2) Copy below, and paste in BODY section of page-->
<!--To configure images, refer to comments below-->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif","img2.gif","img3.gif")
slideshowlinks("http://wsabstract.com","http://dynamicdrive.com","http://java-scripts.net")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>BannerAdds
3
<!-- ONE STEP TO INSTALL BANNER ADS:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\\"' + url + '\\" target=\\"_top\\">');
document.write('<img src=\\"' + banner + '\\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\\"' + alt + '\\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.44 KB -->
<end node> 5P9i0s8y19Z
<node>Image Cycler
3
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs (dkh2@po.cwru.edu) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
<end node> 5P9i0s8y19Z
<node>Image Slideshow
3
http://javascript.internet.com/miscellaneous/image-slideshow.html
The JavaScript Source: Miscellaneous: Image Slideshow
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 3.24 KB -->
<end node> 5P9i0s8y19Z
<node>imagefader
3
<!-- ONE STEP TO INSTALL LOGO FADER:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif" width=548 height=55>
</div>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth - 16 : document.body.offsetWidth - 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ?
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ?
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// --------------- User modifiable variables ----------------------
//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position
var useAnchorPosition = false; // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2)); // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5; // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10; // sets the scroll speed
// ------------------------------------------------------------------
function scrollLogo() {
if (cnt == 0) {
up-- ; dn++;
if (up < -10) {
right = logoWidth;
left = 0;
upDown = -scrollInc;
cnt++;
}
eval(clipLogoVert);
}
if (cnt == 1) {
right += upDown;
left -= upDown;
if (right < halfWidth-40) {
right = halfWidth;
left = halfWidth;
upDown = scrollInc;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 2) {
right += upDown;
left -= upDown;
if (right > logoWidth+20) {
right = logoWidth;
left = 0;
up = 0;
dn = logoHeight;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 3) {
up++;
dn--;
if (dn < halfHeight - 10) {
up = halfHeight;
dn = halfHeight;
right = logoWidth;
left = 0;
upDown = scrollInc;
cnt = 0;
}
eval(clipLogoVert)
}
setTimeout("scrollLogo()", scrollSpeed);
}
if (! is.oldVer)window.onload = init;
function init() {
positionLogo();
scrollLogo();
}
var L, T;
var pos = (is.NS4) ? pos = document.anchors['logoAnchor'] : document.all['logoAnchor'];
var posStr = (is.NS4) ? 'L = pos.x ; T = pos.y' : 'L = pos.offsetLeft; T = pos.offsetTop';
function positionLogo() {
if (! useAnchorPosition) return;
eval(posStr);
myLogo.top = T;
myLogo.left = L;
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>Left-Right Image Slideshow
3
http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm
= = = = = = = = = = =
Left-Right Image Slideshow Script: All browsers
Script works with Netscape 4+ AND Internet Explorer 4+NS
Credits: Dynamic Drive (00/06/19)
Description: This ultra cool slideshow displays a gallery of images from left to right, one at a time, and pauses between each image. You can even hyperlink the images should you wish!
= = = = = = = = = = =
Simply add the below where you wish the slideshow to appear:
= = = = = = = = = = =
<script language="JavaScript1.2">
/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=100
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'
slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'
slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'
slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'
slideimages[4]='<img src="../dynamicindex4/cake.gif">'
//extend this list
///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
<node>Manual slide show
3
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm
= = = = = = = = = = = = = = == =
DHTML Slide Show Script All
Credits: Dynamic Drive
Description: If you ever need a manual slide show script, this is the one to use. We designed it to be highly versatile, lightweight, and functional in all browsers, even NS 3. Here are some attributes of this lively DHTML slideshow script:
Slideshow works in all NS 3+ and IE 4+ browsers (yes, that includes NS 6 as well)
Script can be set so each image is clickable with it's own unique URL (through the toggling of a single variable)
All images in the slideshow are automatically preloaded on page load to ensure a smooth transition between image changes.
Script displays in the status bar which image the user is currently viewing (image #)
IE 4+ users will see a special random effect applied to the show during each image slide
There are a few variables you'll need to define. Please refer to documentation inside the script.
= = = = = = = = = = = = = = == =
Step 1: Add the below into the <head> section of your page:
<script language="JavaScript1.1">
/*
DHTML slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
Step 2: Insert the following where you wish the slideshow to appear in the BODY:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
<node>mouse rollover change
3
<html>
<head>
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Jabez Net rollover example - www.jabeznet.com</title>
<script type="text/javascript">
function loadImg(img){
var imgName = "big4"; // name of the big image
var srcs = ["big1.jpg","big1.jpg","big2.jpg","big3.jpg","big4.jpg"]; // array of SRC's for the big images
document.images[imgName].src=srcs[img];
}
</script>
</head>
<body>
<p align="center">
<a onmouseover="loadImg(0); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small1.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(2); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small2.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(3); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small3.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
</p>
<p align="center"> </p>
<p align="center"> <img src="big4.jpg" alt="Big 4" style="width: 400px; height: 404px;" name="big4" border="2"></p>
</p>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>waRM HUGS
3
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'graphics/thm/tussiemuss';
Pic[1] = 'graphics/thm/cloche';
Pic[2] = 'graphics/thm/purseholde';
Pic[3] = 'graphics/thm/sprbasket';
Pic[4] = 'graphics/thm/Tape Measu';
Pic[5] = 'graphics/thm/window umb';
//Pic[0] = 'graphics/wh1.jpg'
// Pic[1] = 'graphics/wh2.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=2)"
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)
}
</script>
<body onload='runSlideShow()'>
<end node> 5P9i0s8y19Z
<node>WideSlide
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|07|04|JS_28870|JS_28870~xml.0.jhtml?cda=true#
WideSlide
Published 07/04/2000
By Neal Betts
Moving graphic gives 3d effect for browser sizes up to 1280 wide
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
========
<html>
<head>
<title>WideSlide</title>
<SCRIPT LANGUAGE="JavaScript">
var pos1=-5;
var pos2=-5;
var speed1 = Math.floor(Math.random()*5)+2;
var speed2 = Math.floor(Math.random()*5)+4;
function next() {
pos1 += speed1;
pos2 += speed2;
if (pos1 > 0) pos1 = -1152;
if (pos2 > 0) pos2 = -1152;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
}
else {
bg.style.left = pos1;
fg.style.left = pos2;
}
window.setTimeout("next();",30);
}
</SCRIPT>
</head>
<body onLoad="next();">
<DIV ID="bg" STYLE="position:absolute; left:0; top:0;
width:2304; height:49; visibility:show">
<img src="bg2.JPG" width=2304 height=49 alt="" border="0">
</DIV>
<DIV ID="fg" STYLE="position:absolute; left:0; top:49;
width:2304; height:27; visibility:show">
<img src="fg7.JPG" width=2304 height=27 alt="" border="0">
</DIV>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+2 face=arial><b><FONT COLOR=2B7D8E>Loading xxxxxxxxxxxxxx Loading</FONT></b></FONT></CENTER>
</td></tr>
</table><P><HR>
<table border=0 cellpadding=6 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+3 face=arial><b><FONT COLOR=2B7D8E>HIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHI</FONT></b></FONT></CENTER>
</td></tr>
</table>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>IMAGE..Effects
2
<end node> 5P9i0s8y19Z
<node>PicturePong
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|06|JS_30516|JS_30516~xml.0.jhtml?cda=true#
PicturePong lets your image wriggle through the webpage like a snake
Published 08/06/2000
By Peter Gehrig
Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware ... Language: Javascript
= = =
<html>
<head>
<TITLE>PicturePong lets your image wriggle through the webpage like a snake</TITLE>
<meta NAME="keywords" CONTENT="DHTML, JavaScript, animation, image, gif, Dynamic HTML,download, free, samples, applet">
<meta NAME="description" CONTENT="Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.">
</head>
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// PicturePong by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/6/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
// CONFIGURATION:
// Go to http://www.24fun.com, open category 'animation' and
// download the ZIP-file of this script containing
// the script-file with step-by-step instructions for easy configuration.
var your_image="testimage86.gif"
var tempo=40
var stepx=17
var stepy=17
var numberofimages=12
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// - End of JavaScript - -->
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
// - End of JavaScript - -->
</script>
<DIV id="deletethisblock" style="position:absolute;top:50px;left:50px;">
<font size=1 face=Verdana><ul><b>PicturePong: rush your favourite image through the webpage like a snake</b>
<li>Great script to enhance the visual impact of your webpage.
<li>PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage.
<li>Easy configuration of snake-length and speed.
<li>Crossbrowser.
</ul>
<ul>
<b>Configuration</b>
<li><a href="http://www.24fun.com" target="_blank">Go to http://www.24fun.com</a>, open category 'animation' and download the ZIP-file of this script containing the testimage and the script-file with step-by-step instructions for easy configuration.
<br>
<hr>
<a href="http://www.24fun.com" target="_blank">Download 350+ free funscripts from www.24fun.com</a><br><br>
<script src="http://www.24fun.com/affiliates/textteamon1.js"></script><br>
<script src="http://www.24fun.com/affiliates/textstickytools1.js"></script><br>
</font>
</ul>
</DIV>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Preload Images
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|05|JS_30468|JS_30468~xml.0.jhtml?cda=true#
PreLoad Images
Published 08/05/2000
By Adam
This script preloads images for faster loading and image flips. Just run the script don't view source
Version: 1.2
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
SCRIPT LANGUAGE="JavaScript">
<!--
/**************************************************
Written by Adam Weiss
http://www.geocities.com/Amweiss157/
adam_weiss@hotmail.com
Keep this intact if you want to use the script!
In this script only edit the line that ends in /****/
Between the parenthesis put all you imgages you want loaded
in 'single quotes' followed by a , with no spaces
**************************************************/
//--------------Preloads nav frame pics so they roll over faster
function preLoad()
{
var images = new Array('path/image.gif','path/image.gif'); /****/
preloadImages(images);
}
//--------------Defines process for preload
function preloadImages(images)
{
for(loop = 0; loop < images.length; loop++)
{
var image = new Image();
image.src = images[loop];
}
}
//-->
</SCRIPT>
Simba says Roar.
= = = = = = = = = = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>PreLoad Images By Wolf-Man</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"><br>
<!--<br>
/**************************************************<br>
Written by Adam Weiss<br>
http://www.geocities.com/Amweiss157/<br>
adam_weiss@hotmail.com<br>
Keep this intact if you want to use the script!<br>
In this script only edit the line that ends in /****/<br>
Between the parenthesis put all you imgages you want loaded<br>
in 'single quotes' followed by a , with no spaces <br>
**************************************************/<br>
<br>
//--------------Preloads nav frame pics so they roll over faster<br>
function preLoad()<br>
{<br>
var images = new Array('path/image.gif','path/image.gif'); /****/<br>
preloadImages(images);<br>
}<br>
<br>
//--------------Defines process for preload<br>
function preloadImages(images)<br>
{<br>
for(loop = 0; loop < images.length; loop++)<br>
{<br>
var image = new Image();<br>
image.src = images[loop];<br>
}<br>
}<br>
//--><br>
</SCRIPT><br>
Simba says Roar.<br>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>RANDOM
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30286|JS_30286~xml.0.jhtml?cda=true#
Random Images
Published 08/03/2000
By Maximum
I actually used to use this trick on an old website of mine, and I thought than rather just letting it go to waste, I'd post it here. Basically, you enter images that you want to display at random, and this script picks one out of the images and prints it. Very simple to customize as well.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
Here's the code; it's pretty self-explanatory. But since I figured a few people would have trouble, I commented the whole thing so its even easier :-)
<-- Start Random Image Coding -->
<Script Language="JavaScript">
<!--
//Insert the text/images to be randomized
var img1 = "http://www.yourwebsite.com/image1.gif"
var img2 = "http://www.yourwebsite.com/image2.gif"
var img3 = "http://www.yourwebsite.com/image3.gif"
//get a random number...
var randomize = Math.round(Math.random()*3)
//select text/image based on random number
if (randomize == 1){
newimg = img1
}else if (randomize == 2){
newimg = img2
}else{
newimg = img3
}
//output text/image
document.write('<IMG SRC="'+newimg+'">')
//-->
</Script>
<-- End Random Image Coding -->
There you have it. Just paste that to where you want random images to occur. [Free Tutorials]
http://www.tutorialindex.com/
<end node> 5P9i0s8y19Z
<node>PRE-LOADING
2
<end node> 5P9i0s8y19Z
<node>IMAGES
3
COPY AND PASTE INTO HEAD OF PAGE.
=================================================
<script language=javaScript>
//from www.a1javascripts.com
<!--//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//-->
</script>
=================================================
TO ADD MORE IMAGES, SIMPLY ADD
newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";
and so on...
******************************************************************************
http://www.wsabstract.com/script/script2/preloadimage.shtml
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Description: Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.
Directions: Simply insert the below into the <head> section of your page
Change the paths of the images to be preloaded to your own inside function preloadimages().
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
Preload images script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>PROTECT IMAGES
2
You can take the "No Right Click" script at
http://page-details.javascriptsource.com/no-right-click.html
and change the two lines that read:
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
So that they only set the protect function for the onmousedown effect of just the one image.
So, count what number the image is on the page. Count the first image on the page as zero (yes, it starts as zero not one) then the next as one, the next as two, etc. Until you find the number of the one you want to protect.
Then, change the two lines above to read:
document.images[4].onmousedown = right;
(where 4 is the number of the image you want to protect
<end node> 5P9i0s8y19Z
<node>Swap by click
2
<SCRIPT language="JavaScript">
<!--
// Image pre-loading
pic1 = new Image();
pic1.src = '../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg';
pic2 = new Image();
pic2.src = '../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg';
pic3 = new Image();
pic3.src = '../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg';
pic4 = new Image();
pic4.src = '../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg';
pic5 = new Image();
pic5.src = '../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg';
pic6 = new Image();
pic6.src = '../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg';
pic7 = new Image();
pic7.src = '../images/commerce/Diamond_K_Ranch/diamondk115_big.jpg';
pic8 = new Image();
pic8.src = '../images/commerce/Diamond_K_Ranch/diamonda115_big.jpg';
pic9 = new Image();
pic9.src = '../images/commerce/Diamond_K_Ranch/diamondb115_big.jpg';
pic10 = new Image();
pic10.src = '../images/commerce/Diamond_K_Ranch/diamondl115_big.jpg';
pic11 = new Image();
pic11.src = '';
pic12 = new Image();
pic12.src = '../images/commerce/Diamond_K_Ranch/diamondf115_big.jpg';
pic13 = new Image();
pic13.src = '../images/commerce/Diamond_K_Ranch/diamondi115_big.jpg';
pic14 = new Image();
pic14.src = '';
pic15 = new Image();
pic15.src = '';
pic16 = new Image();
pic16.src = '';
pic17 = new Image();
pic17.src = '';
pic18 = new Image();
pic18.src = '';
pic19 = new Image();
pic19.src = '';
pic20 = new Image();
pic20.src = '';
pic21 = new Image();
pic21.src = '';
pic22 = new Image();
pic22.src = '';
pic23 = new Image();
pic23.src = '';
pic24 = new Image();
pic24.src = '';
pic25 = new Image();
pic25.src = '';
pic26 = new Image();
pic26.src = '';
pic27 = new Image();
pic27.src = '';
pic28 = new Image();
pic28.src = '';
pic29 = new Image();
pic29.src = '';
pic30 = new Image();
pic30.src = '';
pic31 = new Image();
pic31.src = '';
pic32 = new Image();
pic32.src = '';
pic33 = new Image();
pic33.src = '';
pic34 = new Image();
pic34.src = '';
pic35 = new Image();
pic35.src = '';
pic36 = new Image();
pic36.src = '';
pic37 = new Image();
pic37.src = '';
pic38 = new Image();
pic38.src = '';
pic39 = new Image();
pic39.src = '';
pic40 = new Image();
pic40.src = '';
pic41 = new Image();
pic41.src = '';
function swap(img) {
i = document.getElementById('img');
i.src = img;
}
//-->
</SCRIPT>
--------------------
<img src="../images/commerce/Diamond_K_Ranch/A_1HPIM1478115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/A_2HPIM1482115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondc115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamonde115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondg115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondj115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer">
<end node> 5P9i0s8y19Z
<node>insert commas
1
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
<end node> 5P9i0s8y19Z
<node>java enables
1
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (navigator.javaEnabled())
window.location = "cuggc.htm";
else
window.location = "cuggd.htm";
// End -->
</script>
</head>
******************************************
<!-- ONE STEP TO INSTALL BROWSER INFORMATION:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.34 KB -->
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Description: More information about the web browser than you knew existed! Find out the code name, color depth, platform, if java is enabled, resolution, ip address, hostname, and more! Simply incredible.
<!-- THREE STEPS TO INSTALL BROWSER PROPERTIES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- begin
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip);
}
}
// end -->
</script>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="display()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<center>
<form name=form>
<table border=1 width=300>
<tr>
<td>current resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height></td>
</tr>
<tr>
<td>
browser:</td>
<td align=center><input type=text size=20 maxlength=20 name=navigator></td>
</tr>
<tr>
<td>
max resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight></td>
</tr>
<tr>
<td>
version:</td>
<td align=center><input type=text size=20 maxlength=20 name=version></td>
</tr>
<tr>
<td>
color depth:</td>
<td align=center><input type=text size=2 maxlength=2 name=colordepth> bit</td>
</tr>
<tr>
<td>
code name:</td>
<td align=center><input type=text size=15 maxlength=15 name=codename></td>
</tr>
<tr>
<td>
platform:</td>
<td align=center><input type=text size=15 maxlength=15 name=platform></td>
</tr>
<tr>
<td>
colors:</td>
<td align=center><input type=text size=8 maxlength=8 name=color></td>
</tr>
<tr>
<td>
java enabled:</td>
<td align=center><input type=text size=3 maxlength=3 name=java></td>
</tr>
<tr>
<td>
anti-aliasing fonts:</td>
<td align=center><input type=text size=3 maxlength=3 name=fonts></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button name=again value="again?" onclick="display()"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.31 KB -
<end node> 5P9i0s8y19Z
<node>Labels Change
1
document.getElementById('label').InnerHTML = 'your text goes here';
<end node> 5P9i0s8y19Z
<node>language
1
[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
<end node> 5P9i0s8y19Z
<node>Definitions
2
charAt(x) Returns the character at the "x" position within the string.
charCodeAt(x) Returns the Unicode value of the character at position "x" within the string.
concat(v1, v2,...) Combines one or more strings (arguments v1, v2 etc) into the existing one and returns the combined string. Original string is not modified.
fromCharCode(c1, c2,...) Returns a string created by using the specified sequence of Unicode values (arguments c1, c2 etc). Method of String object, not String instance. For example: String.fromCharCode().
indexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
lastIndexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1.
match(regexp) Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found.
replace( regexp, replacetext) Searches and replaces the regular expression portion (match) with the replaced text instead.
search(regexp) Tests for a match in a string. It returns the index of the match, or -1 if not found.
slice(start, [end]) Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string.
split(delimiter, [limit]) Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return.
substr(start, [length]) Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
substring(from, [to]) Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
var picture = document.frmInput.picture.value;
var ch = picture.substring(picture.length-4,picture.length);
if(ch !='.jpg' && ch !='.gif'){
error_message = error_message + '*The Picture extension must be .jpg or .gif (lower case).\\n';
error = 1;
}
toLowerCase() Returns the string with all of its characters converted to lowercase.
toUpperCase() Returns the string with all of its characters converted to uppercase.
<end node> 5P9i0s8y19Z
<node>getElementById
2
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
<end node> 5P9i0s8y19Z
<node>IF
2
if (something compared_to somethingelse)
{
do this
} elseif (something compared_to somethingelse)
{
then do this instead
}
} elseif (something compared_to somethingelse)
{
then do this instead
}
} else {
then none of the above apply so do this
}
== is equal to
!= is NOT equal to
< is less than
> is greater than
<= is less than or equal to
>= is greater than or equal to
<end node> 5P9i0s8y19Z
<node>indexOf
2
var ss = "a string index of test ";
var result = ss.indexOf("ri");
<end node> 5P9i0s8y19Z
<node>focus on element
2
<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
<end node> 5P9i0s8y19Z
<node>keycode
2
onkeyup="isFull(event,this.id,3,'shipphone2');">
function isFull(e,id,len_,newid){
var code = e.keyCode || e.which;
if(document.getElementById(id).value.length==len_ && code>47 && code<58 ){
document.getElementById(newid).focus();
}
//alert (document.getElementById(id).value);
}
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
==========
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
<end node> 5P9i0s8y19Z
<node>ScrollPage
2
function scrollToTop(el) {
el.scrollTop = 0;
}
document.getElementById('scrollTop').onclick = function () {
var el = document.getElementById('myScrollbox');
scrollToTop(el);
};
<end node> 5P9i0s8y19Z
<node>MENUS
1
<end node> 5P9i0s8y19Z
<node>DRILL-DOWN
2
<end node> 5P9i0s8y19Z
<node>COMBO-BOXES
3
http://www.wsabstract.com/script/cut183.shtml
Double Combo (Requires NS 3.x, 4.x, or IE 4.x)
Description: An advanced combo script that uses two boxes, one as the main categories, the other as the links associated with each category.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/triplecombo.shtml
Triple Combo
Description: Compact and organize your site's links three layers deep using this triple combo script! The script works in both IE and NS 3+, including NS 6 (tested using June/2000 build).
<end node> 5P9i0s8y19Z
<node>dropdown popup
2
<!-- TWO STEPS TO INSTALL PULLDOWN MENU (POPUP):
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function formHandler(form) {
var windowprops = "height=500,width=500,location=no,"
+ "scrollbars=no,menubars=no,toolbars=no,resizable=yes";
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup",windowprops);
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=form>
<select name=site SIZE=1 onChange="formHandler(this.form)">
<option value="http://www.yoursite.com">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
</form>
</center>
<!-- Script Size: 1.32 KB -->
<end node> 5P9i0s8y19Z
<node>Menu Bar
2
http://javascript.internet.com/navigation/menu-bar.html
Menu Bar
This much requested script displays a menu bar (like Microsoft.com's site) at the top of your page to help your users navigate your site more easily. Saves screen space but incidentally the code is very long. Works from a .js file so it can be used and re-used all over your site. Includes two 'skin' styles that you can use, awesome!
<!-- TWO STEPS TO INSTALL MENU BAR:
1. Copy the coding into a new file, save as menu.js
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into a new file, save as menu.js -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
var JDWMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var JDWMinNS6 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) == 6) ? 1 : 0;
var JDWMinIE4 = (document.all) ? 1 : 0;
var JDWMinIE5 = (JDWMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
var JDWMinIE55 = (JDWMinIE5 && navigator.appVersion.indexOf("5.5") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (JDWMinNS4) layer.visibility = "hide";
if (JDWMinIE4) layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (JDWMinNS4) layer.visibility = "show";
if (JDWMinIE4) layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (JDWMinNS4) layer.visibility = "inherit";
if (JDWMinIE4) layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (JDWMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (JDWMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (JDWMinNS4)
layer.moveTo(x, y);
if (JDWMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function moveLayerBy(layer, dx, dy) {
if (JDWMinNS4)
layer.moveBy(dx, dy);
if (JDWMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop += dy;
}
}
function getLeft(layer) {
if (JDWMinNS4)
return layer.left;
if (JDWMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (JDWMinNS4)
return layer.top;
if (JDWMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (JDWMinNS4)
return layer.left + getWidth(layer);
if (JDWMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (JDWMinNS4)
return layer.top + getHeight(layer);
if (JDWMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (JDWMinNS4)
return layer.pageX;
if (JDWMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (JDWMinNS4)
return layer.pageY;
if (JDWMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (JDWMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (JDWMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (JDWMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (JDWMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (JDWMinNS4)
return layer.zIndex;
if (JDWMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (JDWMinNS4)
layer.zIndex = z;
if (JDWMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (JDWMinNS4) {
layer.clip.left = clipleft;
layer.clip.top = cliptop;
layer.clip.right = clipright;
layer.clip.bottom = clipbottom;
}
if (JDWMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (JDWMinNS4)
return layer.clip.left;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (JDWMinNS4)
return layer.clip.top;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (JDWMinNS4)
return layer.clip.right;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (JDWMinNS4)
return layer.clip.bottom;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (JDWMinNS4)
return layer.clip.width;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (JDWMinNS4)
return layer.clip.height;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (JDWMinNS4)
layer.bgColor = color;
if (JDWMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (JDWMinNS4)
layer.background.src = src;
if (JDWMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (JDWMinNS4)
return findLayer(name, document);
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (JDWMinNS4) {
return findImage(name, document);
}
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (JDWMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (JDWMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (JDWMinNS4)
return window.innerWidth;
if (JDWMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (JDWMinNS4)
return window.innerHeight;
if (JDWMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (JDWMinNS4)
return document.width;
if (JDWMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (JDWMinNS4)
return document.height;
if (JDWMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (JDWMinNS4)
return window.pageXOffset;
if (JDWMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (JDWMinNS4)
return window.pageYOffset;
if (JDWMinIE4)
return document.body.scrollTop;
return -1;
}
// dhtml Funcs End.
// bug with IE 5.5.
var JDWITEMs = new Array(); // Used to track all navigation bars.
/*ITEM constructor.*/
function ITEM(text, link) {
this.text = text; // Item text.
this.link = link; // Link URL or JavaScript code.
}
/*ECSmenu constructor.*/
function ECSmenu(hdrWidth, menuWidth) {
this.hdrWidth = hdrWidth;
this.width = menuWidth;
this.height = 0;
this.items = new Array();
// Define methods.
this.addItem = ECSmenuaddItem;
}
// ECSmenu methods.
function ECSmenuaddItem(item) {
this.items[this.items.length] = item;
}
// JDWITEM constructor.
function JDWITEM(width) {
this.x = 0;
this.y = 0;
this.width = width;
this.height = 0;
this.align = "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
// Set default sizes.
this.border = 2;
this.padding = 4;
this.separator = 1;
// Set default colors.
this.borderColor = "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#000080";
// Set default fonts.
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle = "plain";
this.hdrFontWeight = "bold";
this.hdrFontSize = "10pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle = "plain";
this.itmFontWeight = "bold";
this.itmFontSize = "8pt";
// Define methods.
this.setSizes = JDWITEMSetSizes;
this.setColors = JDWITEMSetColors;
this.setFonts = JDWITEMSetFonts;
this.addNAVm = JDWITEMaddNAVm;
this.create = JDWITEMCreate;
this.hide = JDWITEMHide;
this.show = JDWITEMShow;
this.moveTo = JDWITEMMoveTo;
this.moveBy = JDWITEMMoveBy;
this.getzIndex = JDWITEMGetzIndex;
this.setzIndex = JDWITEMSetzIndex;
this.getWidth = JDWITEMGetWidth;
this.getMinWidth = JDWITEMGetMinWidth;
this.getAlign = JDWITEMGetAlign;
this.setAlign = JDWITEMSetAlign;
this.resize = JDWITEMResize;
this.invert = JDWITEMInvert;
this.isInverted = JDWITEMIsInverted;
// Add to the list.
this.index = JDWITEMs.length;
JDWITEMs[this.index] = this;
}
function JDWITEMSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function JDWITEMSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor = bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function JDWITEMSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle = hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle = itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function JDWITEMaddNAVm(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function JDWITEMCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!JDWMinNS4 && !JDWMinIE4))
return;
// Build HTML for filler and header layers.
str = "";
// For IE4, need to scroll to end of page before inserting HTML.
if (JDWMinIE4 && !JDWMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_filler"></layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_hdrsBase">\\n';
if (JDWMinIE4)
str += '<div id="JDWITEM' + this.index + '_filler"'
+ ' style="position:absolute;">'
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_hdrsBase"'
+ ' style="position:absolute;">\\n';
// Build HTML for the headers.
for (i = 0; i < this.menus.length; i++) {
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((JDWMinIE4 && !JDWMinIE5) ? ' id="JDWITEM' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end = '</span></td></tr></table>';
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_head' + i + '">'
+ norm + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headHigh' + i + '">'
+ high + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headDummy' + i + '">'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_head' + i + '"'
+ ' style="position:absolute;">'
+ norm + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headHigh' + i + '"'
+ ' style="position:absolute;">'
+ high + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headDummy' + i + '"'
+ ' style="position:absolute;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
str += '</layer>\\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (JDWMinIE4) {
str += '</div>\\n';
str = '<div id="JDWITEM' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("JDWITEM" + this.index);
}
// Position and G6JDWinitialize each header.
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('JDWITEM' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('JDWITEM' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('JDWITEM' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
// Fix for IE4 to resize headers to fit text width.
if (JDWMinIE4 && !JDWMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.JDWITEM' + this.index + '_tbl' + i + '.clientWidth');
JDWITEMIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
// Save resulting width of headers and total width.
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
// Position and G6JDWinitialize base, filler and headers base layers.
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('JDWITEM' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('JDWITEM' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
// Set up event handling and positioning for headers.
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = JDWITEMHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = JDWITEMHeaderOff;
if (JDWMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = JDWITEMItemClick;
}
}
// Build the drop down menus.
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end = '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = "";
for (j = 1; j < this.menus[i].items.length; j++) {
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' width=' + width + '>'
+ norm + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' width=' + width + '>'
+ high + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' width=' + width + '>'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ norm + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ high + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (JDWMinIE4) {
str = '<div id="JDWITEM' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("JDWITEM" + this.index + "_menu" + i);
}
}
// Restore original scroll position in IE4.
if (JDWMinIE4 && !JDWMinIE5)
window.scrollTo(x, y);
// Position and G6JDWinitialize each menu.
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
// Position and G6JDWinitialize each item in the menu.
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = JDWITEMItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = JDWITEMItemOff;
if (JDWMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = JDWITEMItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = ECSmenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function JDWITEMHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function JDWITEMShow() {
if (this.created)
showLayer(this.baseLayer);
}
function JDWITEMMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function JDWITEMSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function JDWITEMGetWidth() {
return this.width;
}
function JDWITEMGetMinWidth() {
return this.minWidth;
}
function JDWITEMGetAlign() {
return this.align;
}
function JDWITEMSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function JDWITEMResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (JDWMinIE4) {
JDWITEMIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function JDWITEMInvert() {
this.inverted = !this.inverted;
}
function JDWITEMIsInverted() {
return this.inverted;
}
// Layer resize function for IE.
function JDWITEMIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
// Event handlers for the navigation bar.
function JDWITEMHeaderOn(e) {
var bar;
var x, y;
bar = JDWITEMs[this.index];
// Position drop down menu.
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
// Save drop down menu position and show it.
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
// Hide any currently active header and drop down.
if (JDWMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
// Display the header highlight layer and drop down menu.
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function JDWITEMHeaderOff(e) {
// If over drop down menu, exit. Otherwise hide menu and highlight layers.
if (this.menuLayer != null) {
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left &&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function ECSmenuOff(e) {
// If over header, exit.
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left &&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
// Otherwise, hide menu and header highlight layers.
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function JDWITEMItemOn() {
showLayer(this.highLayer);
}
function JDWITEMItemOff() {
hideLayer(this.highLayer);
}
function JDWITEMItemClick(e) {
// If there is no link, exit.
if (this.link == "")
return true;
// Hide the drop down menu and highlight layer.
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
// If the link starts with "javascript:" execute the code. Otherwise just
// link to the URL.
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
// MOUSE TRACKING
// These variables will hold the current mouse pointer position.
var mouseX = 0;
var mouseY = 0;
// Set up event capturing.
if (JDWMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = JDWITEMGetMousePosition;
function JDWITEMGetMousePosition(e) {
// Save mouse pointer position.
if (JDWMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
// EVENT: Window Resizing
// These variables are used to determine if a resize event is a true one in
// older releases of NS4.
var origWidth;
var origHeight;
// Reload page in case of a browser resize.
if (JDWMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = JDWITEMReload;
function JDWITEMReload() {
if (JDWMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
// For IE, reload on a timer in case the Windows 'Show window contents while
// dragging' display option is on.
if (JDWMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
function G6JDWinit()
{
fullWidth = getWindowWidth() - (JDWMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
JDWBAR1.create();
JDWBAR1.moveTo(0,-getWindowHeight()+43);
JDWBAR1.setzIndex(1);
JDWBAR1.resize(fullWidth);
JDWBAR1.setAlign(getWindowWidth()+60);
JDWBAR1.hide();JDWBAR2.create();
JDWBAR2.moveBy(0,-getWindowHeight()+17);
JDWBAR2.resize(fullWidth);
JDWBAR2.setzIndex(2);
NAVupdatePOSY();
}
/* Fire It Up!! */
window.onload=G6JDWinit;
function NAVupdatePOSY() {
var viewTop;
var viewBottom;
var dy;
viewTop = getPageScrollY();
viewBottom = viewTop + getWindowHeight();
dy = Math.round(Math.abs(viewTop - JDWBAR1.y)); /* NO ANIM */
if (viewTop < JDWBAR1.y) dy = -dy;
dy = Math.round(Math.abs(viewTop - JDWBAR2.y)); /* NO ANIM */
if (viewTop < JDWBAR2.y) dy = -dy;
if (JDWBAR1.bottom < viewTop)
JDWBAR1.moveTo(0, viewTop - JDWBAR1.height);
if (JDWBAR1.top > viewBottom)
JDWBAR1.moveTo(0, viewBottom);
if (JDWBAR2.bottom < viewTop)
JDWBAR2.moveTo(0, viewTop - JDWBAR2.height);
if (JDWBAR2.top > viewBottom)
JDWBAR2.moveTo(0, viewBottom);
JDWBAR1.moveBy(0, dy);
JDWBAR2.moveBy(0, dy);
setTimeout('NAVupdatePOSY()', 0); /* INFINITLY SMALL VALUE */
}
/*************
This Is a Function To Maximize The Window in MSIE and NS. When Called, The Window Will Maximize.
*************/
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
/*
MENU ITEMS:
(Border col, menu title col, top menu BGcolor,
title selected font col, main sel bgcol, dd font
col, ddbgc, ddfont sel col, dd sel bgcol,
*/
// ___________________________________
var JDWBAR2 = new JDWITEM(0);
JDWBAR2.setSizes (1, 4, 1);
JDWBAR2.setColors ("#808080","#FFFFFF","#000000","#000000","#0D7CA1","#FFFFFF","#000000","#000000","#0D7CA1");
JDWBAR2.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
var JDWBAR1 = new JDWITEM(0);
JDWBAR1.setSizes (1, 1, 1);
JDWBAR1.setColors ("#000000","#000000","#F5E4C1","#000000","#1CA0E4","#000000","#F5E4C1","#000000","#1CA0E4");
JDWBAR1.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
// ___________________________________
/* MENU ITEMS */
siteMenu = new ECSmenu(0, 80); // 80 = width in pixels of menu
siteMenu.addItem(new ITEM("<center> HOME </center>", "index.html"));
siteMenu.addItem(new ITEM(" Go Home", "http://javascript.internet.com/index.html"));
siteMenu.addItem(new ITEM(" Contribute", "http://javascript.internet.com/contribute/"));
siteMenu.addItem(new ITEM(" Link to Us", "http://javascript.internet.com/link-us.html"));
siteMenu.addItem(new ITEM(" Feedback", "http://javascript.internet.com/feedback.html"));
JDWBAR2.addNAVm(siteMenu); // add this menu category
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> SCRIPTS </center>", ""));
siteMenu.addItem(new ITEM("<center>What's New?</center>","http://javascriptsource.com/new/"));
siteMenu.addItem(new ITEM("<center>All Categories</center>","http://javascriptsource.com/toc.html"));
siteMenu.addItem(new ITEM("<center>A-Z Script List</center>","http://javascriptsource.com/master-list.html"));
siteMenu.addItem(new ITEM("<center>JS Books</center>","http://javascriptsource.com/books/"));
siteMenu.addItem(new ITEM("<center>JS Tutorial</center>","http://www.stars.com/Authoring/JavaScript/Tutorial/index.html"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> JS FORUM </center>", ""));
siteMenu.addItem(new ITEM("<center>How Do I....?</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7af"));
siteMenu.addItem(new ITEM("<center>Intro to JS</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7a7"));
siteMenu.addItem(new ITEM("<center>Script Help</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ab"));
siteMenu.addItem(new ITEM("<center>Script Requests</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ad"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> HELP </center>", ""));
siteMenu.addItem(new ITEM("<center>Site FAQs</center>","http://faq.javascriptsource.com"));
siteMenu.addItem(new ITEM("<center>JS Forum</center>","http://forum.javascriptsource.com"));
JDWBAR2.addNAVm(siteMenu);
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<head>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Tim Scarfe (webmaster@g6jdw.net, http://www.g6jdw.net) -->
<!-- Pete Woods (http://www.pete-net.com) -->
<!-- Mike Hall (http://www.brainjar.com) -->
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></script>
</head>
<!-- be sure to leave some blank lines at the top of your page, right after the <body> tag -->
<body>
<p> </p>
<p> </p>
<p> </p>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 36.93 KB -->
<end node> 5P9i0s8y19Z
<node>menus
2
<!-- TWO STEPS TO INSTALL MENU BAR:
1. Copy the coding into a new file, save as menu.js
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into a new file, save as menu.js -->
var JDWMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var JDWMinNS6 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) == 6) ? 1 : 0;
var JDWMinIE4 = (document.all) ? 1 : 0;
var JDWMinIE5 = (JDWMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
var JDWMinIE55 = (JDWMinIE5 && navigator.appVersion.indexOf("5.5") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (JDWMinNS4) layer.visibility = "hide";
if (JDWMinIE4) layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (JDWMinNS4) layer.visibility = "show";
if (JDWMinIE4) layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (JDWMinNS4) layer.visibility = "inherit";
if (JDWMinIE4) layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (JDWMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (JDWMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (JDWMinNS4)
layer.moveTo(x, y);
if (JDWMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function moveLayerBy(layer, dx, dy) {
if (JDWMinNS4)
layer.moveBy(dx, dy);
if (JDWMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop += dy;
}
}
function getLeft(layer) {
if (JDWMinNS4)
return layer.left;
if (JDWMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (JDWMinNS4)
return layer.top;
if (JDWMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (JDWMinNS4)
return layer.left + getWidth(layer);
if (JDWMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (JDWMinNS4)
return layer.top + getHeight(layer);
if (JDWMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (JDWMinNS4)
return layer.pageX;
if (JDWMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (JDWMinNS4)
return layer.pageY;
if (JDWMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (JDWMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (JDWMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (JDWMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (JDWMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (JDWMinNS4)
return layer.zIndex;
if (JDWMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (JDWMinNS4)
layer.zIndex = z;
if (JDWMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (JDWMinNS4) {
layer.clip.left = clipleft;
layer.clip.top = cliptop;
layer.clip.right = clipright;
layer.clip.bottom = clipbottom;
}
if (JDWMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (JDWMinNS4)
return layer.clip.left;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (JDWMinNS4)
return layer.clip.top;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (JDWMinNS4)
return layer.clip.right;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (JDWMinNS4)
return layer.clip.bottom;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (JDWMinNS4)
return layer.clip.width;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (JDWMinNS4)
return layer.clip.height;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (JDWMinNS4)
layer.bgColor = color;
if (JDWMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (JDWMinNS4)
layer.background.src = src;
if (JDWMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (JDWMinNS4)
return findLayer(name, document);
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (JDWMinNS4) {
return findImage(name, document);
}
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (JDWMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (JDWMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (JDWMinNS4)
return window.innerWidth;
if (JDWMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (JDWMinNS4)
return window.innerHeight;
if (JDWMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (JDWMinNS4)
return document.width;
if (JDWMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (JDWMinNS4)
return document.height;
if (JDWMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (JDWMinNS4)
return window.pageXOffset;
if (JDWMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (JDWMinNS4)
return window.pageYOffset;
if (JDWMinIE4)
return document.body.scrollTop;
return -1;
}
// dhtml Funcs End.
// bug with IE 5.5.
var JDWITEMs = new Array(); // Used to track all navigation bars.
/*ITEM constructor.*/
function ITEM(text, link) {
this.text = text; // Item text.
this.link = link; // Link URL or JavaScript code.
}
/*ECSmenu constructor.*/
function ECSmenu(hdrWidth, menuWidth) {
this.hdrWidth = hdrWidth;
this.width = menuWidth;
this.height = 0;
this.items = new Array();
// Define methods.
this.addItem = ECSmenuaddItem;
}
// ECSmenu methods.
function ECSmenuaddItem(item) {
this.items[this.items.length] = item;
}
// JDWITEM constructor.
function JDWITEM(width) {
this.x = 0;
this.y = 0;
this.width = width;
this.height = 0;
this.align = "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
// Set default sizes.
this.border = 2;
this.padding = 4;
this.separator = 1;
// Set default colors.
this.borderColor = "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#000080";
// Set default fonts.
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle = "plain";
this.hdrFontWeight = "bold";
this.hdrFontSize = "10pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle = "plain";
this.itmFontWeight = "bold";
this.itmFontSize = "8pt";
// Define methods.
this.setSizes = JDWITEMSetSizes;
this.setColors = JDWITEMSetColors;
this.setFonts = JDWITEMSetFonts;
this.addNAVm = JDWITEMaddNAVm;
this.create = JDWITEMCreate;
this.hide = JDWITEMHide;
this.show = JDWITEMShow;
this.moveTo = JDWITEMMoveTo;
this.moveBy = JDWITEMMoveBy;
this.getzIndex = JDWITEMGetzIndex;
this.setzIndex = JDWITEMSetzIndex;
this.getWidth = JDWITEMGetWidth;
this.getMinWidth = JDWITEMGetMinWidth;
this.getAlign = JDWITEMGetAlign;
this.setAlign = JDWITEMSetAlign;
this.resize = JDWITEMResize;
this.invert = JDWITEMInvert;
this.isInverted = JDWITEMIsInverted;
// Add to the list.
this.index = JDWITEMs.length;
JDWITEMs[this.index] = this;
}
function JDWITEMSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function JDWITEMSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor = bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function JDWITEMSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle = hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle = itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function JDWITEMaddNAVm(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function JDWITEMCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!JDWMinNS4 && !JDWMinIE4))
return;
// Build HTML for filler and header layers.
str = "";
// For IE4, need to scroll to end of page before inserting HTML.
if (JDWMinIE4 && !JDWMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_filler"></layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_hdrsBase">\\n';
if (JDWMinIE4)
str += '<div id="JDWITEM' + this.index + '_filler"'
+ ' style="position:absolute;">'
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_hdrsBase"'
+ ' style="position:absolute;">\\n';
// Build HTML for the headers.
for (i = 0; i < this.menus.length; i++) {
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((JDWMinIE4 && !JDWMinIE5) ? ' id="JDWITEM' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end = '</span></td></tr></table>';
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_head' + i + '">'
+ norm + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headHigh' + i + '">'
+ high + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headDummy' + i + '">'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_head' + i + '"'
+ ' style="position:absolute;">'
+ norm + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headHigh' + i + '"'
+ ' style="position:absolute;">'
+ high + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headDummy' + i + '"'
+ ' style="position:absolute;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
str += '</layer>\\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (JDWMinIE4) {
str += '</div>\\n';
str = '<div id="JDWITEM' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("JDWITEM" + this.index);
}
// Position and G6JDWinitialize each header.
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('JDWITEM' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('JDWITEM' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('JDWITEM' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
// Fix for IE4 to resize headers to fit text width.
if (JDWMinIE4 && !JDWMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.JDWITEM' + this.index + '_tbl' + i + '.clientWidth');
JDWITEMIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
// Save resulting width of headers and total width.
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
// Position and G6JDWinitialize base, filler and headers base layers.
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('JDWITEM' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('JDWITEM' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
// Set up event handling and positioning for headers.
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = JDWITEMHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = JDWITEMHeaderOff;
if (JDWMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = JDWITEMItemClick;
}
}
// Build the drop down menus.
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end = '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = "";
for (j = 1; j < this.menus[i].items.length; j++) {
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' width=' + width + '>'
+ norm + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' width=' + width + '>'
+ high + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' width=' + width + '>'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ norm + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ high + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (JDWMinIE4) {
str = '<div id="JDWITEM' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("JDWITEM" + this.index + "_menu" + i);
}
}
// Restore original scroll position in IE4.
if (JDWMinIE4 && !JDWMinIE5)
window.scrollTo(x, y);
// Position and G6JDWinitialize each menu.
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
// Position and G6JDWinitialize each item in the menu.
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = JDWITEMItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = JDWITEMItemOff;
if (JDWMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = JDWITEMItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = ECSmenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function JDWITEMHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function JDWITEMShow() {
if (this.created)
showLayer(this.baseLayer);
}
function JDWITEMMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function JDWITEMSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function JDWITEMGetWidth() {
return this.width;
}
function JDWITEMGetMinWidth() {
return this.minWidth;
}
function JDWITEMGetAlign() {
return this.align;
}
function JDWITEMSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function JDWITEMResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (JDWMinIE4) {
JDWITEMIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function JDWITEMInvert() {
this.inverted = !this.inverted;
}
function JDWITEMIsInverted() {
return this.inverted;
}
// Layer resize function for IE.
function JDWITEMIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
// Event handlers for the navigation bar.
function JDWITEMHeaderOn(e) {
var bar;
var x, y;
bar = JDWITEMs[this.index];
// Position drop down menu.
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
// Save drop down menu position and show it.
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
// Hide any currently active header and drop down.
if (JDWMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
// Display the header highlight layer and drop down menu.
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function JDWITEMHeaderOff(e) {
// If over drop down menu, exit. Otherwise hide menu and highlight layers.
if (this.menuLayer != null) {
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left &&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function ECSmenuOff(e) {
// If over header, exit.
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left &&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
// Otherwise, hide menu and header highlight layers.
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function JDWITEMItemOn() {
showLayer(this.highLayer);
}
function JDWITEMItemOff() {
hideLayer(this.highLayer);
}
function JDWITEMItemClick(e) {
// If there is no link, exit.
if (this.link == "")
return true;
// Hide the drop down menu and highlight layer.
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
// If the link starts with "javascript:" execute the code. Otherwise just
// link to the URL.
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
// MOUSE TRACKING
// These variables will hold the current mouse pointer position.
var mouseX = 0;
var mouseY = 0;
// Set up event capturing.
if (JDWMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = JDWITEMGetMousePosition;
function JDWITEMGetMousePosition(e) {
// Save mouse pointer position.
if (JDWMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
// EVENT: Window Resizing
// These variables are used to determine if a resize event is a true one in
// older releases of NS4.
var origWidth;
var origHeight;
// Reload page in case of a browser resize.
if (JDWMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = JDWITEMReload;
function JDWITEMReload() {
if (JDWMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
// For IE, reload on a timer in case the Windows 'Show window contents while
// dragging' display option is on.
if (JDWMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
function G6JDWinit()
{
fullWidth = getWindowWidth() - (JDWMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
JDWBAR1.create();
JDWBAR1.moveTo(0,-getWindowHeight()+43);
JDWBAR1.setzIndex(1);
JDWBAR1.resize(fullWidth);
JDWBAR1.setAlign(getWindowWidth()+60);
JDWBAR1.hide();JDWBAR2.create();
JDWBAR2.moveBy(0,-getWindowHeight()+17);
JDWBAR2.resize(fullWidth);
JDWBAR2.setzIndex(2);
NAVupdatePOSY();
}
/* Fire It Up!! */
window.onload=G6JDWinit;
function NAVupdatePOSY() {
var viewTop;
var viewBottom;
var dy;
viewTop = getPageScrollY();
viewBottom = viewTop + getWindowHeight();
dy = Math.round(Math.abs(viewTop - JDWBAR1.y)); /* NO ANIM */
if (viewTop < JDWBAR1.y) dy = -dy;
dy = Math.round(Math.abs(viewTop - JDWBAR2.y)); /* NO ANIM */
if (viewTop < JDWBAR2.y) dy = -dy;
if (JDWBAR1.bottom < viewTop)
JDWBAR1.moveTo(0, viewTop - JDWBAR1.height);
if (JDWBAR1.top > viewBottom)
JDWBAR1.moveTo(0, viewBottom);
if (JDWBAR2.bottom < viewTop)
JDWBAR2.moveTo(0, viewTop - JDWBAR2.height);
if (JDWBAR2.top > viewBottom)
JDWBAR2.moveTo(0, viewBottom);
JDWBAR1.moveBy(0, dy);
JDWBAR2.moveBy(0, dy);
setTimeout('NAVupdatePOSY()', 0); /* INFINITLY SMALL VALUE */
}
/*************
This Is a Function To Maximize The Window in MSIE and NS. When Called, The Window Will Maximize.
*************/
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
/*
MENU ITEMS:
(Border col, menu title col, top menu BGcolor,
title selected font col, main sel bgcol, dd font
col, ddbgc, ddfont sel col, dd sel bgcol,
*/
// ___________________________________
var JDWBAR2 = new JDWITEM(0);
JDWBAR2.setSizes (1, 4, 1);
JDWBAR2.setColors ("#808080","#FFFFFF","#000000","#000000","#0D7CA1","#FFFFFF","#000000","#000000","#0D7CA1");
JDWBAR2.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
var JDWBAR1 = new JDWITEM(0);
JDWBAR1.setSizes (1, 1, 1);
JDWBAR1.setColors ("#000000","#000000","#F5E4C1","#000000","#1CA0E4","#000000","#F5E4C1","#000000","#1CA0E4");
JDWBAR1.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
// ___________________________________
/* MENU ITEMS */
siteMenu = new ECSmenu(0, 80); // 80 = width in pixels of menu
siteMenu.addItem(new ITEM("<center> HOME </center>", "index.html"));
siteMenu.addItem(new ITEM(" Go Home", "http://javascript.internet.com/index.html"));
siteMenu.addItem(new ITEM(" Contribute", "http://javascript.internet.com/contribute/"));
siteMenu.addItem(new ITEM(" Link to Us", "http://javascript.internet.com/link-us.html"));
siteMenu.addItem(new ITEM(" Feedback", "http://javascript.internet.com/feedback.html"));
JDWBAR2.addNAVm(siteMenu); // add this menu category
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> SCRIPTS </center>", ""));
siteMenu.addItem(new ITEM("<center>What's New?</center>","http://javascriptsource.com/new/"));
siteMenu.addItem(new ITEM("<center>All Categories</center>","http://javascriptsource.com/toc.html"));
siteMenu.addItem(new ITEM("<center>A-Z Script List</center>","http://javascriptsource.com/master-list.html"));
siteMenu.addItem(new ITEM("<center>JS Books</center>","http://javascriptsource.com/books/"));
siteMenu.addItem(new ITEM("<center>JS Tutorial</center>","http://www.stars.com/Authoring/JavaScript/Tutorial/index.html"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> JS FORUM </center>", ""));
siteMenu.addItem(new ITEM("<center>How Do I....?</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7af"));
siteMenu.addItem(new ITEM("<center>Intro to JS</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7a7"));
siteMenu.addItem(new ITEM("<center>Script Help</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ab"));
siteMenu.addItem(new ITEM("<center>Script Requests</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ad"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> HELP </center>", ""));
siteMenu.addItem(new ITEM("<center>Site FAQs</center>","http://faq.javascriptsource.com"));
siteMenu.addItem(new ITEM("<center>JS Forum</center>","http://forum.javascriptsource.com"));
JDWBAR2.addNAVm(siteMenu);
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
<head>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Tim Scarfe (webmaster@g6jdw.net, http://www.g6jdw.net) -->
<!-- Pete Woods (http://www.pete-net.com) -->
<!-- Mike Hall (http://www.brainjar.com) -->
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></script>
</head>
<!-- be sure to leave some blank lines at the top of your page, right after the <body> tag -->
<body>
<p> </p>
<p> </p>
<p> </p>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 36.93 KB -->
<end node> 5P9i0s8y19Z
<node>New subject
2
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|06|09|JS_28141|JS_28141~xml.0.jhtml?cda=true#
http://javascripts.earthweb.com/repository//webdev/content/software/2000/06/09/JS_28141/script28141.html
Expand - Collapse Menu
Published 06/09/2000
By Henrik Hirtshals
This example is text based, but off course you can use graphics as well, to make it look even more fancy
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>www.viewsource.dk</title>
<style>
TD.list
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:link
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:active
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
TD.list A:visited
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:hover
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
</style>
<SCRIPT LANGUAGE=javascript>
<!--
// Script by Henrik Hirtshals Jensen
// This script and many more, can be found
// at www.viewsource.dk - Lots of free Java
// applets, JavaScripts and DHTML Scripts
// Free to use - if you keep this msg intact
//No of MenuItems
constMaxItem=3
function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
{
if (i!=active)
{
document.all("sub"+i).style.display="NONE"
}
else
{
document.all("sub"+active).style.display="BLOCK"
}
}
}
//-->
</SCRIPT>
</head>
<body>
<table BORDER="0" CELLSPACING="0" CELLPADDING="0">
<tr>
<td class="list" onclick="fnDispThis(1)" style="Cursor:HAND;"><B>Menu Item No. 1</B><br>
<DIV id="sub1" style="Display:'NONE';">
<A href="http://www.viewsource.dk">Free Java Applets</a><br>
<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br></td>
</DIV>
</tr>
<tr>
<td class="list" onclick="fnDispThis(2)" style="Cursor:HAND;"><B>Menu Item No. 2</B><br>
<DIV id="sub2" style="Display:'NONE';">
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br>
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br>
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br></td>
</DIV>
</tr>
<tr>
<td class="list" onclick="fnDispThis(3)" style="Cursor:HAND;"><B>Menu Item No. 3</B><br>
<DIV id="sub3" style="Display:'NONE';">
<A href="http://www.viewsource.dk">Free Java Applets</a><br>
<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br></td>
</DIV>
</tr>
</table>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>Pulldown Menu
2
You can make it easier on our visitors to find their way around your site. I highly suggest using the extremely popular and extremely useful menu list. It seems every good site has one.... So, put one on your site! If you use this script, please leave a link to our site in the pulldown menu!
= = = = = = =
<!-- TWO STEPS TO INSTALL PULLDOWN MENU:
1. Paste the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alex Tu <boudha1@hotmail.com> -->
<!-- Web Site: http://www.geocities.com/MadisonAvenue/4368 -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Paste this code into the BODY of your HTML document -->
<BODY>
<center>
<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
<input type=button value="Go!" onClick="javascript:formHandler()">
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
<node>Small JS Rollover Coding
2
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30285|JS_30285~xml.0.jhtml?cda=true#
Extremely Small JS Rollover Coding
Published 08/03/2000
By Maximum
I've seen rollover scripts before where the JS coding is just too long and often too complicated to understand. The code i'll show you is very short and concise, as well as easy to add/update.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>Fast JavaScript Rollovers</title>
</head>
<body bgcolor="white">
<pre>
<-- Start rollover -->
<A HREF="http://www.Url-to-link-to.com/"
onMouseOver="document.IMAGENAME.src='http://IMAGE2'"
onMouseOut="document.IMAGENAME.src='http://IMAGE1'">
<IMG SRC="http://IMAGE1" BORDER=0 NAME="IMAGENAME"></a>
<-- End rollover -->
</pre>
<br>This JavaScript doesn't even require <script> tags, but instead relies on onMouseOver and onMouseOut events.<br>
<font size="1" face="Verdana">Coding supplied in part by <a href="http://tools.tutorialindex.com/rollover.php3'>http://tools.tutorialindex.com/rollover.php3</a></font>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>MESSAGES
1
<end node> 5P9i0s8y19Z
<node>Body Mass 2
2
http://www.x-developer.com/javascript/content/calculators/body-mass-2/index.html
Body Mass 2
Action: Calculates your body mass index.
Usage: Let your visitors calculate their own body mass index.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Marat Rikelman (rikelman@bellsouth.net) -->
<!-- --------------------------------------------------- -->
function mod(div,base)
{
return Math.round(div-(Math.floor(div/base)*base));
}
function calcBmi()
{
var w=document.bmi.weight.value*1;
var HeightFeetInt=document.bmi.htf.value*1;
var HeightInchesInt=document.bmi.hti.value*1;
HeightFeetConvert=HeightFeetInt*12;
h=HeightFeetConvert+HeightInchesInt;
displaybmi=(Math.round((w*703)/(h*h)));
var rvalue=true;
if((w<=35)||(w>=500)||(h<=48)||(h>=120))
{
alert("Invalid data. Please check and re-enter!");
rvalue=false;
}
if(rvalue)
{
if(HeightInchesInt>11)
{
reminderinches=mod(HeightInchesInt,12);
document.bmi.hti.value=reminderinches;
document.bmi.htf.value=HeightFeetInt+((HeightInchesInt-reminderinches)/12);
document.bmi.answer.value=displaybmi;
}
if(displaybmi<19)
document.bmi.comment.value="Underweight";
if(displaybmi>=19&&displaybmi<=25)
document.bmi.comment.value="Desirable";
if(displaybmi>=26&&displaybmi<=29)
document.bmi.comment.value="prone to health risks";
if(displaybmi>=30&&displaybmi<=40)
document.bmi.comment.value="Obese";
if(displaybmi>40)
document.bmi.comment.value="Extremely obese";
document.bmi.answer.value=displaybmi;
}
return rvalue;
}</script>
<form name=bmi>
<center>
<table width=200 border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Weight: <input type=text name=weight SIZE=3 maxlength=3>
lbs. </font></b></td>
</tr>
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Height: <input type=text name=htf size=1 maxlength=1>
Ft. <input type=text name=hti size=2 maxlength=2>
In. </font></b></td>
</tr>
<tr> <td align=center> <input type=button value="Calculate BMI" onclick=calcBmi()>
</td>
</tr>
<tr bgcolor="#00007F"> <td> <b><font color="#FFFFFF">Body Mass Index <input type=text name=answer size=3>
</font></b></td>
</tr>
<tr bgcolor="#00007F"> <td> <center>
<b><font color="#FFFFFF"> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is: <br>
<input type=text name=comment size=25>
</font> </b> </center>
</td>
</tr>
</table>
</center>
</form>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Calories 1
2
http://www.x-developer.com/javascript/content/calculators/calories-1/index.html
Calories 1
Action: Calculates calories burned.
Usage: Let your visitors calculate their calories burned.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var myWeight;
var myDistance;
function HowMany(form)
{
var difference;
difference=(myDistance*myWeight)*.653;
form.Fdiff.value=difference;
if(difference<100)
{
form.comment.value="You better start working!";
}
if(difference>101&&difference<200)
{
form.comment.value="Nice run, but you can do better.";
}
if(difference>201&&difference<300)
{
form.comment.value="Very good! Push above 300 next time.";
}
if(difference>301&&difference<500)
{
form.comment.value="Great! Your a runner.....keep it up!";
}
if(difference>501&&difference<700)
{
form.comment.value="Bill Rogers move over!";
}
if(difference>701)
{
form.comment.value="Your my hero! Have a jelly doughnut.";
}
}
function SetMyWeight(weight)
{
myWeight=weight.value;
}
function SetmyDistance(dis)
{
myDistance=dis.value;
}
function ClearForm(form)
{
form.myWeight.value="";
form.myDistance.value="";
form.Fdiff.value="";
form.comment.value="";
}</SCRIPT>
<CENTER>
<FORM METHOD=POST>
<TABLE border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<TR> <TR> <TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Your <br>
Weight </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Miles <br>
run </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Calories <br>
burned </font></b></div>
</TD>
<TD> <INPUT TYPE=BUTTON ONCLICK=HowMany(this.form) VALUE=Calculate>
</TD>
</TR>
<tr> <TD> <div align=center> <INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE=SetMyWeight(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE=SetmyDistance(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=Fdiff VALUE="" SIZE=6>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=BUTTON VALUE=" Reset " onClick=ClearForm(this.form)>
</div>
</tr>
</table>
<table border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr> <TD bgcolor="#00007F"> <DIV ALIGN=CENTER><b><font color="#FFFFFF"> Comments </font></b></DIV>
</TD>
<TD> <INPUT TYPE=text NAME=comment size=37>
</td>
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Calories 2
2
http://www.x-developer.com/javascript/content/calculators/calories-2/index.html
Calories 2
Action: Calculates how many calories your have burned.
Usage: Let your visitors calculate their calories.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=LiveScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: pbrady@mail.fsci.umn.edu -->
<!-- --------------------------------------------------- -->
function computeBMR(form){ form.BMRMale.value = 66.473 + ((form.weight.value / 2.2 ) * 13.751) + (5.0033 * form.height.value * 2.54) - (6.55 * form.age.value); form.BMRFemale.value = 665.51 + ((form.weight.value / 2.2 ) * 9.463) + (1.8496 * form.height.value * 2.54) - (4.6756 * form.age.value); form.BMR.value= 70 * (Math.pow((form.weight.value / 2.2 ), 0.75)); return;
}
function computeTotal(form){ if (form.vlight.value.length == 0){ form.vlight.value = "0"; }
if (form.light.value.length == 0){ form.light.value = "0"; } if (form.moderate.value.length == 0){ form.moderate.value = "0"; } if (form.heavy.value.length == 0){ form.heavy.value = "0"; } if (form.vheavy.value.length == 0){ form.vheavy.value = "0"; } form.TotMale.value = (1.0 * form.BMRMale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); form.TotFemale.value = (1.0 * form.BMRFemale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); return;
}
function clearBMR(form){ form.age.value = ""; form.weight.value = ""; form.height.value = ""; form.BMRMale.value = ""; form.BMRFemale.value = ""; form.BMR.value = ""; return;
}
function clearTotal(form){ form.vlight.value = "0"; form.light.value = "0"; form.moderate.value = "0"; form.heavy.value = "0"; form.vheavy.value = "0"; form.TotMale.value = "0"; form.TotFemale.value = "0"; return;
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellpadding="2" cellspacing="0" align="center" bgcolor="#1018BF" width="550">
<TBODY> <TR> <TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">Physical characteristics: </font></b> </center>
<TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">BMR </font></b> </center>
<TH><font color="#1018BF">1</font> </TR>
<TR> <TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF">Age in years <INPUT name=age size=6><br>Weight in pounds <INPUT name=weight size=6><br>Height in inches <INPUT name=height size=6></font></b></PRE>
</center>
<TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF"><INPUT name=BMRMale size=6> kcal/day for men <INPUT name=BMRFemale size=6> kcal/day for women
</font></b></PRE>
</center>
<TD vAlign=top> <INPUT onclick=computeBMR(this.form) type=button value=Enter>
<INPUT onclick=clearBMR(this.form) type=button value=Clear>
</TD>
</TR>
</TBODY> </TABLE>
<center>
<P align="center"><b>BMR can also be estimated as 70 W<SUP>0.75</SUP> = <INPUT border=0 name=BMR size=6>kcal/day, where W is body weight in kilograms.</b></center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Computer Cost
2
http://www.x-developer.com/javascript/content/calculators/computer-cost/index.html
Computer Cost
Action: Calculates cost of your computer.
Usage: Let your visitors calculate cost of their computer.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=JAVASCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Reaz Hoque -->
<!-- --------------------------------------------------- -->
var called=false;
//to make sure the function compute() is called
var T_Price=0;
var pr_flag;
//processor flag for keeping track of the choices
var pr_print="";
var sp_flag;
//flag for speed
var sp_print;
var ram_flag;
//flag for ram
var ram_print;
var hdrive_flag;
//flag for Hard Drive
var hdrive_print;
var vram_flag;
//flag for VRAM
var vram_print;
var fdrive_flag;
//flag for Floopy Drivevar fdrive_print;
var cd_flag;
//flag for CD Rom
var cd_print;
var mn_flag;
//flag for Monitor
var mn_print;
var mos_flag;
//flag for Mouse
var mos_print;
var kb_flag;
//flag for KeyBoard
var kb_print;
var modem_flag;
//flag for Modem
var modem_print;
var software_flag;
//flag for software
var software_print;
var card_flag;
//flag for sound card
var card_print;
function compute(form){
called=true;
if (form.processor[0].selected){
pr_print= "None [$0]";
pr_flag=0;
} if (form.processor[1].selected){
pr_flag =540;
pr_print="68LCO45 DD [$540]";
}
else if (form.processor[2].selected){
pr_flag =340;
pr_print="68LCO45 EE [$340]";
}
else if (form.processor[3].selected){
pr_flag =680;
pr_print="68LCO45 FF [$680]";
}
else if (form.processor[4].selected){
pr_flag =421;
pr_print="68LCO45 GG [$421]";
}
//-------Speed----------
if (form.speed[0].selected){
sp_flag=0;
sp_print="None [$0]";
}
if (form.speed[1].selected){
sp_flag=110;
sp_print="60 MHz [$110]";
}
if (form.speed[2].selected){
sp_flag=145;
sp_print="66/33 MHz [$145]";
}
if (form.speed[3].selected){
sp_flag=199;
sp_print="75 MHz [$199]";
}
if (form.speed[4].selected){
sp_flag=235;
sp_print="100 MHz [$235]";
}
//-------RAM-----------
if (form.ram[0].selected){
ram_flag=0;
ram_print="None [$0]";
}
if (form.ram[1].selected){
ram_flag=75;
ram_print="4 RAM [$75]";
}
if (form.ram[2].selected){
ram_flag=120;
ram_print="8 RAM [$120]";
}
if (form.ram[3].selected){
ram_flag=200;
ram_print="16 RAM [$200]";
}
if (form.ram[4].selected){
ram_flag=350;
ram_print="32 RAM [$350]";
}
//-------Hard Drive-------
if (form.hdrive[0].selected){
hdrive_flag=0;
hdrive_print="None [$0]";
}
if (form.hdrive[1].selected){
hdrive_flag=100;
hdrive_print="250MB [$100]";
}
if (form.hdrive[2].selected){
hdrive_flag=200;
hdrive_print="500MB [$200]";
}
if (form.hdrive[3].selected){
hdrive_flag=300;
hdrive_print="750MB [$300]";
}
if (form.hdrive[4].selected){
hdrive_flag=399;
hdrive_print="1.0GB [$399]";
}
//-------VRAM-------
if (form.vram[0].selected){
vram_flag=0;
vram_print="None [$0]";
}
if (form.vram[1].selected){
vram_flag=50;
vram_print="1MB DRAM [$50]";
}
if (form.vram[2].selected){
vram_flag=89;
vram_print="4MB DRAM [$89]";
}
if (form.vram[3].selected){
vram_flag=125;
vram_print="8MB DRAM [$125]";
}
if (form.vram[4].selected){
vram_flag=200;
vram_print="16MB DRAM [$200]";
}
//-------Floppy-------
if (form.fdrive[0].selected){
fdrive_flag=0;
fdrive_print="None [$0]";
}
if (form.fdrive[1].selected){
fdrive_flag=75;
fdrive_print=" 1.4 ench. [$75]";
}
if (form.fdrive[2].selected){
fdrive_flag=50;
fdrive_print="5.25 ench. [$50]";
}
if (form.fdrive[3].selected){
fdrive_flag=100;
fdrive_print="BOTH [$100]";
}
//-------CD ROM-------
if (form.cd[0].selected){
cd_flag=0;
cd_print="None [$0]";
}
if (form.cd[1].selected){
cd_flag=300;
cd_print="600E Dual Speed [$300]";
}
if (form.cd[2].selected){
cd_flag=450;
cd_print="800E Quadruple-Speed [$450]";
}
//----------Monitor-----------
if (form.monitor[0].selected){
mn_flag=0;
mn_print="None [$0]";
}
if (form.monitor[1].selected){
mn_flag=210;
mn_print="12 ench. VGA [ $210]";
}
if (form.monitor[2].selected){
mn_flag=300;
mn_print="14 ench. Super VGA [$300]";
}
if (form.monitor[3].selected){
mn_flag=290;
mn_print="14 ench. VGA [$290]";
}
if (form.monitor[4].selected){
mn_flag=370;
mn_print="14 ench. Super VGA [$370]";
}
if (form.monitor[5].selected){
mn_flag=350;
mn_print="17 ench. VGA [$350]";
}
if (form.monitor[6].selected){
mn_flag=475;
mn_print="17 ench. Super VGA [$475]";
}
//-----------Mouse------
if (form.mouse[0].selected){
mos_flag=0;
mos_print="None [$0]";
}
if (form.mouse[1].selected){
mos_flag=35;
mos_print=" Vesa6 [$35]";
}
if (form.mouse[2].selected){
mos_flag=120;
mos_print=" Titda9 [$120]";
}
//----------KeyBoard-----------
if (form.keyboard[0].selected){
kb_flag=0;
kb_print= "None [$0]";
}
if (form.keyboard[1].selected){
kb_flag=75;
kb_print="473E SPO [$75]";
}
if (form.keyboard[2].selected){
kb_flag=120;
kb_print="48dE SPO [$120]";
}
if (form.keyboard[3].selected){
kb_flag=150;
kb_print="874K SPO [$150]";
}
if (form.keyboard[4].selected){
kb_flag=175;
kb_print="888i SPO [$175]";
}
//----------Modem-----------
if (form.modem[0].selected){
modem_flag=0;
modem_print=" None [$0]";
}
if (form.modem[1].selected){
modem_flag=100;
modem_print=" External 14.4 [$100]";
}
if (form.modem[2].selected){
modem_flag=110;
modem_print=" Internal 14.4 [$110]";
}
if (form.modem[3].selected){
modem_flag=150;
modem_print=" External 28.8 [$150]";
}
if (form.modem[4].selected){
modem_flag=160;
modem_print=" Internal 28.8 [$160]";
}
//----------Sound Card----------- if (form.card[0].selected){
card_flag=0;card_print="None [$0]";
}
if (form.card[1].selected){
card_flag=300;
card_print=" Adlib [$300]";
}
if (form.card[2].selected){
card_flag=258;
card_print=" Sound Blaster [$258]";
}
if (form.card[3].selected){
card_flag=235;
card_print=" Sound Blaster Pro [$235]";
}
if (form.card[4].selected){
card_flag=320;
card_print=" MIDI Mapper [$320]";
}
T_Price=pr_flag+sp_flag+ram_flag+hdrive_flag+vram_flag+ fdrive_flag+cd_flag+mn_flag+mos_flag+ kb_flag+modem_flag+card_flag;form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
compute(form);
}
text = ("<HEAD><TITLE>'UniVista On-line Computer Cost Esimator'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 4><FONT COLOR=BLUE>UniVista On-line Computer Cost Esimator</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Processor:<BR>Speed: <BR>Monitor: <BR>Hardrive: <BR>Floppy Drive: <BR>Memory:");
text=(text+" <BR>VRAM: <BR>CD-ROM: <BR>Sound Card: <BR>Modem: <BR>Key Board: <BR>Mouse: ");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ pr_print+"<BR>"+sp_print+"<BR>"+ mn_print+"<BR>"+ hdrive_print+"<BR>");
text=(text+ fdrive_print+"<BR>"+ram_print+"<BR>"+ vram_print+"<BR>"+ cd_print+"<BR>");
text=(text+card_print+"<BR>"+ modem_print+"<BR>"+kb_print +"<BR>" +mos_print );
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Total Cost:</FONT>"+" $"+T_Price);
text=(text+"<BR><BR><BR><BR><BR><FONT SIZE=-1><FONT COLOR=GREEN>To print, choose FILE and PRINT.</FONT></FONT>");
text=(text+"</body></html>"); msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=480,directories=no,status=yes,scrollbars=yes,resize=no,menubar=yes") msgWindow.document.write(text) msgWindow.document.close()
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<CAPTION></CAPTION>
<TBODY> <TR> <TD> <center>
<font color="#FFFFFF"><b>Processor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=processor>
<OPTION selected>Select <OPTION>68LCO45 DD [$540] <OPTION>68LCO45 EE [$340] <OPTION>68LCO45 FF [$680] <OPTION>68LCO45 GG [$421]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Speed: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=speed>
<OPTION selected>Select <OPTION>60 MHz [$110] <OPTION>66/33 MHz [$145] <OPTION>75 MHz [$199] <OPTION>100 MHz [$235]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Memory(RAM): </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=ram>
<OPTION selected>Select <OPTION>4 RAM[$75] <OPTION>8 RAM [$120] <OPTION>16 RAM [$200] <OPTION>32 RAM [$350]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>Hard drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=hdrive>
<OPTION selected>Select <OPTION>250MB [$100] <OPTION>500MB [$200] <OPTION>750MB [$300] <OPTION>1.0GB [$399]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>VRAM: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=vram>
<OPTION selected>Select <OPTION>1MB DRAM [$50] <OPTION>4MB DRAM [$89] <OPTION>8MB DRAM [$125] <OPTION>16MB DRAM [$200]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Floppy Drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=fdrive>
<OPTION selected>Select <OPTION>1.4MB [$75] <OPTION>5.25MB [$50] <OPTION>BOTH [$100]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>CD-Rom: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=cd>
<OPTION selected>Select <OPTION>600E Dual Speed [$300] <OPTION>800E Quadruple-Speed [$450]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Monitor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=monitor>
<OPTION selected>Select <OPTION>12" VGA [ $210] <OPTION>12" Super VGA [$300] <OPTION>14" VGA [$290] <OPTION>14" Super VGA [$370] <OPTION>17" VGA [$350] <OPTION>17" Super VGA [$475]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Mouse: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=mouse>
<OPTION selected>Select <OPTION>Vesa6 [$35] <OPTION>Titda9 [$120]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>KeyBoard: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=keyboard>
<OPTION selected>Select <OPTION>473E SPO [$75] <OPTION>48dE SPO [$120] <OPTION>874K SPO [$150] <OPTION>888i SPO [$175]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Modem: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=modem>
<OPTION selected>Select <OPTION>External 14.4 [$100] <OPTION>Internal 14.4 [$110] <OPTION>External 28.8 [$150] <OPTION>Internal 28.8 [$160]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Sound Card: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=card>
<OPTION selected>Select <OPTION>Adlib [$300] <OPTION>Sound Blaster [$258] <OPTION>Sound Blaster Pro [$235] <OPTION>MIDI Mapper [$320]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
</TBODY> </TABLE>
<P> <TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<TBODY> <TR> <TD> <CENTER>
<BR>
<INPUT name=Price onclick=compute(this.form) type=button value="Update Price">
</CENTER>
<BR>
<INPUT name=T_Price size=15>
<BR>
</TD>
<TD>
<INPUT name=Print_data onclick=print(this.form) type=button value="Print Preview">
<CENTER>
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Cool Table Menu
2
http://www.wsabstract.com/script/script2/coolmenu.shtml
Cool Table Menu IE 4+
Description: Add flare to your menu with Clarence's navigational script! Not only do participating menu items receive a "highlight" effect when the mouse moves over them, but also, a textual description of the containing link. Very cool, and degrades well with all browsers.
Example:
Dynamic Drive
Freewarejava.com
Cerebus Web Resources
SitePoint.com
Directions
Step 1: The following code is to be placed between <head> and </head>.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
Visit http://wsabstract.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
iedescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
iedescription.innerHTML=' '
}
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Add the below where you wish the menu to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(choice1,'The #1 DHTML site online')" onmouseout="moveout(choice1)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(choice2,'Free Java applets')" onmouseout="moveout(choice2)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(choice3,'Free webmaster resources')" onmouseout="moveout(choice3)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(choice4,'Resources to build your site')" onmouseout="moveout(choice4)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="iedescription" face="Verdana" size="2"></font></td></tr>
</table>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Count down until any date
2
http://www.wsabstract.com/script/script2/count.shtml
http://www.wsabstract.com/script/countdownimage.shtml
http://www.wsabstract.com/script/script2/count2.shtml
http://www.wsabstract.com/script/script2/countup.shtml
Count down until any date
Description: A versatile and practical script that can be used to count down until any given date.
Example: Only 81 days until Christmas!
Directions: Simply insert the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Count down until any date script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Only "+difference+" days until "+before)
}
//enter the count down date using the format year/month/day
countdown(2000,12,25)
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:
countdown(2000,12,25)
The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).
<end node> 5P9i0s8y19Z
<node>CREDITS SCREEN
2
http://www.wsabstract.com/script/script2/creditscreen.shtml
Credits screen
Description: Add a TV-like credits screen page to your site with this script! It displays a "credit" window that slowly scrolls down continuously, revealing the contributors' names bit by bit...just like the credit screen on TV!
Example: See credits for Website Abstraction
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the below into the <body> section of the page that will open the credits page (ie: this page):
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Credits screen script
By Website Abstraction
http://wsabstract.com
Over 400+ original scripts here!
*/
function opencredit(){
//set this to the file of the credit
var creditfile="credits.htm"
if (document.all)
creditwindow=window.open(creditfile,"","width=445,height=250")
else
creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
You'll also need to add a link like the below, which is what the users will click to activate the credits screen:
<a href="javascript:opencredit()">See credits for My site!</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Click and save the following HTML page into your webpage directory (credits.htm). This is the HTML page that contains the credits themselves. You obviously want to edit it to contain your own credit lines. Just don't remove the script inside of it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/credits.htm
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<title>Website Abstraction Credit Screen</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p align="center"><img src="../../logor.gif" width="332" height="97" alt="logor.gif (5979 bytes)"><br>
<small><font face="Verdana">Credits Page</font></small></p>
<p align="left"><strong><font face="Verdana">~Main credits~</font></strong></p>
<p align="left"><font face="Verdana"><strong>Creator and main operator: </strong>George
Chiang (WA)</font></p>
<p align="left"><font face="Verdana"><strong>JavaScript forum moderator: </strong>John
Krutsch</font></p>
<end node> 5P9i0s8y19Z
<node>Dog Years
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Dog Years
Action: Calculates your dog life.
Usage: Let your visitors calculate how old they are in dog life.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Download Time
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Download Time
Action: Estimates how long will it take to download a file from Internet.
Usage: Let your visitors calculate time spent on specific download.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>FairWell window launcher
2
http://www.wsabstract.com/script/cut65.shtml
http://www.wsabstract.com/script/script2/bookalert.shtml
FairWell window launcher (updated:98/10/19)
I got the idea for the following script from a site I recently visited. When I left, a cute little window popped up, thanking me for visiting their site, and urging me to come back real soon. The window actually made an impact on me, surprisingly. Here is a script that does just that- pops up a small, toolbarless window as the surfer leaves the page. To avoid over-irritating your surfers, the script comes with the added feature of only popping up the first time the surfer enters and leaves the page; if he/she goes to CNN for a while, then returns and leaves again, the window is not displayed. (Try leaving this page the first time- a window will be displayed. Come back, then leave again- no window!). Note: Cookies are used to determine how many times a surfer has visited a page; therefore, only browsers with cookies enabled will benefit from this "anti-irritant" feature.
Example: Press "back" (the first time) to leave this page and see the script in action.
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following into the <head> section of your page (change the :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Fair well window launcher script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function openpopup(){
//configure "seeyou.htm and the window dimensions as desired
window.open("seeyou.htm","","width=300,height=338")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Insert the following into the <body> tag itself, like this:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<body onunload="loadpopup()">
.........
( Clip-Art )
Thanks for visiting our site. We hope to see you real soon!
http://wsabstract.com
..........
<end node> 5P9i0s8y19Z
<node>Group Work
2
http://www.x-developer.com/javascript/content/calculators/group/index.html
Group Work
Action: Calculates group work time.
Usage: Let your visitors calculate group work time.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: mistermidget@hotmail.com --> <!-- --------------------------------------------------- -->
function groupWork()
{
person1=parseInt(document.workform.person1.value);
person2=parseInt(document.workform.person2.value);
worktime=(person1*person2)/(person1+person2);
document.workform.time.value=worktime;
}</script>
<center>
<form name=workform>
<b>Person one can do the job in <input type=text name=person1 size=5>
hours. <br>
Person two can do the same job in <input type=text name=person2 size=5>
hours. <br>
Together, they can do the job in <input type=text name=time size=10>
hours. </b><br>
<br>
<input type=button value=Solve! name=solve onClick=groupWork()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>HeadLiner
2
When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great.... Just check it out!
= = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL HEADLINER:
1. Add the onLoad event handler to the BODY tag
2. Copy the specified code into the BODY of your HTML document -->
<!-- STEP ONE: Add this onLoad event handler to the BODY tag -->
<body onLoad="StartHeadliner()">
<!-- STEP TWO: Put this code into the BODY of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- Begin
typeWriterWait=120 // Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false // randomly choose lines? (true or false)
lineMax=7 // how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.piaster.nl/perspicacity/js/headliner", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:Jan_P@dds.nl?subject=The Headliner", "", TypeWriter, 1500)
lines[7]=new Line("Or here to go back to Messages", "http://messages.javascriptsource.com", "", Static, 3500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 5.69 KB -->
<end node> 5P9i0s8y19Z
<node>Highlight text
2
http://wsabstract.com/howto/css.shtml
Highlight text (Compatible: IE 4+, NS 4)
Cheap example on the net: Below example
I like to call this effect highlight text, but many simply call it "text with a background color" (how artistic). It allows you to draw attention to specific text by giving it a background color. Take a look at the following paragraph:
= = =
Hay webmasters, looking for the perfect tool to create and manage a web site? Allow me to introduce you to NotePad. Its the simplest, fastest, and don't forget, cheapest way to creating and maintaining a site. Why else would it be packaged with Windows 95? You know that Windows 95 is the best operating system available, so whatever comes with it must also be the, eh, best, right?. Don't hesitate, use NotePad today!
= = =
Since I want to emphasize the words "simplest, fastest, and cheapest", I use CSS to give that portion of the text a background color of yellow. Here's the source code I used:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<span style="background-color:yellow">simplest, fastest, and don't forget, cheapest</span>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
As you can see, just warp the text you want to highlight with the part in bold.
<end node> 5P9i0s8y19Z
<node>Interactive Headliner 1
2
http://www.x-developer.com/javascript/content/buttons/headliner-1/index.html
Interactive Headliner 1 Browser : ALL
Action: Scrolls and blinks information with links in many ways.
Usage: Save space on your site by having this ultimate headliner on your pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=StartHeadliner() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- --------------------------------------------------- -->
typeWriterWait=120// Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90// scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false// randomly choose lines? (true or false)
lineMax=7// how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.x-developer.com", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:developer@x-developer.com", "", TypeWriter, 1500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="X-Developer presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Interactive Headliner 2
2
http://www.x-developer.com/javascript/content/buttons/headliner-2/index.html
Interactive Headliner 2
Action: Changes messageson a form button with predefined links.
Usage: Create your littlepresentation and save space on your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=StartHeadliner() onunload=StopHeadliner() bgcolor="#FFFFCC">
<STYLE>.stHeadliner {
BACKGROUND: red; COLOR: white; FONT-FAMILY: lucida console, courier new, monospace; FONT-SIZE: 11pt; FONT-STYLE: italic; FONT-WEIGHT: bold
}
</STYLE>
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker -->
<!-- Web Site: mailto:Jan_P@dds.nl -->
<!-- --------------------------------------------------- -->
// Delay in milliseconds for the growing headliner
growWait=90
// Delay in milliseconds for the expanding headliner
expandWait=120
// Delay in milliseconds for the scrolling headliner
scrollWait=100
// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40
// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)
// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("Get 1000's of best JavaScripts!", "http://www.x-developer.com", Expand, 2000)
lines[2]=new Line("Great Animation Scripts", "www.x-developer.com/javascript/content/animations/index.html", Scroll, 1000)
lines[3]=new Line("Cool Banner Scripts", "http://www.x-developer.com/javascript/content/banners/index.html", Static, 2500)
lines[4]=new Line("E-Mail Me!", "mailto:developer@x-developer.com", Grow, 3000)
// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</SCRIPT>
<CENTER>
<FORM name=formDisplay>
<INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value="The Headliner">
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Page Born
2
http://www.x-developer.com/javascript/content/page-details/page-born/index.html
Page Born
Action: Tells you if the page has changed since your last visit.
Usage: Tell a visitor if something has happened on your site since his last visit.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR> <TD bgcolor="#000044"> <center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: www.jwp.bc.ca/saulm/html/bornon.htm -->
<!-- --------------------------------------------------- -->
document.write(document.title);
</SCRIPT>
</center>
</TD>
</TR>
<TR> <TD bgcolor="#440000"> <center>
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>
<!-- Put the page creation date, here --> April 1, 2000 <BR>
<SCRIPT LANGUAGE="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break; }
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "Last updated: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'><br>Site has changed since last visit!</font><br>");
}
</SCRIPT>
</FONT> </center>
</TD>
</TR>
</TABLE>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>People on Earth
2
http://www.x-developer.com/javascript/content/calculators/people-earth-ie/index.html
People on Earth
Action: Calculates how many people live on Earth.
Usage: Let your visitors calculate number of people on Earth.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=maind() bgcolor="#FFFFCC">
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: w.joosen@tip.nl -->
<!-- http://www.geocities.com/SiliconValley/Heights/7725/-->
<!-- --------------------------------------------------- -->
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0 var i=0
while (number > 1)
{ numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) { numberstring = "." + numberstring j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring}
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds) { startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 nu = new Date () schuldstartdatum = new Date (96,1,1) secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</SCRIPT>
<CENTER>
<BR>
<H2><font size="4">The number of people on the planet Earth is now...</font></H2>
<FORM name=schuld>
<INPUT name=schuld size=25>
</FORM>
<BR>
<BR>
<H2><font size="4">Since you are on this page the number of people on Earth has grown with ...</font></H2>
<FORM name=newnow>
<INPUT name=newnow size=25>
<H2><font size="4">people.</font></H2>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Remote Control
2
http://www.wsabstract.com/script/cut105.shtml
http://www.wsabstract.com/script/cut112.shtml
Remote Control
Description: A remote control that loads links into the main window.
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following code into the <body> of the MAIN page (the page that will launch the remote:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
function remote(){
/*Credit: Website Abstraction www.wsabstract.com more JavaScripts here.*/
win2=window.open("remote.htm","","width=150,height=350,scrollbars")
win2.creator=self
}
//-->
</script>
<form>
<input type="button" value="Launch remote!" onClick="remote()">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below code and save it as remote.htm. This is the file you should edit- simply change the URLs in function remote2 below to your own:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
<title>Remote Control</title>
<script>
<!--
function remote2(url){
creator.location=url
}
//-->
</script>
</head>
<body bgcolor="ffffff">
<div align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFF00">
<tr>
<td width="100%"><p align="center"><strong><big><font face="Arial">Remote Control</font></big></strong></td>
</tr>
</table>
</div>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../javaindex.htm')"><strong>JavaScript Tutorials</strong></a></font></p>
<p align="left"><font face="Arial"><a href="javascript:remote2('../howto/webbuild.htm')"><strong><small>Web
building tutorials</small></strong></a></font></p>
<p align="left"><a href="javascript:remote2('../cutpastejava.htm')"><font face="Arial"
size="2"><strong>Free JavaScripts</strong></font></a></p>
<p align="left"><a href="javascript:remote2('../java/javafront.htm')"><small><font
face="Arial"><strong>Free Java applets</strong></font></small></a></p>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../frontpage.htm')"><strong>FrontPage Tutorials</strong></a></font></p>
<p align="left"><a href="javascript:remote2('../backgr.htm')"><font face="Arial" size="2"><strong>Web
Graphics</strong></font></a></p>
<p align="left"><a
href="javascript:remote2('http://www.wsabstract.com/script/cut105.htm')"><font
face="Arial" size="2"><strong>Back to script</strong></font></a></p>
</body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Scrolling Window
2
http://www.wsabstract.com/script/cut179.shtml
Scrolling Window (Requires IE 4.x or NS 4.x)
Description: A scrolling window script that automatically scrolls the window all the way to the bottom, then starts all over again. Great for presentational web pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
E X A M P L E:
<title>The World Cups</title>
</head>
<body bgcolor="#FFFFFF">
<p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script><!--webbot bot="HTMLMarkup"
endspan --></p>
<div align="center"><center>
<table border="0" width="65%" cellspacing="3" cellpadding="0" bgcolor="#008000">
<tr>
<td width="100%"><div align="center"><center><table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"><h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font
face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<hr size="1">
<h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<p align="center"> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>TIP-OF-THE-DAY
2
http://www.wsabstract.com/script/script2/tipday.shtml
Tip of the day
Description: If you run any sort of "content" site, this script is an invaluable tool for making that content more dynamic, and to keep your visitors coming back. It's a "tip of the day" script that serves up a different tip daily. The script holds 31 tips, enough to cover an entire month's worth of information. Be sure to update the script every month!
Example:
JavaScript Tip of the day
Use the arguments array of functions to determine it's containing parameters dynamically
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply copy and paste the below to the <body> section of your page where you wish the tip to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<script>
<!--
/*
Tip of the day script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
var today_obj=new Date()
var today_date=today_obj.getDate()
var tips=new Array()
//Configure the below variable to contain the "header" of the tip
var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br>'
//Configure the below array to hold the 31 possible tips of the month
tips[1]='Tip 1 goes here'
tips[2]='Tip 2 goes here'
tips[3]='Tip 3 goes here'
tips[4]='Tip 4 goes here'
tips[5]='Tip 5 goes here'
tips[6]='Tip 6 goes here'
tips[7]='Tip 7 goes here'
tips[8]='Tip 8 goes here'
tips[9]='Tip 9 goes here'
tips[10]='Tip 10 goes here'
tips[11]='Tip 11 goes here'
tips[12]='Tip 12 goes here'
tips[13]='Tip 13 goes here'
tips[14]='Tip 14 goes here'
tips[15]='Tip 15 goes here'
tips[16]='Tip 16 goes here'
tips[17]='Tip 17 goes here'
tips[18]='Tip 18 goes here'
tips[19]='Tip 19 goes here'
tips[20]='Tip 20 goes here'
tips[21]='Tip 21 goes here'
tips[22]='Tip 22 goes here'
tips[23]='Tip 23 goes here'
tips[24]='Tip 24 goes here'
tips[25]='Tip 25 goes here'
tips[26]='Tip 26 goes here'
tips[27]='Tip 27 goes here'
tips[28]='Tip 28 goes here'
tips[29]='Tip 29 goes here'
tips[30]='Tip 30 goes here'
tips[31]='Tip 31 goes here'
document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Change the variables "tiptitle" and array "tips", and you're done.
<end node> 5P9i0s8y19Z
<node>NO CACHE?
1
There are several things that can't be done with JavaScript for security reasons, including such things as changing user preferences or clearing the cache.
However, I do have a slick workaround that prevents a page from being stored in the user's cache. (You don't have to clear the cache if the page isn't in the cache!) Anyways, on with it. The code to stick in the HEAD section of your page is this:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="Thu, 01 Dec 1994 120000 GMT">
Note: The second 'Expires' tag is not necessary for all browsers, but some browsers do use with the 'no-cache' tag, so it is best to just leave it in for good measure.
<end node> 5P9i0s8y19Z
<node>on click
1
parent.Displayright.location= 'http://www.westandassoc.com'
[vbcode]
onclick="; Chr$(34) + "parent.Displayright.location='home.html'" + Chr$(34); ">Return</a>"
<end node> 5P9i0s8y19Z
<node>Right Click Menu
2
http://javascript.internet.com/page-details/right-click-menu.html
Right Click Menu
(Internet Explorer Only) Displays a menu when the visitor right click's on the page. You can easily use style sheets to modify the menu 'skins', or write your own. Awesome!
<!-- TWO STEPS TO INSTALL RIGHT CLICK MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.painting-effects.co.uk -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Go Back</div>
<div class="menuitems" url="http://javascript.internet.com">Go Home</div>
<hr>
<div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div>
<div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div>
<hr>
<div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div>
<div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.36 KB -->
<end node> 5P9i0s8y19Z
<node>right mouse click
2
<script language="JavaScript">
<!-- HIDE FROM OLD BROWSERS
function disable_right_click(e)
{
var browser = navigator.appName.substring ( 0, 9 );
var event_number = 0;
if (browser=="Microsoft")
event_number = event.button;
else if (browser=="Netscape")
event_number = e.which;
if ( event_number==2 || event_number==3 )
{
alert ("COPYRIGHT by SOLVENET");
return (false);
}
return (true);
}
function check_mousekey ()
{
var mouse_key = 93;
var keycode = event.keyCode;
if ( keycode == mouse_key )
alert ( "Mouse Key Is Disabled" );
}
function trap_page_mouse_key_events ()
{
var browser = navigator.appName.substring ( 0, 9 );
document.onmousedown = disable_right_click;
if ( browser == "Microsoft" )
document.onkeydown = check_mousekey;
else if ( browser == "Netscape" )
document.captureEvents( Event.MOUSEDOWN );
}
window.onload = trap_page_mouse_key_events;
<end node> 5P9i0s8y19Z
<node>PAGE DETAILS
1
<end node> 5P9i0s8y19Z
<node>adapt2screen Window opener
2
http://www.wsabstract.com/script/cut121.shtml
adapt2screen Window opener (Requires Java-enabled browser)
Description: A script that opens a secondary window with the size adjusted relative to the screen resolution of the surfer. You can specify, for example, that the secondary window always be 50 pixels smaller than the screen of the surfer, regardless of the screen size of the surfer. Check documentation in script below for details.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert this into the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT>
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
w = screen_size.width;
h = screen_size.height;
}
w=w-50; //erase these adjustments for making the window big as possible
h=h-150;
//change index.html to the name of the window U want to open
nw=window.open("../index.html","",'toolbar=yes,location=yes,directories=yes,menubar =yes,scrollbars=yes,status=yes,resizable=1,width='+w+',height='+h)
if (document.layers||document.all)
window.nw.moveTo(0,0) //up-left-justify
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Display document URL and time
2
Display document URL and time
http://www.wsabstract.com/script/script2/documentinfo.shtml
Description: This script allows you to conveniently display the containing document's URL and time on the page. Useful, for example, if your site's pages are often printed out, and you wish the URL/time to be included in the output.
Example: Look at the bottom of this page
Directions: Add the following to the footnote of your document:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
var today=new Date()
document.write('<center>'+today.toString()+'<br>'+window.location+'</center>')
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Displaying the last modified date of your page
2
Displaying the last modified date of your page
http://www.wsabstract.com/script/cut8.shtml
Example: Updated 10/5/2000 1:19:42
Description: The following script will display the date and time of the last modification to your webpage. It will automatically update itself whenever you make changes to the page and save it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply add the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT language="JavaScript">
<!--
/*
Last Modified Date script (by Candy)
For this and 100's more scripts, visit http://wsabstract.com
*/
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var lastUpdate = new Date(document.lastModified);
var modifiedyear=lastUpdate.getYear()
if (modifiedyear<1000)
modifiedyear+=1900
document.write("Updated ");
document.write(lastUpdate.getMonth()+1 + '/' + lastUpdate.getDate() + '/' + modifiedyear+ ' '+ lastUpdate.getHours()+':'+lastUpdate.getMinutes()+':'+lastUpdate.getSeconds())
//-->
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Floating Logo
2
http://www.x-developer.com/javascript/content/page-details/logo-float/index.html
Logo Floater Browser : ALL
Action: Displays floating logo in the bottom right corner of the screen and keeps it there even when the page is scrolled.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload="setVariables(); checkLocation();" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- --------------------------------------------------- -->
function setVariables() {
imgwidth=70; // logo width, in pixels
imgheight=30; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
</SCRIPT>
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50; z-index:2">
<table width=10>
<td> <a href="http://www.x-developer.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true">
<center>
<img src="logo-float.gif" width="70" height="30" border="0">
</center>
</a></td>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Preload Page
2
http://javascript.internet.com/page-details/preload-page.html
Preload Page
Displays a loading message as the page, including images and sound elements, are loaded in the background. When the page finishes loading the screen is shown, similar to how Macromedia's Flash plugin works. Easy!
<!-- THREE STEPS TO INSTALL PRELOAD PAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Gilbert Davis -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function loadImages() {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY OnLoad="loadImages()">
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>
<!-- put the rest of your page contents here -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
<node>Size & Position Opener
2
http://www.x-developer.com/javascript/content/buttons/window-size-position/index.html
Size & Position Opener
Action: Popups windows withpredefined size and screen location.
Usage: Control your popupwindows.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function open0()
{
zero=open("","zero","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=0,top=0");
zero.document.write("<html><title>0 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"0 pixels left<br>0 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open100()
{
one=open("","one","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=100,top=100");
one.document.write("<html><title>100 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"100 pixels left<br>100 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open200()
{
two=open("","two","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=200,top=200");
two.document.write("<html><title>200 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"200 pixels left<br>200 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open300()
{
three=open("","three","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=300,top=300");
three.document.write("<html><title>300 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"300 pixels left<br>300 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}</script>
<center>
<form>
<input type=button value="Window: 0 pixels left & top" onclick=open0()>
<br>
<input type=button value="Window: 100 pixels left & top" onclick=open100()>
<br>
<input type=button value="Window: 200 pixels left & top" onclick=open200()>
<br>
<input type=button value="Window: 300 pixels left &top" onclick=open300()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>PASSWORD Protection
1
<end node> 5P9i0s8y19Z
<node>"Unspamable" email link
2
http://www.wsabstract.com/script/script2/unspam.shtml
"Unspamable" email link
Description: Ever wonder how spammers find and email you all that "junk" They do so by using robots that retrieve your email address from your webpages, and add it to their spammer's list. Here's a script to prevent spammers and email harvesters from finding your email address on your website. The below email address link is unretrieveable by spammer robots. Simply update the variables with your email information and relace your mailto: links with this script.
Example: protected@cdrsoft.com
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript"><!--
var name = "protected";
var domain = "cdrsoft.com";
document.write('<a href=\\"mailto:' + name + '@' + domain + '\\">');
document.write(name + '@' + domain + '</a>');
// --></script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Login and password script II
2
Login and password script II
http://www.wsabstract.com/script/script2/loginpass2.shtml
Login and password script II
Description: This is a variation of the original Login and Password script that will take users to two different pages, depending on whether the entered combination is correct or not.
Example: (in demo, user="free", password="javascript")
ENTER USER NAME :
ENTER PASSWORD :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of the login page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form>
<p>ENTER USER NAME :
<input type="text" name="text2">
</p>
<p> ENTER PASSWORD :
<input type="password" name="text1">
<input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >
</p>
</form>
<script language = "javascript">
/*
Script by Anubhav Misra (anubhav_misra@hotmail.com)
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
function validate(text1,text2,text3,text4)
{
if (text1==text2 && text3==text4)
load('success.htm');
else
{
load('failure.htm');
}
}
function load(url)
{
location.href=url;
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Configuring the script
To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html."
<end node> 5P9i0s8y19Z
<node>PageName
2
http://www.x-developer.com/javascript/content/passwords/page-name/index.html
Page Name Browser : ALL
Action: Sends you to a page that is called name.html where NAME is password entered by a user.
Usage: Create pages with complex names and use this as a simple but well working restricting access system.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var password = ''
password=prompt('Please enter your password:','demo-dest');
if (password != null) {
location.href= password + ".html";
}
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Pass Generator
2
http://www.x-developer.com/javascript/content/passwords/generator/index.html
Pass Generator Browser : ALL
Action: Generates password of given length and character type.
Usage: Save time when making up passwords.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Kroll (rkroll@istar.ca) -->
<!-- --------------------------------------------------- -->
function generate(form) {
var type=form.type.selectedIndex;
if (type<4) {
var selectionarray=new Array(62)
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
selectionarray[37]="a";
selectionarray[38]="b";
selectionarray[39]="c";
selectionarray[40]="d";
selectionarray[41]="e";
selectionarray[42]="f";
selectionarray[43]="g";
selectionarray[44]="h";
selectionarray[45]="i";
selectionarray[46]="j";
selectionarray[47]="k";
selectionarray[48]="l";
selectionarray[49]="m";
selectionarray[50]="n";
selectionarray[51]="o";
selectionarray[52]="p";
selectionarray[53]="q";
selectionarray[54]="r";
selectionarray[55]="s";
selectionarray[56]="t";
selectionarray[57]="u";
selectionarray[58]="v";
selectionarray[59]="w";
selectionarray[60]="x";
selectionarray[61]="y";
selectionarray[62]="z";
var length=62;
}
if (type<3) {
var selectionarray=new Array(36);
selectionarray[1]="a";
selectionarray[2]="b";
selectionarray[3]="c";
selectionarray[4]="d";
selectionarray[5]="e";
selectionarray[6]="f";
selectionarray[7]="g";
selectionarray[8]="h";
selectionarray[9]="i";
selectionarray[10]="j";
selectionarray[11]="k";
selectionarray[12]="l";
selectionarray[13]="m";
selectionarray[14]="n";
selectionarray[15]="o";
selectionarray[16]="p";
selectionarray[17]="q";
selectionarray[18]="r";
selectionarray[19]="s";
selectionarray[20]="t";
selectionarray[21]="u";
selectionarray[22]="v";
selectionarray[23]="w";
selectionarray[24]="x";
selectionarray[25]="y";
selectionarray[26]="z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
if (type<2) {
var selectionarray=new Array(36);
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
var lngth=form.length.selectedIndex;
var i,j;
var tmpstr;
tmpstr="";
i=0;
do {
{
var randscript = -1
while (randscript < 1 || randscript > length || isNaN(randscript))
{randscript = parseInt(Math.random()*(length))}
j=randscript}
tmpstr=tmpstr+selectionarray[j]
i=i+1}
while (i<lngth)
form.password.value = tmpstr;
}
</script>
<center>
<form>
<select name="type">
<option selected>Choose Type <option>Uppercase letters and numbers <option>Lowercase letters and numbers <option>Mixed case letters and numbers </select>
<select name="length">
<option selected>Choose length <option>1 Character <option>2 Characters <option>3 Characters <option>4 Characters <option>5 Characters <option>6 Characters <option>7 Characters <option>8 Characters <option>9 Characters <option>10 Characters <option>11 Characters <option>12 Characters <option>13 Characters <option>14 Characters <option>15 Characters <option>16 Characters <option>17 Characters <option>18 Characters <option>19 Characters <option>20 Characters </select>
<br>
<b>Your random password is:</b> <input type=text name=password size=20>
<br>
<input type="button" value="Generate Password" onclick="generate(this.form)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Simple MultiUser
2
http://www.x-developer.com/javascript/content/passwords/simple-multi/index.html
Simple MultiUser
Action: Simple password protection system that uses code inside the page to determine correct passwords.
Usage: Keep people off your restricted access pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="user1" && password=="password1") { window.location="demo-dest.html"; done=1;}
if (username=="user2" && password=="password2") { window.location="demo-dest.html"; done=1;}
if (done==0) { alert("Invalid login!");}
}
</SCRIPT>
<center>
<form name=login>
<table border=3 cellpadding=2 bgcolor="#1018BF" cellspacing="0">
<tr> <td colspan=2 bgcolor="#00007F"> <center>
<font color="#FFFFFF"><b><font size="+2"><font size="3">Members-Only Area!</font></font> </b> </font> </center>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Username:</b></font></td>
<td> <input type=text name=username>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Password:</b></font></td>
<td> <input type=text name=password>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>PLAY SOUNDS
1
<end node> 5P9i0s8y19Z
<node>MouseOVER/CLICK
2
http://www.wsabstract.com/script/script2/soundlink.shtml
onMouseover/onClick sound effect
.wav
Description: This is what you've been waiting for...a script that plays a sound when the mouse moves over certain links. It can be configured to initiate the sound only when someone clicks on the links as well (see footnote). The script works in BOTH NS and IE (in NS, the LiveAudio plugin must exist).
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Add the following to the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "laser.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Edit the aySound array to preload the sound files.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.wav";
aySound[2]="EvenAnotherOne.wav";
.
.
as many sound files as one wants.
Important! Please make sure the sound files exist, or else errors will occur.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 3: Finally, play the sound files with an event handler.
With a link:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
- onMouseOver/onMouseOut sound: ... http://jsarchive.8m.com/YourPage.html
<A HREF="YourPage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Move mouse over to play sound</A>
= = =
- onClick sound: ... javascript:playSound(1);
<A HREF="javascript:playSound(0);">Click here to play sound</A>
= = =
-With a button:
-
<INPUT TYPE="BUTTON" VALUE="Click me!" onClick="playSound(0)">
Note: playSound(0) plays the audio file of aySound[0]; playSound(1) will play aySound[1], etc.
<end node> 5P9i0s8y19Z
<node>Random Link Generator
1
Random Link Generator
Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!
= = = = = = = = = =
<!-- ONE STEP TO INSTALL RANDOM LINK GENERATOR:
1. Paste the designated coding into the HEAD of the HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3); // a = random number between 1-3
if (a==1) go_to("http://bgeffects.javascriptsource.com");
if (a==2) go_to("http://clocks.javascriptsource.com");
if (a==3) go_to("http://games.javascriptsource.com");
}
// End -->
</SCRIPT>
<!-- STEP TWO: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" VALUE="Random link"
onClick="rand_link()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.00 KB -->
<end node> 5P9i0s8y19Z
<node>Regular expressions
1
[social security]
^\\d{3}-\\d{2}-\\d{4}$ without dashes ^\\d{9}$
Common expressions
Date
/^\\d{1,2}(\\-|\\/|\\.)\\d{1,2}\\1\\d{4}$/ mm/dd/yyyy
US zip code
/(^\\d{5}$)|(^\\d{5}-\\d{4}$)/ 99999 or 99999-9999
Canadian postal code
/^\\D{1}\\d{1}\\D{1}\\-?\\d{1}\\D{1}\\d{1}$/ Z5Z-5Z5 orZ5Z5Z5
Time
/^([1-9]|1[0-2]):[0-5]\\d(:[0-5]\\d(\\.\\d{1,3})?)?$/ HH:MM or HH:MM:SS or HH:MM:SS.mmm
IP Address(no check for alid values (0-255))
/^\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}$/ 999.999.999.999
Dollar Amount
/^((\\$\\d*)|(\\$\\d*\\.\\d{2})|(\\d*)|(\\d*\\.\\d{2}))$/ 100, 100.00, $100 or $100.00
Social Security Number
/^\\d{3}\\-?\\d{2}\\-?\\d{4}$/ 999-99-9999 or999999999
Canadian Social Insurance Number
/^\\d{9}$/ 999999999
<end node> 5P9i0s8y19Z
<node>slideshow
1
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
<!--
//configure the paths of the images, plus corresponding target links
//slideshowimages("img1.gif", "img2.gif", "img3.gif")
//slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")
slideshowimages("http://www.southcentralweldchamber.com/foothillssales/foothillssales.jpg", "http://www.southcentralweldchamber.com/lasalleliquor/Lasalle-liquor.jpg", "http://www.southcentralweldchamber.com/farmersinn/FarmersInn.jpg", "http://www.southcentralweldchamber.com/kblegacydesigns/kblegacyad.png", "http://www.southcentralweldchamber.com/dianeoldfield/candles.jpg", "http://www.southcentralweldchamber.com/firstbaptistchurch/First-pres-church.jpg", "http://www.southcentralweldchamber.com/freemansservice/freemantruck.jpg", "http://www.southcentralweldchamber.com/membershiplabels/Chamber-Card.jpg", "http://www.southcentralweldchamber.com/lasalleoil/Lasalle-oil.jpg", "http://www.southcentralweldchamber.com/coloradotown/colotownlogo.jpg", "http://www.southcentralweldchamber.com/townoflasalle/Splash.gif", "http://www.southcentralweldchamber.com/northvalleymiddleschool/North-Valley-MS.jpg", "http://www.southcentralweldchamber.com/reliantaccounting/Reliantaccounting.jpg", "http://www.southcentralweldchamber.com/ideasfromtheharrt/Ideas2.jpg", "http://www.southcentralweldchamber.com/fivestartturf/5star.jpg", "http://www.southcentralweldchamber.com/childhousechair/bizcard_web.jpg", "http://www.southcentralweldchamber.com/Y&M/Y&MReal Estate.png", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/gilcrestfarm.jpg", "http://www.southcentralweldchamber.com/tricountyautosales/tri-county-auto.jpg", "http://www.southcentralweldchamber.com/psicoaching/PSI-Coaching.jpg", "http://www.southcentralweldchamber.com/airxtreme/airxtreme.jpg", "http://www.southcentralweldchamber.com/townofplatteville/TOP.jpg", "http://www.southcentralweldchamber.com/valleypacking/valley-packing.jpg", "http://www.southcentralweldchamber.com/colowirecloth/CO-Wire2.jpg", "http://www.southcentralweldchamber.com/bankofchoice/Bank-of-Choice.jpg", "http://www.southcentralweldchamber.com/coloradoeastbank/BUILDING2.JPG", "http://www.southcentralweldchamber.com/valleyhighschool/VHS-Web.jpg", "http://www.southcentralweldchamber.com/pelicanlakeranch/PLR-Office-Scene.jpg")
slideshowlinks("http://www.southcentralweldchamber.com/psicoaching/", "http://www.southcentralweldchamber.com/membershiplabels/", "http://www.southcentralweldchamber.com/ideasfromtheharrt/", "http://www.southcentralweldchamber.com/bankofchoice/", "http://www.southcentralweldchamber.com/colowirecloth/", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/", "http://www.southcentralweldchamber.com/townofplatteville/", "http://www.southcentralweldchamber.com/pelicanlakeranch/", "http://www.southcentralweldchamber.com/valleyhighschool/", "http://www.southcentralweldchamber.com/northvalleymiddleschool/", "http://www.southcentralweldchamber.com/fivestartturf/", "http://www.southcentralweldchamber.com/coloradotown/", "http://www.southcentralweldchamber.com/kblegacydesigns/", "http://www.southcentralweldchamber.com/coloradoeastbank/", "http://www.southcentralweldchamber.com/lasalleoil/", "http://www.southcentralweldchamber.com/farmersinn/", "http://www.southcentralweldchamber.com/firstbaptistchurch/", "http://www.southcentralweldchamber.com/foothillssales/", "http://www.southcentralweldchamber.com/freemansservice/", "http://www.southcentralweldchamber.com/lasalleliquor/", "http://www.southcentralweldchamber.com/townoflasalle/", "http://www.southcentralweldchamber.com/Y&M/", "http://www.southcentralweldchamber.com/tricountyautosales/", "http://www.southcentralweldchamber.com/valleypacking/", "http://www.southcentralweldchamber.com/airxtreme/", "http://www.southcentralweldchamber.com/reliantaccounting/", "http://www.southcentralweldchamber.com/dianeoldfield/", "http://www.southcentralweldchamber.com/childhousechair/") //configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
********************
<!----- Add this line in the head ------------->
<script language="javascript" src='slideshow.js'></script>
<!--------- Add these lines in the body at desired Location of show ----------------->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0 width="345" ></a>
<script language="javascript" >slideit();</script>
<end node> 5P9i0s8y19Z
<node>with forward and previous
2
Script from the Headlines
OK, Let's start by placing your script tag between the head tags of your webpage.
<head>
<title>Alanna's JavaScript slide show tutorial</title>
<script language="JavaScript">
<!--
// -->
</script>
</head>
Next let's create a couple of global variables that we're going to need later on.
var interval = 1500;
var random_display = 0;
var imageDir = "my_images/";
The interval variable indicates the length of the pause we'll have between images. In JavaScript, 1000 is equal to one second, so I've set mine at 1.5 seconds.
The random_display variable tells the script whether we want our slide show to display our images in a random or sequential order. In this case, 0 is equal to sequential, 1 is equal to random.
Our imageDir variable will store the path name for our images so we'll only need to worry about the filename.
An Array of Arrays
Next we create an array of all the images we want in our slide show. An array is basically a list, and in our case, it will keep track of the image names as well as what number they are in the list.
For all the nitty, gritty details about JavaScript arrays, read Thau's array lesson.
For our array, let's create a variable to hold the image's number (or Index). We'll call that variable "imageNum" and assign it an initial value of 0. Keep in mind that JavaScript arrays start at 0, so the third item in the array has an index of 2, not 3.
Then we'll create a new array called "imageArray". We want the index to increase by one every time we add an image to the array. We can do that with imageNum++ (which is a JavaScript shorthand way of saying 'imageNum + 1') in the index brackets of the element in our new array. Then to have it equal a new element in the list, we'll call "imageItem". This contains the value of the variable "imageDir", which we've already created, plus the name of the image.
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
Then just copy and paste that line, change the image names for each one, and we've got ourselves an array.
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
We need to know how many items we've got in our array, total, so let's create a variable called totalImages that's equal to the length of imageArray. We can do this with ".length", which is a handy property that's built into arrays.
var totalImages = imageArray.length;
Onward, Upward with Forward, Backward
We'll need to write a couple functions to tell the script what to use for each image's location. The first function below creates the image location, the second one returns the location.
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
Since we might want to display our images randomly. we need a function to generate some random index numbers for us.
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
Get the Next Image
Now let's tell the script how to get the next image in the sequence. First, if we've chosen to display the images randomly, we make the imageNum equal to the random number, while making sure it's not more than the total number of images in the array.
If it's not random, we just increment the imageNum by 1. Then to make sure we don't go over the total number of images, we use the handy dandy modulus operator (%). This will give us a remainder of 1, as soon as we go over the total number, but will just return the incremented imageNum until then. So when we go over, we go back to the beginning! Neat huh?
function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}
else {
imageNum = (imageNum+1) % totalImages;
}
Now that we know which image to display, we just need to return the value:
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Adding a Previous Button
Since we've already done most of the work, let's add a couple of functions so the user can go both forwards and backwards through our slide show. First, let's assign a value by creating a getPrevNum variable. It's based on our getNextImage variable but I've changed the +1 to a -1.
function getPrevImage() {
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Then we'll add a function to call the right value for the new_image variable we've been using.
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
The switch image function
Phew, we're almost there! We'll now create a function that will tie all our hard work together. We'll call it switchImage, use the getNextImage function we just created, and use JavaScript's setTimeout method to change the image depending on what value we initialized in our "interval" variable.
function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}
Play Time!
We're done with the script part of our tutorial, all that remains is plugging the right stuff into our HTML.
Here's what your image tag should look like. Make sure you give it a name so the script will know which image you're talking about. I'll call ours "slideimg." Remember to change your height and width tags to the appropriate values or take them out if you're using images with different sizes.
<img name="slideImg" src="27.jpg" width=500 height=375 border=0>
Adding the Controls
To create a play button, use an onClick in an anchor tag. You don't have to be as boring as me here, you can wrap this anchor tag around any image you like, or just use a regular text link.
<a href="#" onClick="switchImage('slideImg')">play slide show</a>
I put the "#" in there so that it'll work on all browsers. Some browsers will ignore the anchor tag if there is no URL specified. The "switchImage" function calls the getNextImage function.
To pause our slide show, we can use JavaScript's built-in clearTimeout method, like so:
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
Our previous button will look like this:
<a href="#" onClick="prevImage('slideImg'); clearTimeout(timerID)"> previous</a>
And for the Next button, I sort of cheated a bit. This starts up the switchImage function and then stops it again after it increments by 1.
<a href="#" onClick="switchImage('slideImg'); clearTimeout(timerID)">next </a>
Auto Start
If you'd like your slide show to start up as soon as the page loads (again, this might alienate your slower, dial-up users, so use with caution), just add an onLoad to your body tag, like this one.
<body onLoad="switchImage('slideImg')">
<end node> 5P9i0s8y19Z
<node>String
1
<end node> 5P9i0s8y19Z
<node> split Strings
2
<SCRIPT language="JavaScript">
<!--
function divide_string()
{
var where_is_mytool="home/mytool/mytool.cgi";
var mytool_array=where_is_mytool.split("/");
alert(mytool_array[0]+" "+mytool_array[1]+" "+mytool_array[2]);
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="button" onClick="divide_string()" value="Go!">
</FORM>
<end node> 5P9i0s8y19Z
<node>replace
2
Like php's replace
s = s.replace(",","");
var=var0.replace(/[^0-9$.,]/g, '')
<end node> 5P9i0s8y19Z
<node>Sentence Caps
2
http://www.x-developer.com/javascript/content/forms/sentence-caps/index.html
Sentence Caps Browser : ALL
Action: Capitalizes first letters of every sentence.
Usage: Saves time for a visitor when writing long text.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function capsLc(){
if (navigator.appVersion.substring(0,1)=="2"){
navOld();
}
else navNew();
}
function navOld(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
cmp=" "+wrd+" ";
if (tst.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
function navNew(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
punc=",.?!:;)'";
punc+='"';
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
wrdpre="";
if (punc.indexOf(wrd.substring(0,1))>-1){
wrdpre=wrd.substring(0,1);
wrd=wrd.substring(1,wrd.length);
}
cmp=" "+wrd+" ";
for (var i=0;i<9;i++){
p=wrd.indexOf(punc.substring(i,i+1));
if (p==wrd.length-1){
cmp=" "+wrd.substring(0,wrd.length-1)+" ";
i=9;
}
}
if (cmp.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrdpre+wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
</script>
<FORM NAME="isn">
<center>
<INPUT TYPE="text" NAME="caps" SIZE=40 VALUE="">
<INPUT TYPE="button" NAME="html1" VALUE=" Submit " onClick="capsLc()">
</center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>substring
2
<script type="text/javascript">var str="Hello world!"
document.write(str.substring(3,7))</script>
The output of the code above will be:
lo w
<end node> 5P9i0s8y19Z
<node>Text Initial Caps
2
http://www.x-developer.com/javascript/content/forms/text-initial-caps/index.html
Text Initial Caps Browser : ALL
Action: Converts every first letter to TOP caps.
Usage: Makes text easy to read.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>length
2
var str = "Hello World!";
var n = str.length;
<end node> 5P9i0s8y19Z
<node>TABS
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- This page is copyright Elated Communications Ltd. (www.elated.com) -->
<title>JavaScript tabs example</title>
<style type="text/css">
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
</style>
<script type="text/javascript">
//<![CDATA[
var tabLinks = new Array();
var contentDivs = new Array();
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
//]]>
</script>
</head>
<body onload="init()">
<h1>JavaScript tabs example</h1>
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
<div class="tabContent" id="advantages">
<h2>Advantages of tabs</h2>
<div>
<p>JavaScript tabs are great if your Web page contains a large amount of content.</p>
<p>They're also good for things like multi-step Web forms.</p>
</div>
</div>
<div class="tabContent" id="usage">
<h2>Using tabs</h2>
<div>
<p>Click a tab to view the tab's content. Using tabs couldn't be easier!</p>
</div>
</div>
<p><a href="/articles/javascript-tabs/">Return to the JavaScript Tabs article</a></p>
</body>
</html>
[end code -- Start expalin
This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked — perfect if your page needs to hold a large amount of content. It's also great for things such as multi-step ("wizard"-style) Web forms.
Click the link below to see a tabbed page in action:
JavaScript tabs screenshot
See JavaScript tabs in action
The JavaScript and markup are coded in such a way that the page degrades gracefully in browsers that don't support JavaScript.
In this tutorial you learn how this tabbed page is put together. You can then use the code and ideas to build your own tabbed Web pages. Let's get started!
Creating the HTML for the tabbed page
The HTML for the tabs and content is very simple. You store each tab's content within a div element with a class of tabContent and a unique id for reference. Here's the first of the 3 tab content divs in the example:
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
The tabs themselves are simply links within an unordered list:
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
Give the ul an id of "tabs" so that the JavaScript code can locate it. Each link within the list links to its corresponding content div by referencing the id of the div ("about", "advantages", or "usage"). Since these are standard HTML links, they work fine even without JavaScript.
You can add as many tabs as you like to the page. Simply add a new content div and give it a unique id, then add a link to it within the tabs list.
Creating the CSS
Some CSS is needed in order to make the tabs look like tabs (and make them nice to look at):
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
These CSS rules work as follows:
body
This sets a nice font and font size for the page.
ul#tabs
Styles the tabs list, turning off bullet points.
ul#tabs li
The display: inline; property makes the tabs appear across the page.
ul#tabs li a
Styles the links within the list. Each link is given a border around every side except the bottom, so that the active tab blends nicely with its content div below.
ul#tabs li a:hover
Highlights a tab when hovered over with the mouse.
ul#tabs li a.selected
Styles a selected tab by giving it a lighter background and bold text, and making it bigger. Notice that the bottom padding is increased to 0.38em to make sure that the tab blends with the content div.
div.tabContent
Sets a style for the tab content areas so that they match the tab design.
div.tabContent.hide
Used to hide unselected tabs.
Creating the JavaScript code
Finally, of course, you need JavaScript to make the tabs work. Here's what the JavaScript needs to do:
* Attach a showTab() onclick event handler to each of the tab links.
* Hide all content divs except the first, so that only the leftmost tab's content is visible when the page loads.
* When a tab is clicked, showTab() displays the current tab content, and hides all other tab content divs. It also highlights the clicked tab and dims the other tabs.
The JavaScript kicks off by creating two arrays to hold the tab link elements and the content divs:
var tabLinks = new Array();
var contentDivs = new Array();
Four functions control the tabs:
* init() sets up the tabs.
* showTab() displays a clicked tab's content and highlights the tab.
* getFirstChildWithTagName() is a helper function that retrieves the first child of a given element that has a given tag name.
* getHash() is another short helper function that takes a URL and returns the part of the URL that appears after the hash (#) symbol.
Here's how these functions work.
The init() function
The first, and most complex, function is init(). It's called when the page loads, thanks to the body element's onload event:
<body onload="init()">
Here's the function itself:
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
This function does 3 things:
1. It loops through all the li elements in the tabs unordered list. For each li element, it calls the getFirstChildWithTagName() helper function to retrieve the a link element inside. Then it calls the getHash() helper function to extract the part of the link's URL after the hash; this is the ID of the corresponding content div. The link element is then stored by ID in the tabLinks array, and the content div is stored by ID in the contentDivs array.
2. It assigns an onclick event handler function called showTab() to each tab link, and highlights the first tab by setting its CSS class to 'selected'.
3. It hides all content divs except the first by setting each div's CSS class to 'tabContent hide'.
So that init() runs when the page loads, make sure you register it as the body element's onload event handler:
<body onload="init()">
The showTab() function
showTab() is called whenever a tab link is clicked. It highlights the selected tab and shows the associated content div. It also dims all other tabs and hides all other content divs:
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
The function extracts the selected ID from the clicked link's href attribute and stores it in selectedId. It then loops through all the IDs. For the selected ID it highlights the corresponding tab and shows the content div; for all other IDs it dims the tab and hides the content div. It does all this by setting CSS classes on the tab links and content divs.
Finally the function returns false to prevent the browser from following the clicked link and adding the link to the browser history.
The getFirstChildWithTagName() function
This helper function returns the first child of a specified element that matches a specified tag name. init() calls this function to retrieve the a (link) element inside each list item in the tabs list.
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
The function loops through the child nodes of element until it finds a node that matches tagName. It then returns the node.
Learn about the childNodes and nodeName properties in the article Looking inside DOM page elements.
The getHash() function
The getHash() helper function returns the portion of a URL after any hash symbol. Used by init() and showTab() to extract the content div ID referenced in a tab link.
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
Putting it together
That's all there is to creating JavaScript-enabled tabs! Take another look at the demo again, and view the page source to see how the HTML, CSS and JavaScript code appear in the page:
* The CSS and JavaScript go inside the page's head element. (You can move these into separate .css and .js files and link to them, if you prefer.)
* The page's body element contains the onload event handler to trigger the init() function.
* The tabs ul element contains the tab links.
* Each tab's content is stored in a div with a class of tabContent and a unique id (referenced in the corresponding tab link).
Feel free to use this code in your own Web pages. Happy tabbing!
<end node> 5P9i0s8y19Z
<node>tool tips
1
http://www.walterzorn.com/tooltip/tooltip_e.htm#extensions
http://www.walterzorn.com/tooltip/extensions.htm
Example profiles/profile_form2.php on Norcowib.com
<body bgcolor="#ffffff">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
<script type="text/javascript" src="../scripts/tip_balloon.js"></script>
<script type="text/javascript" src="../scripts/tip_centerwindow.js"></script>
<script type="text/javascript" src="../scripts/tip_followscroll.js"></script>
onmouseover="Tip('Some text')" onmouseout="UnTip()"
How To Use The Script
1. Download the library
Download wz_tooltip.js and unzipp it.
DHTML: Tooltips via JavaScript
Top of page
2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script>
If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.
3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\\'t trigger a JavaScript error.');
The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.
Of course you may also use different eventhandlers for Tip() and/or UnTip().
<end node> 5P9i0s8y19Z
<node>TRANSITIONS
1
http://javascriptweenie.com/wacky/transitions/transitions.html
===
Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages - just like in the movies.
These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.
Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.
0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkerboard across
11 - Checkerboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random
That's the whole deal. Don't miss the WackyPages.
Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions - that's what we're fooling around with here. Works with IE only though.
<end node> 5P9i0s8y19Z
<node>UTITILIES
1
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|05|22|JS_27569|JS_27569~xml.0.jhtml?cda=true#
Hexadecimal Code Generator
Published 05/22/2000
By Hugh Dannatt
This is just a script that allows you to experiment with hexadecimal codes.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD><TITLE>Change the background color</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function both() {
background()
swaptext()
}
function two() {
background()
textswap()
}
function background() {
var newcolor = document.change.color.value;
var oldcolor = document.bgColor;
document.bgColor = newcolor;
document.change.old.value = oldcolor;
}
function swaptext() {
document.change.style.color="FFFFFF";
}
function textswap() {
document.change.style.color="000000";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<FORM NAME="change">
You want the new color to be: <INPUT NAME="color" TYPE="text"><INPUT TYPE="button" VALUE="Change Background" onClick="background()"><BR>
The old color was: <INPUT NAME="old" TYPE="text"><INPUT TYPE="button" VALUE="Change text" onclick="swaptext()" ondblclick="textswap()">
<INPUT TYPE="button" VALUE="Both" onclick="both()" ondblclick="two()"></FORM></P><BR><B><I>How to use:</I></B> Enter the hexadecimal
code for the background color that you want the page to be. Then press the 'Change Background' button. Watch what happens! If you find
the text unreadable because the the background has gone very dark, just click the 'Change text' button. Problem sorted! If you want to both
jobs at once, enter the background color, and then the 'Both' button, if you find that yu then change the background back toi something too light to see
the text against, but the 'Change Text' button is not doing anything try double clicking it. Also do this to sort out the same problem with the
'Both' button.
</BODY>
</HTML>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>Windows
1
IT IS NOT POSSIBLE TO USE JAVASCRIPT TO OPEN A WINDOW THAT IS NOT CONSIDERED A POPUP. IT CAN BE DONE BY MANUAL LINKS THOUGH
<end node> 5P9i0s8y19Z
<node>"Regular" full screen window Opener
2
http://www.wsabstract.com/script/cut125.shtml
"Regular" full screen window Opener
Description: Opens up a window in regular full screen mode, with only the title bar present (Be sure to check out a variation of this script in the IE 4.x section that opens up a window in true full screen mode).
Directions: Insert the below into the <body> section of your page. Change the target url to your own.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*Full screen window opener script: Written by Website Abstraction (www.wsabstract.com) More free scripts here*/
function winopen(){
var targeturl="../index.html"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>
<form>
<input type="button" onClick="winopen()" value="Open window">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>close
2
<a HREF="javascript:window.close()">
<end node> 5P9i0s8y19Z
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
or
parent.rigtht.location.href=
<end node> 5P9i0s8y19Z
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
*******************************************************************
<script language="JavaScript">
function ChangeWindow() {
window.location = "subwind2.htm"
}
</script>
<h1>This is the first window!</h1>
<script language=javascript>
window.setTimeout("ChangeWindow()",5000)
</script>
[ssl check]
<script language="javascript">
if (document.location.protocol != "https:") {
document.location.href = "https://secure3.ntwebb.com/storeitwise-com/online_payment.html";
}
</script>
[Place in parent]
<script language="javascript">parent.location.href="pdf/FMLAposter909.pdf"</script>
<end node> 5P9i0s8y19Z
<node>mywindow.resizeTo
2
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0;
var op_dir = (document.form1.dir.checked == true) ? 1 : 0;
var op_stat = (document.form1.stat.checked == true) ? 1 : 0;
var op_menu = (document.form1.menu.checked == true) ? 1 : 0;
var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form) {
document.form1.wid.value="";
document.form1.heigh.value="";
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1 ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text" NAME="wid" value= >: Width
<INPUT TYPE="text" NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>
*****************************************************************
This is a JavaScript that shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.
--------------------------------------------------------------------------------
Default Netscape Browser sizes:
640 x 480
Mac = 470x300:
PC = 580x300:
800 x 600
Mac = 470x430:
PC = 580x430:
1024 x 768
Mac = 470x600:
PC = 580x600
- - - - - - - - - - - - - - - - -
<!-- TWO STEPS TO INSTALL WINDOW SIZER:
1. Paste the first code into the HEAD of your HTML document -->
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function regular() {
window.open('window-sizer.html','640x480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('window-sizer.html','800x600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<FORM>
Open a window 640 x 480 pixels:
<INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()">
<P>
Open a window 800 x 600 pixels:
<INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>
Mac = 470x300:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580x300:
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470x430:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580x430:
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>
Mac = 470x600:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window:
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.79 KB -->
*******************************
// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Get what is below onto one line
TheNewWin =window.open("untitled.html",'TheNewpop',
'fullscreen=yes,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no');
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
<!-- TWO STEPS TO INSTALL HTML PREVIEW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: nsabs@1nsyncfan.com -->
<!-- Web Site: http://www.envy.nu/gjelly -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function displayHTML(form) {
var inf = form.htmlArea.value;
win = window.open(", ", 'popup', 'toolbar = no, status = no');
win.document.write("" + inf + "");
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<form>
<textarea name="htmlArea" cols=45 rows=6>
</textarea>
<br>
<input type="button" value=" view " onclick="displayHTML(this.form)">
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.07 KB -->
<end node> 5P9i0s8y19Z
<node>print page
2
<form>Click Here To <input type=button name=print value='Print' onClick='javascript:window.print()'> This Page!</form>
****************************************************
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>Window Closer
2
http://www.x-developer.com/javascript/content/buttons/window-closer/index.html
Window Closer
Action: Closes your windowafter the button is pressed.
Usage: Save time and closewindows without looking for CLOSE button inyour browser window
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<form>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <input type=button value="Close Window" onClick="javascript:window.close();">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>window.location
2
window.location = 'http://www.yourdomain.com'
<end node> 5P9i0s8y19Z
<node>window.location.reload
2
REFREST THE CURRENT PAGE
<script language="JavaScript1.2">
<!--
function refresh()
{
window.location.reload( false );
}
//-->
</script>
<end node> 5P9i0s8y19Z
<node>window.open
2
<script language='javascript'>
myWindow=window.open('http://www.jkryan.globalprobuilder.com','newpage');
myWindow.focus();
location.href='$urlreturn';
</script>";
OR
<script>
myWindow=window.open("https://2000bestfriends.org/sign-up.php");
myWindow.blur();
window.focus();
</script>
************************
Window Position
Do you not where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<end node> 5P9i0s8y19Z
<node>window.scrollTo
2
onLoad="javascript:window.scrollTo(0,400);"
OR
<script language='javascript'> window.scrollTo(0,300); </script>
at the end of the page. CANNOT USE INSIDE OF A TABLE
function Scrolldown() {
window.scroll(0,300);
}
<script type="text/javascript">
var a = 5;
alert("hello world. The value of a is: " + a);
</script>
<end node> 5P9i0s8y19Z
<node>md5
1
<h2>Demonstration</h2>
<script src="2.2/md5-min.js" type="text/javascript"></script>
<script src="2.2/sha1-min.js" type="text/javascript"></script>
<div class="indented">
<table>
<tr><th>Input</th><td><input type="text" id="input" size="40"></td></tr>
<tr><th>Calculate</th>
<td style="text-align:center">
<input type="button" onclick="document.getElementById('hash').value = hex_md5(document.getElementById('input').value)" value="MD5">
<input type="button" onclick="document.getElementById('hash').value = hex_sha1(document.getElementById('input').value)" value="SHA-1"></td></tr>
<tr><th>Result</th><td><input type="text" id="hash" size="40"></td></tr>
</table>
<end node> 5P9i0s8y19Z
<node>Autol height
<node>BACKGROUND Effects
<node>Fade In
<node>Continuous Fader
<node>BOOKMARK
<node>Add to Favorites
<node>BROWSER
<node>Break-Out-of-Frames
<node>Browser Info 2
<node>Browser Info 3
<node>Browser type detection
<node>Disable right clicking on your site.
<node>Form Browser Redirect
<node>Java Check
<node>Javascript Check
<node>Re-Load
<node>RESIZE
<node>Resolution Advice
<node>Resolution Redirect
<node>Screen Alert
<node>Screen Percentage
<node>ScreenResolution
<node>Screen-Size
<node>TEST for JavaScript
<node>CALANDARS
<node>Advanced
<node>Day Viewed
<node>Days Ahead
<node>Dynamic
<node>Future Time
<node>Moon
<node>Print Date Time Long
<node>Print Days left
<node>Print Time of Day
<node>Quarter Year
<node>Till Christmas
<node>Till Date
<node>cookies
<node>COOKIES
<node>CODE..Explaned
<node>Name & Visit
<node>Popup Once
<node>Redirector
<node>Your Name
<node>date
<node>email
<node>E-Mail
<node>Auto-Email Notification
<node>Fax
<node>Fill-In
<node>New subject
<node>E-Mail Buttons
<node>Subject E-Mail
<node>Mailing List U/D
<node>Files
<node>FORMS
<node>Add ToCombo
<node>Agree on Entry
<node>Box Input Limit
<node>checkbox
<node>CheckBox Checker
<Treepad version 3.0>
dt=
<node>Javascript
0
<textarea style="width:100%;height:500px;">
</textarea>
The JavaScript Source!! http://javascript.internet.com -->
DO NOT USE A DASH IN NAMES
[javascipt checking turned off]
<script type="text/javascript">
<!--
document.write('<input type="hidden" name="javascriptenabled" value="1" />')
// -->
</script>
$javascriptenabled=$_POST["javascriptenabled"];
if($javascriptenabled!=1) { echo "Mail Server Crashed";exit; }
<end node> 5P9i0s8y19Z
dt=
<node>Autol height
1
[TABLE]
<html>
<head>
<script>
function switchHeight()
{
document.getElementById('cell').height = '30px';
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="blue" id="cell">demo cell</td>
</tr>
</table>
<input type="button" value="cell" onclick="switchHeight()">
</body>
</html>
[TEXTAREA]
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea" rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
<p>Click the button to change the number of visible rows for the text area.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("myTextarea").rows="10";
}
</script>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>BACKGROUND Effects
1
<end node> 5P9i0s8y19Z
dt=
<node>Fade In
2
Could you use an eye-catching introduction to your website? You should have just seen the example for it. It loads a blank screen, fades the background, and then brings you here. If you weren't paying attention, click the example URL below to see it again. It's some great JavaScripting!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL FADE IN:
1. Paste the first code into the BODY of your HTML document
2. Change the destination URL to where visitors should be sent -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!-- Original: Fred S. Tucker (Slurpie_Tucker@yahoo.com) -->
<!-- Web URL: http://members.tripod.com/~Slurpies_Page -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function fadein() {
fade(240,232,223,0,0,0,255);
}
fadein();
window.location="http://www.yoursite.com/fadein-page2.html";
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Change the URL above to where visitors will be sent -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.56 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Continuous Fader
3
This script, once started, will continuously loop the background color. Try it out! A really cool script! Short too!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL CONTINUOUS FADER:
1. Paste the first code into the HEAD of your HTML document
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!-- This script and many more are available online free at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var COLOR = 999999
var woot = 0
function stoploop() {
document.bgColor = '#000000';
clearTimeout(loopID);
}
function loopBackground() {
if (COLOR > 0) {
document.bgColor = '#' + COLOR
COLOR -= 111111
loopID = setTimeout("loopBackground()",1)
} else {
document.bgColor = '#000000'
woot += 10
COLOR = 999999
COLOR -= woot
loopID = setTimeout("loopBackground()",1)
}
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Add this form to the body of the HTML document -->
<BODY>
<CENTER>
<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start bgColor WARP"
onClick="loopBackground()">
<br>
<input type="button" value="Stop bgColor WARP" onClick="stoploop()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>BOOKMARK
1
IE COMPATIBLE
function jump(h){
var top = document.getElementById(h).offsetTop; //Getting Y of target element
window.scrollTo(0, top); //Go there.
}?
<end node> 5P9i0s8y19Z
dt=
<node>Add to Favorites
2
function addbookmark()
{
bookmarkurl="http://www.theinterviewwithgod.com"
bookmarktitle="The Interview With God"
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
// End -->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>BROWSER
1
<end node> 5P9i0s8y19Z
dt=
<node>Break-Out-of-Frames
2
http://www.wsabstract.com/script/cut36.shtml
Break-out-of-frames script
Description: This practical script detects if your page is trapped inside someone else's frames, and automatically breaks out of it! We use it on the frontpage of Website Abstraction to avoid entrapment by another site.
Example:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below in the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*
Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/
if (window!= top)
top.location.href=location.href
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Browser Info 2
2
http://www.x-developer.com/javascript/content/user-details/browser-info-2/index.html
Browser Info 2 Browser : ALL
Action: Tells you Browser Code Name, Version, Platform, Pages Viewed, Java enabled, Screen Resolution.
Usage: Tell a visitor important information about his browser.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Browser Info 3
2
http://www.x-developer.com/javascript/content/user-details/browser-info-3/index.html
Browser Info 3 Browser : ALL
Action: Tells you current resolution, browser, max resolution, version, color depth, code name, platform, colors, java enabled, anti-aliasing fonts.
Usage: Inform a visitor with his system info.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY OnLoad="display()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip); }
}
</script>
<center>
<form name=form>
<table border=3 width=300 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b>current resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> browser:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=navigator>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> max resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> version:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=version>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> color depth:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=2 maxlength=2 name=colordepth>
bit</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> code name:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=codename>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> platform:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=platform>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> colors:</b></font></td>
<td align=center> <input type=text size=8 maxlength=8 name=color>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> java enabled:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=java>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> anti-aliasing fonts:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=fonts>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button name=again value="again?" onclick="display()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Browser type detection
2
http://www.wsabstract.com/script/cut5.shtml
http://www.java-scripts.net/sniffers/sniffers3.shtml
Browser type detection
Description: Will detect whether a user is using Netscape, or Internet Explorer, and send them to a different page accordingly.
Example: Well, an example in this case is a little difficult...
Directions: Simply cut and paste the below code to the <head> section of your webpage. Change the part in red to your own pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit must stay intact for use*/
var n=navigator.appName
var ns=(n=="Netscape")
var ie=(n=="Microsoft Internet Explorer")
if (ns)
location="page1.htm"
else if (ie)
location="page2.htm"
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Disable right clicking on your site.
2
http://www.java-scripts.net/misc/misc8.shtml
Description: Disable right clicking on your site.
Source code: Just copy everything below into your <HEAD> tag.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="Sorry, that function is disabled.\\nThis Page Copyrighted and\\nImages and Text protected!\\nALL RIGHTS RESERVED";
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Form Browser Redirect
2
http://www.x-developer.com/javascript/content/user-details/form-browser-redirect-ie/index.html
Form Browser Redirect Browser : IE
Action: Prints a table with browser name and a button with correct link depending on browser type.
Usage: Tell a visitor what kind of browser does he use and redirect him to correct page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: timothy@essex1.com -->
<!-- --------------------------------------------------- -->
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
// Load page according to browser
function loadPage(){
if (browser.substring(0, 8)=="Netscape"){ if (getkey=="Netscape 3.0")
window.location="netscape3.html";
if (getkey=="Netscape 2.0")
window.location="netscape2.html";
}
if (browser.substring(0, 9)=="Microsoft")
window.location="ie.html";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
window.location="netscape.html";
}
</SCRIPT>
<CENTER>
<FORM name=detect>
<TABLE border=3 width=150 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<TBODY> <TR bgcolor="#00007F"> <TD align=middle> <center>
<font color="#FFFFFF"><STRONG>Browser Key</STRONG> </font> </center>
</TD>
<TR></TR>
<TR> <TD align=middle> <INPUT size=15 value=" detecting...">
</TD>
</TR>
</TBODY> </TABLE>
<BR>
<BR>
<INPUT onclick=loadPage() type=button value="Load Appropriate Page">
</FORM>
</CENTER>
<SCRIPT>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
if (browser.substring(0, 8)=="Netscape") {
if (getkey=="Netscape 3.0")
document.forms[0].elements[0].value=" "+getkey;
if (getkey=="Netscape 2.0")
document.forms[0].elements[0].value=getkey;
}
if (browser.substring(0, 9)=="Microsoft")
document.forms[0].elements[0].value=" Microsoft IE";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
document.forms[0].elements[0].value="undetermined";
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Java Check
2
http://www.x-developer.com/javascript/content/user-details/java-check/index.html
Java Check Browser : ALL
Action: Check if you browser is Java enabled.
Usage: Don't allow visitor with Java disabled from entering site with Java applets.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
if (navigator.javaEnabled()) window.location = "demo-yes.html";
else window.location = "demo-no.html";
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Javascript Check
2
http://www.x-developer.com/javascript/content/user-details/javascript-check/index.html
Javascript Check Browser : ALL
Action: Checks if you have JavaScript enabled.
Usage: Prevent visitor with JavaScript disabled from entering your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
window.location="demo-yes.html";
</script>
<noscript> <b>It appears that your browser does not support JavaScript, or you have it disabled. This site is best viewed with JavaScript enabled.</b></noscript> </center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Re-Load
2
http://www.java-scripts.net/window/window3.shtml
Description: This link, when clicked on, will reload the browser window.
Example: Click here to reload the window.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<a href="javascript:window.location.reload()">Click here to reload the window.</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>RESIZE
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=4145
===
How can you put a shortcut to a Web site on your desktop, and have it open at a predetermined browser size, such as 400 by 300 pixels? I first thought of creating an invisible page to launch the bookmarked page in a specific-sized browser. The trouble with this solution is that you still have to close the browser that launched the miniature window. There must be a way to set your current browser size from inside the window that you are in. What makes it trickier is you don't want to change the browser size for other pages when you do.
JavaScript 1.2 includes the resizeTo method that allows you to change the height and width of the browser. Change the parameters of resizeTo(x,y) to the height and width you want the browser to have. Change the window.location property to point to the site to which you want to go. The end result will be a page that will immediately redirect to a desired location and the browser window will have the desired dimensions.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
</HEAD>
</HTML>
Written by Charles C. Caison, Jr. on 1/24/00.
<end node> 5P9i0s8y19Z
dt=
<node>Resolution Advice
2
http://www.x-developer.com/javascript/content/user-details/resolution-advice/index.html
Resolution Advice Browser : ALL
Action: Tells you what resolution is best for your site.
Usage: Help your visitors with choosing best resolution for viewing your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Craig Lumley -->
<!-- Web Site: http://www.craiglumley.co.uk -->
<!-- --------------------------------------------------- -->
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ". Please change your screen resolution "
+ "to best view the site, if possible. Thanks!";
document.write(msg);
}
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Resolution Redirect
2
http://www.x-developer.com/javascript/content/user-details/resolution-redirect/index.html
Resolution Redirect Browser : ALL
Action: Sends you to specific page depending on your screen resolution.
Usage: Don't let people with small resolution enter your site that requires high screen resolution.
------
<HTML>
<head>
</head>
<BODY onload="redirectPage()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function redirectPage() {
var url640x480 = "demo-640x480.html";
var url800x600 = "demo-800x600.html";
var url1024x768 = "demo-1024x768.html";
if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url1024x768;
}
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Screen Alert
2
http://www.x-developer.com/javascript/content/user-details/screen-alert/index.html
Screen Alert Browser : ALL
Action: Alerts you if you have screen resolution smaller than needed.
Usage: Alert visitor if his screen resolution does not suite your site requirements.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
alert('Your screen is:\\n\\n' + screen.width + ' pixels by ' + screen.height + ' pixels');
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Screen Percentage
2
http://www.x-developer.com/javascript/content/user-details/screen-percentage/index.html
Screen Percentage Browser : ALL
Action: Calculates screen percentage used by a browser window.
Usage: Tell a visitor how many percent does his browser window use.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Giulio Gravinese -->
<!-- Web Site: http://www.universeg.com -->
<!-- --------------------------------------------------- -->
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else { var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return; }
</script>
<center>
<SCRIPT LANGUAGE="JavaScript">
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.write("This window is using about " + percent + "% of your available screen.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>ScreenResolution
2
<script language="JavaScript"><!--
var BroW = navigator.appVersion;
//check visitor screen resolution
if (BroW >= 4) {
x = screen.width ; y = screen.height
if (document.layers) {
if ((x >= 800) && (x <= 1028)) {x = 1028}
if ((y >= 600) && (y <= 780)) {y = 780}
if ((x >= 640) && (x <= 800)) {x = 800}
if ((y >= 480) && (y <= 600)) {y = 600}
if (x <= 640) {x = 640}
if (y <= 480) {y = 480}
}
Res = x + "x" + y
} else {
Res = 'unknown'
}
// redirect low resolution
// replace www.mypage.com/d640x480.htm with your own host and page name
if (Res == '640 + "x" + 480')
location.href="http://www.mypage.com/d640x480.htm";
//--></script>
*****************
<!-- ONE STEP TO INSTALL SCREEN DETAILS:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var screen_width = null;
var screen_height = null;
var resolution = null;
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
screen_width = screen_size.width;
screen_height = screen_size.height;
resolution = toolkit.getScreenResolution();
}
// End -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((screen_width != null)
&& (screen_height != null)
&& (resolution != null)) {
document.write('<center><h1>Monitor Details:</h1><br><hr><br>');
document.write('Screen Width: '+screen_width+'<BR>');
document.write('Screen Height: '+screen_height+'<BR>');
document.write('Screen Resolution: '+resolution+'<BR>');
document.write('</center>');
}
else {
document.write('<center><P>');
document.write('I am sorry but we could not determine<P>');
document.write('the details of this screen. You might<P>');
document.write('not have Java enabled in this browser.<P>');
document.write('</center>');
}
// End -->
</SCRIPT>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.41 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Screen-Size
2
http://www.java-scripts.net/misc/misc1.shtml
Description: This script will tell the user what their monitor size is.
Example:
Your screen width and height is 1024 and 768.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--One steps to installing this script-->
<!--1) Copy everything below, and paste in BODY section of page-->
<script language="Javascript">
<!--
//This credit must stay intact for use
//For this script and more
//Visit java-scripts.net or http://wsabstract.com
document.write('Your screen width and height is ' + screen.width + ' and ' + screen.height + '.')
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>TEST for JavaScript
2
Testing to see if browser supports JavaScript
http://www.wsabstract.com/script/cut31.shtml
Description: The below script will display whether or not a browser supports JavaScript.
Example: Congratulations, your browser has passed the JavaScript test!!!
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Copy the below into the <head> tags:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!-- Hide the script from old browsers --
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. December 22, 1995
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
function browsertest ()
{document.write("Congratulations, your browser has passed the JavaScript test!!!")}
// --End Hiding Here -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below into the <body> tags of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
{browsertest();}
//-->
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>CALANDARS
1
<end node> 5P9i0s8y19Z
dt=
<node>Advanced
2
http://www.x-developer.com/javascript/content/calendars/advanced/index.html
Advanced
Action: Advanced calendarwith many features.
Usage: Add a cool calendar to your page.
= = = = = = =
<html>
<head>
</head>
<BODY OnLoad=setToday() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Patrick (rpatrick@mit.edu) -->
<!-- --------------------------------------------------- -->
function setToday()
{
var now=new Date();
var day=now.getDate();
var month=now.getMonth();
var year=now.getYear();
if(year<2000)
year=year+1900;
this.focusDay=day;
document.calControl.month.selectedIndex=month;
document.calControl.year.value=year;
displayCalendar(month,year);
}
function isFourDigitYear(year)
{
if(year.length!=4)
{
alert("Sorry, the year must be four-digits in length.");
document.calControl.year.select();
document.calControl.year.focus();
}
else
{
return true;
}
}
function selectDate()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
displayCalendar(month,year);
}
}
function setPreviousYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year--;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function setPreviousMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==0)
{
month=11;
if(year>1000)
{
year--;
document.calControl.year.value=year;
}
}
else
{
month--;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==11)
{
month=0;
year++;
document.calControl.year.value=year;
}
else
{
month++;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year++;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function displayCalendar(month,year)
{
month=parseInt(month);
year=parseInt(year);
var i=0;
var days=getDaysInMonth(month+1,year);
var firstOfMonth=new Date(year,month,1);
var startingPos=firstOfMonth.getDay();
days+=startingPos;
document.calButtons.calPage.value=" Su Mo Tu We Th Fr Sa";
document.calButtons.calPage.value+="\\n --------------------";
for(i=0;
i<startingPos;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
for(i=startingPos;
i<days;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
if(i-startingPos+1<10)
document.calButtons.calPage.value+="0";
document.calButtons.calPage.value+=i-startingPos+1;
document.calButtons.calPage.value+=" ";
}
for(i=days;
i<42;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)
{
var days;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)days=31;
else if(month==4||month==6||month==9||month==11)days=30;
else if(month==2)
{
if(isLeapYear(year))
{
days=29;
}
else
{
days=28;
}
}
return(days);
}
function isLeapYear(Year)
{
if(((Year%4)==0)&&((Year%100)!=0)||((Year%400)==0))
{
return(true);
}
else
{
return(false);
}
}</SCRIPT><FORM NAME=calControl onSubmit="return false;">
<TABLE CELLPADDING=2 CELLSPACING=1 BORDER=3 bgcolor="#1018BF" align="center">
<TR> <TD COLSPAN=7> <CENTER>
<SELECT NAME=month onChange=selectDate()>
<OPTION> January <OPTION> February <OPTION> March <OPTION> April <OPTION> May <OPTION> June <OPTION> July <OPTION> August <OPTION> September <OPTION> October <OPTION> November <OPTION> December
</SELECT>
<INPUT NAME=year TYPE=TEXT SIZE=4 MAXLENGTH=4>
<INPUT TYPE=button NAME=Go value=Build! onClick=selectDate()>
</CENTER>
</TD>
</TR></FORM>
<FORM NAME=calButtons>
<TR> <TD align=center> <textarea FONT=Courier NAME=calPage WRAP=no ROWS=8 COLS=22></textarea>
</TD>
<TR> <TD> <CENTER>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" << " onClick=setPreviousYear()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" < " onClick=setPreviousMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=Today onClick=setToday()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" > " onClick=setNextMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" >> " onClick=setNextYear()>
</CENTER>
</TD>
</TR>
</FORM>
</TABLE></FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Day Viewed
2
http://www.x-developer.com/javascript/content/calendars/day-viewed/index.html
Day Viewed
Action: Shows a picture accordingto day.
Usage: Show a visitor dayof the week in a graphical way
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
today = new Date();
day = today.getDay();
arday = new Array("day-viewed-sunday.jpg", "day-viewed-monday.jpg", "day-viewed-tuesday.jpg", "day-viewed-wednesday.jpg", "day-viewed-thursday.jpg", "day-viewed-friday.jpg", "day-viewed-saturday.jpg");
document.write("<img src='" + arday[day] + "'>");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Days Ahead
2
http://www.x-developer.com/javascript/content/calendars/days-ahead/index.html
Days Ahead
Action: Prints out an infoabout amount of days left before certain date.
Usage: Show a visitor howmany days are left before something happens.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var AddDays = 3; // How many days ahead of the current date
TDate = new Date();
TDay = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
TMonth = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
MonthDays = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return true;
} else {
return false;
}
}
CurYear = TDate.getYear();
if (CurYear < 2000)
CurYear = CurYear + 1900;
CurMonth = TDate.getMonth();
CurDayOw = TDate.getDay();
CurDay = TDate.getDate();
month = TMonth[CurMonth];
if (month == 'February') {
if (((CurYear % 4)==0) && ((CurYear % 100)!=0) || ((CurYear %
400)==0)) {
MonthDays[1] = 29;
}
else {
MonthDays[1] = 28;
}
}
days = MonthDays[CurMonth];
CurDay += AddDays;
if (CurDay > days) {
if (CurMonth == 11) {
CurMonth = 0;
month = TMonth[CurMonth];
CurYear = CurYear + 1
}
else {
month = TMonth[CurMonth+1];
}
CurDay = CurDay - days;
}
CurDayOw += AddDays;
function adjustDay (cday) {
if (cday > 6) {
cday -= 6;
CurDayOw = TDay[cday-1];
adjustDay(cday-1);
}
else {
CurDayOw = TDay[cday];
return true;
}
}
adjustDay(CurDayOw);
TheDate = CurDayOw + ', ';
TheDate += month + ' ';
TheDate += CurDay + ', ';
if (CurYear<100) CurYear="19" + CurYear;
TheDate += CurYear;
document.write("<center>");
document.write(AddDays + " days from now is ... " + TheDate);
document.write("</center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Dynamic
2
http://www.x-developer.com/javascript/content/calendars/dynamic-ie/index.html
Dynamic
Action: Cool calendar with selection feature.
Usage: Let your visitors plan their business.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC" text="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Nick Korosi (nfk2000@hotmail.com) -->
<!-- --------------------------------------------------- -->
var dDate=new Date();
var dCurMonth=dDate.getMonth();
var dCurDayOfMonth=dDate.getDate();
var dCurYear=dDate.getFullYear();
var objPrevElement=new Object();
function fToggleColor(myElement)
{
var toggleColor="#ff0000";
if(myElement.id=="calDateText")
{
if(myElement.color==toggleColor)
{
myElement.color="";
}
else
{
myElement.color=toggleColor;
}
}
else if(myElement.id=="calCell")
{
for(var i in myElement.children)
{
if(myElement.children[i].id=="calDateText")
{
if(myElement.children[i].color==toggleColor)
{
myElement.children[i].color="";
}
else
{
myElement.children[i].color=toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement)
{
if(myElement.id=="calCell")
{
if(!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor="#c0c0c0";
objPrevElement.bgColor="";
document.all.calSelectedDate.value=parseInt(myElement.children["calDateText"].innerText);
objPrevElement=myElement;
}
}
}
function fGetDaysInMonth(iMonth,iYear)
{
var dPrevDate=new Date(iYear,iMonth,0);
return dPrevDate.getDate();
}
function fBuildCal(iYear,iMonth,iDayStyle)
{
var aMonth=new Array();
aMonth[0]=new Array(7);
aMonth[1]=new Array(7);
aMonth[2]=new Array(7);
aMonth[3]=new Array(7);
aMonth[4]=new Array(7);
aMonth[5]=new Array(7);
aMonth[6]=new Array(7);
var dCalDate=new Date(iYear,iMonth-1,1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=fGetDaysInMonth(iMonth,iYear);
var iVarDate=1;
var i,d,w;
if(iDayStyle==2)
{
aMonth[0][0]="Sunday";
aMonth[0][1]="Monday";
aMonth[0][2]="Tuesday";
aMonth[0][3]="Wednesday";
aMonth[0][4]="Thursday";
aMonth[0][5]="Friday";
aMonth[0][6]="Saturday";
}
else if(iDayStyle==1)
{
aMonth[0][0]="Sun";
aMonth[0][1]="Mon";
aMonth[0][2]="Tue";
aMonth[0][3]="Wed";
aMonth[0][4]="Thu";
aMonth[0][5]="Fri";
aMonth[0][6]="Sat";
}
else
{
aMonth[0][0]="Su";
aMonth[0][1]="Mo";
aMonth[0][2]="Tu";
aMonth[0][3]="We";
aMonth[0][4]="Th";
aMonth[0][5]="Fr";
aMonth[0][6]="Sa";
}
for(d=iDayOfFirst;
d<7;
d++)
{
aMonth[1][d]=iVarDate;
iVarDate++;
}
for(w=2;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(iVarDate<=iDaysInMonth)
{
aMonth[w][d]=iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear,iMonth,iCellWidth,iCellHeight,sDateTextSize,sDateTextWeight,iDayStyle)
{
var myMonth;
myMonth=fBuildCal(iYear,iMonth,iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][0]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][1]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][2]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][3]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][4]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][5]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][6]+"</td>");
document.write("</tr>");
for(w=1;
w<7;
w++)
{
document.write("<tr>")
for(d=0;
d<7;
d++)
{
document.write("<td align='left' valign='top' width='"+iCellWidth+"' height='"+iCellHeight+"' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if(!isNaN(myMonth[w][d]))
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"+myMonth[w][d]+"</font>");
}
else
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear,iMonth)
{
myMonth=fBuildCal(iYear,iMonth);
objPrevElement.bgColor="";
document.all.calSelectedDate.value="";
for(w=1;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(!isNaN(myMonth[w][d]))
{
calDateText[((7*w)+d)-7].innerText=myMonth[w][d];
}
else
{
calDateText[((7*w)+d)-7].innerText=" ";
}
}
}
}</script>
<script language="JavaScript"for=window event=onload>
var dCurDate=new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected=true;
for(i=0;
i<frmCalendarSample.tbSelYear.length;
i++)
if(frmCalendarSample.tbSelYear.options[i].value==dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected=true;
</script>
<center>
<form name=frmCalendarSample method=post action="">
<input type=hidden name=calSelectedDate value="">
<table border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<tr> <td> <center>
<select name=tbSelMonth onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1> January </option>
<option value=2> February </option>
<option value=3> March </option>
<option value=4> April </option>
<option value=5> May </option>
<option value=6> June </option>
<option value=7> July </option>
<option value=8> August </option>
<option value=9> September </option>
<option value=10> October </option>
<option value=11> November </option>
<option value=12> December </option>
</select>
<select name=tbSelYear onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1998> 1998 </option>
<option value=1999> 1999 </option>
<option value=2000> 2000 </option>
<option value=2001> 2001 </option>
<option value=2002> 2002 </option>
<option value=2003> 2003 </option>
<option value=2004> 2004 </option>
</select>
</center>
</td>
</tr>
<tr> <td bgcolor="#00007F"> <script language="JavaScript">
var dCurDate=new Date();
fDrawCal(dCurDate.getFullYear(),dCurDate.getMonth()+1,30,30,"12px","bold",1);
</script>
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Future Time
2
http://www.x-developer.com/javascript/content/clocks/future-time/index.html
Future Time
Action: Tells you futuretime with certain time difference.
Usage: Give a visitor informationabout future date.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: K. Myers (kevinmyers@unforgettable.com) -->
<!-- http://www.geocities.com/SiliconValley/Bay/7554 -->
<!-- --------------------------------------------------- -->
function AddDays(form)
{
DaysToAdd=document.form.DaysToAdd.value;
var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}</SCRIPT>
<center>
<form name=form>
<input type=text name=DaysToAdd size=5 value=10>
<input type=button value="days from today will be..." onclick=AddDays(this.form)>
<input type=text name=display size=35 value="">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Moon
2
http://www.x-developer.com/javascript/content/calendars/moon/index.html
Moon
Action: Builds an image ofcurrent moon.
Usage: Show a visitor howbig the moon today is.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: James Thiele (mailto:jet@eskimo.com) -->
<!-- --------------------------------------------------- -->
var black = "black.gif";
var white = "white.gif";
var height=1;
var size = 50;
var i;
var currentDate = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() - blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));
document.write("<center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 - 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("<BR><FONT SIZE=4>Next full moon is in about ",time," day");
if (time > 1) document.write("s");
document.write("</font>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Print Date Time Long
2
http://www.x-developer.com/javascript/content/clocks/print-date-time-long/index.html
Print Date Time Long
Action: Prints extended informationabout current date in this format:
In Dallas,Texas, it is: 6:00 AM, Thursday, June 1st, 2000,Pacific Standard Time.
Usage: Tell your visitorcurrent date, place, time zone.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day="";
var month="";
var myweekday="";
var year="";
newdate=new Date();
mydate=new Date();
dston=new Date('April 4, 1999 2:59:59');
dstoff=new Date('october 31, 1999 2:59:59');
var myzone=newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone=6;
// references your time zone
if(newdate>dston&&newdate<dstoff)
{
zonea=zone-1;
dst=" Pacific Daylight Savings Time";
}
else
{
zonea=zone;
dst=" Pacific Standard Time";
}
var newzone=(zonea*60*60*1000);
newtimea=newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday=mydate.getDay();
mymonth=mydate.getMonth();
myweekday=mydate.getDate();
myyear=mydate.getYear();
year=myyear;
if(year<2000)
year=year+1900;
myhours=mydate.getHours();
if(myhours>=12)
{
myhours=(myhours==12)?12:myhours-12;
mm=" PM";
}
else
{
myhours=(myhours==0)?12:myhours;
mm=" AM";
}
myminutes=mydate.getMinutes();
if(myminutes<10)
{
mytime=":0"+myminutes;
}
else
{
mytime=":"+myminutes;
}
;
arday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
armonth=new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ","October ","November ","December ")
ardate=new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
// rename locale as needed.
var time=("In Dallas, Texas, it is: "+myhours+mytime+mm+", "+arday[myday]+", "+armonth[mymonth]+" "+ardate[myweekday]+", "+year+", "+dst+".");
document.write(time);
</SCRIPT>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Print Days left
2
http://www.x-developer.com/javascript/content/calendars/print-days-left-in-month/index.html
Print Days left
Action: Prints a line withdays left in current month.
Usage: Tell a visitor howmany days are left in month.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var today=new Date();
var now=today.getDate();
var year=today.getYear();
if(year<2000)year+=1900;
// Y2K fix
var month=today.getMonth();
var monarr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
// check for leap year
if(((year%4==0)&&(year%100!=0))||(year%400==0))monarr[1]="29";
// display day left
document.write("There are "+(monarr[month]-now)+" days left in this Month.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Print Time of Day
2
http://www.x-developer.com/javascript/content/clocks/print-time-of-day/index.html
Print Time of Day
Action: Prints a greetingdepending on the time.
Usage: Say Good Morning! to your visitors!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 18) display = "Evening";
else if (thehour >12) display = "Afternoon";
else display = "Morning";
var greeting = ("Good " + display + "!");
document.write(greeting);
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Quarter Year
2
http://www.x-developer.com/javascript/content/calendars/quarter-year/index.html
Quarter Year
Action: Prints 3 months table.
Usage: Show a visitor tableof 3 months.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var flg=0;
var fs=1;
var bg="cyan";
M=new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn()
{
pdy=new Date();
// today
pmo=pdy.getMonth();
// present month
pyr=pdy.getYear();
// present year
if(pyr<2000)
pyr=pyr+1900;
yr=yr1=(pmo==0?pyr-1:pyr);
// last month's year
mo=(pmo==0?11:pmo-1);
// last month
bgn=new Date(M[mo]+" 1,"+yr1);
// assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar();
// Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=pyr;
// present year
mo=pmo;
// present month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=(pmo==11?pyr+1:pyr);
// next month's year
mo=(pmo==11?0:pmo+1);
// next month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send next month to screen
document.write('</TD></TR></TABLE>');
// Finish up
}
function Calendar()
{
dy=bgn.getDay();
yr=eval(yr);
d="312831303130313130313031";
if(yr/4==Math.floor(yr/4))
{
d=d.substring(0,2)+"29"+d.substring(4,d.length);
}
pos=(mo*2);
ld=eval(d.substring(pos,pos+2));
document.write("<TABLE BORDER=1"
+" BGCOLOR='"+bg
+"'><TR><TD ALIGN=CENTER COLSPAN=7>"
+"<FONT SIZE="+fs+">"+M[mo]+" "+yr
+"</FONT></TD></TR><TR><TR>");
for(var i=0;
i<7;
i++)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>"+D[i]+"</FONT></TD>");
}
document.write("</TR><TR>");
ctr=0;
for(var i=0;
i<7;
i++)
{
if(i<dy)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+"> </FONT>"
+"</TD>");
}
else
{
ctr++;
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
while(ctr<ld)
{
for(var i=0;
i<7;
i++)
{
ctr++;
if(ctr>ld)
{
document.write("<TD ALIGN=CENTER>"
+" </TD>");
}
else
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}</SCRIPT>
<CENTER>
<P> <B> </B> <SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Till Christmas
2
http://www.x-developer.com/javascript/content/clocks/till-christmas/index.html
Till Christmas
Action: Prints a line withinformation about Christmas Day.
Usage: Tell you visitorhow far is the Christmas Day.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day_description="Christmas";
var day_before="Christmas Eve";
var today=new Date();
var year=today.getYear();
if((navigator.appName=="Microsoft Internet Explorer")&&(year<2000))
year="19"+year;
if(navigator.appName=="Netscape")
year=1900+year;
var date=new Date("December 25, "+year);
var diff=date.getTime()-today.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
document.write("There are "+(days+1)+" days until "+day_description+"!");
else if(days==1)
document.write("Tommorrow is "+day_before+"!");
else if(days==0)
document.write("Today is "+day_before+"!");
else if(days==-1)
document.write("It's "+day_description+"!");
else if(days<-1)
document.write(day_description+" was "+((days+1)*-1)+(days<-2?" days":" day")+" ago this year!");
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Till Date
2
http://www.x-developer.com/javascript/content/clocks/till-date/index.html
Till Date
Action: Prints a line withinfo about predefined day.
Usage: Set your own dateand tell a visitor how soon will it be
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var date=new Date("January 1, 2999");
var description="the year 2999";
var now=new Date();
var diff=date.getTime()-now.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
{
document.write(days+1+" days until "+description);
}
else if(days==1)
{
document.write("Only two days until "+description);
}
else if(days==0)
{
document.write("Tomorrow is "+description);
}
else
{
document.write("It's"+description+"!");
}
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>cookies
1
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString()+"; path=/";
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function checkCookie() {
var user = getCookie("username");
if (user != "") {
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" && user != null) {
setCookie("username", user, 365);
}
}
}
OLD WAY BELOW
<!-- TWO STEPS TO INSTALL COOKIE - VISITS:
1. Paste the designated coding into the HEAD of your HTML document
2. Put the last script into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("You've been here <b>" + amt() + "</b> times.")
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.31 KB -->
**********************************************************************
<!-- TWO STEPS TO INSTALL COOKIE PASSWORD PROTECTION:
1. Put the designated coding into the HEAD of your login document
2. Paste the final coding into the BODY of your login document -->
<!-- STEP ONE: Copy this code into the HEAD of your login document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie () {
var exp = new Date();
exp.setTime (exp.getTime() - 1000000000); // This cookie is history
var cval = GetCookie ('FreeStuffL');
document.cookie ='FreeStuffL' + "=" + cval + "; expires=" + exp.toGMTString();
}
function cookieCreater () {
if(GetCookie('FreeStuffL') == null) {
var FreeStuffL_Name = prompt ("What name do you want to go by?", "" );
if (FreeStuffL_Name != null && FreeStuffL_Name != "") {
var expdate = new Date ();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
SetCookie('FreeStuffL', FreeStuffL_Name, expdate);
alert ("You now are logged in! From now on, when you come to this page, you will be forwarded to the Password Protected Members-Only Area. Please do not tell anyone your entry code. At this new page, you will be shown a list of functions. Have fun!");
location.href = "cookie-in.html"
}
}
else {
DeleteCookie ();
cookieCreater ()
}
}
if(GetCookie('FreeStuffL') != null) {
location.href="cookie-in.html"
}
function check() {
var tester = document.login.numOne.value + document.login.numTwo.value;
if (tester == "") {
alert ("I'm sorry, that code is not correct.");
}
else
{
if (tester == document.login.numThree.value) {
alert ("That is correct!");
cookieCreater ();
}
else {
alert ("Nope!");
}
}
}
// End -->
</SCRIPT>
<BODY>
<center>
<form name='login'>
Enter your login code (FORMAT: login # one, login # two, login # three):
<p><input TYPE='text' NAME='numOne' SIZE=15><br>
<input TYPE='text' NAME='numTwo' SIZE=15 ><br>
<input TYPE='text' NAME='numThree' SIZE=15 ><br>
<input TYPE='button' VALUE='Login' ONCLICK='check()'>
</form>
</center>
<font size=1 color=white>
This page requires Javascript to run! Please get Netscape 2.0 or greater!
</font>
<form name="login2">
<input type=hidden name="go" value="cookie-in.html">
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.44 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>COOKIES
2
<end node> 5P9i0s8y19Z
dt=
<node>CODE..Explaned
3
http://www.angelfire.com/yt/jmyers/get/js/cookies.htm
= = = = = = = = = = = = = = = = = = =
Copy-and-Paste Cookie Functions
= = = = = = = = = = = = = = = = = = =
function makeCookie(Name,Value,Expiry,Path,Domain,Secure) {
//Bunch of arguments
if (Expiry != null && !isNaN(Expiry)) {
//if you want to save the cookie
var datenow = new Date();
//get a date
datenow.setTime(datenow.getTime() + Math.round(86400000*Expiry));
//mutiply the number to make it represent days
Expiry = datenow.toGMTString();
//convert to GMT time
}
//ends that. And now...
Expiry = (Expiry) ? '; expires='+Expiry : '';
//has an expiration?
Path = (Path)?'; path='+Path:'';
//has a path?
Domain = (Domain) ? '; domain='+Domain : '';
//has a domain?
Secure = (Secure) ? '; secure' : '';
//Secure?
document.cookie = Name + '=' + escape(Value) + Expiry + Path + Domain + Secure;
//Make the cookie!
}
function readCookie(Name) {
//Your name goes here!
var cookies = ' ' + document.cookie;
//Copy your cookies
if (cookies.indexOf(' ' + Name + '=') == -1) return null;
//Whoops, no cookie!
var start = cookies.indexOf(' ' + Name + '=') + (Name.length + 2);
//Jump to start of cookie
var finish = cookies.substring(start,cookies.length);
//Get a count from the cookies
finish = (finish.indexOf(';') == -1) ? cookies.length : start + finish.indexOf(';');
//Find end of cookie
return unescape(cookies.substring(start,finish));
//Here's your cookie! ( Sorry, no chocolate chips. :-)
}
// End of cookie functions (Joseph K. Myers 1999-2000 <e_mayilme@hotmail.com>)
/*
Syntax rules:
*********************** Making the Cookie / Reading the Cookie ***********************
A. Name
1. No characters besides a-z, A-Z, numerals, dash and underscore.
2. Probably don't want to use an especially long name.
B. Value
1. Here's the actual content.
2. Anything goes here up to 4000 characters.
C. Expiry (This is what shines!)
1. Type in the NUMBER OF DAYS to save the cookie or:
2. Leave this out and the cookie will expire during the current session.
D. Path
1. Sets a restriction on the portion of the server allowed to access a cookie.
2. Use a slash "/" to allow any page from your site to obtain the cookie.
E. Domain
1. Sets a domain as in MAIL.yahoo.com ( EMPHASIS ADDED!!! ).
2. By default this would be set to the same as the cookie's origin domain.
F. Secure
1. If you want access to the cookie ONLY during a secure connection.
2. Normally you'd want this to protect sensitive information.
You would type this...
makeCookie('friendly_cookie', 'Mr. Smith is tall.', 18, '/');
...to make a cookie with a NAME of friendly_cookie, a VALUE of "Mr. Smith is tall.", an
EXPIRATION of 18 days later, and having the most accessible PATH of /.
You would type this...
var YOUR_VARIABLE_NAME = readCookie('friendly_cookie');
...to set the variable of YOUR_VARIABLE_NAME to the value of the cookie with a NAME of
friendly_cookie or to null if there was no cookie available named friendly_cookie.
You would type this...
makeCookie('toughcookie', somevariable, null, '/directory/pages/', 'mail.yahoo.com', true);
...to make a cookie with a NAME of toughcookie, a VALUE of the variable somevariable, an
EXPIRATION of current session, and having a PATH of /directory/pages/ at the DOMAIN of
mail.yahoo.com, and only accessible in SECURE connections.
Typing the following...
makeCookie('cookie-name', '', 0, '/same/path/as/before', 'at-the-same-domain');
...would delete a cookie with a NAME of cookie-name. The path and domain must be specified
just as before since two cookies by the same name with different paths can coexist on one domain.
Smile! :-) This code is free for the taking. Consider it to be in the public domain. Feel free
to contact me at <e_mayilme@hotmail.com> or visit my website which has even more cool
scripts at <http://www.angelfire.com/yt/jmyers/>.
Note: You'll likely want to remove most comments from this script to shorten download times.
*/
//These cookie functions written 1999-2000 by Joseph K. Myers
<end node> 5P9i0s8y19Z
dt=
<node>Name & Visit
3
http://www.x-developer.com/javascript/content/cookies/name-visit/index.html
Name & Visit Browser : ALL
Action: Remembers your name and numbers of visits.
Usage: Ask a visitor for name and then write a line saying Hello to a Visitor and showing number of visits.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var expDays=30;
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function Who(info)
{
var VisitorName=GetCookie('VisitorName')
if(VisitorName==null)
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
}
return VisitorName;
}
function When(info)
{
var rightNow=new Date()
var WWHTime=0;
WWHTime=GetCookie('WWhenH')
WWHTime=WWHTime*1
var lastHereFormatting=new Date(WWHTime);
var intLastVisit=(lastHereFormatting.getYear()*10000)+(lastHereFormatting.getMonth()*100)+lastHereFormatting.getDate()
var lastHereInDateFormat=""+lastHereFormatting;
var dayOfWeek=lastHereInDateFormat.substring(0,3)
var dateMonth=lastHereInDateFormat.substring(4,11)
var timeOfDay=lastHereInDateFormat.substring(11,16)
var year=lastHereInDateFormat.substring(23,25)
var WWHText=dayOfWeek+", "+dateMonth+" at "+timeOfDay
SetCookie("WWhenH",rightNow.getTime(),exp)
return WWHText
}
function Count(info)
{
var WWHCount=GetCookie('WWHCount')
if(WWHCount==null)
{
WWHCount=0;
}
else
{
WWHCount++;
}
SetCookie('WWHCount',WWHCount,exp);
return WWHCount;
}
function set()
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
SetCookie('WWHCount',0,exp);
SetCookie('WWhenH',0,exp);
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}</SCRIPT>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello "+Who()+". You've been here "+Count()+" time(s). Last time was "+When()+".");
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Popup Once
3
http://www.x-developer.com/javascript/content/cookies/popup-once/index.html
Popup Once Browser : ALL
Action: Popups a window with specific URL once.
Usage: Show a popup window just once instead of having to pop it up every time the page is visited.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=checkCount() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var expDays=1;
// number of days the cookie should last
var page="demo-dest.html";
var windowprops="width=200,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function amt()
{
var count=GetCookie('count')
if(count==null)
{
SetCookie('count','1')
return 1
}
else
{
var newcount=parseInt(count)+1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function checkCount()
{
var count=GetCookie('count');
if(count==null)
{
count=1;
SetCookie('count',count,exp);
window.open(page,"",windowprops);
}
else
{
count++;
SetCookie('count',count,exp);
}
}</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Redirector
3
http://www.x-developer.com/javascript/content/cookies/redirector/index.html
Redirector Browser : ALL
Action: Places a cookie on your computer with your favorite page and then redirects you there next time you enter the site.
Usage: Save time for you visitors when looking for their favorite page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
var expDays = 30;
var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;
}
function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var favorite = GetCookie('page');
if (favorite != null) {
switch (favorite) {
case 'demo-1' : url = 'demo-1.html'; // change these!
break;
case 'demo-2' : url = 'demo-2.html'; break;
case 'demo-3' : url = 'demo-3.html';
break;
case 'demo-4' : url = 'demo-4.html';
break;
}
window.location.href = url;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form>
<table border="3" bgcolor="#00007F">
<tr> <td> <font color="#FFFFFF"><b>Please choose your Favorite Page:<br>
<input type=checkbox name="demo-1" onClick="SetCookie('page', this.name, exp);">
Page 1<br>
<input type=checkbox name="demo-2" onClick="SetCookie('page', this.name, exp);">
Page 2<br>
<input type=checkbox name="demo-3" onClick="SetCookie('page', this.name, exp);">
Page 3<br>
<input type=checkbox name="demo-4" onClick="SetCookie('page', this.name, exp);">
Page 4</b><br>
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Your Name
3
http://www.x-developer.com/javascript/content/cookies/name/index.html
Your Name Browser : ALL
Action: Asks a visitor for name and prints the line.
Usage: Greet a visitor every time he enters the page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE = "JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var username = GetCookie('username');
if (username == null) {
username = prompt('Please enter your name (otherwise press cancel)',"WebSurfer");
if (username == null) {
alert('Its ok if you dont want to tell me your name');
username = 'WebSurfer';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
</SCRIPT>
<CENTER>
<SCRIPT>
document.write('<font size="+3">Hey '+username+'!</font>');
if (username == "WebSurfer") {
document.write('</font><br><small><a href="name.html" target="_top">personalize</A> your greeting!</small>')
<!-- Remember to change the URL in the previous line to your page URL -->
}
</SCRIPT>
<font size="3"><b><font size="4">You're Using:</font></b></font> <SCRIPT>
document.write('<br> '+ navigator.appName + ' (<i>' + navigator.appCodeName + '</i>) version ' + navigator.appVersion + '.')
// End -->
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>date
1
<!-- ONE STEP TO INSTALL DAYS TILL DATE:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alan Palmer -->
<!-- Web Site: http://www.jsr.communitech.net -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var date = new Date("January 1, 2003");
var description = "the year 2003";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h3></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<!-- THREE STEPS TO INSTALL POPUP DATE PICKER:
1. Copy the code into a new file, save as date-picker.js
2. Add the script source tag to the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into a new file, save as date-picker.js -->
<!-- Original: Kedar R. Bhave (softricks@hotmail.com) -->
<!-- Web Site: http://www.softricks.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
if ((p_month == null) && (p_year == null)) return;
if (p_WinCal == null)
this.gWinCal = ggWinCal;
else
this.gWinCal = p_WinCal;
if (p_month == null) {
this.gMonthName = null;
this.gMonth = null;
this.gYearly = true;
} else {
this.gMonthName = Calendar.get_month(p_month);
this.gMonth = new Number(p_month);
this.gYearly = false;
}
this.gYear = p_year;
this.gFormat = p_format;
this.gBGColor = "white";
this.gFGColor = "black";
this.gTextColor = "black";
this.gHeaderColor = "black";
this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
/*
Check for leap year ..
1.Years evenly divisible by four are normally leap years, except for...
2.Years also evenly divisible by 100 are not leap years, except for...
3.Years also evenly divisible by 400 are leap years.
*/
if ((p_year % 4) == 0) {
if ((p_year % 100) == 0 && (p_year % 400) != 0)
return Calendar.DOMonth[monthNo];
return Calendar.lDOMonth[monthNo];
} else
return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
function Calendar_print() {
ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
var vCode = "";
var vHeader_Code = "";
var vData_Code = "";
// Begin Table Drawing code here..
vCode = vCode + "<TABLE BORDER=1 BGCOLOR=\\"" + this.gBGColor + "\\">";
vHeader_Code = this.cal_header();
vData_Code = this.cal_data();
vCode = vCode + vHeader_Code + vData_Code;
vCode = vCode + "</TABLE>";
return vCode;
}
Calendar.prototype.show = function() {
var vCode = "";
this.gWinCal.document.open();
// Setup the page...
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwriteA("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwriteA(this.gMonthName + " " + this.gYear);
this.wwriteA("</B><BR>");
// Show navigation buttons
var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
var prevMM = prevMMYYYY[0];
var prevYYYY = prevMMYYYY[1];
var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
var nextMM = nextMMYYYY[0];
var nextYYYY = nextMMYYYY[1];
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
");" +
"\\"><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\"><<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">><\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for the month..
vCode = this.getMonthlyCalendarCode();
this.wwrite(vCode);
this.wwrite("</font></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
var vCode = "";
var i;
var vr, vc, vx, vy; // Row, Column, X-coord, Y-coord
var vxf = 285; // X-Factor
var vyf = 200; // Y-Factor
var vxm = 10; // X-margin
var vym; // Y-margin
if (isIE) vym = 75;
else if (isNav) vym = 25;
this.gWinCal.document.open();
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("<style type='text/css'>\\n<!--");
for (i=0; i<12; i++) {
vc = i % 3;
if (i>=0 && i<= 2) vr = 0;
if (i>=3 && i<= 5) vr = 1;
if (i>=6 && i<= 8) vr = 2;
if (i>=9 && i<= 11) vr = 3;
vx = parseInt(vxf * vc) + vxm;
vy = parseInt(vyf * vr) + vym;
this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
}
this.wwrite("-->\\n</style>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwrite("Year : " + this.gYear);
this.wwrite("</B><BR>");
// Show navigation buttons
var prevYYYY = parseInt(this.gYear) - 1;
var nextYYYY = parseInt(this.gYear) + 1;
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\" alt='Prev Year'><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for each month..
var j;
for (i=11; i>=0; i--) {
if (isIE)
this.wwrite("<DIV ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
else if (isNav)
this.wwrite("<LAYER ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
this.gMonth = i;
this.gMonthName = Calendar.get_month(this.gMonth);
vCode = this.getMonthlyCalendarCode();
this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
this.wwrite(vCode);
if (isIE)
this.wwrite("</DIV>");
else if (isNav)
this.wwrite("</LAYER>");
}
this.wwrite("</font><BR></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
var vCode = "";
vCode = vCode + "<TR>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
vCode = vCode + "</TR>";
return vCode;
}
Calendar.prototype.cal_data = function() {
var vDate = new Date();
vDate.setDate(1);
vDate.setMonth(this.gMonth);
vDate.setFullYear(this.gYear);
var vFirstDay=vDate.getDay();
var vDay=1;
var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
var vOnLastDay=0;
var vCode = "";
/*
Get day for the 1st of the requested month/year..
Place as many blank cells before the 1st day of the month as necessary.
*/
vCode = vCode + "<TR>";
for (i=0; i<vFirstDay; i++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' FACE='" + fontface + "'> </FONT></TD>";
}
// Write rest of the 1st week
for (j=vFirstDay; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
}
vCode = vCode + "</TR>";
// Write the rest of the weeks
for (k=2; k<7; k++) {
vCode = vCode + "<TR>";
for (j=0; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
if (vDay > vLastDay) {
vOnLastDay = 1;
break;
}
}
if (j == 6)
vCode = vCode + "</TR>";
if (vOnLastDay == 1)
break;
}
// Fill up the rest of last week with proper blanks, so that we get proper square blocks
for (m=1; m<(7-j); m++) {
if (this.gYearly)
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
else
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
}
return vCode;
}
Calendar.prototype.format_day = function(vday) {
var vNowDay = gNow.getDate();
var vNowMonth = gNow.getMonth();
var vNowYear = gNow.getFullYear();
if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
return ("<FONT COLOR=\\"RED\\"><B>" + vday + "</B></FONT>");
else
return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
var i;
// Return special formatting for the weekend day.
for (i=0; i<weekend.length; i++) {
if (vday == weekend[i])
return (" BGCOLOR=\\"" + weekendColor + "\\"");
}
return "";
}
Calendar.prototype.format_data = function(p_day) {
var vData;
var vMonth = 1 + this.gMonth;
vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
var vY4 = new String(this.gYear);
var vY2 = new String(this.gYear.substr(2,2));
var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
switch (this.gFormat) {
case "MM\\/DD\\/YYYY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
break;
case "MM\\/DD\\/YY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY2;
break;
case "MM-DD-YYYY" :
vData = vMonth + "-" + vDD + "-" + vY4;
break;
case "MM-DD-YY" :
vData = vMonth + "-" + vDD + "-" + vY2;
break;
case "DD\\/MON\\/YYYY" :
vData = vDD + "\\/" + vMon + "\\/" + vY4;
break;
case "DD\\/MON\\/YY" :
vData = vDD + "\\/" + vMon + "\\/" + vY2;
break;
case "DD-MON-YYYY" :
vData = vDD + "-" + vMon + "-" + vY4;
break;
case "DD-MON-YY" :
vData = vDD + "-" + vMon + "-" + vY2;
break;
case "DD\\/MONTH\\/YYYY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY4;
break;
case "DD\\/MONTH\\/YY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY2;
break;
case "DD-MONTH-YYYY" :
vData = vDD + "-" + vFMon + "-" + vY4;
break;
case "DD-MONTH-YY" :
vData = vDD + "-" + vFMon + "-" + vY2;
break;
case "DD\\/MM\\/YYYY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY4;
break;
case "DD\\/MM\\/YY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY2;
break;
case "DD-MM-YYYY" :
vData = vDD + "-" + vMonth + "-" + vY4;
break;
case "DD-MM-YY" :
vData = vDD + "-" + vMonth + "-" + vY2;
break;
default :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
}
return vData;
}
function Build(p_item, p_month, p_year, p_format) {
var p_WinCal = ggWinCal;
gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
// Customize your Calendar here..
gCal.gBGColor="white";
gCal.gLinkColor="black";
gCal.gTextColor="black";
gCal.gHeaderColor="darkgreen";
// Choose appropriate show function
if (gCal.gYearly) gCal.showY();
else gCal.show();
}
function show_calendar() {
/*
p_month : 0-11 for Jan-Dec; 12 for All Months.
p_year : 4-digit year
p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
p_item : Return Item.
*/
p_item = arguments[0];
if (arguments[1] == null)
p_month = new String(gNow.getMonth());
else
p_month = arguments[1];
if (arguments[2] == "" || arguments[2] == null)
p_year = new String(gNow.getFullYear().toString());
else
p_year = arguments[2];
if (arguments[3] == null)
p_format = "MM/DD/YYYY";
else
p_format = arguments[3];
vWinCal = window.open("", "Calendar",
"width=250,height=250,status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
// Load the defaults..
if (p_year == null || p_year == "")
p_year = new String(gNow.getFullYear().toString());
if (p_format == null || p_format == "")
p_format = "MM/DD/YYYY";
var vWinCal = window.open("", "Calendar", "scrollbars=yes");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, null, p_year, p_format);
}
<!-- STEP TWO: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script language="JavaScript" src="date-picker.js"></script>
</HEAD>
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 17.17 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>email
1
<!-- ONE STEP TO INSTALL EMAIL ADDRESS PROTECTOR:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
user = "username";
site = "yoursite.com";
document.write('<a href=\\"mailto:' + user + '@' + site + '\\">');
document.write(user + '@' + site + '</a>');
// End -->
</SCRIPT>
******************************************************************************
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
******************************************************************
<!-- THREE STEPS TO INSTALL SUBMIT ONCE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var submitcount=0;
function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}
function checkFields() { // field validation -
if ( (document.emailform.name.value=="") || // checks if fields are blank.
(document.emailform.email.value=="") || // More validation scripts at
(document.emailform.comments.value=="") ) // forms.javascriptsource.com
{
alert("Please enter your name, email, and comments then re-submit this form.");
return false;
}
else
{
if (submitcount == 0)
{
submitcount++;
return true;
}
else
{
alert("This form has already been submitted. Thanks!");
return false;
}
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="reset()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
<input type=hidden name=to value="you@your-website-address-here.com">
<input type=hidden name=subject value="Feedback Form">
<pre>
Your Name: <input type=text name="name">
Your Email: <input type=text name="email">
Comments?
<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
<input type=submit value="Submit Form!">
[ Click the submit button twice to see the script in action ]
</pre>
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.05 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>E-Mail
2
<end node> 5P9i0s8y19Z
dt=
<node>Auto-Email Notification
3
http://members.nbci.com/_XMCM/yoboseyo/login/pwmake.htm
Auto-Email Notification
If you want to have email from anyone who visits your page
you need only have a form with one button.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form name="f" action="mailto:you@your.com" method="post">
<input type="submit" name="b" value=".">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
In the <body> tag you need to activate the form by clicking
on the button. <body onload="document.f.b.click();">
<end node> 5P9i0s8y19Z
dt=
<node>Fax
3
<A HREF="mailto:Fax: (970) 686-1100">Fax: (970) 686-1100</A>
<end node> 5P9i0s8y19Z
dt=
<node>Fill-In
3
http://wsabstract.com/script/script2/mailbutton.shtml
---
Featured new script- Email Me button
This simple but practical script render a "email me" button that, when clicked on, launches your visitor's default email program with the "To", "CC", and "Subject" line all filled in already.
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<FORM>
<INPUT TYPE="button" VALUE="Contact Us" onClick="parent.location='mailto:you@youremail.com?subject=The subject you want to appear&cc=you2@youremail.com'">
</FORM>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>New subject
3
http://www.x-developer.com/javascript/content/buttons/mail-button-subject/index.html
Mail Button with Subject
Action: Sends an E-Mail withsubject predefined.
Usage: Your visitors won'thave to type message subject any more.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<FORM>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <INPUT TYPE=button VALUE="Mail Button with Subject" onClick=parent.location='mailto:developer@x-developer.com?subject=Hello!'>
</FORM>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>E-Mail Buttons
2
A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated
= = = = = = = = = = = = = = =
<!-- ONE STEP TO INSTALL E-MAIL BUTTON:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me" onClick="parent.location='mailto:antispammer@earthling.net'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me - Subject Predetermined" onClick="parent.location='mailto:spammer@earthling.net?subject=This Is The Pre-determined Subject'">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.70 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Subject E-Mail
3
Let your visitors send you e-mail with a predetermined subject!
--------------------------------------------------------------------------------
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Mailing List U/D
2
http://www.x-developer.com/javascript/content/forms/mailing-list/index.html
Mailing List Browser : ALL
Action: Mailing list submitting form with basic validation.
Usage: Saves time for a visitor when signing for your mailing
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function resetform() {
document.forms[0].elements[1]=="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\\n You are about to e-mail your submission. \\n\\nYES to submit. NO to abort."))
{
alert("\\nYour submission will now be sent. \\n\\n Use the Return Button once the submission is complete to return to my home page.\\n\\n\\n Thank you for joining our mailing list!");
return true;
}
else
{
alert("\\n You have chosen to abort the submission.");
return false
}
else return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert ("\\n The E-Mail field is blank. \\n\\n Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\\n The E-Mail field requires a \\"@\\" and a \\".\\"be used. \\n\\nPlease re-enter your E-Mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\\n The First Name field is blank. \\n\\n Please enter your first name.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\\n The Last Name field is blank. \\n\\nPlease enter your last name.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\\n The Address field is blank. \\n\\nPlease enter your address.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\\n The City field is blank. \\n\\nPlease enter your city.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\\n The state field is blank.\\n\\nPlease enter your state.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\\n The Zip code field is blank. \\n\\nPlease enter your Zip code.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
</SCRIPT>
<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:developer@x-developer.com?subject=Mailing List' onSubmit="return submitForms()">
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#1018BF">
<tr valign=baseline> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Email Address:</font> </b></font></TD>
<TD> <input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">First Name:</font> </b></font></TD>
<TD> <input type=text name="First Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Last Name:</font> </b></font></TD>
<TD> <input type=text name="Last Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Address:</font> </b></font></TD>
<TD> <input type=text name="Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">City:</font> </b></font></TD>
<TD> <input type=text name="City" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">State:</font> </b></font></TD>
<TD> <input type=text name="State" size=10,1 maxlength=25>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Zip Code:</font> </b></font></TD>
<TD> <input type=text name="Zip" size=20,1 maxlength=35>
</TD>
</tr>
</TABLE>
<br>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Files
1
you can use split method. for example, if the content of file is on
fileContent variable then you can simply use:
fileLines=fileContent.split("\\n")
first line will be:
fileLines[0]
second:
fileLines[1]
third:
fileLines[2]
.....
and the number of lines:
fileLines.length
2. Using a web page and ActiveX objects (Internet Explorer only)
Using ActiveX objects gives you many possibilities, but there are two distinct disadvantages:
You need a web page to run your JavaScript, and
ActiveX objects only work with the Internet Explorer browser.
When using extensions, all you need to do is select Build / Execute from the menu and let JavaScript Editor do the job.
Example 1 (using extensions): Reading a file
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FileRead.js, and
4. Select Build / Execute from the menu.
Note: If you do not save the file, getScriptPath() below will return an empty string.
// This example shows file manipulation routines: it echoes
// the contents of itself (the script file).
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
fh = fopen(getScriptPath(), 0); // Open the file for reading
if(fh!=-1) // If the file has been successfully opened
{
length = flength(fh); // Get the length of the file
str = fread(fh, length); // Read in the entire file
fclose(fh); // Close the file
// Display the contents of the file
write(str);
}
Example 2 (using extensions): Listing files in a folder
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FolderExample.js, and
4. Select Build / Execute from the menu.
Note: if you do not save the file, getCurrentFolder() below will return an empty string.
// This example shows folder manipulation routines: it lists
// the contents of the current folder.
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
write("The contents of " + getCurrentFolder());
fileName = findFirstFile("*.*"); // Find the first file matching the filter
while(fileName.length)
{
write(fileName);
fileName = findNextFile(); // Find the next file matching the filter
}
Example 3 (using extensions): Writing a file using JavaScript
Writing files using JavaScript and built-in extensions is straightforward: open the file for writing, write to a file and close a file.
1. Run JavaScript Editor
2. Copy and paste the code below
3. (Optional) Save the file as WriteFileExample.js, and
4. Select Build / Execute from the menu.
function WriteFile()
{
var fh = fopen("c:\\\\MyFile.txt", 3); // Open the file for writing
if(fh!=-1) // If the file has been successfully opened
{
var str = "Some text goes here...";
fwrite(fh, str); // Write the string to a file
fclose(fh); // Close the file
}
}
WriteFile();
Example 4 (using ActiveX and a web page): Listing available drives
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as DriveList.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language=JavaScript>
function ShowAvailableDrives()
{
document.write(GetDriveList());
}
function GetDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += ":- ";
if (x.DriveType == 3) n = x.ShareName;
else if (x.IsReady) n = x.VolumeName;
else n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
} while (!e.atEnd());
return(s);
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language=JavaScript> ShowAvailableDrives(); </SCRIPT>
</P>
</BODY>
</HTML>
Example 5 (using ActiveX and a web page): Writing a file using JavaScript
Writing files via ActiveX is slightly more involved than using JavaScript Editor extensions: you create an instance of a FileSystemObject, create a file, write to it, and close it.
In addition, you cannot run the code on its own, it needs to be a part of a web page or a stand-alone HTML Application (HTA).
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as WriteFileX.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function WriteFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.CreateTextFile("c:\\\\Test.txt", true);
fh.WriteLine("Some text goes here...");
fh.Close();
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language="JavaScript"> WriteFile(); </SCRIPT>
</P>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>FORMS
1
if (name !== null && password !== null){
var location=name +'support'+ password + '.html';
window.status=null
document.location.href = location;
}
<end node> 5P9i0s8y19Z
dt=
<node>Add ToCombo
2
http://www.x-developer.com/javascript/content/forms/add-to-list/index.html
Add To List Browser : ALL
Action: Adds data as you enter it in the form and stores it in memory for later use.
Usage: Create small amounts of data that can be sent later via form mail.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<FORM name="history">
<center>
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</center>
</FORM>
<P> <SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length - 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}
function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\\n";
alert( allCmmnds );
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Agree on Entry
2
http://www.x-developer.com/javascript/content/forms/agree-entry/index.html
Agree on Entry Browser : ALL
Action: Allows you to enter data only after you check the I Agree radio button.
Usage: You can force a visitor to Agree when submitting a form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
agree = 0; // 0 means 'no', 1 means 'yes'
</script>
<center>
<form name=enableform>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">
<b>I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">
I disagree<br>
Please enter your name: </b> <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Box Input Limit
2
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
=====================================
http://www.x-developer.com/javascript/content/forms/box-limit/index.html
http://capsule.bayside.net/
Box Input Limit Browser : ALL
Action: Limits amount of characters written in the form textbox.
Usage: Prevent users from entering too long messages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Glenn Wang (brief@ix.netcom.com) -->
<!-- Web Site: http://capsule.bayside.net/ -->
<!-- --------------------------------------------------- -->
function checkchars(form) {
var max=15;
if (form.chars.value.length > max) {
alert("Please do not enter more than 15 characters. Please shorten your entry and submit again.");
return false;
}
else return true;
}
</script>
<center>
<form onsubmit="return checkchars(this)">
<textarea rows=5 cols=30 name=chars wrap=virtual></textarea>
<br>
<input type=submit value="Submit!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>checkbox
2
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Checker
3
<SCRIPT LANGUAGE="JavaScript">
<!--
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group...
// Pass the Checkbox group name...
// call buttons as so:
// <input type=button name="CheckAll" value="Check All"
//onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
//onClick="uncheckAll(document.myform.list)">
// -->
<!-- Begin
function checkAll(field)
{
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
field[i].checked = false ;
}
// End -->
</script>
Here is the HTML:
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>
=======================================================
http://www.x-developer.com/javascript/content/forms/checker/index.html
mailto:stevejr@ce.net
CheckBox Checker Browser : ALL
Action: Controls checkbox appearance in your form.
Usage: Help a visitor control checkboxes easily.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Modified By: Steve Robison, Jr. (stevejr@ce.net) -->
<!-- --------------------------------------------------- -->
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=myform action="" method=post>
<table bgcolor="#00007F" border="3">
<tr> <td> <font color="#FFFFFF"><b>Your Favorite Scripts & Languages<br>
<input type=checkbox name=list value="1">
Java<br>
<input type=checkbox name=list value="2">
JavaScript<br>
<input type=checkbox name=list value="3">
ASP<br>
<input type=checkbox name=list value="4">
HTML<br>
<input type=checkbox name=list value="5">
SQL</b><br>
<br>
<input type=button value="Check All" onClick="this.value=check(this.form.list)">
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>VBcode
4
If chMultiple.Value = 1 Then
Print #2, "<SCRIPT LANGUAGE='JavaScript'>"
Print #2, "function checkAll(field1){"
Print #2, Spc(4); "for (i = 0; i < field1.length; i++)"
Print #2, Spc(8); "field1[i].checked = true;"
Print #2, Spc(4); "}"
Print #2, Spc(0); "</script>"
End If
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Limit
3
http://www.x-developer.com/javascript/content/forms/check-box-limit/index.html
CheckBox Limit Browser : ALL
Action: Limits number of selected checkboxes.
Usage: Prevent a visitor from selecting too many checkboxes.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script type="text/javascript">
<!--
var numChecked = 0;
var maxChecked = 4000 // checked boxes limit
function getChecked() { // checks to see if any boxes are selected by default
myForm = document.count
for (i=0; i<myForm.elements.length; i++) {
if (myForm.elements[i].type == "checkbox" && myForm.elements[i].checked){
numChecked++
}
}
}
function checkCheck(theBox) {
if (theBox.checked) {
if (numChecked == maxChecked){
theBox.checked = false
}
else{
numChecked++
}
}
else{
//numChecked--
return true
}
document.getElementById("display_count").innerHTML=numChecked
}
// include onload="getChecked()" in the opening BODY tag
//-->
</script>
<form name="count">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
</form>
A checkbox has been selected <span id="display_count"></span> times
</center>
======================================
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function countChoices(obj) {
max = 2; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'
if (count > max) {
alert("Oops! You can only choose up to " + max + " choices! \\nUncheck an option if you want to pick another.");
obj.checked = false;
}
}
</script>
<center>
<form>
<p> <input type=checkbox name=box1 onClick="countChoices(this)">
<b>Section 1 </b> <p> <b> <input type=checkbox name=box2 onClick="countChoices(this)">
Section 2 </b> <p> <b> <input type=checkbox name=box3 onClick="countChoices(this)">
Section 3 </b> <p> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>is checked
3
The form must have a name. And the checkbox fields must have a name. Here is an example:
<form
name="myform"
method="POST"
action="/cgi-bin/script.cgi">
<input
type="checkbox"
name="box1"
value="yes1">
<input
type="checkbox"
name="box2"
value="yes2">
<input
type="submit"
onClick="DoTheCheck()">
</form>
The above form's name is "myform". The checkbox's names are "box1" and "box2".
Here is JavaScript that will check whether or not the checkboxes are checked and display an alert box with the answer. It is function DoTheCheck() that the above form calls when the submit button is clicked. The JavaScript can be in the HEAD area or in the BODY area, so long as it is above the form it manipulates.
function DoTheCheck() {
if(document.myform.box1.checked == true)
{ alert('box1 is checked'); }
if(document.myform.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.myform.box2.checked == true)
{ alert('box2 is checked'); }
if(document.myform.box2.checked == false)
{ alert('box2 is not checked'); }
}
The format is the word "document," a period, the name of the form, a period, the name of the checkbox field, a period, and the word "checked."
If you want to check a checkbox with JavaScript, use:
document.myform.box1.checked = true;
Notice that when you consult the checkbox to see whether or not it is checked, you use two consecutive equals characters; and when you assign a check to the checkbox, you use only a single equals character. The single use means "make it equal to ______." The doubled use determines "whether or not it already is equal to ______."
If you want to un-check a checkbox with JavaScript, use:
document.myform.box1.checked = false;
Now you know how to determine whether or not a checkbox is already checked and you can check or uncheck it.
Before we present the examples, let's learn how to determine the value of a checkbox.
Simply replace the word "checkbox" with the word "value". The value is the value as specified in the form itself (unless JavaScript is used to change that value). When you consult the checkbox to determine its value, it will provide the value whether or not it is checked. For example, this will display an alert box with the value of box1 as the message:
alert(document.myform.box1.value);
To display the alert box only if the checkbox is checked, do this:
if(document.myform.box1.checked == true)
{ alert(document.myform.box1.value); }
If you need to change the value of a checkbox with JavaScript, do something like this:
document.myform.box1.value = "new value";
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Text
2
http://www.x-developer.com/javascript/content/forms/checkbox-text/index.html
CheckBox Text Browser : ALL
Action: Checks and unchecks a checkbox when you click on the text near it.
Usage: Simplify checkbox checking for your visitors.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: trs2005@yahoo.com -->
<!-- Modified by: Ronnie T. Moore, Editor -->
<!-- --------------------------------------------------- -->
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')"><b>Clicking this text also checks the box to the left.</b></span> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>combo double
2
alert(document.mainForm.billingstate.options[document.mainForm.billingstate.selectedIndex].value);
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://javascriptkit.com">JavaScript Kit</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Helper
2
http://www.x-developer.com/javascript/content/forms/helper/index.html
Helper Browser : ALL
Action: Popups a help window with item description.
Usage: Helps a visitor understand what to write. Supports copy info feature.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
</script>
<center>
<form name=form method=post action="/cgi-bin/your-script.cgi">
<b>User Name: <input type=text name="username" size=10>
<a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> <br>
Password: <input type=text name="password" size=10>
<a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> </b> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>No Bad Words
2
http://www.x-developer.com/javascript/content/forms/no-bad-words/index.html
No Bad Words Browser : ALL
Action: Replaces bad words with @#$%& characters.
Usage: Prevents you from getting mail with bad words.
Author: ISN Toolbox Homepage ... http://www.infohiway.com/
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Cut-N-Paste JavaScript - ISN Toolbox -->
<!-- Web Site: http://www.infohiway.com/ -->
<!-- --------------------------------------------------- -->
function smutEngine() {
smut="#@&*%!#@&*%!#@&*%!";
cmp="sex babes shit fuck damn porno cum cunt prick pecker ass "
+"asshole pedophile man-boy man/boy dong twat ";
txt=document.isn.dirt.value;
tstx="";
for (var i=0;i<16;i++){
pos=cmp.indexOf(" ");
wrd=cmp.substring(0,pos);
wrdl=wrd.length
cmp=cmp.substring(pos+1,cmp.length);
while (txt.indexOf(wrd)>-1){
pos=txt.indexOf(wrd);
txt=txt.substring(0,pos)+smut.substring(0,wrdl)
+txt.substring((pos+wrdl),txt.length);
}
}
document.isn.dirt.value=txt;
}
</SCRIPT>
<CENTER>
<FORM NAME="isn">
<DIV ALIGN=CENTER> <INPUT TYPE="text" NAME="dirt" SIZE=40 VALUE="">
<BR>
<INPUT TYPE="button" NAME="smut1" VALUE=" Submit " onClick="smutEngine(this.form)">
</DIV>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Pass Value from PopUp
2
http://www.x-developer.com/javascript/content/forms/pass-value/index.html
http://www.fortunecity.com/lavendar/lavender/21/
Pass Value Browser : ALL
Action: Passes value from a popup options window to main page.
Usage: Let your visitors pick items from small window and then pass values to the main window.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Pankaj Mittal (pankajm@writeme.com) -->
<!-- Web Site: http://www.fortunecity.com/lavendar/lavender/21 -->
<!-- --------------------------------------------------- -->
function small_window(myurl) {
var newWindow;
var props = 'scrollBars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=300,height=200';
newWindow = window.open(myurl, "Add_from_Src_to_Dest", props);
}
// Adds the list of selected items selected in the child
// window to its list. It is called by child window to do so. function addToParentList(sourceList) {
destinationList = window.document.forms[0].parentList;
for(var count = destinationList.options.length - 1; count >= 0; count--) {
destinationList.options[count] = null;
}
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
destinationList.options[i] = new Option(sourceList.options[i].text, sourceList.options[i].value );
}
}
// Marks all the items as selected for the submit button. function selectList(sourceList) {
sourceList = window.document.forms[0].parentList;
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
sourceList.options[i].selected = true;
}
return true;
}
// Deletes the selected items of supplied list.
function deleteSelectedItemsFromList(sourceList) {
var maxCnt = sourceList.options.length;
for(var i = maxCnt - 1; i >= 0; i--) {
if ((sourceList.options[i] != null) && (sourceList.options[i].selected == true)) {
sourceList.options[i] = null;
}
}
}
</script>
<center>
<form method=post>
<table border=3 bgcolor="#00007F">
<tr>
<td>
<select size=5 name=parentList multiple>
</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button value="Add Item" onclick = "javascript:small_window('demo-1.html');">
<input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Preload TEXT BOXES
2
Form called Enter and text Boxes FName and LName
var dog=GetCookie('hbaweblink');
if (dog !== null ){
var name=GetCookie('hbaname')
Enter.FName.value=name
var password=GetCookie('hbapassword')
Enter.LName.value=password
}
<end node> 5P9i0s8y19Z
dt=
<node>radiobuttons
2
<body bgcolor="#ffffff">
<form method="post" action="tbl_addfield.php">
<input type="radio" name="field_where" id="radio_field_where_last" value="last" checked="checked" /><label for="radio_field_where_last">At End of Table</label>
<input type="radio" name="field_where" id="radio_field_where_first" value="first" /><label for="radio_field_where_first">At Beginning of Table</label>
<input type="radio" name="field_where" id="radio_field_where_after" value="after" /><label for="radio_field_where_after">After </label>
<select name="after_field" style="vertical-align: middle" onclick="this.form.field_where[2].checked=true" onchange="this.form.field_where[2].checked=true"><option value="cartid">cartid</option>
<option value="sessionid">sessionid</option>
<option value="productid">productid</option>
<option value="productattributes">productattributes</option>
<option value="quantity">quantity</option>
<option value="updated">updated</option>
</select>
<input type="submit" value="Go" style="vertical-align: middle" />
</form>
======================================================================
function getValue()
{
//////////////////////////////////////////////////////////////
// The variable 'msg' will hold the messages we want to
// appear in the message box. The 'check' varable, which
// we are setting to zero, will check to see if any values
// have been selected.
//////////////////////////////////////////////////////////////
var msg = "";
var check = 0;
//////////////////////////////////////////////////////////////
// We create a for loop that tests each radio box in turn,
// checking their values. The value is inserted into the
// 'msg' variable along with a message. We also set the value
// of 'check' to 1, if any values were selected.
//////////////////////////////////////////////////////////////
for (var i = 0; i < 4; i++)
{
var checked = document.testForm.test[i].checked;
if (checked)
{
msg += "The selected value is: " + (document.testForm.test[i].value) + "\\n";
check = 1;
}
}
//////////////////////////////////////////////////////////////
// If the check value is equivalent to one, we alert the
// message constructed above. If it is not equal to one,
// we alert that no value was selected.
//////////////////////////////////////////////////////////////
if (check == 1)
{
alert (msg);
}
else
{
alert ("No value was selected.");
}
}
// End Hide -->
</script>
======================================================
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
<end node> 5P9i0s8y19Z
dt=
<node>Select
2
If you have a select element that looks like this:
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
Running this code:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
Would make strUser be 2. If what you actually want is test2, then do this:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;
Which would make strUser be test2
var e = document.getElementById("ddlViewBy");
var SELIndex = e.selectedIndex
if (SELIndex==0){
error_message = error_message + '*Select something from xx.\\n';
error = 1;
}
<end node> 5P9i0s8y19Z
dt=
<node>submit
2
FORMS SUGGESTION
<!-- THREE STEPS TO INSTALL SUGGESTIONS:
1. Paste the coding into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. Put the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function leaptoIntro() {
window.location="http://javascript.internet.com"
}
function About() {
alert("\\nHave a suggestion for a JavaScript example?\\n\\nFill out the form and submit it. I will see what I can do.\\n\\nPlease be as specific as possible.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\\nYour submission is about to be sent.\\n\\nClick YES to submit.\\n\\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\\nThe NAME field is blank.\\n\\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\\nThe NAME field only accepts letters & spaces.\\n\\nPlease re-enter your name.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\\nYou've changed your browser type.\\n\\nClick YES to keep changes.\\n\\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\\nThe SUGGESTION field is blank.\\n\\nPlease enter your suggestion.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>
<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->
<BODY onLoad="Reset()">
<!-- STEP THREE: Copy this code into the BODY your HTML document -->
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:you@yourdomain.com?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your suggestion(s):</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit">
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.82 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Tabs on Enter
2
http://www.x-developer.com/javascript/content/forms/tabs-enter/index.html
http://javascript.internet.com/
Tabs on Enter Browser : ALL
Action: Puts cursor to next form section when hitting Enter button.
Usage: Saves time for a visitor when moving to different sections of the form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
nextfield = "box1"; // name of first box on page
netscape = "";
ver = navigator.appVersion; len = ver.length;
for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
netscape = (ver.charAt(iln+1).toUpperCase() != "C");
function keyDown(DnEvents) { // handles keypress
// determines whether Netscape or Internet Explorer
k = (netscape) ? DnEvents.which : window.event.keyCode;
if (k == 13) { // enter key pressed
if (nextfield == 'done') return true; // submit, we finished all fields
else { // we're not done yet, send focus to next box
eval('document.yourform.' + nextfield + '.focus()');
return false;
}
}
}
document.onkeydown = keyDown; // work together to analyze keystrokes
if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
</script>
<center>
<form name=yourform>
<b>Box 1: <input type=text name=box1 onFocus="nextfield ='box2';">
<br>
Box 2: <input type=text name=box2 onFocus="nextfield ='box3';">
<br>
Box 3: <input type=text name=box3 onFocus="nextfield ='box4';">
<br>
Box 4: <input type=text name=box4 onFocus="nextfield ='done';">
</b><br>
<input type=submit name=done value="Submit">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Hide sections
1
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here's how.
Step 1
Place this code between the <head> tags in your webpage.
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','thiscanbeanything');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href="javascript:switchid('a1');">show a1</a>
<a href="javascript:switchid('a2');">show a2</a>
<a href="javascript:switchid('a3');">show a3</a>
<a href="javascript:switchid('thiscanbeanything');">show 'thiscanbeanything'</a></p>
<hr/>
<div id='a1' style="display:block;">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id='a2' style="display:none;">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
"Qu'est-ce que la littérature?" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author's)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id='a3' style="display:none;">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id='thiscanbeanything' style="display:none;">
<h3>This content is in a div with id "thicanbeanything"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre's
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
"loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man's life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the "solidarity" of others.</p>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>+/-
2
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
<h2 style="margin:0px 0px 0px 0px;">
<input id="bt13" type="button" onclick="showdiv(13);" value="+"></input>
Booth Rent
</h2>
<div id="13" style="display:none">
<end node> 5P9i0s8y19Z
dt=
<node>Iframe
1
[resize]
<script language="JavaScript">
<!--
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>
<IFRAME SRC="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>
<end node> 5P9i0s8y19Z
dt=
<node>images
1
<end node> 5P9i0s8y19Z
dt=
<node>IMAGE .. Slide Shows
2
<end node> 5P9i0s8y19Z
dt=
<node>(increment preload image)
3
http://wsabstract.com/script/script2/incrementslide.shtml
= = = = =
JavaScript Slideshow (increment preload image)
Description: This is a unique slideshow script that, unlike most other, will intelligently preload its images one at a time, while the preceding image is being shown. The script will actually "wait" until the next image is successfully preloaded before continuing, trying again if not. Contrast that to other slideshow scripts, which mindlessly preload all of their images beforehand. Use this script if your slideshow contains a lot of heavy duty images, and you don't want your visitors to wait forever (literally) before he/she can see the slide.
= = = = =
Directions:
Simply add the below where you wish the slideshow to appear. Configure the first two lines in the script, AND also, the <IMG> src in the HTML portion.
= = = = =
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
Script by FPMC at http://jsarchive.8m.com
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]
//set corresponding urls
url = ["http://freewarejava.com", "http://wsabstract.com", "http://dynamicdrive.com", "http://www.geocities.com"]
//set duration for each image
duration = 4;
//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</SCRIPT>
<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;"
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Automatically Changing Slide Show Script
3
http://www.java-scripts.net/image/image3.shtml
Automatically Changing Slide Show Script
This script is similar to the Slide Show Script, but it automatically changes the image for the user.
Description: This script allows you to display a "Slide Show" where the images automatically change by themselves according to a set interval.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--Two steps to installing this script-->
<!--1) Copy everything below, and paste in HEAD section of page-->
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<!--2) Copy below, and paste in BODY section of page-->
<!--To configure images, refer to comments below-->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif","img2.gif","img3.gif")
slideshowlinks("http://wsabstract.com","http://dynamicdrive.com","http://java-scripts.net")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>BannerAdds
3
<!-- ONE STEP TO INSTALL BANNER ADS:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\\"' + url + '\\" target=\\"_top\\">');
document.write('<img src=\\"' + banner + '\\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\\"' + alt + '\\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.44 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Image Cycler
3
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs (dkh2@po.cwru.edu) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Image Slideshow
3
http://javascript.internet.com/miscellaneous/image-slideshow.html
The JavaScript Source: Miscellaneous: Image Slideshow
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 3.24 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>imagefader
3
<!-- ONE STEP TO INSTALL LOGO FADER:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif" width=548 height=55>
</div>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth - 16 : document.body.offsetWidth - 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ?
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ?
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// --------------- User modifiable variables ----------------------
//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position
var useAnchorPosition = false; // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2)); // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5; // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10; // sets the scroll speed
// ------------------------------------------------------------------
function scrollLogo() {
if (cnt == 0) {
up-- ; dn++;
if (up < -10) {
right = logoWidth;
left = 0;
upDown = -scrollInc;
cnt++;
}
eval(clipLogoVert);
}
if (cnt == 1) {
right += upDown;
left -= upDown;
if (right < halfWidth-40) {
right = halfWidth;
left = halfWidth;
upDown = scrollInc;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 2) {
right += upDown;
left -= upDown;
if (right > logoWidth+20) {
right = logoWidth;
left = 0;
up = 0;
dn = logoHeight;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 3) {
up++;
dn--;
if (dn < halfHeight - 10) {
up = halfHeight;
dn = halfHeight;
right = logoWidth;
left = 0;
upDown = scrollInc;
cnt = 0;
}
eval(clipLogoVert)
}
setTimeout("scrollLogo()", scrollSpeed);
}
if (! is.oldVer)window.onload = init;
function init() {
positionLogo();
scrollLogo();
}
var L, T;
var pos = (is.NS4) ? pos = document.anchors['logoAnchor'] : document.all['logoAnchor'];
var posStr = (is.NS4) ? 'L = pos.x ; T = pos.y' : 'L = pos.offsetLeft; T = pos.offsetTop';
function positionLogo() {
if (! useAnchorPosition) return;
eval(posStr);
myLogo.top = T;
myLogo.left = L;
}
// End -->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Left-Right Image Slideshow
3
http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm
= = = = = = = = = = =
Left-Right Image Slideshow Script: All browsers
Script works with Netscape 4+ AND Internet Explorer 4+NS
Credits: Dynamic Drive (00/06/19)
Description: This ultra cool slideshow displays a gallery of images from left to right, one at a time, and pauses between each image. You can even hyperlink the images should you wish!
= = = = = = = = = = =
Simply add the below where you wish the slideshow to appear:
= = = = = = = = = = =
<script language="JavaScript1.2">
/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=100
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'
slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'
slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'
slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'
slideimages[4]='<img src="../dynamicindex4/cake.gif">'
//extend this list
///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Manual slide show
3
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm
= = = = = = = = = = = = = = == =
DHTML Slide Show Script All
Credits: Dynamic Drive
Description: If you ever need a manual slide show script, this is the one to use. We designed it to be highly versatile, lightweight, and functional in all browsers, even NS 3. Here are some attributes of this lively DHTML slideshow script:
Slideshow works in all NS 3+ and IE 4+ browsers (yes, that includes NS 6 as well)
Script can be set so each image is clickable with it's own unique URL (through the toggling of a single variable)
All images in the slideshow are automatically preloaded on page load to ensure a smooth transition between image changes.
Script displays in the status bar which image the user is currently viewing (image #)
IE 4+ users will see a special random effect applied to the show during each image slide
There are a few variables you'll need to define. Please refer to documentation inside the script.
= = = = = = = = = = = = = = == =
Step 1: Add the below into the <head> section of your page:
<script language="JavaScript1.1">
/*
DHTML slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
Step 2: Insert the following where you wish the slideshow to appear in the BODY:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>mouse rollover change
3
<html>
<head>
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Jabez Net rollover example - www.jabeznet.com</title>
<script type="text/javascript">
function loadImg(img){
var imgName = "big4"; // name of the big image
var srcs = ["big1.jpg","big1.jpg","big2.jpg","big3.jpg","big4.jpg"]; // array of SRC's for the big images
document.images[imgName].src=srcs[img];
}
</script>
</head>
<body>
<p align="center">
<a onmouseover="loadImg(0); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small1.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(2); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small2.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(3); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small3.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
</p>
<p align="center"> </p>
<p align="center"> <img src="big4.jpg" alt="Big 4" style="width: 400px; height: 404px;" name="big4" border="2"></p>
</p>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>waRM HUGS
3
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'graphics/thm/tussiemuss';
Pic[1] = 'graphics/thm/cloche';
Pic[2] = 'graphics/thm/purseholde';
Pic[3] = 'graphics/thm/sprbasket';
Pic[4] = 'graphics/thm/Tape Measu';
Pic[5] = 'graphics/thm/window umb';
//Pic[0] = 'graphics/wh1.jpg'
// Pic[1] = 'graphics/wh2.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=2)"
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)
}
</script>
<body onload='runSlideShow()'>
<end node> 5P9i0s8y19Z
dt=
<node>WideSlide
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|07|04|JS_28870|JS_28870~xml.0.jhtml?cda=true#
WideSlide
Published 07/04/2000
By Neal Betts
Moving graphic gives 3d effect for browser sizes up to 1280 wide
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
========
<html>
<head>
<title>WideSlide</title>
<SCRIPT LANGUAGE="JavaScript">
var pos1=-5;
var pos2=-5;
var speed1 = Math.floor(Math.random()*5)+2;
var speed2 = Math.floor(Math.random()*5)+4;
function next() {
pos1 += speed1;
pos2 += speed2;
if (pos1 > 0) pos1 = -1152;
if (pos2 > 0) pos2 = -1152;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
}
else {
bg.style.left = pos1;
fg.style.left = pos2;
}
window.setTimeout("next();",30);
}
</SCRIPT>
</head>
<body onLoad="next();">
<DIV ID="bg" STYLE="position:absolute; left:0; top:0;
width:2304; height:49; visibility:show">
<img src="bg2.JPG" width=2304 height=49 alt="" border="0">
</DIV>
<DIV ID="fg" STYLE="position:absolute; left:0; top:49;
width:2304; height:27; visibility:show">
<img src="fg7.JPG" width=2304 height=27 alt="" border="0">
</DIV>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+2 face=arial><b><FONT COLOR=2B7D8E>Loading xxxxxxxxxxxxxx Loading</FONT></b></FONT></CENTER>
</td></tr>
</table><P><HR>
<table border=0 cellpadding=6 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+3 face=arial><b><FONT COLOR=2B7D8E>HIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHI</FONT></b></FONT></CENTER>
</td></tr>
</table>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>IMAGE..Effects
2
<end node> 5P9i0s8y19Z
dt=
<node>PicturePong
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|06|JS_30516|JS_30516~xml.0.jhtml?cda=true#
PicturePong lets your image wriggle through the webpage like a snake
Published 08/06/2000
By Peter Gehrig
Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware ... Language: Javascript
= = =
<html>
<head>
<TITLE>PicturePong lets your image wriggle through the webpage like a snake</TITLE>
<meta NAME="keywords" CONTENT="DHTML, JavaScript, animation, image, gif, Dynamic HTML,download, free, samples, applet">
<meta NAME="description" CONTENT="Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.">
</head>
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// PicturePong by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/6/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
// CONFIGURATION:
// Go to http://www.24fun.com, open category 'animation' and
// download the ZIP-file of this script containing
// the script-file with step-by-step instructions for easy configuration.
var your_image="testimage86.gif"
var tempo=40
var stepx=17
var stepy=17
var numberofimages=12
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// - End of JavaScript - -->
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
// - End of JavaScript - -->
</script>
<DIV id="deletethisblock" style="position:absolute;top:50px;left:50px;">
<font size=1 face=Verdana><ul><b>PicturePong: rush your favourite image through the webpage like a snake</b>
<li>Great script to enhance the visual impact of your webpage.
<li>PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage.
<li>Easy configuration of snake-length and speed.
<li>Crossbrowser.
</ul>
<ul>
<b>Configuration</b>
<li><a href="http://www.24fun.com" target="_blank">Go to http://www.24fun.com</a>, open category 'animation' and download the ZIP-file of this script containing the testimage and the script-file with step-by-step instructions for easy configuration.
<br>
<hr>
<a href="http://www.24fun.com" target="_blank">Download 350+ free funscripts from www.24fun.com</a><br><br>
<script src="http://www.24fun.com/affiliates/textteamon1.js"></script><br>
<script src="http://www.24fun.com/affiliates/textstickytools1.js"></script><br>
</font>
</ul>
</DIV>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Preload Images
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|05|JS_30468|JS_30468~xml.0.jhtml?cda=true#
PreLoad Images
Published 08/05/2000
By Adam
This script preloads images for faster loading and image flips. Just run the script don't view source
Version: 1.2
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
SCRIPT LANGUAGE="JavaScript">
<!--
/**************************************************
Written by Adam Weiss
http://www.geocities.com/Amweiss157/
adam_weiss@hotmail.com
Keep this intact if you want to use the script!
In this script only edit the line that ends in /****/
Between the parenthesis put all you imgages you want loaded
in 'single quotes' followed by a , with no spaces
**************************************************/
//--------------Preloads nav frame pics so they roll over faster
function preLoad()
{
var images = new Array('path/image.gif','path/image.gif'); /****/
preloadImages(images);
}
//--------------Defines process for preload
function preloadImages(images)
{
for(loop = 0; loop < images.length; loop++)
{
var image = new Image();
image.src = images[loop];
}
}
//-->
</SCRIPT>
Simba says Roar.
= = = = = = = = = = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>PreLoad Images By Wolf-Man</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"><br>
<!--<br>
/**************************************************<br>
Written by Adam Weiss<br>
http://www.geocities.com/Amweiss157/<br>
adam_weiss@hotmail.com<br>
Keep this intact if you want to use the script!<br>
In this script only edit the line that ends in /****/<br>
Between the parenthesis put all you imgages you want loaded<br>
in 'single quotes' followed by a , with no spaces <br>
**************************************************/<br>
<br>
//--------------Preloads nav frame pics so they roll over faster<br>
function preLoad()<br>
{<br>
var images = new Array('path/image.gif','path/image.gif'); /****/<br>
preloadImages(images);<br>
}<br>
<br>
//--------------Defines process for preload<br>
function preloadImages(images)<br>
{<br>
for(loop = 0; loop < images.length; loop++)<br>
{<br>
var image = new Image();<br>
image.src = images[loop];<br>
}<br>
}<br>
//--><br>
</SCRIPT><br>
Simba says Roar.<br>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
dt=
<node>RANDOM
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30286|JS_30286~xml.0.jhtml?cda=true#
Random Images
Published 08/03/2000
By Maximum
I actually used to use this trick on an old website of mine, and I thought than rather just letting it go to waste, I'd post it here. Basically, you enter images that you want to display at random, and this script picks one out of the images and prints it. Very simple to customize as well.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
Here's the code; it's pretty self-explanatory. But since I figured a few people would have trouble, I commented the whole thing so its even easier :-)
<-- Start Random Image Coding -->
<Script Language="JavaScript">
<!--
//Insert the text/images to be randomized
var img1 = "http://www.yourwebsite.com/image1.gif"
var img2 = "http://www.yourwebsite.com/image2.gif"
var img3 = "http://www.yourwebsite.com/image3.gif"
//get a random number...
var randomize = Math.round(Math.random()*3)
//select text/image based on random number
if (randomize == 1){
newimg = img1
}else if (randomize == 2){
newimg = img2
}else{
newimg = img3
}
//output text/image
document.write('<IMG SRC="'+newimg+'">')
//-->
</Script>
<-- End Random Image Coding -->
There you have it. Just paste that to where you want random images to occur. [Free Tutorials]
http://www.tutorialindex.com/
<end node> 5P9i0s8y19Z
dt=
<node>PRE-LOADING
2
<end node> 5P9i0s8y19Z
dt=
<node>IMAGES
3
COPY AND PASTE INTO HEAD OF PAGE.
=================================================
<script language=javaScript>
//from www.a1javascripts.com
<!--//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//-->
</script>
=================================================
TO ADD MORE IMAGES, SIMPLY ADD
newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";
and so on...
******************************************************************************
http://www.wsabstract.com/script/script2/preloadimage.shtml
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Description: Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.
Directions: Simply insert the below into the <head> section of your page
Change the paths of the images to be preloaded to your own inside function preloadimages().
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
Preload images script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>PROTECT IMAGES
2
You can take the "No Right Click" script at
http://page-details.javascriptsource.com/no-right-click.html
and change the two lines that read:
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
So that they only set the protect function for the onmousedown effect of just the one image.
So, count what number the image is on the page. Count the first image on the page as zero (yes, it starts as zero not one) then the next as one, the next as two, etc. Until you find the number of the one you want to protect.
Then, change the two lines above to read:
document.images[4].onmousedown = right;
(where 4 is the number of the image you want to protect
<end node> 5P9i0s8y19Z
dt=
<node>Swap by click
2
<SCRIPT language="JavaScript">
<!--
// Image pre-loading
pic1 = new Image();
pic1.src = '../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg';
pic2 = new Image();
pic2.src = '../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg';
pic3 = new Image();
pic3.src = '../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg';
pic4 = new Image();
pic4.src = '../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg';
pic5 = new Image();
pic5.src = '../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg';
pic6 = new Image();
pic6.src = '../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg';
pic7 = new Image();
pic7.src = '../images/commerce/Diamond_K_Ranch/diamondk115_big.jpg';
pic8 = new Image();
pic8.src = '../images/commerce/Diamond_K_Ranch/diamonda115_big.jpg';
pic9 = new Image();
pic9.src = '../images/commerce/Diamond_K_Ranch/diamondb115_big.jpg';
pic10 = new Image();
pic10.src = '../images/commerce/Diamond_K_Ranch/diamondl115_big.jpg';
pic11 = new Image();
pic11.src = '';
pic12 = new Image();
pic12.src = '../images/commerce/Diamond_K_Ranch/diamondf115_big.jpg';
pic13 = new Image();
pic13.src = '../images/commerce/Diamond_K_Ranch/diamondi115_big.jpg';
pic14 = new Image();
pic14.src = '';
pic15 = new Image();
pic15.src = '';
pic16 = new Image();
pic16.src = '';
pic17 = new Image();
pic17.src = '';
pic18 = new Image();
pic18.src = '';
pic19 = new Image();
pic19.src = '';
pic20 = new Image();
pic20.src = '';
pic21 = new Image();
pic21.src = '';
pic22 = new Image();
pic22.src = '';
pic23 = new Image();
pic23.src = '';
pic24 = new Image();
pic24.src = '';
pic25 = new Image();
pic25.src = '';
pic26 = new Image();
pic26.src = '';
pic27 = new Image();
pic27.src = '';
pic28 = new Image();
pic28.src = '';
pic29 = new Image();
pic29.src = '';
pic30 = new Image();
pic30.src = '';
pic31 = new Image();
pic31.src = '';
pic32 = new Image();
pic32.src = '';
pic33 = new Image();
pic33.src = '';
pic34 = new Image();
pic34.src = '';
pic35 = new Image();
pic35.src = '';
pic36 = new Image();
pic36.src = '';
pic37 = new Image();
pic37.src = '';
pic38 = new Image();
pic38.src = '';
pic39 = new Image();
pic39.src = '';
pic40 = new Image();
pic40.src = '';
pic41 = new Image();
pic41.src = '';
function swap(img) {
i = document.getElementById('img');
i.src = img;
}
//-->
</SCRIPT>
--------------------
<img src="../images/commerce/Diamond_K_Ranch/A_1HPIM1478115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/A_2HPIM1482115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondc115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamonde115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondg115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondj115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer">
<end node> 5P9i0s8y19Z
dt=
<node>insert commas
1
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
<end node> 5P9i0s8y19Z
dt=
<node>java enables
1
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (navigator.javaEnabled())
window.location = "cuggc.htm";
else
window.location = "cuggd.htm";
// End -->
</script>
</head>
******************************************
<!-- ONE STEP TO INSTALL BROWSER INFORMATION:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.34 KB -->
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Description: More information about the web browser than you knew existed! Find out the code name, color depth, platform, if java is enabled, resolution, ip address, hostname, and more! Simply incredible.
<!-- THREE STEPS TO INSTALL BROWSER PROPERTIES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- begin
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip);
}
}
// end -->
</script>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="display()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<center>
<form name=form>
<table border=1 width=300>
<tr>
<td>current resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height></td>
</tr>
<tr>
<td>
browser:</td>
<td align=center><input type=text size=20 maxlength=20 name=navigator></td>
</tr>
<tr>
<td>
max resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight></td>
</tr>
<tr>
<td>
version:</td>
<td align=center><input type=text size=20 maxlength=20 name=version></td>
</tr>
<tr>
<td>
color depth:</td>
<td align=center><input type=text size=2 maxlength=2 name=colordepth> bit</td>
</tr>
<tr>
<td>
code name:</td>
<td align=center><input type=text size=15 maxlength=15 name=codename></td>
</tr>
<tr>
<td>
platform:</td>
<td align=center><input type=text size=15 maxlength=15 name=platform></td>
</tr>
<tr>
<td>
colors:</td>
<td align=center><input type=text size=8 maxlength=8 name=color></td>
</tr>
<tr>
<td>
java enabled:</td>
<td align=center><input type=text size=3 maxlength=3 name=java></td>
</tr>
<tr>
<td>
anti-aliasing fonts:</td>
<td align=center><input type=text size=3 maxlength=3 name=fonts></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button name=again value="again?" onclick="display()"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.31 KB -
<end node> 5P9i0s8y19Z
dt=
<node>Labels Change(.innerHtml)
1
document.getElementById('label').InnerHTML = 'your text goes here';
<end node> 5P9i0s8y19Z
dt=
<node>language
1
[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
<end node> 5P9i0s8y19Z
dt=
<node>Definitions
2
charAt(x) Returns the character at the "x" position within the string.
charCodeAt(x) Returns the Unicode value of the character at position "x" within the string.
concat(v1, v2,...) Combines one or more strings (arguments v1, v2 etc) into the existing one and returns the combined string. Original string is not modified.
fromCharCode(c1, c2,...) Returns a string created by using the specified sequence of Unicode values (arguments c1, c2 etc). Method of String object, not String instance. For example: String.fromCharCode().
indexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
lastIndexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1.
match(regexp) Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found.
replace( regexp, replacetext) Searches and replaces the regular expression portion (match) with the replaced text instead.
search(regexp) Tests for a match in a string. It returns the index of the match, or -1 if not found.
slice(start, [end]) Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string.
split(delimiter, [limit]) Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return.
substr(start, [length]) Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
substring(from, [to]) Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
var picture = document.frmInput.picture.value;
var ch = picture.substring(picture.length-4,picture.length);
if(ch !='.jpg' && ch !='.gif'){
error_message = error_message + '*The Picture extension must be .jpg or .gif (lower case).\\n';
error = 1;
}
toLowerCase() Returns the string with all of its characters converted to lowercase.
toUpperCase() Returns the string with all of its characters converted to uppercase.
<end node> 5P9i0s8y19Z
dt=
<node>focus on element
2
<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
<end node> 5P9i0s8y19Z
dt=
<node>getElementById
2
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
<end node> 5P9i0s8y19Z
dt=
<node>IF
2
if (something compared_to somethingelse)
{
do this
} elseif (something compared_to somethingelse)
{
then do this instead
}
} elseif (something compared_to somethingelse)
{
then do this instead
}
} else {
then none of the above apply so do this
}
== is equal to
!= is NOT equal to
< is less than
> is greater than
<= is less than or equal to
>= is greater than or equal to
<end node> 5P9i0s8y19Z
dt=
<node>indexOf
2
var ss = "a string index of test ";
var result = ss.indexOf("ri");
<end node> 5P9i0s8y19Z
dt=
<node>keycode
2
onkeyup="isFull(event,this.id,3,'shipphone2');">
function isFull(e,id,len_,newid){
var code = e.keyCode || e.which;
if(document.getElementById(id).value.length==len_ && code>47 && code<58 ){
document.getElementById(newid).focus();
}
//alert (document.getElementById(id).value);
}
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
==========
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
<end node> 5P9i0s8y19Z
dt=
<node>ScrollPage
2
function scrollToTop(el) {
el.scrollTop = 0;
}
document.getElementById('scrollTop').onclick = function () {
var el = document.getElementById('myScrollbox');
scrollToTop(el);
};
<end node> 5P9i0s8y19Z
dt=
<node>md5
1
<h2>Demonstration</h2>
<script src="2.2/md5-min.js" type="text/javascript"></script>
<script src="2.2/sha1-min.js" type="text/javascript"></script>
<div class="indented">
<table>
<tr><th>Input</th><td><input type="text" id="input" size="40"></td></tr>
<tr><th>Calculate</th>
<td style="text-align:center">
<input type="button" onclick="document.getElementById('hash').value = hex_md5(document.getElementById('input').value)" value="MD5">
<input type="button" onclick="document.getElementById('hash').value = hex_sha1(document.getElementById('input').value)" value="SHA-1"></td></tr>
<tr><th>Result</th><td><input type="text" id="hash" size="40"></td></tr>
</table>
<end node> 5P9i0s8y19Z
dt=
<node>MESSAGES
1
<end node> 5P9i0s8y19Z
dt=
<node>Body Mass 2
2
http://www.x-developer.com/javascript/content/calculators/body-mass-2/index.html
Body Mass 2
Action: Calculates your body mass index.
Usage: Let your visitors calculate their own body mass index.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Marat Rikelman (rikelman@bellsouth.net) -->
<!-- --------------------------------------------------- -->
function mod(div,base)
{
return Math.round(div-(Math.floor(div/base)*base));
}
function calcBmi()
{
var w=document.bmi.weight.value*1;
var HeightFeetInt=document.bmi.htf.value*1;
var HeightInchesInt=document.bmi.hti.value*1;
HeightFeetConvert=HeightFeetInt*12;
h=HeightFeetConvert+HeightInchesInt;
displaybmi=(Math.round((w*703)/(h*h)));
var rvalue=true;
if((w<=35)||(w>=500)||(h<=48)||(h>=120))
{
alert("Invalid data. Please check and re-enter!");
rvalue=false;
}
if(rvalue)
{
if(HeightInchesInt>11)
{
reminderinches=mod(HeightInchesInt,12);
document.bmi.hti.value=reminderinches;
document.bmi.htf.value=HeightFeetInt+((HeightInchesInt-reminderinches)/12);
document.bmi.answer.value=displaybmi;
}
if(displaybmi<19)
document.bmi.comment.value="Underweight";
if(displaybmi>=19&&displaybmi<=25)
document.bmi.comment.value="Desirable";
if(displaybmi>=26&&displaybmi<=29)
document.bmi.comment.value="prone to health risks";
if(displaybmi>=30&&displaybmi<=40)
document.bmi.comment.value="Obese";
if(displaybmi>40)
document.bmi.comment.value="Extremely obese";
document.bmi.answer.value=displaybmi;
}
return rvalue;
}</script>
<form name=bmi>
<center>
<table width=200 border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Weight: <input type=text name=weight SIZE=3 maxlength=3>
lbs. </font></b></td>
</tr>
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Height: <input type=text name=htf size=1 maxlength=1>
Ft. <input type=text name=hti size=2 maxlength=2>
In. </font></b></td>
</tr>
<tr> <td align=center> <input type=button value="Calculate BMI" onclick=calcBmi()>
</td>
</tr>
<tr bgcolor="#00007F"> <td> <b><font color="#FFFFFF">Body Mass Index <input type=text name=answer size=3>
</font></b></td>
</tr>
<tr bgcolor="#00007F"> <td> <center>
<b><font color="#FFFFFF"> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is: <br>
<input type=text name=comment size=25>
</font> </b> </center>
</td>
</tr>
</table>
</center>
</form>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Calories 1
2
http://www.x-developer.com/javascript/content/calculators/calories-1/index.html
Calories 1
Action: Calculates calories burned.
Usage: Let your visitors calculate their calories burned.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var myWeight;
var myDistance;
function HowMany(form)
{
var difference;
difference=(myDistance*myWeight)*.653;
form.Fdiff.value=difference;
if(difference<100)
{
form.comment.value="You better start working!";
}
if(difference>101&&difference<200)
{
form.comment.value="Nice run, but you can do better.";
}
if(difference>201&&difference<300)
{
form.comment.value="Very good! Push above 300 next time.";
}
if(difference>301&&difference<500)
{
form.comment.value="Great! Your a runner.....keep it up!";
}
if(difference>501&&difference<700)
{
form.comment.value="Bill Rogers move over!";
}
if(difference>701)
{
form.comment.value="Your my hero! Have a jelly doughnut.";
}
}
function SetMyWeight(weight)
{
myWeight=weight.value;
}
function SetmyDistance(dis)
{
myDistance=dis.value;
}
function ClearForm(form)
{
form.myWeight.value="";
form.myDistance.value="";
form.Fdiff.value="";
form.comment.value="";
}</SCRIPT>
<CENTER>
<FORM METHOD=POST>
<TABLE border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<TR> <TR> <TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Your <br>
Weight </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Miles <br>
run </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Calories <br>
burned </font></b></div>
</TD>
<TD> <INPUT TYPE=BUTTON ONCLICK=HowMany(this.form) VALUE=Calculate>
</TD>
</TR>
<tr> <TD> <div align=center> <INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE=SetMyWeight(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE=SetmyDistance(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=Fdiff VALUE="" SIZE=6>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=BUTTON VALUE=" Reset " onClick=ClearForm(this.form)>
</div>
</tr>
</table>
<table border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr> <TD bgcolor="#00007F"> <DIV ALIGN=CENTER><b><font color="#FFFFFF"> Comments </font></b></DIV>
</TD>
<TD> <INPUT TYPE=text NAME=comment size=37>
</td>
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Calories 2
2
http://www.x-developer.com/javascript/content/calculators/calories-2/index.html
Calories 2
Action: Calculates how many calories your have burned.
Usage: Let your visitors calculate their calories.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=LiveScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: pbrady@mail.fsci.umn.edu -->
<!-- --------------------------------------------------- -->
function computeBMR(form){ form.BMRMale.value = 66.473 + ((form.weight.value / 2.2 ) * 13.751) + (5.0033 * form.height.value * 2.54) - (6.55 * form.age.value); form.BMRFemale.value = 665.51 + ((form.weight.value / 2.2 ) * 9.463) + (1.8496 * form.height.value * 2.54) - (4.6756 * form.age.value); form.BMR.value= 70 * (Math.pow((form.weight.value / 2.2 ), 0.75)); return;
}
function computeTotal(form){ if (form.vlight.value.length == 0){ form.vlight.value = "0"; }
if (form.light.value.length == 0){ form.light.value = "0"; } if (form.moderate.value.length == 0){ form.moderate.value = "0"; } if (form.heavy.value.length == 0){ form.heavy.value = "0"; } if (form.vheavy.value.length == 0){ form.vheavy.value = "0"; } form.TotMale.value = (1.0 * form.BMRMale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); form.TotFemale.value = (1.0 * form.BMRFemale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); return;
}
function clearBMR(form){ form.age.value = ""; form.weight.value = ""; form.height.value = ""; form.BMRMale.value = ""; form.BMRFemale.value = ""; form.BMR.value = ""; return;
}
function clearTotal(form){ form.vlight.value = "0"; form.light.value = "0"; form.moderate.value = "0"; form.heavy.value = "0"; form.vheavy.value = "0"; form.TotMale.value = "0"; form.TotFemale.value = "0"; return;
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellpadding="2" cellspacing="0" align="center" bgcolor="#1018BF" width="550">
<TBODY> <TR> <TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">Physical characteristics: </font></b> </center>
<TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">BMR </font></b> </center>
<TH><font color="#1018BF">1</font> </TR>
<TR> <TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF">Age in years <INPUT name=age size=6><br>Weight in pounds <INPUT name=weight size=6><br>Height in inches <INPUT name=height size=6></font></b></PRE>
</center>
<TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF"><INPUT name=BMRMale size=6> kcal/day for men <INPUT name=BMRFemale size=6> kcal/day for women
</font></b></PRE>
</center>
<TD vAlign=top> <INPUT onclick=computeBMR(this.form) type=button value=Enter>
<INPUT onclick=clearBMR(this.form) type=button value=Clear>
</TD>
</TR>
</TBODY> </TABLE>
<center>
<P align="center"><b>BMR can also be estimated as 70 W<SUP>0.75</SUP> = <INPUT border=0 name=BMR size=6>kcal/day, where W is body weight in kilograms.</b></center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Computer Cost
2
http://www.x-developer.com/javascript/content/calculators/computer-cost/index.html
Computer Cost
Action: Calculates cost of your computer.
Usage: Let your visitors calculate cost of their computer.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=JAVASCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Reaz Hoque -->
<!-- --------------------------------------------------- -->
var called=false;
//to make sure the function compute() is called
var T_Price=0;
var pr_flag;
//processor flag for keeping track of the choices
var pr_print="";
var sp_flag;
//flag for speed
var sp_print;
var ram_flag;
//flag for ram
var ram_print;
var hdrive_flag;
//flag for Hard Drive
var hdrive_print;
var vram_flag;
//flag for VRAM
var vram_print;
var fdrive_flag;
//flag for Floopy Drivevar fdrive_print;
var cd_flag;
//flag for CD Rom
var cd_print;
var mn_flag;
//flag for Monitor
var mn_print;
var mos_flag;
//flag for Mouse
var mos_print;
var kb_flag;
//flag for KeyBoard
var kb_print;
var modem_flag;
//flag for Modem
var modem_print;
var software_flag;
//flag for software
var software_print;
var card_flag;
//flag for sound card
var card_print;
function compute(form){
called=true;
if (form.processor[0].selected){
pr_print= "None [$0]";
pr_flag=0;
} if (form.processor[1].selected){
pr_flag =540;
pr_print="68LCO45 DD [$540]";
}
else if (form.processor[2].selected){
pr_flag =340;
pr_print="68LCO45 EE [$340]";
}
else if (form.processor[3].selected){
pr_flag =680;
pr_print="68LCO45 FF [$680]";
}
else if (form.processor[4].selected){
pr_flag =421;
pr_print="68LCO45 GG [$421]";
}
//-------Speed----------
if (form.speed[0].selected){
sp_flag=0;
sp_print="None [$0]";
}
if (form.speed[1].selected){
sp_flag=110;
sp_print="60 MHz [$110]";
}
if (form.speed[2].selected){
sp_flag=145;
sp_print="66/33 MHz [$145]";
}
if (form.speed[3].selected){
sp_flag=199;
sp_print="75 MHz [$199]";
}
if (form.speed[4].selected){
sp_flag=235;
sp_print="100 MHz [$235]";
}
//-------RAM-----------
if (form.ram[0].selected){
ram_flag=0;
ram_print="None [$0]";
}
if (form.ram[1].selected){
ram_flag=75;
ram_print="4 RAM [$75]";
}
if (form.ram[2].selected){
ram_flag=120;
ram_print="8 RAM [$120]";
}
if (form.ram[3].selected){
ram_flag=200;
ram_print="16 RAM [$200]";
}
if (form.ram[4].selected){
ram_flag=350;
ram_print="32 RAM [$350]";
}
//-------Hard Drive-------
if (form.hdrive[0].selected){
hdrive_flag=0;
hdrive_print="None [$0]";
}
if (form.hdrive[1].selected){
hdrive_flag=100;
hdrive_print="250MB [$100]";
}
if (form.hdrive[2].selected){
hdrive_flag=200;
hdrive_print="500MB [$200]";
}
if (form.hdrive[3].selected){
hdrive_flag=300;
hdrive_print="750MB [$300]";
}
if (form.hdrive[4].selected){
hdrive_flag=399;
hdrive_print="1.0GB [$399]";
}
//-------VRAM-------
if (form.vram[0].selected){
vram_flag=0;
vram_print="None [$0]";
}
if (form.vram[1].selected){
vram_flag=50;
vram_print="1MB DRAM [$50]";
}
if (form.vram[2].selected){
vram_flag=89;
vram_print="4MB DRAM [$89]";
}
if (form.vram[3].selected){
vram_flag=125;
vram_print="8MB DRAM [$125]";
}
if (form.vram[4].selected){
vram_flag=200;
vram_print="16MB DRAM [$200]";
}
//-------Floppy-------
if (form.fdrive[0].selected){
fdrive_flag=0;
fdrive_print="None [$0]";
}
if (form.fdrive[1].selected){
fdrive_flag=75;
fdrive_print=" 1.4 ench. [$75]";
}
if (form.fdrive[2].selected){
fdrive_flag=50;
fdrive_print="5.25 ench. [$50]";
}
if (form.fdrive[3].selected){
fdrive_flag=100;
fdrive_print="BOTH [$100]";
}
//-------CD ROM-------
if (form.cd[0].selected){
cd_flag=0;
cd_print="None [$0]";
}
if (form.cd[1].selected){
cd_flag=300;
cd_print="600E Dual Speed [$300]";
}
if (form.cd[2].selected){
cd_flag=450;
cd_print="800E Quadruple-Speed [$450]";
}
//----------Monitor-----------
if (form.monitor[0].selected){
mn_flag=0;
mn_print="None [$0]";
}
if (form.monitor[1].selected){
mn_flag=210;
mn_print="12 ench. VGA [ $210]";
}
if (form.monitor[2].selected){
mn_flag=300;
mn_print="14 ench. Super VGA [$300]";
}
if (form.monitor[3].selected){
mn_flag=290;
mn_print="14 ench. VGA [$290]";
}
if (form.monitor[4].selected){
mn_flag=370;
mn_print="14 ench. Super VGA [$370]";
}
if (form.monitor[5].selected){
mn_flag=350;
mn_print="17 ench. VGA [$350]";
}
if (form.monitor[6].selected){
mn_flag=475;
mn_print="17 ench. Super VGA [$475]";
}
//-----------Mouse------
if (form.mouse[0].selected){
mos_flag=0;
mos_print="None [$0]";
}
if (form.mouse[1].selected){
mos_flag=35;
mos_print=" Vesa6 [$35]";
}
if (form.mouse[2].selected){
mos_flag=120;
mos_print=" Titda9 [$120]";
}
//----------KeyBoard-----------
if (form.keyboard[0].selected){
kb_flag=0;
kb_print= "None [$0]";
}
if (form.keyboard[1].selected){
kb_flag=75;
kb_print="473E SPO [$75]";
}
if (form.keyboard[2].selected){
kb_flag=120;
kb_print="48dE SPO [$120]";
}
if (form.keyboard[3].selected){
kb_flag=150;
kb_print="874K SPO [$150]";
}
if (form.keyboard[4].selected){
kb_flag=175;
kb_print="888i SPO [$175]";
}
//----------Modem-----------
if (form.modem[0].selected){
modem_flag=0;
modem_print=" None [$0]";
}
if (form.modem[1].selected){
modem_flag=100;
modem_print=" External 14.4 [$100]";
}
if (form.modem[2].selected){
modem_flag=110;
modem_print=" Internal 14.4 [$110]";
}
if (form.modem[3].selected){
modem_flag=150;
modem_print=" External 28.8 [$150]";
}
if (form.modem[4].selected){
modem_flag=160;
modem_print=" Internal 28.8 [$160]";
}
//----------Sound Card----------- if (form.card[0].selected){
card_flag=0;card_print="None [$0]";
}
if (form.card[1].selected){
card_flag=300;
card_print=" Adlib [$300]";
}
if (form.card[2].selected){
card_flag=258;
card_print=" Sound Blaster [$258]";
}
if (form.card[3].selected){
card_flag=235;
card_print=" Sound Blaster Pro [$235]";
}
if (form.card[4].selected){
card_flag=320;
card_print=" MIDI Mapper [$320]";
}
T_Price=pr_flag+sp_flag+ram_flag+hdrive_flag+vram_flag+ fdrive_flag+cd_flag+mn_flag+mos_flag+ kb_flag+modem_flag+card_flag;form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
compute(form);
}
text = ("<HEAD><TITLE>'UniVista On-line Computer Cost Esimator'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 4><FONT COLOR=BLUE>UniVista On-line Computer Cost Esimator</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Processor:<BR>Speed: <BR>Monitor: <BR>Hardrive: <BR>Floppy Drive: <BR>Memory:");
text=(text+" <BR>VRAM: <BR>CD-ROM: <BR>Sound Card: <BR>Modem: <BR>Key Board: <BR>Mouse: ");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ pr_print+"<BR>"+sp_print+"<BR>"+ mn_print+"<BR>"+ hdrive_print+"<BR>");
text=(text+ fdrive_print+"<BR>"+ram_print+"<BR>"+ vram_print+"<BR>"+ cd_print+"<BR>");
text=(text+card_print+"<BR>"+ modem_print+"<BR>"+kb_print +"<BR>" +mos_print );
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Total Cost:</FONT>"+" $"+T_Price);
text=(text+"<BR><BR><BR><BR><BR><FONT SIZE=-1><FONT COLOR=GREEN>To print, choose FILE and PRINT.</FONT></FONT>");
text=(text+"</body></html>"); msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=480,directories=no,status=yes,scrollbars=yes,resize=no,menubar=yes") msgWindow.document.write(text) msgWindow.document.close()
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<CAPTION></CAPTION>
<TBODY> <TR> <TD> <center>
<font color="#FFFFFF"><b>Processor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=processor>
<OPTION selected>Select <OPTION>68LCO45 DD [$540] <OPTION>68LCO45 EE [$340] <OPTION>68LCO45 FF [$680] <OPTION>68LCO45 GG [$421]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Speed: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=speed>
<OPTION selected>Select <OPTION>60 MHz [$110] <OPTION>66/33 MHz [$145] <OPTION>75 MHz [$199] <OPTION>100 MHz [$235]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Memory(RAM): </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=ram>
<OPTION selected>Select <OPTION>4 RAM[$75] <OPTION>8 RAM [$120] <OPTION>16 RAM [$200] <OPTION>32 RAM [$350]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>Hard drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=hdrive>
<OPTION selected>Select <OPTION>250MB [$100] <OPTION>500MB [$200] <OPTION>750MB [$300] <OPTION>1.0GB [$399]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>VRAM: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=vram>
<OPTION selected>Select <OPTION>1MB DRAM [$50] <OPTION>4MB DRAM [$89] <OPTION>8MB DRAM [$125] <OPTION>16MB DRAM [$200]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Floppy Drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=fdrive>
<OPTION selected>Select <OPTION>1.4MB [$75] <OPTION>5.25MB [$50] <OPTION>BOTH [$100]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>CD-Rom: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=cd>
<OPTION selected>Select <OPTION>600E Dual Speed [$300] <OPTION>800E Quadruple-Speed [$450]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Monitor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=monitor>
<OPTION selected>Select <OPTION>12" VGA [ $210] <OPTION>12" Super VGA [$300] <OPTION>14" VGA [$290] <OPTION>14" Super VGA [$370] <OPTION>17" VGA [$350] <OPTION>17" Super VGA [$475]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Mouse: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=mouse>
<OPTION selected>Select <OPTION>Vesa6 [$35] <OPTION>Titda9 [$120]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>KeyBoard: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=keyboard>
<OPTION selected>Select <OPTION>473E SPO [$75] <OPTION>48dE SPO [$120] <OPTION>874K SPO [$150] <OPTION>888i SPO [$175]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Modem: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=modem>
<OPTION selected>Select <OPTION>External 14.4 [$100] <OPTION>Internal 14.4 [$110] <OPTION>External 28.8 [$150] <OPTION>Internal 28.8 [$160]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Sound Card: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=card>
<OPTION selected>Select <OPTION>Adlib [$300] <OPTION>Sound Blaster [$258] <OPTION>Sound Blaster Pro [$235] <OPTION>MIDI Mapper [$320]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
</TBODY> </TABLE>
<P> <TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<TBODY> <TR> <TD> <CENTER>
<BR>
<INPUT name=Price onclick=compute(this.form) type=button value="Update Price">
</CENTER>
<BR>
<INPUT name=T_Price size=15>
<BR>
</TD>
<TD>
<INPUT name=Print_data onclick=print(this.form) type=button value="Print Preview">
<CENTER>
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Cool Table Menu
2
http://www.wsabstract.com/script/script2/coolmenu.shtml
Cool Table Menu IE 4+
Description: Add flare to your menu with Clarence's navigational script! Not only do participating menu items receive a "highlight" effect when the mouse moves over them, but also, a textual description of the containing link. Very cool, and degrades well with all browsers.
Example:
Dynamic Drive
Freewarejava.com
Cerebus Web Resources
SitePoint.com
Directions
Step 1: The following code is to be placed between <head> and </head>.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
Visit http://wsabstract.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
iedescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
iedescription.innerHTML=' '
}
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Add the below where you wish the menu to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(choice1,'The #1 DHTML site online')" onmouseout="moveout(choice1)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(choice2,'Free Java applets')" onmouseout="moveout(choice2)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(choice3,'Free webmaster resources')" onmouseout="moveout(choice3)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(choice4,'Resources to build your site')" onmouseout="moveout(choice4)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="iedescription" face="Verdana" size="2"></font></td></tr>
</table>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Count down until any date
2
http://www.wsabstract.com/script/script2/count.shtml
http://www.wsabstract.com/script/countdownimage.shtml
http://www.wsabstract.com/script/script2/count2.shtml
http://www.wsabstract.com/script/script2/countup.shtml
Count down until any date
Description: A versatile and practical script that can be used to count down until any given date.
Example: Only 81 days until Christmas!
Directions: Simply insert the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Count down until any date script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Only "+difference+" days until "+before)
}
//enter the count down date using the format year/month/day
countdown(2000,12,25)
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:
countdown(2000,12,25)
The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).
<end node> 5P9i0s8y19Z
dt=
<node>CREDITS SCREEN
2
http://www.wsabstract.com/script/script2/creditscreen.shtml
Credits screen
Description: Add a TV-like credits screen page to your site with this script! It displays a "credit" window that slowly scrolls down continuously, revealing the contributors' names bit by bit...just like the credit screen on TV!
Example: See credits for Website Abstraction
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the below into the <body> section of the page that will open the credits page (ie: this page):
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Credits screen script
By Website Abstraction
http://wsabstract.com
Over 400+ original scripts here!
*/
function opencredit(){
//set this to the file of the credit
var creditfile="credits.htm"
if (document.all)
creditwindow=window.open(creditfile,"","width=445,height=250")
else
creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
You'll also need to add a link like the below, which is what the users will click to activate the credits screen:
<a href="javascript:opencredit()">See credits for My site!</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Click and save the following HTML page into your webpage directory (credits.htm). This is the HTML page that contains the credits themselves. You obviously want to edit it to contain your own credit lines. Just don't remove the script inside of it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/credits.htm
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<title>Website Abstraction Credit Screen</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p align="center"><img src="../../logor.gif" width="332" height="97" alt="logor.gif (5979 bytes)"><br>
<small><font face="Verdana">Credits Page</font></small></p>
<p align="left"><strong><font face="Verdana">~Main credits~</font></strong></p>
<p align="left"><font face="Verdana"><strong>Creator and main operator: </strong>George
Chiang (WA)</font></p>
<p align="left"><font face="Verdana"><strong>JavaScript forum moderator: </strong>John
Krutsch</font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Dog Years
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Dog Years
Action: Calculates your dog life.
Usage: Let your visitors calculate how old they are in dog life.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Download Time
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Download Time
Action: Estimates how long will it take to download a file from Internet.
Usage: Let your visitors calculate time spent on specific download.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>FairWell window launcher
2
http://www.wsabstract.com/script/cut65.shtml
http://www.wsabstract.com/script/script2/bookalert.shtml
FairWell window launcher (updated:98/10/19)
I got the idea for the following script from a site I recently visited. When I left, a cute little window popped up, thanking me for visiting their site, and urging me to come back real soon. The window actually made an impact on me, surprisingly. Here is a script that does just that- pops up a small, toolbarless window as the surfer leaves the page. To avoid over-irritating your surfers, the script comes with the added feature of only popping up the first time the surfer enters and leaves the page; if he/she goes to CNN for a while, then returns and leaves again, the window is not displayed. (Try leaving this page the first time- a window will be displayed. Come back, then leave again- no window!). Note: Cookies are used to determine how many times a surfer has visited a page; therefore, only browsers with cookies enabled will benefit from this "anti-irritant" feature.
Example: Press "back" (the first time) to leave this page and see the script in action.
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following into the <head> section of your page (change the :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Fair well window launcher script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function openpopup(){
//configure "seeyou.htm and the window dimensions as desired
window.open("seeyou.htm","","width=300,height=338")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Insert the following into the <body> tag itself, like this:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<body onunload="loadpopup()">
.........
( Clip-Art )
Thanks for visiting our site. We hope to see you real soon!
http://wsabstract.com
..........
<end node> 5P9i0s8y19Z
dt=
<node>Group Work
2
http://www.x-developer.com/javascript/content/calculators/group/index.html
Group Work
Action: Calculates group work time.
Usage: Let your visitors calculate group work time.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: mistermidget@hotmail.com --> <!-- --------------------------------------------------- -->
function groupWork()
{
person1=parseInt(document.workform.person1.value);
person2=parseInt(document.workform.person2.value);
worktime=(person1*person2)/(person1+person2);
document.workform.time.value=worktime;
}</script>
<center>
<form name=workform>
<b>Person one can do the job in <input type=text name=person1 size=5>
hours. <br>
Person two can do the same job in <input type=text name=person2 size=5>
hours. <br>
Together, they can do the job in <input type=text name=time size=10>
hours. </b><br>
<br>
<input type=button value=Solve! name=solve onClick=groupWork()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>HeadLiner
2
When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great.... Just check it out!
= = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL HEADLINER:
1. Add the onLoad event handler to the BODY tag
2. Copy the specified code into the BODY of your HTML document -->
<!-- STEP ONE: Add this onLoad event handler to the BODY tag -->
<body onLoad="StartHeadliner()">
<!-- STEP TWO: Put this code into the BODY of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- Begin
typeWriterWait=120 // Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false // randomly choose lines? (true or false)
lineMax=7 // how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.piaster.nl/perspicacity/js/headliner", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:Jan_P@dds.nl?subject=The Headliner", "", TypeWriter, 1500)
lines[7]=new Line("Or here to go back to Messages", "http://messages.javascriptsource.com", "", Static, 3500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 5.69 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Highlight text
2
http://wsabstract.com/howto/css.shtml
Highlight text (Compatible: IE 4+, NS 4)
Cheap example on the net: Below example
I like to call this effect highlight text, but many simply call it "text with a background color" (how artistic). It allows you to draw attention to specific text by giving it a background color. Take a look at the following paragraph:
= = =
Hay webmasters, looking for the perfect tool to create and manage a web site? Allow me to introduce you to NotePad. Its the simplest, fastest, and don't forget, cheapest way to creating and maintaining a site. Why else would it be packaged with Windows 95? You know that Windows 95 is the best operating system available, so whatever comes with it must also be the, eh, best, right?. Don't hesitate, use NotePad today!
= = =
Since I want to emphasize the words "simplest, fastest, and cheapest", I use CSS to give that portion of the text a background color of yellow. Here's the source code I used:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<span style="background-color:yellow">simplest, fastest, and don't forget, cheapest</span>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
As you can see, just warp the text you want to highlight with the part in bold.
<end node> 5P9i0s8y19Z
dt=
<node>Interactive Headliner 1
2
http://www.x-developer.com/javascript/content/buttons/headliner-1/index.html
Interactive Headliner 1 Browser : ALL
Action: Scrolls and blinks information with links in many ways.
Usage: Save space on your site by having this ultimate headliner on your pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=StartHeadliner() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- --------------------------------------------------- -->
typeWriterWait=120// Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90// scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false// randomly choose lines? (true or false)
lineMax=7// how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.x-developer.com", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:developer@x-developer.com", "", TypeWriter, 1500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="X-Developer presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Interactive Headliner 2
2
http://www.x-developer.com/javascript/content/buttons/headliner-2/index.html
Interactive Headliner 2
Action: Changes messageson a form button with predefined links.
Usage: Create your littlepresentation and save space on your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=StartHeadliner() onunload=StopHeadliner() bgcolor="#FFFFCC">
<STYLE>.stHeadliner {
BACKGROUND: red; COLOR: white; FONT-FAMILY: lucida console, courier new, monospace; FONT-SIZE: 11pt; FONT-STYLE: italic; FONT-WEIGHT: bold
}
</STYLE>
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker -->
<!-- Web Site: mailto:Jan_P@dds.nl -->
<!-- --------------------------------------------------- -->
// Delay in milliseconds for the growing headliner
growWait=90
// Delay in milliseconds for the expanding headliner
expandWait=120
// Delay in milliseconds for the scrolling headliner
scrollWait=100
// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40
// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)
// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("Get 1000's of best JavaScripts!", "http://www.x-developer.com", Expand, 2000)
lines[2]=new Line("Great Animation Scripts", "www.x-developer.com/javascript/content/animations/index.html", Scroll, 1000)
lines[3]=new Line("Cool Banner Scripts", "http://www.x-developer.com/javascript/content/banners/index.html", Static, 2500)
lines[4]=new Line("E-Mail Me!", "mailto:developer@x-developer.com", Grow, 3000)
// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</SCRIPT>
<CENTER>
<FORM name=formDisplay>
<INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value="The Headliner">
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Page Born
2
http://www.x-developer.com/javascript/content/page-details/page-born/index.html
Page Born
Action: Tells you if the page has changed since your last visit.
Usage: Tell a visitor if something has happened on your site since his last visit.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR> <TD bgcolor="#000044"> <center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: www.jwp.bc.ca/saulm/html/bornon.htm -->
<!-- --------------------------------------------------- -->
document.write(document.title);
</SCRIPT>
</center>
</TD>
</TR>
<TR> <TD bgcolor="#440000"> <center>
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>
<!-- Put the page creation date, here --> April 1, 2000 <BR>
<SCRIPT LANGUAGE="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break; }
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "Last updated: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'><br>Site has changed since last visit!</font><br>");
}
</SCRIPT>
</FONT> </center>
</TD>
</TR>
</TABLE>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>People on Earth
2
http://www.x-developer.com/javascript/content/calculators/people-earth-ie/index.html
People on Earth
Action: Calculates how many people live on Earth.
Usage: Let your visitors calculate number of people on Earth.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=maind() bgcolor="#FFFFCC">
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: w.joosen@tip.nl -->
<!-- http://www.geocities.com/SiliconValley/Heights/7725/-->
<!-- --------------------------------------------------- -->
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0 var i=0
while (number > 1)
{ numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) { numberstring = "." + numberstring j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring}
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds) { startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 nu = new Date () schuldstartdatum = new Date (96,1,1) secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</SCRIPT>
<CENTER>
<BR>
<H2><font size="4">The number of people on the planet Earth is now...</font></H2>
<FORM name=schuld>
<INPUT name=schuld size=25>
</FORM>
<BR>
<BR>
<H2><font size="4">Since you are on this page the number of people on Earth has grown with ...</font></H2>
<FORM name=newnow>
<INPUT name=newnow size=25>
<H2><font size="4">people.</font></H2>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Remote Control
2
http://www.wsabstract.com/script/cut105.shtml
http://www.wsabstract.com/script/cut112.shtml
Remote Control
Description: A remote control that loads links into the main window.
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following code into the <body> of the MAIN page (the page that will launch the remote:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
function remote(){
/*Credit: Website Abstraction www.wsabstract.com more JavaScripts here.*/
win2=window.open("remote.htm","","width=150,height=350,scrollbars")
win2.creator=self
}
//-->
</script>
<form>
<input type="button" value="Launch remote!" onClick="remote()">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below code and save it as remote.htm. This is the file you should edit- simply change the URLs in function remote2 below to your own:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
<title>Remote Control</title>
<script>
<!--
function remote2(url){
creator.location=url
}
//-->
</script>
</head>
<body bgcolor="ffffff">
<div align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFF00">
<tr>
<td width="100%"><p align="center"><strong><big><font face="Arial">Remote Control</font></big></strong></td>
</tr>
</table>
</div>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../javaindex.htm')"><strong>JavaScript Tutorials</strong></a></font></p>
<p align="left"><font face="Arial"><a href="javascript:remote2('../howto/webbuild.htm')"><strong><small>Web
building tutorials</small></strong></a></font></p>
<p align="left"><a href="javascript:remote2('../cutpastejava.htm')"><font face="Arial"
size="2"><strong>Free JavaScripts</strong></font></a></p>
<p align="left"><a href="javascript:remote2('../java/javafront.htm')"><small><font
face="Arial"><strong>Free Java applets</strong></font></small></a></p>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../frontpage.htm')"><strong>FrontPage Tutorials</strong></a></font></p>
<p align="left"><a href="javascript:remote2('../backgr.htm')"><font face="Arial" size="2"><strong>Web
Graphics</strong></font></a></p>
<p align="left"><a
href="javascript:remote2('http://www.wsabstract.com/script/cut105.htm')"><font
face="Arial" size="2"><strong>Back to script</strong></font></a></p>
</body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Scrolling Window
2
http://www.wsabstract.com/script/cut179.shtml
Scrolling Window (Requires IE 4.x or NS 4.x)
Description: A scrolling window script that automatically scrolls the window all the way to the bottom, then starts all over again. Great for presentational web pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
E X A M P L E:
<title>The World Cups</title>
</head>
<body bgcolor="#FFFFFF">
<p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script><!--webbot bot="HTMLMarkup"
endspan --></p>
<div align="center"><center>
<table border="0" width="65%" cellspacing="3" cellpadding="0" bgcolor="#008000">
<tr>
<td width="100%"><div align="center"><center><table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"><h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font
face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<hr size="1">
<h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<p align="center"> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>TIP-OF-THE-DAY
2
http://www.wsabstract.com/script/script2/tipday.shtml
Tip of the day
Description: If you run any sort of "content" site, this script is an invaluable tool for making that content more dynamic, and to keep your visitors coming back. It's a "tip of the day" script that serves up a different tip daily. The script holds 31 tips, enough to cover an entire month's worth of information. Be sure to update the script every month!
Example:
JavaScript Tip of the day
Use the arguments array of functions to determine it's containing parameters dynamically
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply copy and paste the below to the <body> section of your page where you wish the tip to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<script>
<!--
/*
Tip of the day script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
var today_obj=new Date()
var today_date=today_obj.getDate()
var tips=new Array()
//Configure the below variable to contain the "header" of the tip
var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br>'
//Configure the below array to hold the 31 possible tips of the month
tips[1]='Tip 1 goes here'
tips[2]='Tip 2 goes here'
tips[3]='Tip 3 goes here'
tips[4]='Tip 4 goes here'
tips[5]='Tip 5 goes here'
tips[6]='Tip 6 goes here'
tips[7]='Tip 7 goes here'
tips[8]='Tip 8 goes here'
tips[9]='Tip 9 goes here'
tips[10]='Tip 10 goes here'
tips[11]='Tip 11 goes here'
tips[12]='Tip 12 goes here'
tips[13]='Tip 13 goes here'
tips[14]='Tip 14 goes here'
tips[15]='Tip 15 goes here'
tips[16]='Tip 16 goes here'
tips[17]='Tip 17 goes here'
tips[18]='Tip 18 goes here'
tips[19]='Tip 19 goes here'
tips[20]='Tip 20 goes here'
tips[21]='Tip 21 goes here'
tips[22]='Tip 22 goes here'
tips[23]='Tip 23 goes here'
tips[24]='Tip 24 goes here'
tips[25]='Tip 25 goes here'
tips[26]='Tip 26 goes here'
tips[27]='Tip 27 goes here'
tips[28]='Tip 28 goes here'
tips[29]='Tip 29 goes here'
tips[30]='Tip 30 goes here'
tips[31]='Tip 31 goes here'
document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Change the variables "tiptitle" and array "tips", and you're done.
<end node> 5P9i0s8y19Z
dt=
<node>NO CACHE?
1
There are several things that can't be done with JavaScript for security reasons, including such things as changing user preferences or clearing the cache.
However, I do have a slick workaround that prevents a page from being stored in the user's cache. (You don't have to clear the cache if the page isn't in the cache!) Anyways, on with it. The code to stick in the HEAD section of your page is this:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="Thu, 01 Dec 1994 120000 GMT">
Note: The second 'Expires' tag is not necessary for all browsers, but some browsers do use with the 'no-cache' tag, so it is best to just leave it in for good measure.
<end node> 5P9i0s8y19Z
dt=
<node>on click
1
parent.Displayright.location= 'http://www.westandassoc.com'
[vbcode]
onclick="; Chr$(34) + "parent.Displayright.location='home.html'" + Chr$(34); ">Return</a>"
<end node> 5P9i0s8y19Z
dt=
<node>Right Click Menu
2
http://javascript.internet.com/page-details/right-click-menu.html
Right Click Menu
(Internet Explorer Only) Displays a menu when the visitor right click's on the page. You can easily use style sheets to modify the menu 'skins', or write your own. Awesome!
<!-- TWO STEPS TO INSTALL RIGHT CLICK MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.painting-effects.co.uk -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Go Back</div>
<div class="menuitems" url="http://javascript.internet.com">Go Home</div>
<hr>
<div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div>
<div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div>
<hr>
<div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div>
<div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.36 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>right mouse click
2
<script language="JavaScript">
<!-- HIDE FROM OLD BROWSERS
function disable_right_click(e)
{
var browser = navigator.appName.substring ( 0, 9 );
var event_number = 0;
if (browser=="Microsoft")
event_number = event.button;
else if (browser=="Netscape")
event_number = e.which;
if ( event_number==2 || event_number==3 )
{
alert ("COPYRIGHT by SOLVENET");
return (false);
}
return (true);
}
function check_mousekey ()
{
var mouse_key = 93;
var keycode = event.keyCode;
if ( keycode == mouse_key )
alert ( "Mouse Key Is Disabled" );
}
function trap_page_mouse_key_events ()
{
var browser = navigator.appName.substring ( 0, 9 );
document.onmousedown = disable_right_click;
if ( browser == "Microsoft" )
document.onkeydown = check_mousekey;
else if ( browser == "Netscape" )
document.captureEvents( Event.MOUSEDOWN );
}
window.onload = trap_page_mouse_key_events;
<end node> 5P9i0s8y19Z
dt=
<node>PAGE DETAILS
1
<end node> 5P9i0s8y19Z
dt=
<node>adapt2screen Window opener
2
http://www.wsabstract.com/script/cut121.shtml
adapt2screen Window opener (Requires Java-enabled browser)
Description: A script that opens a secondary window with the size adjusted relative to the screen resolution of the surfer. You can specify, for example, that the secondary window always be 50 pixels smaller than the screen of the surfer, regardless of the screen size of the surfer. Check documentation in script below for details.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert this into the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT>
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
w = screen_size.width;
h = screen_size.height;
}
w=w-50; //erase these adjustments for making the window big as possible
h=h-150;
//change index.html to the name of the window U want to open
nw=window.open("../index.html","",'toolbar=yes,location=yes,directories=yes,menubar =yes,scrollbars=yes,status=yes,resizable=1,width='+w+',height='+h)
if (document.layers||document.all)
window.nw.moveTo(0,0) //up-left-justify
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Display document URL and time
2
Display document URL and time
http://www.wsabstract.com/script/script2/documentinfo.shtml
Description: This script allows you to conveniently display the containing document's URL and time on the page. Useful, for example, if your site's pages are often printed out, and you wish the URL/time to be included in the output.
Example: Look at the bottom of this page
Directions: Add the following to the footnote of your document:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
var today=new Date()
document.write('<center>'+today.toString()+'<br>'+window.location+'</center>')
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Displaying the last modified date of your page
2
Displaying the last modified date of your page
http://www.wsabstract.com/script/cut8.shtml
Example: Updated 10/5/2000 1:19:42
Description: The following script will display the date and time of the last modification to your webpage. It will automatically update itself whenever you make changes to the page and save it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply add the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT language="JavaScript">
<!--
/*
Last Modified Date script (by Candy)
For this and 100's more scripts, visit http://wsabstract.com
*/
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var lastUpdate = new Date(document.lastModified);
var modifiedyear=lastUpdate.getYear()
if (modifiedyear<1000)
modifiedyear+=1900
document.write("Updated ");
document.write(lastUpdate.getMonth()+1 + '/' + lastUpdate.getDate() + '/' + modifiedyear+ ' '+ lastUpdate.getHours()+':'+lastUpdate.getMinutes()+':'+lastUpdate.getSeconds())
//-->
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Floating Logo
2
http://www.x-developer.com/javascript/content/page-details/logo-float/index.html
Logo Floater Browser : ALL
Action: Displays floating logo in the bottom right corner of the screen and keeps it there even when the page is scrolled.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload="setVariables(); checkLocation();" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- --------------------------------------------------- -->
function setVariables() {
imgwidth=70; // logo width, in pixels
imgheight=30; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
</SCRIPT>
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50; z-index:2">
<table width=10>
<td> <a href="http://www.x-developer.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true">
<center>
<img src="logo-float.gif" width="70" height="30" border="0">
</center>
</a></td>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Preload Page
2
http://javascript.internet.com/page-details/preload-page.html
Preload Page
Displays a loading message as the page, including images and sound elements, are loaded in the background. When the page finishes loading the screen is shown, similar to how Macromedia's Flash plugin works. Easy!
<!-- THREE STEPS TO INSTALL PRELOAD PAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Gilbert Davis -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function loadImages() {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY OnLoad="loadImages()">
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>
<!-- put the rest of your page contents here -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Size & Position Opener
2
http://www.x-developer.com/javascript/content/buttons/window-size-position/index.html
Size & Position Opener
Action: Popups windows withpredefined size and screen location.
Usage: Control your popupwindows.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function open0()
{
zero=open("","zero","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=0,top=0");
zero.document.write("<html><title>0 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"0 pixels left<br>0 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open100()
{
one=open("","one","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=100,top=100");
one.document.write("<html><title>100 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"100 pixels left<br>100 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open200()
{
two=open("","two","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=200,top=200");
two.document.write("<html><title>200 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"200 pixels left<br>200 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open300()
{
three=open("","three","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=300,top=300");
three.document.write("<html><title>300 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"300 pixels left<br>300 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}</script>
<center>
<form>
<input type=button value="Window: 0 pixels left & top" onclick=open0()>
<br>
<input type=button value="Window: 100 pixels left & top" onclick=open100()>
<br>
<input type=button value="Window: 200 pixels left & top" onclick=open200()>
<br>
<input type=button value="Window: 300 pixels left &top" onclick=open300()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>PASSWORD Protection
1
<end node> 5P9i0s8y19Z
dt=
<node>Login and password script II
2
Login and password script II
http://www.wsabstract.com/script/script2/loginpass2.shtml
Login and password script II
Description: This is a variation of the original Login and Password script that will take users to two different pages, depending on whether the entered combination is correct or not.
Example: (in demo, user="free", password="javascript")
ENTER USER NAME :
ENTER PASSWORD :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of the login page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form>
<p>ENTER USER NAME :
<input type="text" name="text2">
</p>
<p> ENTER PASSWORD :
<input type="password" name="text1">
<input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >
</p>
</form>
<script language = "javascript">
/*
Script by Anubhav Misra (anubhav_misra@hotmail.com)
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
function validate(text1,text2,text3,text4)
{
if (text1==text2 && text3==text4)
load('success.htm');
else
{
load('failure.htm');
}
}
function load(url)
{
location.href=url;
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Configuring the script
To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html."
<end node> 5P9i0s8y19Z
dt=
<node>PageName
2
http://www.x-developer.com/javascript/content/passwords/page-name/index.html
Page Name Browser : ALL
Action: Sends you to a page that is called name.html where NAME is password entered by a user.
Usage: Create pages with complex names and use this as a simple but well working restricting access system.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var password = ''
password=prompt('Please enter your password:','demo-dest');
if (password != null) {
location.href= password + ".html";
}
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Pass Generator
2
http://www.x-developer.com/javascript/content/passwords/generator/index.html
Pass Generator Browser : ALL
Action: Generates password of given length and character type.
Usage: Save time when making up passwords.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Kroll (rkroll@istar.ca) -->
<!-- --------------------------------------------------- -->
function generate(form) {
var type=form.type.selectedIndex;
if (type<4) {
var selectionarray=new Array(62)
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
selectionarray[37]="a";
selectionarray[38]="b";
selectionarray[39]="c";
selectionarray[40]="d";
selectionarray[41]="e";
selectionarray[42]="f";
selectionarray[43]="g";
selectionarray[44]="h";
selectionarray[45]="i";
selectionarray[46]="j";
selectionarray[47]="k";
selectionarray[48]="l";
selectionarray[49]="m";
selectionarray[50]="n";
selectionarray[51]="o";
selectionarray[52]="p";
selectionarray[53]="q";
selectionarray[54]="r";
selectionarray[55]="s";
selectionarray[56]="t";
selectionarray[57]="u";
selectionarray[58]="v";
selectionarray[59]="w";
selectionarray[60]="x";
selectionarray[61]="y";
selectionarray[62]="z";
var length=62;
}
if (type<3) {
var selectionarray=new Array(36);
selectionarray[1]="a";
selectionarray[2]="b";
selectionarray[3]="c";
selectionarray[4]="d";
selectionarray[5]="e";
selectionarray[6]="f";
selectionarray[7]="g";
selectionarray[8]="h";
selectionarray[9]="i";
selectionarray[10]="j";
selectionarray[11]="k";
selectionarray[12]="l";
selectionarray[13]="m";
selectionarray[14]="n";
selectionarray[15]="o";
selectionarray[16]="p";
selectionarray[17]="q";
selectionarray[18]="r";
selectionarray[19]="s";
selectionarray[20]="t";
selectionarray[21]="u";
selectionarray[22]="v";
selectionarray[23]="w";
selectionarray[24]="x";
selectionarray[25]="y";
selectionarray[26]="z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
if (type<2) {
var selectionarray=new Array(36);
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
var lngth=form.length.selectedIndex;
var i,j;
var tmpstr;
tmpstr="";
i=0;
do {
{
var randscript = -1
while (randscript < 1 || randscript > length || isNaN(randscript))
{randscript = parseInt(Math.random()*(length))}
j=randscript}
tmpstr=tmpstr+selectionarray[j]
i=i+1}
while (i<lngth)
form.password.value = tmpstr;
}
</script>
<center>
<form>
<select name="type">
<option selected>Choose Type <option>Uppercase letters and numbers <option>Lowercase letters and numbers <option>Mixed case letters and numbers </select>
<select name="length">
<option selected>Choose length <option>1 Character <option>2 Characters <option>3 Characters <option>4 Characters <option>5 Characters <option>6 Characters <option>7 Characters <option>8 Characters <option>9 Characters <option>10 Characters <option>11 Characters <option>12 Characters <option>13 Characters <option>14 Characters <option>15 Characters <option>16 Characters <option>17 Characters <option>18 Characters <option>19 Characters <option>20 Characters </select>
<br>
<b>Your random password is:</b> <input type=text name=password size=20>
<br>
<input type="button" value="Generate Password" onclick="generate(this.form)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Simple MultiUser
2
http://www.x-developer.com/javascript/content/passwords/simple-multi/index.html
Simple MultiUser
Action: Simple password protection system that uses code inside the page to determine correct passwords.
Usage: Keep people off your restricted access pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="user1" && password=="password1") { window.location="demo-dest.html"; done=1;}
if (username=="user2" && password=="password2") { window.location="demo-dest.html"; done=1;}
if (done==0) { alert("Invalid login!");}
}
</SCRIPT>
<center>
<form name=login>
<table border=3 cellpadding=2 bgcolor="#1018BF" cellspacing="0">
<tr> <td colspan=2 bgcolor="#00007F"> <center>
<font color="#FFFFFF"><b><font size="+2"><font size="3">Members-Only Area!</font></font> </b> </font> </center>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Username:</b></font></td>
<td> <input type=text name=username>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Password:</b></font></td>
<td> <input type=text name=password>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>PLAY SOUNDS
1
<end node> 5P9i0s8y19Z
dt=
<node>MouseOVER/CLICK
2
http://www.wsabstract.com/script/script2/soundlink.shtml
onMouseover/onClick sound effect
.wav
Description: This is what you've been waiting for...a script that plays a sound when the mouse moves over certain links. It can be configured to initiate the sound only when someone clicks on the links as well (see footnote). The script works in BOTH NS and IE (in NS, the LiveAudio plugin must exist).
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Add the following to the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "laser.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Edit the aySound array to preload the sound files.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.wav";
aySound[2]="EvenAnotherOne.wav";
.
.
as many sound files as one wants.
Important! Please make sure the sound files exist, or else errors will occur.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 3: Finally, play the sound files with an event handler.
With a link:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
- onMouseOver/onMouseOut sound: ... http://jsarchive.8m.com/YourPage.html
<A HREF="YourPage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Move mouse over to play sound</A>
= = =
- onClick sound: ... javascript:playSound(1);
<A HREF="javascript:playSound(0);">Click here to play sound</A>
= = =
-With a button:
-
<INPUT TYPE="BUTTON" VALUE="Click me!" onClick="playSound(0)">
Note: playSound(0) plays the audio file of aySound[0]; playSound(1) will play aySound[1], etc.
<end node> 5P9i0s8y19Z
dt=
<node>Random Link Generator
1
Random Link Generator
Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!
= = = = = = = = = =
<!-- ONE STEP TO INSTALL RANDOM LINK GENERATOR:
1. Paste the designated coding into the HEAD of the HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3); // a = random number between 1-3
if (a==1) go_to("http://bgeffects.javascriptsource.com");
if (a==2) go_to("http://clocks.javascriptsource.com");
if (a==3) go_to("http://games.javascriptsource.com");
}
// End -->
</SCRIPT>
<!-- STEP TWO: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" VALUE="Random link"
onClick="rand_link()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.00 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>Regular expressions
1
[social security]
^\\d{3}-\\d{2}-\\d{4}$ without dashes ^\\d{9}$
Common expressions
Date
/^\\d{1,2}(\\-|\\/|\\.)\\d{1,2}\\1\\d{4}$/ mm/dd/yyyy
US zip code
/(^\\d{5}$)|(^\\d{5}-\\d{4}$)/ 99999 or 99999-9999
Canadian postal code
/^\\D{1}\\d{1}\\D{1}\\-?\\d{1}\\D{1}\\d{1}$/ Z5Z-5Z5 orZ5Z5Z5
Time
/^([1-9]|1[0-2]):[0-5]\\d(:[0-5]\\d(\\.\\d{1,3})?)?$/ HH:MM or HH:MM:SS or HH:MM:SS.mmm
IP Address(no check for alid values (0-255))
/^\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}$/ 999.999.999.999
Dollar Amount
/^((\\$\\d*)|(\\$\\d*\\.\\d{2})|(\\d*)|(\\d*\\.\\d{2}))$/ 100, 100.00, $100 or $100.00
Social Security Number
/^\\d{3}\\-?\\d{2}\\-?\\d{4}$/ 999-99-9999 or999999999
Canadian Social Insurance Number
/^\\d{9}$/ 999999999
<end node> 5P9i0s8y19Z
dt=
<node>slideshow
1
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
<!--
//configure the paths of the images, plus corresponding target links
//slideshowimages("img1.gif", "img2.gif", "img3.gif")
//slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")
slideshowimages("http://www.southcentralweldchamber.com/foothillssales/foothillssales.jpg", "http://www.southcentralweldchamber.com/lasalleliquor/Lasalle-liquor.jpg", "http://www.southcentralweldchamber.com/farmersinn/FarmersInn.jpg", "http://www.southcentralweldchamber.com/kblegacydesigns/kblegacyad.png", "http://www.southcentralweldchamber.com/dianeoldfield/candles.jpg", "http://www.southcentralweldchamber.com/firstbaptistchurch/First-pres-church.jpg", "http://www.southcentralweldchamber.com/freemansservice/freemantruck.jpg", "http://www.southcentralweldchamber.com/membershiplabels/Chamber-Card.jpg", "http://www.southcentralweldchamber.com/lasalleoil/Lasalle-oil.jpg", "http://www.southcentralweldchamber.com/coloradotown/colotownlogo.jpg", "http://www.southcentralweldchamber.com/townoflasalle/Splash.gif", "http://www.southcentralweldchamber.com/northvalleymiddleschool/North-Valley-MS.jpg", "http://www.southcentralweldchamber.com/reliantaccounting/Reliantaccounting.jpg", "http://www.southcentralweldchamber.com/ideasfromtheharrt/Ideas2.jpg", "http://www.southcentralweldchamber.com/fivestartturf/5star.jpg", "http://www.southcentralweldchamber.com/childhousechair/bizcard_web.jpg", "http://www.southcentralweldchamber.com/Y&M/Y&MReal Estate.png", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/gilcrestfarm.jpg", "http://www.southcentralweldchamber.com/tricountyautosales/tri-county-auto.jpg", "http://www.southcentralweldchamber.com/psicoaching/PSI-Coaching.jpg", "http://www.southcentralweldchamber.com/airxtreme/airxtreme.jpg", "http://www.southcentralweldchamber.com/townofplatteville/TOP.jpg", "http://www.southcentralweldchamber.com/valleypacking/valley-packing.jpg", "http://www.southcentralweldchamber.com/colowirecloth/CO-Wire2.jpg", "http://www.southcentralweldchamber.com/bankofchoice/Bank-of-Choice.jpg", "http://www.southcentralweldchamber.com/coloradoeastbank/BUILDING2.JPG", "http://www.southcentralweldchamber.com/valleyhighschool/VHS-Web.jpg", "http://www.southcentralweldchamber.com/pelicanlakeranch/PLR-Office-Scene.jpg")
slideshowlinks("http://www.southcentralweldchamber.com/psicoaching/", "http://www.southcentralweldchamber.com/membershiplabels/", "http://www.southcentralweldchamber.com/ideasfromtheharrt/", "http://www.southcentralweldchamber.com/bankofchoice/", "http://www.southcentralweldchamber.com/colowirecloth/", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/", "http://www.southcentralweldchamber.com/townofplatteville/", "http://www.southcentralweldchamber.com/pelicanlakeranch/", "http://www.southcentralweldchamber.com/valleyhighschool/", "http://www.southcentralweldchamber.com/northvalleymiddleschool/", "http://www.southcentralweldchamber.com/fivestartturf/", "http://www.southcentralweldchamber.com/coloradotown/", "http://www.southcentralweldchamber.com/kblegacydesigns/", "http://www.southcentralweldchamber.com/coloradoeastbank/", "http://www.southcentralweldchamber.com/lasalleoil/", "http://www.southcentralweldchamber.com/farmersinn/", "http://www.southcentralweldchamber.com/firstbaptistchurch/", "http://www.southcentralweldchamber.com/foothillssales/", "http://www.southcentralweldchamber.com/freemansservice/", "http://www.southcentralweldchamber.com/lasalleliquor/", "http://www.southcentralweldchamber.com/townoflasalle/", "http://www.southcentralweldchamber.com/Y&M/", "http://www.southcentralweldchamber.com/tricountyautosales/", "http://www.southcentralweldchamber.com/valleypacking/", "http://www.southcentralweldchamber.com/airxtreme/", "http://www.southcentralweldchamber.com/reliantaccounting/", "http://www.southcentralweldchamber.com/dianeoldfield/", "http://www.southcentralweldchamber.com/childhousechair/") //configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
********************
<!----- Add this line in the head ------------->
<script language="javascript" src='slideshow.js'></script>
<!--------- Add these lines in the body at desired Location of show ----------------->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0 width="345" ></a>
<script language="javascript" >slideit();</script>
<end node> 5P9i0s8y19Z
dt=
<node>with forward and previous
2
Script from the Headlines
OK, Let's start by placing your script tag between the head tags of your webpage.
<head>
<title>Alanna's JavaScript slide show tutorial</title>
<script language="JavaScript">
<!--
// -->
</script>
</head>
Next let's create a couple of global variables that we're going to need later on.
var interval = 1500;
var random_display = 0;
var imageDir = "my_images/";
The interval variable indicates the length of the pause we'll have between images. In JavaScript, 1000 is equal to one second, so I've set mine at 1.5 seconds.
The random_display variable tells the script whether we want our slide show to display our images in a random or sequential order. In this case, 0 is equal to sequential, 1 is equal to random.
Our imageDir variable will store the path name for our images so we'll only need to worry about the filename.
An Array of Arrays
Next we create an array of all the images we want in our slide show. An array is basically a list, and in our case, it will keep track of the image names as well as what number they are in the list.
For all the nitty, gritty details about JavaScript arrays, read Thau's array lesson.
For our array, let's create a variable to hold the image's number (or Index). We'll call that variable "imageNum" and assign it an initial value of 0. Keep in mind that JavaScript arrays start at 0, so the third item in the array has an index of 2, not 3.
Then we'll create a new array called "imageArray". We want the index to increase by one every time we add an image to the array. We can do that with imageNum++ (which is a JavaScript shorthand way of saying 'imageNum + 1') in the index brackets of the element in our new array. Then to have it equal a new element in the list, we'll call "imageItem". This contains the value of the variable "imageDir", which we've already created, plus the name of the image.
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
Then just copy and paste that line, change the image names for each one, and we've got ourselves an array.
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
We need to know how many items we've got in our array, total, so let's create a variable called totalImages that's equal to the length of imageArray. We can do this with ".length", which is a handy property that's built into arrays.
var totalImages = imageArray.length;
Onward, Upward with Forward, Backward
We'll need to write a couple functions to tell the script what to use for each image's location. The first function below creates the image location, the second one returns the location.
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
Since we might want to display our images randomly. we need a function to generate some random index numbers for us.
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
Get the Next Image
Now let's tell the script how to get the next image in the sequence. First, if we've chosen to display the images randomly, we make the imageNum equal to the random number, while making sure it's not more than the total number of images in the array.
If it's not random, we just increment the imageNum by 1. Then to make sure we don't go over the total number of images, we use the handy dandy modulus operator (%). This will give us a remainder of 1, as soon as we go over the total number, but will just return the incremented imageNum until then. So when we go over, we go back to the beginning! Neat huh?
function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}
else {
imageNum = (imageNum+1) % totalImages;
}
Now that we know which image to display, we just need to return the value:
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Adding a Previous Button
Since we've already done most of the work, let's add a couple of functions so the user can go both forwards and backwards through our slide show. First, let's assign a value by creating a getPrevNum variable. It's based on our getNextImage variable but I've changed the +1 to a -1.
function getPrevImage() {
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Then we'll add a function to call the right value for the new_image variable we've been using.
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
The switch image function
Phew, we're almost there! We'll now create a function that will tie all our hard work together. We'll call it switchImage, use the getNextImage function we just created, and use JavaScript's setTimeout method to change the image depending on what value we initialized in our "interval" variable.
function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}
Play Time!
We're done with the script part of our tutorial, all that remains is plugging the right stuff into our HTML.
Here's what your image tag should look like. Make sure you give it a name so the script will know which image you're talking about. I'll call ours "slideimg." Remember to change your height and width tags to the appropriate values or take them out if you're using images with different sizes.
<img name="slideImg" src="27.jpg" width=500 height=375 border=0>
Adding the Controls
To create a play button, use an onClick in an anchor tag. You don't have to be as boring as me here, you can wrap this anchor tag around any image you like, or just use a regular text link.
<a href="#" onClick="switchImage('slideImg')">play slide show</a>
I put the "#" in there so that it'll work on all browsers. Some browsers will ignore the anchor tag if there is no URL specified. The "switchImage" function calls the getNextImage function.
To pause our slide show, we can use JavaScript's built-in clearTimeout method, like so:
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
Our previous button will look like this:
<a href="#" onClick="prevImage('slideImg'); clearTimeout(timerID)"> previous</a>
And for the Next button, I sort of cheated a bit. This starts up the switchImage function and then stops it again after it increments by 1.
<a href="#" onClick="switchImage('slideImg'); clearTimeout(timerID)">next </a>
Auto Start
If you'd like your slide show to start up as soon as the page loads (again, this might alienate your slower, dial-up users, so use with caution), just add an onLoad to your body tag, like this one.
<body onLoad="switchImage('slideImg')">
<end node> 5P9i0s8y19Z
dt=
<node>String
1
<end node> 5P9i0s8y19Z
dt=
<node> split Strings
2
<SCRIPT language="JavaScript">
<!--
function divide_string()
{
var where_is_mytool="home/mytool/mytool.cgi";
var mytool_array=where_is_mytool.split("/");
alert(mytool_array[0]+" "+mytool_array[1]+" "+mytool_array[2]);
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="button" onClick="divide_string()" value="Go!">
</FORM>
<end node> 5P9i0s8y19Z
dt=
<node>length
2
var str = "Hello World!";
var n = str.length;
<end node> 5P9i0s8y19Z
dt=
<node>replace
2
Like php's replace
s = s.replace(",","");
var=var0.replace(/[^0-9$.,]/g, '')
<end node> 5P9i0s8y19Z
dt=
<node>Sentence Caps
2
http://www.x-developer.com/javascript/content/forms/sentence-caps/index.html
Sentence Caps Browser : ALL
Action: Capitalizes first letters of every sentence.
Usage: Saves time for a visitor when writing long text.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function capsLc(){
if (navigator.appVersion.substring(0,1)=="2"){
navOld();
}
else navNew();
}
function navOld(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
cmp=" "+wrd+" ";
if (tst.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
function navNew(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
punc=",.?!:;)'";
punc+='"';
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
wrdpre="";
if (punc.indexOf(wrd.substring(0,1))>-1){
wrdpre=wrd.substring(0,1);
wrd=wrd.substring(1,wrd.length);
}
cmp=" "+wrd+" ";
for (var i=0;i<9;i++){
p=wrd.indexOf(punc.substring(i,i+1));
if (p==wrd.length-1){
cmp=" "+wrd.substring(0,wrd.length-1)+" ";
i=9;
}
}
if (cmp.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrdpre+wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
</script>
<FORM NAME="isn">
<center>
<INPUT TYPE="text" NAME="caps" SIZE=40 VALUE="">
<INPUT TYPE="button" NAME="html1" VALUE=" Submit " onClick="capsLc()">
</center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>substring
2
<script type="text/javascript">var str="Hello world!"
document.write(str.substring(3,7))</script>
The output of the code above will be:
lo w
<end node> 5P9i0s8y19Z
dt=
<node>Text Initial Caps
2
http://www.x-developer.com/javascript/content/forms/text-initial-caps/index.html
Text Initial Caps Browser : ALL
Action: Converts every first letter to TOP caps.
Usage: Makes text easy to read.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>TABS
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- This page is copyright Elated Communications Ltd. (www.elated.com) -->
<title>JavaScript tabs example</title>
<style type="text/css">
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
</style>
<script type="text/javascript">
//<![CDATA[
var tabLinks = new Array();
var contentDivs = new Array();
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
//]]>
</script>
</head>
<body onload="init()">
<h1>JavaScript tabs example</h1>
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
<div class="tabContent" id="advantages">
<h2>Advantages of tabs</h2>
<div>
<p>JavaScript tabs are great if your Web page contains a large amount of content.</p>
<p>They're also good for things like multi-step Web forms.</p>
</div>
</div>
<div class="tabContent" id="usage">
<h2>Using tabs</h2>
<div>
<p>Click a tab to view the tab's content. Using tabs couldn't be easier!</p>
</div>
</div>
<p><a href="/articles/javascript-tabs/">Return to the JavaScript Tabs article</a></p>
</body>
</html>
[end code -- Start expalin
This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked - perfect if your page needs to hold a large amount of content. It's also great for things such as multi-step ("wizard"-style) Web forms.
Click the link below to see a tabbed page in action:
JavaScript tabs screenshot
See JavaScript tabs in action
The JavaScript and markup are coded in such a way that the page degrades gracefully in browsers that don't support JavaScript.
In this tutorial you learn how this tabbed page is put together. You can then use the code and ideas to build your own tabbed Web pages. Let's get started!
Creating the HTML for the tabbed page
The HTML for the tabs and content is very simple. You store each tab's content within a div element with a class of tabContent and a unique id for reference. Here's the first of the 3 tab content divs in the example:
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
The tabs themselves are simply links within an unordered list:
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
Give the ul an id of "tabs" so that the JavaScript code can locate it. Each link within the list links to its corresponding content div by referencing the id of the div ("about", "advantages", or "usage"). Since these are standard HTML links, they work fine even without JavaScript.
You can add as many tabs as you like to the page. Simply add a new content div and give it a unique id, then add a link to it within the tabs list.
Creating the CSS
Some CSS is needed in order to make the tabs look like tabs (and make them nice to look at):
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
These CSS rules work as follows:
body
This sets a nice font and font size for the page.
ul#tabs
Styles the tabs list, turning off bullet points.
ul#tabs li
The display: inline; property makes the tabs appear across the page.
ul#tabs li a
Styles the links within the list. Each link is given a border around every side except the bottom, so that the active tab blends nicely with its content div below.
ul#tabs li a:hover
Highlights a tab when hovered over with the mouse.
ul#tabs li a.selected
Styles a selected tab by giving it a lighter background and bold text, and making it bigger. Notice that the bottom padding is increased to 0.38em to make sure that the tab blends with the content div.
div.tabContent
Sets a style for the tab content areas so that they match the tab design.
div.tabContent.hide
Used to hide unselected tabs.
Creating the JavaScript code
Finally, of course, you need JavaScript to make the tabs work. Here's what the JavaScript needs to do:
* Attach a showTab() onclick event handler to each of the tab links.
* Hide all content divs except the first, so that only the leftmost tab's content is visible when the page loads.
* When a tab is clicked, showTab() displays the current tab content, and hides all other tab content divs. It also highlights the clicked tab and dims the other tabs.
The JavaScript kicks off by creating two arrays to hold the tab link elements and the content divs:
var tabLinks = new Array();
var contentDivs = new Array();
Four functions control the tabs:
* init() sets up the tabs.
* showTab() displays a clicked tab's content and highlights the tab.
* getFirstChildWithTagName() is a helper function that retrieves the first child of a given element that has a given tag name.
* getHash() is another short helper function that takes a URL and returns the part of the URL that appears after the hash (#) symbol.
Here's how these functions work.
The init() function
The first, and most complex, function is init(). It's called when the page loads, thanks to the body element's onload event:
<body onload="init()">
Here's the function itself:
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
This function does 3 things:
1. It loops through all the li elements in the tabs unordered list. For each li element, it calls the getFirstChildWithTagName() helper function to retrieve the a link element inside. Then it calls the getHash() helper function to extract the part of the link's URL after the hash; this is the ID of the corresponding content div. The link element is then stored by ID in the tabLinks array, and the content div is stored by ID in the contentDivs array.
2. It assigns an onclick event handler function called showTab() to each tab link, and highlights the first tab by setting its CSS class to 'selected'.
3. It hides all content divs except the first by setting each div's CSS class to 'tabContent hide'.
So that init() runs when the page loads, make sure you register it as the body element's onload event handler:
<body onload="init()">
The showTab() function
showTab() is called whenever a tab link is clicked. It highlights the selected tab and shows the associated content div. It also dims all other tabs and hides all other content divs:
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
The function extracts the selected ID from the clicked link's href attribute and stores it in selectedId. It then loops through all the IDs. For the selected ID it highlights the corresponding tab and shows the content div; for all other IDs it dims the tab and hides the content div. It does all this by setting CSS classes on the tab links and content divs.
Finally the function returns false to prevent the browser from following the clicked link and adding the link to the browser history.
The getFirstChildWithTagName() function
This helper function returns the first child of a specified element that matches a specified tag name. init() calls this function to retrieve the a (link) element inside each list item in the tabs list.
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
The function loops through the child nodes of element until it finds a node that matches tagName. It then returns the node.
Learn about the childNodes and nodeName properties in the article Looking inside DOM page elements.
The getHash() function
The getHash() helper function returns the portion of a URL after any hash symbol. Used by init() and showTab() to extract the content div ID referenced in a tab link.
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
Putting it together
That's all there is to creating JavaScript-enabled tabs! Take another look at the demo again, and view the page source to see how the HTML, CSS and JavaScript code appear in the page:
* The CSS and JavaScript go inside the page's head element. (You can move these into separate .css and .js files and link to them, if you prefer.)
* The page's body element contains the onload event handler to trigger the init() function.
* The tabs ul element contains the tab links.
* Each tab's content is stored in a div with a class of tabContent and a unique id (referenced in the corresponding tab link).
Feel free to use this code in your own Web pages. Happy tabbing!
<end node> 5P9i0s8y19Z
dt=
<node>tool tips
1
http://www.walterzorn.com/tooltip/tooltip_e.htm#extensions
http://www.walterzorn.com/tooltip/extensions.htm
Example profiles/profile_form2.php on Norcowib.com
<body bgcolor="#ffffff">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
<script type="text/javascript" src="../scripts/tip_balloon.js"></script>
<script type="text/javascript" src="../scripts/tip_centerwindow.js"></script>
<script type="text/javascript" src="../scripts/tip_followscroll.js"></script>
onmouseover="Tip('Some text')" onmouseout="UnTip()"
How To Use The Script
1. Download the library
Download wz_tooltip.js and unzipp it.
DHTML: Tooltips via JavaScript
Top of page
2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script>
If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.
3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\\'t trigger a JavaScript error.');
The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.
Of course you may also use different eventhandlers for Tip() and/or UnTip().
<end node> 5P9i0s8y19Z
dt=
<node>TRANSITIONS
1
http://javascriptweenie.com/wacky/transitions/transitions.html
===
Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages - just like in the movies.
These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.
Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.
0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkerboard across
11 - Checkerboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random
That's the whole deal. Don't miss the WackyPages.
Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions - that's what we're fooling around with here. Works with IE only though.
<end node> 5P9i0s8y19Z
dt=
<node>UTITILIES
1
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|05|22|JS_27569|JS_27569~xml.0.jhtml?cda=true#
Hexadecimal Code Generator
Published 05/22/2000
By Hugh Dannatt
This is just a script that allows you to experiment with hexadecimal codes.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD><TITLE>Change the background color</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function both() {
background()
swaptext()
}
function two() {
background()
textswap()
}
function background() {
var newcolor = document.change.color.value;
var oldcolor = document.bgColor;
document.bgColor = newcolor;
document.change.old.value = oldcolor;
}
function swaptext() {
document.change.style.color="FFFFFF";
}
function textswap() {
document.change.style.color="000000";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<FORM NAME="change">
You want the new color to be: <INPUT NAME="color" TYPE="text"><INPUT TYPE="button" VALUE="Change Background" onClick="background()"><BR>
The old color was: <INPUT NAME="old" TYPE="text"><INPUT TYPE="button" VALUE="Change text" onclick="swaptext()" ondblclick="textswap()">
<INPUT TYPE="button" VALUE="Both" onclick="both()" ondblclick="two()"></FORM></P><BR><B><I>How to use:</I></B> Enter the hexadecimal
code for the background color that you want the page to be. Then press the 'Change Background' button. Watch what happens! If you find
the text unreadable because the the background has gone very dark, just click the 'Change text' button. Problem sorted! If you want to both
jobs at once, enter the background color, and then the 'Both' button, if you find that yu then change the background back toi something too light to see
the text against, but the 'Change Text' button is not doing anything try double clicking it. Also do this to sort out the same problem with the
'Both' button.
</BODY>
</HTML>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
dt=
<node>Windows
1
IT IS NOT POSSIBLE TO USE JAVASCRIPT TO OPEN A WINDOW THAT IS NOT CONSIDERED A POPUP. IT CAN BE DONE BY MANUAL LINKS THOUGH
<end node> 5P9i0s8y19Z
dt=
<node>"Regular" full screen window Opener
2
http://www.wsabstract.com/script/cut125.shtml
"Regular" full screen window Opener
Description: Opens up a window in regular full screen mode, with only the title bar present (Be sure to check out a variation of this script in the IE 4.x section that opens up a window in true full screen mode).
Directions: Insert the below into the <body> section of your page. Change the target url to your own.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*Full screen window opener script: Written by Website Abstraction (www.wsabstract.com) More free scripts here*/
function winopen(){
var targeturl="../index.html"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>
<form>
<input type="button" onClick="winopen()" value="Open window">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>close
2
<a HREF="javascript:window.close()">
<end node> 5P9i0s8y19Z
dt=
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
*******************************************************************
<script language="JavaScript">
function ChangeWindow() {
window.location = "subwind2.htm"
}
</script>
<h1>This is the first window!</h1>
<script language=javascript>
window.setTimeout("ChangeWindow()",5000)
</script>
[ssl check]
<script language="javascript">
if (document.location.protocol != "https:") {
document.location.href = "https://secure3.ntwebb.com/storeitwise-com/online_payment.html";
}
</script>
[Place in parent]
<script language="javascript">parent.location.href="pdf/FMLAposter909.pdf"</script>
<end node> 5P9i0s8y19Z
dt=
<node>mywindow.resizeTo
2
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0;
var op_dir = (document.form1.dir.checked == true) ? 1 : 0;
var op_stat = (document.form1.stat.checked == true) ? 1 : 0;
var op_menu = (document.form1.menu.checked == true) ? 1 : 0;
var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form) {
document.form1.wid.value="";
document.form1.heigh.value="";
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1 ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text" NAME="wid" value= >: Width
<INPUT TYPE="text" NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>
*****************************************************************
This is a JavaScript that shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.
--------------------------------------------------------------------------------
Default Netscape Browser sizes:
640 x 480
Mac = 470x300:
PC = 580x300:
800 x 600
Mac = 470x430:
PC = 580x430:
1024 x 768
Mac = 470x600:
PC = 580x600
- - - - - - - - - - - - - - - - -
<!-- TWO STEPS TO INSTALL WINDOW SIZER:
1. Paste the first code into the HEAD of your HTML document -->
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function regular() {
window.open('window-sizer.html','640x480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('window-sizer.html','800x600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<FORM>
Open a window 640 x 480 pixels:
<INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()">
<P>
Open a window 800 x 600 pixels:
<INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>
Mac = 470x300:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580x300:
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470x430:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580x430:
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>
Mac = 470x600:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window:
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.79 KB -->
*******************************
// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Get what is below onto one line
TheNewWin =window.open("untitled.html",'TheNewpop',
'fullscreen=yes,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no');
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
<!-- TWO STEPS TO INSTALL HTML PREVIEW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: nsabs@1nsyncfan.com -->
<!-- Web Site: http://www.envy.nu/gjelly -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function displayHTML(form) {
var inf = form.htmlArea.value;
win = window.open(", ", 'popup', 'toolbar = no, status = no');
win.document.write("" + inf + "");
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<form>
<textarea name="htmlArea" cols=45 rows=6>
</textarea>
<br>
<input type="button" value=" view " onclick="displayHTML(this.form)">
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.07 KB -->
<end node> 5P9i0s8y19Z
dt=
<node>POP-UP Window
2
function LoadPopup(file,x,y){
PopWindow=window.open(file, 'PopWindow',"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width="+y+",height="+x+",left=2,top=2");
return false;
}
<A HREF='#' onclick="LoadPopup('index.php',800,800);">
********************************
<a href="#" onClick="MyWindow=window.open('http://www.yahoo.com','MyWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300,left=20,top=20'); return false;">open window</a>
*******************************************************************************
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<!-- Or you may use: <a href="javascript:win()">Open Window</a> -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.25 KB -->
*******************************************************
Target pop-ups
To avoid a proliferation of pop-up windows, it's often a good idea to load multiple files into one pop-up. Here's how to target the same pop-up window with multiple files.
In the initial window-opening function (you can use the Window builder Cool Tool to generate this), make sure to pass the URL and name as parameters:
= = =
function openWindow(url, name) {
popupWin = window.open(url, name, "width=300,height=200");
}
= = =
Each time you want a file to open in a particular remote window, pass the same name for the value of the name parameter. For example, say you want three separate links to open up three separate files in the same pop-up window. The code might look like this:
= = =
<a href="javascript:openWindow('moe.html',
'stoogeWin')">Moe</a>,
<a href="javascript:openWindow('larry.html',
'stoogeWin')">Larry</a>,
<a href="javascript:openWindow('curly.html',
'stoogeWin')">Curly</a>
= = =
If you pass in a different name, the file will open in a new window instead of reusing the existing window.
<end node> 5P9i0s8y19Z
dt=
<node>print page
2
<form>Click Here To <input type=button name=print value='Print' onClick='javascript:window.print()'> This Page!</form>
****************************************************
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End -->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Window Closer
2
http://www.x-developer.com/javascript/content/buttons/window-closer/index.html
Window Closer
Action: Closes your windowafter the button is pressed.
Usage: Save time and closewindows without looking for CLOSE button inyour browser window
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<form>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <input type=button value="Close Window" onClick="javascript:window.close();">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>window.location
2
window.location = 'http://www.yourdomain.com'
<end node> 5P9i0s8y19Z
dt=
<node>window.location.reload
2
REFREST THE CURRENT PAGE
<script language="JavaScript1.2">
<!--
function refresh()
{
window.location.reload( false );
}
//-->
</script>
<end node> 5P9i0s8y19Z
dt=
<node>window.open
2
<script language='javascript'>
myWindow=window.open('http://www.jkryan.globalprobuilder.com','newpage');
myWindow.focus();
location.href='$urlreturn';
</script>";
OR
<script>
myWindow=window.open("https://2000bestfriends.org/sign-up.php");
myWindow.blur();
window.focus();
</script>
************************
Window Position
Do you not where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<end node> 5P9i0s8y19Z
dt=
<node>window.scrollTo
2
onLoad="javascript:window.scrollTo(0,400);"
OR
<script language='javascript'> window.scrollTo(0,300); </script>
at the end of the page. CANNOT USE INSIDE OF A TABLE
function Scrolldown() {
window.scroll(0,300);
}
<script type="text/javascript">
var a = 5;
alert("hello world. The value of a is: " + a);
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Write to a Window
2
open() and close(): write to a window
When you use document.write() to load content dynamically into a pop-up window, you may not always get the output you expected. To avoid this, remember to open the document before you begin writing to it and to close it after you're done:
popupWin = window.open("", "remote", "width=300,height=400");
// open document to begin writing to it
popupWin.document.open();
popupWin.document.write('<HTML><HEAD><TITLE>'
+ '</TITLE></HEAD><BODY bgcolor="#ffffff">'
+ 'your text here'
+ '</BODY></HTML>');
// close document when finished writing to it
popupWin.document.close();
<end node> 5P9i0s8y19Z
<node>Javascript
<node>Autol height
<node>BACKGROUND Effects
<node>Fade In
<node>Continuous Fader
<node>BOOKMARK
<node>BROWSER
<node>Break-Out-of-Frames
<node>Browser Info 2
<node>Browser Info 3
<node>Browser type detection
<node>Disable right clicking on your site.
<node>Form Browser Redirect
<node>Java Check
<node>Javascript Check
<node>Re-Load
<node>RESIZE
<node>Resolution Advice
<node>Resolution Redirect
<node>Screen Alert
<node>Screen Percentage
<node>ScreenResolution
<node>Screen-Size
<node>TEST for JavaScript
<node>CALANDARS
<node>Advanced
<node>Day Viewed
<node>Days Ahead
<node>Dynamic
<node>Future Time
<node>Moon
<node>Print Date Time Long
<node>Print Days left
<node>Print Time of Day
<node>Quarter Year
<node>Till Christmas
<node>Till Date
<node>cookies
<node>COOKIES
<node>CODE..Explaned
<node>Name & Visit
<node>Popup Once
<node>Redirector
<node>Your Name
<node>date
<node>email
<node>E-Mail
<node>Auto-Email Notification
<node>Fax
<node>Fill-In
<node>New subject
<node>E-Mail Buttons
<node>Subject E-Mail
<node>Mailing List U/D
<node>Files
<node>FORMS
<node>Add ToCombo
<node>Agree on Entry
<node>Box Input Limit
<node>checkbox
<node>CheckBox Checker
<node>VBcode
<node>CheckBox Limit
\r\n<hj-Treepad version 0.9>
<node>Javascript
0
<textarea style="width:100%;height:500px;">
</textarea>
The JavaScript Source!! http://javascript.internet.com -->
DO NOT USE A DASH IN NAMES
[javascipt checking turned off]
<script type="text/javascript">
<!--
document.write('<input type="hidden" name="javascriptenabled" value="1" />')
// -->
</script>
$javascriptenabled=$_POST["javascriptenabled"];
if($javascriptenabled!=1) { echo "Mail Server Crashed";exit; }
<end node> 5P9i0s8y19Z
<node>Autol height
1
[TABLE]
<html>
<head>
<script>
function switchHeight()
{
document.getElementById('cell').height = '30px';
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="blue" id="cell">demo cell</td>
</tr>
</table>
<input type="button" value="cell" onclick="switchHeight()">
</body>
</html>
[TEXTAREA]
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea" rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
<p>Click the button to change the number of visible rows for the text area.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("myTextarea").rows="10";
}
</script>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>BACKGROUND Effects
1
<end node> 5P9i0s8y19Z
<node>Fade In
2
Could you use an eye-catching introduction to your website? You should have just seen the example for it. It loads a blank screen, fades the background, and then brings you here. If you weren't paying attention, click the example URL below to see it again. It's some great JavaScripting!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL FADE IN:
1. Paste the first code into the BODY of your HTML document
2. Change the destination URL to where visitors should be sent -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!-- Original: Fred S. Tucker (Slurpie_Tucker@yahoo.com) -->
<!-- Web URL: http://members.tripod.com/~Slurpies_Page -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function fadein() {
fade(240,232,223,0,0,0,255);
}
fadein();
window.location="http://www.yoursite.com/fadein-page2.html";
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Change the URL above to where visitors will be sent -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.56 KB -->
<end node> 5P9i0s8y19Z
<node>Continuous Fader
3
This script, once started, will continuously loop the background color. Try it out! A really cool script! Short too!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL CONTINUOUS FADER:
1. Paste the first code into the HEAD of your HTML document
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!-- This script and many more are available online free at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var COLOR = 999999
var woot = 0
function stoploop() {
document.bgColor = '#000000';
clearTimeout(loopID);
}
function loopBackground() {
if (COLOR > 0) {
document.bgColor = '#' + COLOR
COLOR -= 111111
loopID = setTimeout("loopBackground()",1)
} else {
document.bgColor = '#000000'
woot += 10
COLOR = 999999
COLOR -= woot
loopID = setTimeout("loopBackground()",1)
}
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Add this form to the body of the HTML document -->
<BODY>
<CENTER>
<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start bgColor WARP"
onClick="loopBackground()">
<br>
<input type="button" value="Stop bgColor WARP" onClick="stoploop()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<end node> 5P9i0s8y19Z
<node>BOOKMARK
1
IE COMPATIBLE
function jump(h){
var top = document.getElementById(h).offsetTop; //Getting Y of target element
window.scrollTo(0, top); //Go there.
}?
<end node> 5P9i0s8y19Z
<node>BROWSER
1
<end node> 5P9i0s8y19Z
<node>Break-Out-of-Frames
2
http://www.wsabstract.com/script/cut36.shtml
Break-out-of-frames script
Description: This practical script detects if your page is trapped inside someone else's frames, and automatically breaks out of it! We use it on the frontpage of Website Abstraction to avoid entrapment by another site.
Example:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below in the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*
Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/
if (window!= top)
top.location.href=location.href
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Browser Info 2
2
http://www.x-developer.com/javascript/content/user-details/browser-info-2/index.html
Browser Info 2 Browser : ALL
Action: Tells you Browser Code Name, Version, Platform, Pages Viewed, Java enabled, Screen Resolution.
Usage: Tell a visitor important information about his browser.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Browser Info 3
2
http://www.x-developer.com/javascript/content/user-details/browser-info-3/index.html
Browser Info 3 Browser : ALL
Action: Tells you current resolution, browser, max resolution, version, color depth, code name, platform, colors, java enabled, anti-aliasing fonts.
Usage: Inform a visitor with his system info.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY OnLoad="display()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip); }
}
</script>
<center>
<form name=form>
<table border=3 width=300 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b>current resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> browser:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=navigator>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> max resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> version:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=version>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> color depth:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=2 maxlength=2 name=colordepth>
bit</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> code name:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=codename>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> platform:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=platform>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> colors:</b></font></td>
<td align=center> <input type=text size=8 maxlength=8 name=color>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> java enabled:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=java>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> anti-aliasing fonts:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=fonts>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button name=again value="again?" onclick="display()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Browser type detection
2
http://www.wsabstract.com/script/cut5.shtml
http://www.java-scripts.net/sniffers/sniffers3.shtml
Browser type detection
Description: Will detect whether a user is using Netscape, or Internet Explorer, and send them to a different page accordingly.
Example: Well, an example in this case is a little difficult...
Directions: Simply cut and paste the below code to the <head> section of your webpage. Change the part in red to your own pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit must stay intact for use*/
var n=navigator.appName
var ns=(n=="Netscape")
var ie=(n=="Microsoft Internet Explorer")
if (ns)
location="page1.htm"
else if (ie)
location="page2.htm"
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Disable right clicking on your site.
2
http://www.java-scripts.net/misc/misc8.shtml
Description: Disable right clicking on your site.
Source code: Just copy everything below into your <HEAD> tag.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="Sorry, that function is disabled.\\nThis Page Copyrighted and\\nImages and Text protected!\\nALL RIGHTS RESERVED";
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Form Browser Redirect
2
http://www.x-developer.com/javascript/content/user-details/form-browser-redirect-ie/index.html
Form Browser Redirect Browser : IE
Action: Prints a table with browser name and a button with correct link depending on browser type.
Usage: Tell a visitor what kind of browser does he use and redirect him to correct page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: timothy@essex1.com -->
<!-- --------------------------------------------------- -->
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
// Load page according to browser
function loadPage(){
if (browser.substring(0, 8)=="Netscape"){ if (getkey=="Netscape 3.0")
window.location="netscape3.html";
if (getkey=="Netscape 2.0")
window.location="netscape2.html";
}
if (browser.substring(0, 9)=="Microsoft")
window.location="ie.html";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
window.location="netscape.html";
}
</SCRIPT>
<CENTER>
<FORM name=detect>
<TABLE border=3 width=150 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<TBODY> <TR bgcolor="#00007F"> <TD align=middle> <center>
<font color="#FFFFFF"><STRONG>Browser Key</STRONG> </font> </center>
</TD>
<TR></TR>
<TR> <TD align=middle> <INPUT size=15 value=" detecting...">
</TD>
</TR>
</TBODY> </TABLE>
<BR>
<BR>
<INPUT onclick=loadPage() type=button value="Load Appropriate Page">
</FORM>
</CENTER>
<SCRIPT>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
if (browser.substring(0, 8)=="Netscape") {
if (getkey=="Netscape 3.0")
document.forms[0].elements[0].value=" "+getkey;
if (getkey=="Netscape 2.0")
document.forms[0].elements[0].value=getkey;
}
if (browser.substring(0, 9)=="Microsoft")
document.forms[0].elements[0].value=" Microsoft IE";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
document.forms[0].elements[0].value="undetermined";
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Java Check
2
http://www.x-developer.com/javascript/content/user-details/java-check/index.html
Java Check Browser : ALL
Action: Check if you browser is Java enabled.
Usage: Don't allow visitor with Java disabled from entering site with Java applets.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
if (navigator.javaEnabled()) window.location = "demo-yes.html";
else window.location = "demo-no.html";
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Javascript Check
2
http://www.x-developer.com/javascript/content/user-details/javascript-check/index.html
Javascript Check Browser : ALL
Action: Checks if you have JavaScript enabled.
Usage: Prevent visitor with JavaScript disabled from entering your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
window.location="demo-yes.html";
</script>
<noscript> <b>It appears that your browser does not support JavaScript, or you have it disabled. This site is best viewed with JavaScript enabled.</b></noscript> </center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Re-Load
2
http://www.java-scripts.net/window/window3.shtml
Description: This link, when clicked on, will reload the browser window.
Example: Click here to reload the window.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<a href="javascript:window.location.reload()">Click here to reload the window.</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>RESIZE
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=4145
===
How can you put a shortcut to a Web site on your desktop, and have it open at a predetermined browser size, such as 400 by 300 pixels? I first thought of creating an invisible page to launch the bookmarked page in a specific-sized browser. The trouble with this solution is that you still have to close the browser that launched the miniature window. There must be a way to set your current browser size from inside the window that you are in. What makes it trickier is you don't want to change the browser size for other pages when you do.
JavaScript 1.2 includes the resizeTo method that allows you to change the height and width of the browser. Change the parameters of resizeTo(x,y) to the height and width you want the browser to have. Change the window.location property to point to the site to which you want to go. The end result will be a page that will immediately redirect to a desired location and the browser window will have the desired dimensions.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
</HEAD>
</HTML>
Written by Charles C. Caison, Jr. on 1/24/00.
<end node> 5P9i0s8y19Z
<node>Resolution Advice
2
http://www.x-developer.com/javascript/content/user-details/resolution-advice/index.html
Resolution Advice Browser : ALL
Action: Tells you what resolution is best for your site.
Usage: Help your visitors with choosing best resolution for viewing your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Craig Lumley -->
<!-- Web Site: http://www.craiglumley.co.uk -->
<!-- --------------------------------------------------- -->
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ". Please change your screen resolution "
+ "to best view the site, if possible. Thanks!";
document.write(msg);
}
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Resolution Redirect
2
http://www.x-developer.com/javascript/content/user-details/resolution-redirect/index.html
Resolution Redirect Browser : ALL
Action: Sends you to specific page depending on your screen resolution.
Usage: Don't let people with small resolution enter your site that requires high screen resolution.
------
<HTML>
<head>
</head>
<BODY onload="redirectPage()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function redirectPage() {
var url640x480 = "demo-640x480.html";
var url800x600 = "demo-800x600.html";
var url1024x768 = "demo-1024x768.html";
if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url1024x768;
}
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Screen Alert
2
http://www.x-developer.com/javascript/content/user-details/screen-alert/index.html
Screen Alert Browser : ALL
Action: Alerts you if you have screen resolution smaller than needed.
Usage: Alert visitor if his screen resolution does not suite your site requirements.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
alert('Your screen is:\\n\\n' + screen.width + ' pixels by ' + screen.height + ' pixels');
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Screen Percentage
2
http://www.x-developer.com/javascript/content/user-details/screen-percentage/index.html
Screen Percentage Browser : ALL
Action: Calculates screen percentage used by a browser window.
Usage: Tell a visitor how many percent does his browser window use.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Giulio Gravinese -->
<!-- Web Site: http://www.universeg.com -->
<!-- --------------------------------------------------- -->
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else { var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return; }
</script>
<center>
<SCRIPT LANGUAGE="JavaScript">
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.write("This window is using about " + percent + "% of your available screen.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>ScreenResolution
2
<script language="JavaScript"><!--
var BroW = navigator.appVersion;
//check visitor screen resolution
if (BroW >= 4) {
x = screen.width ; y = screen.height
if (document.layers) {
if ((x >= 800) && (x <= 1028)) {x = 1028}
if ((y >= 600) && (y <= 780)) {y = 780}
if ((x >= 640) && (x <= 800)) {x = 800}
if ((y >= 480) && (y <= 600)) {y = 600}
if (x <= 640) {x = 640}
if (y <= 480) {y = 480}
}
Res = x + "x" + y
} else {
Res = 'unknown'
}
// redirect low resolution
// replace www.mypage.com/d640x480.htm with your own host and page name
if (Res == '640 + "x" + 480')
location.href="http://www.mypage.com/d640x480.htm";
//--></script>
*****************
<!-- ONE STEP TO INSTALL SCREEN DETAILS:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var screen_width = null;
var screen_height = null;
var resolution = null;
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
screen_width = screen_size.width;
screen_height = screen_size.height;
resolution = toolkit.getScreenResolution();
}
// End -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((screen_width != null)
&& (screen_height != null)
&& (resolution != null)) {
document.write('<center><h1>Monitor Details:</h1><br><hr><br>');
document.write('Screen Width: '+screen_width+'<BR>');
document.write('Screen Height: '+screen_height+'<BR>');
document.write('Screen Resolution: '+resolution+'<BR>');
document.write('</center>');
}
else {
document.write('<center><P>');
document.write('I am sorry but we could not determine<P>');
document.write('the details of this screen. You might<P>');
document.write('not have Java enabled in this browser.<P>');
document.write('</center>');
}
// End -->
</SCRIPT>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.41 KB -->
<end node> 5P9i0s8y19Z
<node>Screen-Size
2
http://www.java-scripts.net/misc/misc1.shtml
Description: This script will tell the user what their monitor size is.
Example:
Your screen width and height is 1024 and 768.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--One steps to installing this script-->
<!--1) Copy everything below, and paste in BODY section of page-->
<script language="Javascript">
<!--
//This credit must stay intact for use
//For this script and more
//Visit java-scripts.net or http://wsabstract.com
document.write('Your screen width and height is ' + screen.width + ' and ' + screen.height + '.')
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>TEST for JavaScript
2
Testing to see if browser supports JavaScript
http://www.wsabstract.com/script/cut31.shtml
Description: The below script will display whether or not a browser supports JavaScript.
Example: Congratulations, your browser has passed the JavaScript test!!!
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Copy the below into the <head> tags:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!-- Hide the script from old browsers --
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. December 22, 1995
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
function browsertest ()
{document.write("Congratulations, your browser has passed the JavaScript test!!!")}
// --End Hiding Here -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below into the <body> tags of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
{browsertest();}
//-->
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>CALANDARS
1
<end node> 5P9i0s8y19Z
<node>Advanced
2
http://www.x-developer.com/javascript/content/calendars/advanced/index.html
Advanced
Action: Advanced calendarwith many features.
Usage: Add a cool calendar to your page.
= = = = = = =
<html>
<head>
</head>
<BODY OnLoad=setToday() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Patrick (rpatrick@mit.edu) -->
<!-- --------------------------------------------------- -->
function setToday()
{
var now=new Date();
var day=now.getDate();
var month=now.getMonth();
var year=now.getYear();
if(year<2000)
year=year+1900;
this.focusDay=day;
document.calControl.month.selectedIndex=month;
document.calControl.year.value=year;
displayCalendar(month,year);
}
function isFourDigitYear(year)
{
if(year.length!=4)
{
alert("Sorry, the year must be four-digits in length.");
document.calControl.year.select();
document.calControl.year.focus();
}
else
{
return true;
}
}
function selectDate()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
displayCalendar(month,year);
}
}
function setPreviousYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year--;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function setPreviousMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==0)
{
month=11;
if(year>1000)
{
year--;
document.calControl.year.value=year;
}
}
else
{
month--;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==11)
{
month=0;
year++;
document.calControl.year.value=year;
}
else
{
month++;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year++;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function displayCalendar(month,year)
{
month=parseInt(month);
year=parseInt(year);
var i=0;
var days=getDaysInMonth(month+1,year);
var firstOfMonth=new Date(year,month,1);
var startingPos=firstOfMonth.getDay();
days+=startingPos;
document.calButtons.calPage.value=" Su Mo Tu We Th Fr Sa";
document.calButtons.calPage.value+="\\n --------------------";
for(i=0;
i<startingPos;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
for(i=startingPos;
i<days;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
if(i-startingPos+1<10)
document.calButtons.calPage.value+="0";
document.calButtons.calPage.value+=i-startingPos+1;
document.calButtons.calPage.value+=" ";
}
for(i=days;
i<42;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)
{
var days;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)days=31;
else if(month==4||month==6||month==9||month==11)days=30;
else if(month==2)
{
if(isLeapYear(year))
{
days=29;
}
else
{
days=28;
}
}
return(days);
}
function isLeapYear(Year)
{
if(((Year%4)==0)&&((Year%100)!=0)||((Year%400)==0))
{
return(true);
}
else
{
return(false);
}
}</SCRIPT><FORM NAME=calControl onSubmit="return false;">
<TABLE CELLPADDING=2 CELLSPACING=1 BORDER=3 bgcolor="#1018BF" align="center">
<TR> <TD COLSPAN=7> <CENTER>
<SELECT NAME=month onChange=selectDate()>
<OPTION> January <OPTION> February <OPTION> March <OPTION> April <OPTION> May <OPTION> June <OPTION> July <OPTION> August <OPTION> September <OPTION> October <OPTION> November <OPTION> December
</SELECT>
<INPUT NAME=year TYPE=TEXT SIZE=4 MAXLENGTH=4>
<INPUT TYPE=button NAME=Go value=Build! onClick=selectDate()>
</CENTER>
</TD>
</TR></FORM>
<FORM NAME=calButtons>
<TR> <TD align=center> <textarea FONT=Courier NAME=calPage WRAP=no ROWS=8 COLS=22></textarea>
</TD>
<TR> <TD> <CENTER>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" << " onClick=setPreviousYear()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" < " onClick=setPreviousMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=Today onClick=setToday()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" > " onClick=setNextMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" >> " onClick=setNextYear()>
</CENTER>
</TD>
</TR>
</FORM>
</TABLE></FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Day Viewed
2
http://www.x-developer.com/javascript/content/calendars/day-viewed/index.html
Day Viewed
Action: Shows a picture accordingto day.
Usage: Show a visitor dayof the week in a graphical way
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
today = new Date();
day = today.getDay();
arday = new Array("day-viewed-sunday.jpg", "day-viewed-monday.jpg", "day-viewed-tuesday.jpg", "day-viewed-wednesday.jpg", "day-viewed-thursday.jpg", "day-viewed-friday.jpg", "day-viewed-saturday.jpg");
document.write("<img src='" + arday[day] + "'>");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Days Ahead
2
http://www.x-developer.com/javascript/content/calendars/days-ahead/index.html
Days Ahead
Action: Prints out an infoabout amount of days left before certain date.
Usage: Show a visitor howmany days are left before something happens.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var AddDays = 3; // How many days ahead of the current date
TDate = new Date();
TDay = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
TMonth = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
MonthDays = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return true;
} else {
return false;
}
}
CurYear = TDate.getYear();
if (CurYear < 2000)
CurYear = CurYear + 1900;
CurMonth = TDate.getMonth();
CurDayOw = TDate.getDay();
CurDay = TDate.getDate();
month = TMonth[CurMonth];
if (month == 'February') {
if (((CurYear % 4)==0) && ((CurYear % 100)!=0) || ((CurYear %
400)==0)) {
MonthDays[1] = 29;
}
else {
MonthDays[1] = 28;
}
}
days = MonthDays[CurMonth];
CurDay += AddDays;
if (CurDay > days) {
if (CurMonth == 11) {
CurMonth = 0;
month = TMonth[CurMonth];
CurYear = CurYear + 1
}
else {
month = TMonth[CurMonth+1];
}
CurDay = CurDay - days;
}
CurDayOw += AddDays;
function adjustDay (cday) {
if (cday > 6) {
cday -= 6;
CurDayOw = TDay[cday-1];
adjustDay(cday-1);
}
else {
CurDayOw = TDay[cday];
return true;
}
}
adjustDay(CurDayOw);
TheDate = CurDayOw + ', ';
TheDate += month + ' ';
TheDate += CurDay + ', ';
if (CurYear<100) CurYear="19" + CurYear;
TheDate += CurYear;
document.write("<center>");
document.write(AddDays + " days from now is ... " + TheDate);
document.write("</center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Dynamic
2
http://www.x-developer.com/javascript/content/calendars/dynamic-ie/index.html
Dynamic
Action: Cool calendar with selection feature.
Usage: Let your visitors plan their business.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC" text="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Nick Korosi (nfk2000@hotmail.com) -->
<!-- --------------------------------------------------- -->
var dDate=new Date();
var dCurMonth=dDate.getMonth();
var dCurDayOfMonth=dDate.getDate();
var dCurYear=dDate.getFullYear();
var objPrevElement=new Object();
function fToggleColor(myElement)
{
var toggleColor="#ff0000";
if(myElement.id=="calDateText")
{
if(myElement.color==toggleColor)
{
myElement.color="";
}
else
{
myElement.color=toggleColor;
}
}
else if(myElement.id=="calCell")
{
for(var i in myElement.children)
{
if(myElement.children[i].id=="calDateText")
{
if(myElement.children[i].color==toggleColor)
{
myElement.children[i].color="";
}
else
{
myElement.children[i].color=toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement)
{
if(myElement.id=="calCell")
{
if(!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor="#c0c0c0";
objPrevElement.bgColor="";
document.all.calSelectedDate.value=parseInt(myElement.children["calDateText"].innerText);
objPrevElement=myElement;
}
}
}
function fGetDaysInMonth(iMonth,iYear)
{
var dPrevDate=new Date(iYear,iMonth,0);
return dPrevDate.getDate();
}
function fBuildCal(iYear,iMonth,iDayStyle)
{
var aMonth=new Array();
aMonth[0]=new Array(7);
aMonth[1]=new Array(7);
aMonth[2]=new Array(7);
aMonth[3]=new Array(7);
aMonth[4]=new Array(7);
aMonth[5]=new Array(7);
aMonth[6]=new Array(7);
var dCalDate=new Date(iYear,iMonth-1,1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=fGetDaysInMonth(iMonth,iYear);
var iVarDate=1;
var i,d,w;
if(iDayStyle==2)
{
aMonth[0][0]="Sunday";
aMonth[0][1]="Monday";
aMonth[0][2]="Tuesday";
aMonth[0][3]="Wednesday";
aMonth[0][4]="Thursday";
aMonth[0][5]="Friday";
aMonth[0][6]="Saturday";
}
else if(iDayStyle==1)
{
aMonth[0][0]="Sun";
aMonth[0][1]="Mon";
aMonth[0][2]="Tue";
aMonth[0][3]="Wed";
aMonth[0][4]="Thu";
aMonth[0][5]="Fri";
aMonth[0][6]="Sat";
}
else
{
aMonth[0][0]="Su";
aMonth[0][1]="Mo";
aMonth[0][2]="Tu";
aMonth[0][3]="We";
aMonth[0][4]="Th";
aMonth[0][5]="Fr";
aMonth[0][6]="Sa";
}
for(d=iDayOfFirst;
d<7;
d++)
{
aMonth[1][d]=iVarDate;
iVarDate++;
}
for(w=2;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(iVarDate<=iDaysInMonth)
{
aMonth[w][d]=iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear,iMonth,iCellWidth,iCellHeight,sDateTextSize,sDateTextWeight,iDayStyle)
{
var myMonth;
myMonth=fBuildCal(iYear,iMonth,iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][0]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][1]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][2]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][3]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][4]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][5]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][6]+"</td>");
document.write("</tr>");
for(w=1;
w<7;
w++)
{
document.write("<tr>")
for(d=0;
d<7;
d++)
{
document.write("<td align='left' valign='top' width='"+iCellWidth+"' height='"+iCellHeight+"' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if(!isNaN(myMonth[w][d]))
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"+myMonth[w][d]+"</font>");
}
else
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear,iMonth)
{
myMonth=fBuildCal(iYear,iMonth);
objPrevElement.bgColor="";
document.all.calSelectedDate.value="";
for(w=1;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(!isNaN(myMonth[w][d]))
{
calDateText[((7*w)+d)-7].innerText=myMonth[w][d];
}
else
{
calDateText[((7*w)+d)-7].innerText=" ";
}
}
}
}</script>
<script language="JavaScript"for=window event=onload>
var dCurDate=new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected=true;
for(i=0;
i<frmCalendarSample.tbSelYear.length;
i++)
if(frmCalendarSample.tbSelYear.options[i].value==dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected=true;
</script>
<center>
<form name=frmCalendarSample method=post action="">
<input type=hidden name=calSelectedDate value="">
<table border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<tr> <td> <center>
<select name=tbSelMonth onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1> January </option>
<option value=2> February </option>
<option value=3> March </option>
<option value=4> April </option>
<option value=5> May </option>
<option value=6> June </option>
<option value=7> July </option>
<option value=8> August </option>
<option value=9> September </option>
<option value=10> October </option>
<option value=11> November </option>
<option value=12> December </option>
</select>
<select name=tbSelYear onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1998> 1998 </option>
<option value=1999> 1999 </option>
<option value=2000> 2000 </option>
<option value=2001> 2001 </option>
<option value=2002> 2002 </option>
<option value=2003> 2003 </option>
<option value=2004> 2004 </option>
</select>
</center>
</td>
</tr>
<tr> <td bgcolor="#00007F"> <script language="JavaScript">
var dCurDate=new Date();
fDrawCal(dCurDate.getFullYear(),dCurDate.getMonth()+1,30,30,"12px","bold",1);
</script>
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Future Time
2
http://www.x-developer.com/javascript/content/clocks/future-time/index.html
Future Time
Action: Tells you futuretime with certain time difference.
Usage: Give a visitor informationabout future date.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: K. Myers (kevinmyers@unforgettable.com) -->
<!-- http://www.geocities.com/SiliconValley/Bay/7554 -->
<!-- --------------------------------------------------- -->
function AddDays(form)
{
DaysToAdd=document.form.DaysToAdd.value;
var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}</SCRIPT>
<center>
<form name=form>
<input type=text name=DaysToAdd size=5 value=10>
<input type=button value="days from today will be..." onclick=AddDays(this.form)>
<input type=text name=display size=35 value="">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Moon
2
http://www.x-developer.com/javascript/content/calendars/moon/index.html
Moon
Action: Builds an image ofcurrent moon.
Usage: Show a visitor howbig the moon today is.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: James Thiele (mailto:jet@eskimo.com) -->
<!-- --------------------------------------------------- -->
var black = "black.gif";
var white = "white.gif";
var height=1;
var size = 50;
var i;
var currentDate = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() - blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));
document.write("<center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 - 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("<BR><FONT SIZE=4>Next full moon is in about ",time," day");
if (time > 1) document.write("s");
document.write("</font>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Print Date Time Long
2
http://www.x-developer.com/javascript/content/clocks/print-date-time-long/index.html
Print Date Time Long
Action: Prints extended informationabout current date in this format:
In Dallas,Texas, it is: 6:00 AM, Thursday, June 1st, 2000,Pacific Standard Time.
Usage: Tell your visitorcurrent date, place, time zone.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day="";
var month="";
var myweekday="";
var year="";
newdate=new Date();
mydate=new Date();
dston=new Date('April 4, 1999 2:59:59');
dstoff=new Date('october 31, 1999 2:59:59');
var myzone=newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone=6;
// references your time zone
if(newdate>dston&&newdate<dstoff)
{
zonea=zone-1;
dst=" Pacific Daylight Savings Time";
}
else
{
zonea=zone;
dst=" Pacific Standard Time";
}
var newzone=(zonea*60*60*1000);
newtimea=newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday=mydate.getDay();
mymonth=mydate.getMonth();
myweekday=mydate.getDate();
myyear=mydate.getYear();
year=myyear;
if(year<2000)
year=year+1900;
myhours=mydate.getHours();
if(myhours>=12)
{
myhours=(myhours==12)?12:myhours-12;
mm=" PM";
}
else
{
myhours=(myhours==0)?12:myhours;
mm=" AM";
}
myminutes=mydate.getMinutes();
if(myminutes<10)
{
mytime=":0"+myminutes;
}
else
{
mytime=":"+myminutes;
}
;
arday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
armonth=new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ","October ","November ","December ")
ardate=new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
// rename locale as needed.
var time=("In Dallas, Texas, it is: "+myhours+mytime+mm+", "+arday[myday]+", "+armonth[mymonth]+" "+ardate[myweekday]+", "+year+", "+dst+".");
document.write(time);
</SCRIPT>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Print Days left
2
http://www.x-developer.com/javascript/content/calendars/print-days-left-in-month/index.html
Print Days left
Action: Prints a line withdays left in current month.
Usage: Tell a visitor howmany days are left in month.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var today=new Date();
var now=today.getDate();
var year=today.getYear();
if(year<2000)year+=1900;
// Y2K fix
var month=today.getMonth();
var monarr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
// check for leap year
if(((year%4==0)&&(year%100!=0))||(year%400==0))monarr[1]="29";
// display day left
document.write("There are "+(monarr[month]-now)+" days left in this Month.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Print Time of Day
2
http://www.x-developer.com/javascript/content/clocks/print-time-of-day/index.html
Print Time of Day
Action: Prints a greetingdepending on the time.
Usage: Say Good Morning! to your visitors!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 18) display = "Evening";
else if (thehour >12) display = "Afternoon";
else display = "Morning";
var greeting = ("Good " + display + "!");
document.write(greeting);
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Quarter Year
2
http://www.x-developer.com/javascript/content/calendars/quarter-year/index.html
Quarter Year
Action: Prints 3 months table.
Usage: Show a visitor tableof 3 months.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var flg=0;
var fs=1;
var bg="cyan";
M=new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn()
{
pdy=new Date();
// today
pmo=pdy.getMonth();
// present month
pyr=pdy.getYear();
// present year
if(pyr<2000)
pyr=pyr+1900;
yr=yr1=(pmo==0?pyr-1:pyr);
// last month's year
mo=(pmo==0?11:pmo-1);
// last month
bgn=new Date(M[mo]+" 1,"+yr1);
// assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar();
// Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=pyr;
// present year
mo=pmo;
// present month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=(pmo==11?pyr+1:pyr);
// next month's year
mo=(pmo==11?0:pmo+1);
// next month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send next month to screen
document.write('</TD></TR></TABLE>');
// Finish up
}
function Calendar()
{
dy=bgn.getDay();
yr=eval(yr);
d="312831303130313130313031";
if(yr/4==Math.floor(yr/4))
{
d=d.substring(0,2)+"29"+d.substring(4,d.length);
}
pos=(mo*2);
ld=eval(d.substring(pos,pos+2));
document.write("<TABLE BORDER=1"
+" BGCOLOR='"+bg
+"'><TR><TD ALIGN=CENTER COLSPAN=7>"
+"<FONT SIZE="+fs+">"+M[mo]+" "+yr
+"</FONT></TD></TR><TR><TR>");
for(var i=0;
i<7;
i++)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>"+D[i]+"</FONT></TD>");
}
document.write("</TR><TR>");
ctr=0;
for(var i=0;
i<7;
i++)
{
if(i<dy)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+"> </FONT>"
+"</TD>");
}
else
{
ctr++;
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
while(ctr<ld)
{
for(var i=0;
i<7;
i++)
{
ctr++;
if(ctr>ld)
{
document.write("<TD ALIGN=CENTER>"
+" </TD>");
}
else
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}</SCRIPT>
<CENTER>
<P> <B> </B> <SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Till Christmas
2
http://www.x-developer.com/javascript/content/clocks/till-christmas/index.html
Till Christmas
Action: Prints a line withinformation about Christmas Day.
Usage: Tell you visitorhow far is the Christmas Day.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day_description="Christmas";
var day_before="Christmas Eve";
var today=new Date();
var year=today.getYear();
if((navigator.appName=="Microsoft Internet Explorer")&&(year<2000))
year="19"+year;
if(navigator.appName=="Netscape")
year=1900+year;
var date=new Date("December 25, "+year);
var diff=date.getTime()-today.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
document.write("There are "+(days+1)+" days until "+day_description+"!");
else if(days==1)
document.write("Tommorrow is "+day_before+"!");
else if(days==0)
document.write("Today is "+day_before+"!");
else if(days==-1)
document.write("It's "+day_description+"!");
else if(days<-1)
document.write(day_description+" was "+((days+1)*-1)+(days<-2?" days":" day")+" ago this year!");
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Till Date
2
http://www.x-developer.com/javascript/content/clocks/till-date/index.html
Till Date
Action: Prints a line withinfo about predefined day.
Usage: Set your own dateand tell a visitor how soon will it be
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var date=new Date("January 1, 2999");
var description="the year 2999";
var now=new Date();
var diff=date.getTime()-now.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
{
document.write(days+1+" days until "+description);
}
else if(days==1)
{
document.write("Only two days until "+description);
}
else if(days==0)
{
document.write("Tomorrow is "+description);
}
else
{
document.write("It's"+description+"!");
}
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>cookies
1
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString()+"; path=/";
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function checkCookie() {
var user = getCookie("username");
if (user != "") {
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" && user != null) {
setCookie("username", user, 365);
}
}
}
OLD WAY BELOW
<!-- TWO STEPS TO INSTALL COOKIE - VISITS:
1. Paste the designated coding into the HEAD of your HTML document
2. Put the last script into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("You've been here <b>" + amt() + "</b> times.")
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.31 KB -->
**********************************************************************
<!-- TWO STEPS TO INSTALL COOKIE PASSWORD PROTECTION:
1. Put the designated coding into the HEAD of your login document
2. Paste the final coding into the BODY of your login document -->
<!-- STEP ONE: Copy this code into the HEAD of your login document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie () {
var exp = new Date();
exp.setTime (exp.getTime() - 1000000000); // This cookie is history
var cval = GetCookie ('FreeStuffL');
document.cookie ='FreeStuffL' + "=" + cval + "; expires=" + exp.toGMTString();
}
function cookieCreater () {
if(GetCookie('FreeStuffL') == null) {
var FreeStuffL_Name = prompt ("What name do you want to go by?", "" );
if (FreeStuffL_Name != null && FreeStuffL_Name != "") {
var expdate = new Date ();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
SetCookie('FreeStuffL', FreeStuffL_Name, expdate);
alert ("You now are logged in! From now on, when you come to this page, you will be forwarded to the Password Protected Members-Only Area. Please do not tell anyone your entry code. At this new page, you will be shown a list of functions. Have fun!");
location.href = "cookie-in.html"
}
}
else {
DeleteCookie ();
cookieCreater ()
}
}
if(GetCookie('FreeStuffL') != null) {
location.href="cookie-in.html"
}
function check() {
var tester = document.login.numOne.value + document.login.numTwo.value;
if (tester == "") {
alert ("I'm sorry, that code is not correct.");
}
else
{
if (tester == document.login.numThree.value) {
alert ("That is correct!");
cookieCreater ();
}
else {
alert ("Nope!");
}
}
}
// End -->
</SCRIPT>
<BODY>
<center>
<form name='login'>
Enter your login code (FORMAT: login # one, login # two, login # three):
<p><input TYPE='text' NAME='numOne' SIZE=15><br>
<input TYPE='text' NAME='numTwo' SIZE=15 ><br>
<input TYPE='text' NAME='numThree' SIZE=15 ><br>
<input TYPE='button' VALUE='Login' ONCLICK='check()'>
</form>
</center>
<font size=1 color=white>
This page requires Javascript to run! Please get Netscape 2.0 or greater!
</font>
<form name="login2">
<input type=hidden name="go" value="cookie-in.html">
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.44 KB -->
<end node> 5P9i0s8y19Z
<node>COOKIES
2
<end node> 5P9i0s8y19Z
<node>CODE..Explaned
3
http://www.angelfire.com/yt/jmyers/get/js/cookies.htm
= = = = = = = = = = = = = = = = = = =
Copy-and-Paste Cookie Functions
= = = = = = = = = = = = = = = = = = =
function makeCookie(Name,Value,Expiry,Path,Domain,Secure) {
//Bunch of arguments
if (Expiry != null && !isNaN(Expiry)) {
//if you want to save the cookie
var datenow = new Date();
//get a date
datenow.setTime(datenow.getTime() + Math.round(86400000*Expiry));
//mutiply the number to make it represent days
Expiry = datenow.toGMTString();
//convert to GMT time
}
//ends that. And now...
Expiry = (Expiry) ? '; expires='+Expiry : '';
//has an expiration?
Path = (Path)?'; path='+Path:'';
//has a path?
Domain = (Domain) ? '; domain='+Domain : '';
//has a domain?
Secure = (Secure) ? '; secure' : '';
//Secure?
document.cookie = Name + '=' + escape(Value) + Expiry + Path + Domain + Secure;
//Make the cookie!
}
function readCookie(Name) {
//Your name goes here!
var cookies = ' ' + document.cookie;
//Copy your cookies
if (cookies.indexOf(' ' + Name + '=') == -1) return null;
//Whoops, no cookie!
var start = cookies.indexOf(' ' + Name + '=') + (Name.length + 2);
//Jump to start of cookie
var finish = cookies.substring(start,cookies.length);
//Get a count from the cookies
finish = (finish.indexOf(';') == -1) ? cookies.length : start + finish.indexOf(';');
//Find end of cookie
return unescape(cookies.substring(start,finish));
//Here's your cookie! ( Sorry, no chocolate chips. :-)
}
// End of cookie functions (Joseph K. Myers 1999-2000 <e_mayilme@hotmail.com>)
/*
Syntax rules:
*********************** Making the Cookie / Reading the Cookie ***********************
A. Name
1. No characters besides a-z, A-Z, numerals, dash and underscore.
2. Probably don't want to use an especially long name.
B. Value
1. Here's the actual content.
2. Anything goes here up to 4000 characters.
C. Expiry (This is what shines!)
1. Type in the NUMBER OF DAYS to save the cookie or:
2. Leave this out and the cookie will expire during the current session.
D. Path
1. Sets a restriction on the portion of the server allowed to access a cookie.
2. Use a slash "/" to allow any page from your site to obtain the cookie.
E. Domain
1. Sets a domain as in MAIL.yahoo.com ( EMPHASIS ADDED!!! ).
2. By default this would be set to the same as the cookie's origin domain.
F. Secure
1. If you want access to the cookie ONLY during a secure connection.
2. Normally you'd want this to protect sensitive information.
You would type this...
makeCookie('friendly_cookie', 'Mr. Smith is tall.', 18, '/');
...to make a cookie with a NAME of friendly_cookie, a VALUE of "Mr. Smith is tall.", an
EXPIRATION of 18 days later, and having the most accessible PATH of /.
You would type this...
var YOUR_VARIABLE_NAME = readCookie('friendly_cookie');
...to set the variable of YOUR_VARIABLE_NAME to the value of the cookie with a NAME of
friendly_cookie or to null if there was no cookie available named friendly_cookie.
You would type this...
makeCookie('toughcookie', somevariable, null, '/directory/pages/', 'mail.yahoo.com', true);
...to make a cookie with a NAME of toughcookie, a VALUE of the variable somevariable, an
EXPIRATION of current session, and having a PATH of /directory/pages/ at the DOMAIN of
mail.yahoo.com, and only accessible in SECURE connections.
Typing the following...
makeCookie('cookie-name', '', 0, '/same/path/as/before', 'at-the-same-domain');
...would delete a cookie with a NAME of cookie-name. The path and domain must be specified
just as before since two cookies by the same name with different paths can coexist on one domain.
Smile! :-) This code is free for the taking. Consider it to be in the public domain. Feel free
to contact me at <e_mayilme@hotmail.com> or visit my website which has even more cool
scripts at <http://www.angelfire.com/yt/jmyers/>.
Note: You'll likely want to remove most comments from this script to shorten download times.
*/
//These cookie functions written 1999-2000 by Joseph K. Myers
<end node> 5P9i0s8y19Z
<node>Name & Visit
3
http://www.x-developer.com/javascript/content/cookies/name-visit/index.html
Name & Visit Browser : ALL
Action: Remembers your name and numbers of visits.
Usage: Ask a visitor for name and then write a line saying Hello to a Visitor and showing number of visits.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var expDays=30;
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function Who(info)
{
var VisitorName=GetCookie('VisitorName')
if(VisitorName==null)
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
}
return VisitorName;
}
function When(info)
{
var rightNow=new Date()
var WWHTime=0;
WWHTime=GetCookie('WWhenH')
WWHTime=WWHTime*1
var lastHereFormatting=new Date(WWHTime);
var intLastVisit=(lastHereFormatting.getYear()*10000)+(lastHereFormatting.getMonth()*100)+lastHereFormatting.getDate()
var lastHereInDateFormat=""+lastHereFormatting;
var dayOfWeek=lastHereInDateFormat.substring(0,3)
var dateMonth=lastHereInDateFormat.substring(4,11)
var timeOfDay=lastHereInDateFormat.substring(11,16)
var year=lastHereInDateFormat.substring(23,25)
var WWHText=dayOfWeek+", "+dateMonth+" at "+timeOfDay
SetCookie("WWhenH",rightNow.getTime(),exp)
return WWHText
}
function Count(info)
{
var WWHCount=GetCookie('WWHCount')
if(WWHCount==null)
{
WWHCount=0;
}
else
{
WWHCount++;
}
SetCookie('WWHCount',WWHCount,exp);
return WWHCount;
}
function set()
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
SetCookie('WWHCount',0,exp);
SetCookie('WWhenH',0,exp);
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}</SCRIPT>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello "+Who()+". You've been here "+Count()+" time(s). Last time was "+When()+".");
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Popup Once
3
http://www.x-developer.com/javascript/content/cookies/popup-once/index.html
Popup Once Browser : ALL
Action: Popups a window with specific URL once.
Usage: Show a popup window just once instead of having to pop it up every time the page is visited.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=checkCount() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var expDays=1;
// number of days the cookie should last
var page="demo-dest.html";
var windowprops="width=200,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function amt()
{
var count=GetCookie('count')
if(count==null)
{
SetCookie('count','1')
return 1
}
else
{
var newcount=parseInt(count)+1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function checkCount()
{
var count=GetCookie('count');
if(count==null)
{
count=1;
SetCookie('count',count,exp);
window.open(page,"",windowprops);
}
else
{
count++;
SetCookie('count',count,exp);
}
}</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Redirector
3
http://www.x-developer.com/javascript/content/cookies/redirector/index.html
Redirector Browser : ALL
Action: Places a cookie on your computer with your favorite page and then redirects you there next time you enter the site.
Usage: Save time for you visitors when looking for their favorite page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
var expDays = 30;
var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;
}
function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var favorite = GetCookie('page');
if (favorite != null) {
switch (favorite) {
case 'demo-1' : url = 'demo-1.html'; // change these!
break;
case 'demo-2' : url = 'demo-2.html'; break;
case 'demo-3' : url = 'demo-3.html';
break;
case 'demo-4' : url = 'demo-4.html';
break;
}
window.location.href = url;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form>
<table border="3" bgcolor="#00007F">
<tr> <td> <font color="#FFFFFF"><b>Please choose your Favorite Page:<br>
<input type=checkbox name="demo-1" onClick="SetCookie('page', this.name, exp);">
Page 1<br>
<input type=checkbox name="demo-2" onClick="SetCookie('page', this.name, exp);">
Page 2<br>
<input type=checkbox name="demo-3" onClick="SetCookie('page', this.name, exp);">
Page 3<br>
<input type=checkbox name="demo-4" onClick="SetCookie('page', this.name, exp);">
Page 4</b><br>
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Your Name
3
http://www.x-developer.com/javascript/content/cookies/name/index.html
Your Name Browser : ALL
Action: Asks a visitor for name and prints the line.
Usage: Greet a visitor every time he enters the page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE = "JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var username = GetCookie('username');
if (username == null) {
username = prompt('Please enter your name (otherwise press cancel)',"WebSurfer");
if (username == null) {
alert('Its ok if you dont want to tell me your name');
username = 'WebSurfer';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
</SCRIPT>
<CENTER>
<SCRIPT>
document.write('<font size="+3">Hey '+username+'!</font>');
if (username == "WebSurfer") {
document.write('</font><br><small><a href="name.html" target="_top">personalize</A> your greeting!</small>')
<!-- Remember to change the URL in the previous line to your page URL -->
}
</SCRIPT>
<font size="3"><b><font size="4">You're Using:</font></b></font> <SCRIPT>
document.write('<br> '+ navigator.appName + ' (<i>' + navigator.appCodeName + '</i>) version ' + navigator.appVersion + '.')
// End -->
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>date
1
<!-- ONE STEP TO INSTALL DAYS TILL DATE:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alan Palmer -->
<!-- Web Site: http://www.jsr.communitech.net -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var date = new Date("January 1, 2003");
var description = "the year 2003";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h3></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<!-- THREE STEPS TO INSTALL POPUP DATE PICKER:
1. Copy the code into a new file, save as date-picker.js
2. Add the script source tag to the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into a new file, save as date-picker.js -->
<!-- Original: Kedar R. Bhave (softricks@hotmail.com) -->
<!-- Web Site: http://www.softricks.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
if ((p_month == null) && (p_year == null)) return;
if (p_WinCal == null)
this.gWinCal = ggWinCal;
else
this.gWinCal = p_WinCal;
if (p_month == null) {
this.gMonthName = null;
this.gMonth = null;
this.gYearly = true;
} else {
this.gMonthName = Calendar.get_month(p_month);
this.gMonth = new Number(p_month);
this.gYearly = false;
}
this.gYear = p_year;
this.gFormat = p_format;
this.gBGColor = "white";
this.gFGColor = "black";
this.gTextColor = "black";
this.gHeaderColor = "black";
this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
/*
Check for leap year ..
1.Years evenly divisible by four are normally leap years, except for...
2.Years also evenly divisible by 100 are not leap years, except for...
3.Years also evenly divisible by 400 are leap years.
*/
if ((p_year % 4) == 0) {
if ((p_year % 100) == 0 && (p_year % 400) != 0)
return Calendar.DOMonth[monthNo];
return Calendar.lDOMonth[monthNo];
} else
return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
function Calendar_print() {
ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
var vCode = "";
var vHeader_Code = "";
var vData_Code = "";
// Begin Table Drawing code here..
vCode = vCode + "<TABLE BORDER=1 BGCOLOR=\\"" + this.gBGColor + "\\">";
vHeader_Code = this.cal_header();
vData_Code = this.cal_data();
vCode = vCode + vHeader_Code + vData_Code;
vCode = vCode + "</TABLE>";
return vCode;
}
Calendar.prototype.show = function() {
var vCode = "";
this.gWinCal.document.open();
// Setup the page...
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwriteA("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwriteA(this.gMonthName + " " + this.gYear);
this.wwriteA("</B><BR>");
// Show navigation buttons
var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
var prevMM = prevMMYYYY[0];
var prevYYYY = prevMMYYYY[1];
var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
var nextMM = nextMMYYYY[0];
var nextYYYY = nextMMYYYY[1];
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
");" +
"\\"><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\"><<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">><\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for the month..
vCode = this.getMonthlyCalendarCode();
this.wwrite(vCode);
this.wwrite("</font></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
var vCode = "";
var i;
var vr, vc, vx, vy; // Row, Column, X-coord, Y-coord
var vxf = 285; // X-Factor
var vyf = 200; // Y-Factor
var vxm = 10; // X-margin
var vym; // Y-margin
if (isIE) vym = 75;
else if (isNav) vym = 25;
this.gWinCal.document.open();
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("<style type='text/css'>\\n<!--");
for (i=0; i<12; i++) {
vc = i % 3;
if (i>=0 && i<= 2) vr = 0;
if (i>=3 && i<= 5) vr = 1;
if (i>=6 && i<= 8) vr = 2;
if (i>=9 && i<= 11) vr = 3;
vx = parseInt(vxf * vc) + vxm;
vy = parseInt(vyf * vr) + vym;
this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
}
this.wwrite("-->\\n</style>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwrite("Year : " + this.gYear);
this.wwrite("</B><BR>");
// Show navigation buttons
var prevYYYY = parseInt(this.gYear) - 1;
var nextYYYY = parseInt(this.gYear) + 1;
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\" alt='Prev Year'><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for each month..
var j;
for (i=11; i>=0; i--) {
if (isIE)
this.wwrite("<DIV ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
else if (isNav)
this.wwrite("<LAYER ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
this.gMonth = i;
this.gMonthName = Calendar.get_month(this.gMonth);
vCode = this.getMonthlyCalendarCode();
this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
this.wwrite(vCode);
if (isIE)
this.wwrite("</DIV>");
else if (isNav)
this.wwrite("</LAYER>");
}
this.wwrite("</font><BR></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
var vCode = "";
vCode = vCode + "<TR>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
vCode = vCode + "</TR>";
return vCode;
}
Calendar.prototype.cal_data = function() {
var vDate = new Date();
vDate.setDate(1);
vDate.setMonth(this.gMonth);
vDate.setFullYear(this.gYear);
var vFirstDay=vDate.getDay();
var vDay=1;
var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
var vOnLastDay=0;
var vCode = "";
/*
Get day for the 1st of the requested month/year..
Place as many blank cells before the 1st day of the month as necessary.
*/
vCode = vCode + "<TR>";
for (i=0; i<vFirstDay; i++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' FACE='" + fontface + "'> </FONT></TD>";
}
// Write rest of the 1st week
for (j=vFirstDay; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
}
vCode = vCode + "</TR>";
// Write the rest of the weeks
for (k=2; k<7; k++) {
vCode = vCode + "<TR>";
for (j=0; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
if (vDay > vLastDay) {
vOnLastDay = 1;
break;
}
}
if (j == 6)
vCode = vCode + "</TR>";
if (vOnLastDay == 1)
break;
}
// Fill up the rest of last week with proper blanks, so that we get proper square blocks
for (m=1; m<(7-j); m++) {
if (this.gYearly)
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
else
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
}
return vCode;
}
Calendar.prototype.format_day = function(vday) {
var vNowDay = gNow.getDate();
var vNowMonth = gNow.getMonth();
var vNowYear = gNow.getFullYear();
if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
return ("<FONT COLOR=\\"RED\\"><B>" + vday + "</B></FONT>");
else
return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
var i;
// Return special formatting for the weekend day.
for (i=0; i<weekend.length; i++) {
if (vday == weekend[i])
return (" BGCOLOR=\\"" + weekendColor + "\\"");
}
return "";
}
Calendar.prototype.format_data = function(p_day) {
var vData;
var vMonth = 1 + this.gMonth;
vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
var vY4 = new String(this.gYear);
var vY2 = new String(this.gYear.substr(2,2));
var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
switch (this.gFormat) {
case "MM\\/DD\\/YYYY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
break;
case "MM\\/DD\\/YY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY2;
break;
case "MM-DD-YYYY" :
vData = vMonth + "-" + vDD + "-" + vY4;
break;
case "MM-DD-YY" :
vData = vMonth + "-" + vDD + "-" + vY2;
break;
case "DD\\/MON\\/YYYY" :
vData = vDD + "\\/" + vMon + "\\/" + vY4;
break;
case "DD\\/MON\\/YY" :
vData = vDD + "\\/" + vMon + "\\/" + vY2;
break;
case "DD-MON-YYYY" :
vData = vDD + "-" + vMon + "-" + vY4;
break;
case "DD-MON-YY" :
vData = vDD + "-" + vMon + "-" + vY2;
break;
case "DD\\/MONTH\\/YYYY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY4;
break;
case "DD\\/MONTH\\/YY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY2;
break;
case "DD-MONTH-YYYY" :
vData = vDD + "-" + vFMon + "-" + vY4;
break;
case "DD-MONTH-YY" :
vData = vDD + "-" + vFMon + "-" + vY2;
break;
case "DD\\/MM\\/YYYY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY4;
break;
case "DD\\/MM\\/YY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY2;
break;
case "DD-MM-YYYY" :
vData = vDD + "-" + vMonth + "-" + vY4;
break;
case "DD-MM-YY" :
vData = vDD + "-" + vMonth + "-" + vY2;
break;
default :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
}
return vData;
}
function Build(p_item, p_month, p_year, p_format) {
var p_WinCal = ggWinCal;
gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
// Customize your Calendar here..
gCal.gBGColor="white";
gCal.gLinkColor="black";
gCal.gTextColor="black";
gCal.gHeaderColor="darkgreen";
// Choose appropriate show function
if (gCal.gYearly) gCal.showY();
else gCal.show();
}
function show_calendar() {
/*
p_month : 0-11 for Jan-Dec; 12 for All Months.
p_year : 4-digit year
p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
p_item : Return Item.
*/
p_item = arguments[0];
if (arguments[1] == null)
p_month = new String(gNow.getMonth());
else
p_month = arguments[1];
if (arguments[2] == "" || arguments[2] == null)
p_year = new String(gNow.getFullYear().toString());
else
p_year = arguments[2];
if (arguments[3] == null)
p_format = "MM/DD/YYYY";
else
p_format = arguments[3];
vWinCal = window.open("", "Calendar",
"width=250,height=250,status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
// Load the defaults..
if (p_year == null || p_year == "")
p_year = new String(gNow.getFullYear().toString());
if (p_format == null || p_format == "")
p_format = "MM/DD/YYYY";
var vWinCal = window.open("", "Calendar", "scrollbars=yes");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, null, p_year, p_format);
}
<!-- STEP TWO: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script language="JavaScript" src="date-picker.js"></script>
</HEAD>
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 17.17 KB -->
<end node> 5P9i0s8y19Z
<node>email
1
<!-- ONE STEP TO INSTALL EMAIL ADDRESS PROTECTOR:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
user = "username";
site = "yoursite.com";
document.write('<a href=\\"mailto:' + user + '@' + site + '\\">');
document.write(user + '@' + site + '</a>');
// End -->
</SCRIPT>
******************************************************************************
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
******************************************************************
<!-- THREE STEPS TO INSTALL SUBMIT ONCE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var submitcount=0;
function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}
function checkFields() { // field validation -
if ( (document.emailform.name.value=="") || // checks if fields are blank.
(document.emailform.email.value=="") || // More validation scripts at
(document.emailform.comments.value=="") ) // forms.javascriptsource.com
{
alert("Please enter your name, email, and comments then re-submit this form.");
return false;
}
else
{
if (submitcount == 0)
{
submitcount++;
return true;
}
else
{
alert("This form has already been submitted. Thanks!");
return false;
}
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="reset()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
<input type=hidden name=to value="you@your-website-address-here.com">
<input type=hidden name=subject value="Feedback Form">
<pre>
Your Name: <input type=text name="name">
Your Email: <input type=text name="email">
Comments?
<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
<input type=submit value="Submit Form!">
[ Click the submit button twice to see the script in action ]
</pre>
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.05 KB -->
<end node> 5P9i0s8y19Z
<node>E-Mail
2
<end node> 5P9i0s8y19Z
<node>Auto-Email Notification
3
http://members.nbci.com/_XMCM/yoboseyo/login/pwmake.htm
Auto-Email Notification
If you want to have email from anyone who visits your page
you need only have a form with one button.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form name="f" action="mailto:you@your.com" method="post">
<input type="submit" name="b" value=".">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
In the <body> tag you need to activate the form by clicking
on the button. <body onload="document.f.b.click();">
<end node> 5P9i0s8y19Z
<node>Fax
3
<A HREF="mailto:Fax: (970) 686-1100">Fax: (970) 686-1100</A>
<end node> 5P9i0s8y19Z
<node>Fill-In
3
http://wsabstract.com/script/script2/mailbutton.shtml
---
Featured new script- Email Me button
This simple but practical script render a "email me" button that, when clicked on, launches your visitor's default email program with the "To", "CC", and "Subject" line all filled in already.
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<FORM>
<INPUT TYPE="button" VALUE="Contact Us" onClick="parent.location='mailto:you@youremail.com?subject=The subject you want to appear&cc=you2@youremail.com'">
</FORM>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>New subject
3
http://www.x-developer.com/javascript/content/buttons/mail-button-subject/index.html
Mail Button with Subject
Action: Sends an E-Mail withsubject predefined.
Usage: Your visitors won'thave to type message subject any more.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<FORM>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <INPUT TYPE=button VALUE="Mail Button with Subject" onClick=parent.location='mailto:developer@x-developer.com?subject=Hello!'>
</FORM>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>E-Mail Buttons
2
A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated
= = = = = = = = = = = = = = =
<!-- ONE STEP TO INSTALL E-MAIL BUTTON:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me" onClick="parent.location='mailto:antispammer@earthling.net'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me - Subject Predetermined" onClick="parent.location='mailto:spammer@earthling.net?subject=This Is The Pre-determined Subject'">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.70 KB -->
<end node> 5P9i0s8y19Z
<node>Subject E-Mail
3
Let your visitors send you e-mail with a predetermined subject!
--------------------------------------------------------------------------------
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
<end node> 5P9i0s8y19Z
<node>Mailing List U/D
2
http://www.x-developer.com/javascript/content/forms/mailing-list/index.html
Mailing List Browser : ALL
Action: Mailing list submitting form with basic validation.
Usage: Saves time for a visitor when signing for your mailing
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function resetform() {
document.forms[0].elements[1]=="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\\n You are about to e-mail your submission. \\n\\nYES to submit. NO to abort."))
{
alert("\\nYour submission will now be sent. \\n\\n Use the Return Button once the submission is complete to return to my home page.\\n\\n\\n Thank you for joining our mailing list!");
return true;
}
else
{
alert("\\n You have chosen to abort the submission.");
return false
}
else return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert ("\\n The E-Mail field is blank. \\n\\n Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\\n The E-Mail field requires a \\"@\\" and a \\".\\"be used. \\n\\nPlease re-enter your E-Mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\\n The First Name field is blank. \\n\\n Please enter your first name.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\\n The Last Name field is blank. \\n\\nPlease enter your last name.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\\n The Address field is blank. \\n\\nPlease enter your address.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\\n The City field is blank. \\n\\nPlease enter your city.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\\n The state field is blank.\\n\\nPlease enter your state.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\\n The Zip code field is blank. \\n\\nPlease enter your Zip code.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
</SCRIPT>
<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:developer@x-developer.com?subject=Mailing List' onSubmit="return submitForms()">
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#1018BF">
<tr valign=baseline> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Email Address:</font> </b></font></TD>
<TD> <input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">First Name:</font> </b></font></TD>
<TD> <input type=text name="First Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Last Name:</font> </b></font></TD>
<TD> <input type=text name="Last Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Address:</font> </b></font></TD>
<TD> <input type=text name="Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">City:</font> </b></font></TD>
<TD> <input type=text name="City" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">State:</font> </b></font></TD>
<TD> <input type=text name="State" size=10,1 maxlength=25>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Zip Code:</font> </b></font></TD>
<TD> <input type=text name="Zip" size=20,1 maxlength=35>
</TD>
</tr>
</TABLE>
<br>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Files
1
you can use split method. for example, if the content of file is on
fileContent variable then you can simply use:
fileLines=fileContent.split("\\n")
first line will be:
fileLines[0]
second:
fileLines[1]
third:
fileLines[2]
.....
and the number of lines:
fileLines.length
2. Using a web page and ActiveX objects (Internet Explorer only)
Using ActiveX objects gives you many possibilities, but there are two distinct disadvantages:
You need a web page to run your JavaScript, and
ActiveX objects only work with the Internet Explorer browser.
When using extensions, all you need to do is select Build / Execute from the menu and let JavaScript Editor do the job.
Example 1 (using extensions): Reading a file
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FileRead.js, and
4. Select Build / Execute from the menu.
Note: If you do not save the file, getScriptPath() below will return an empty string.
// This example shows file manipulation routines: it echoes
// the contents of itself (the script file).
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
fh = fopen(getScriptPath(), 0); // Open the file for reading
if(fh!=-1) // If the file has been successfully opened
{
length = flength(fh); // Get the length of the file
str = fread(fh, length); // Read in the entire file
fclose(fh); // Close the file
// Display the contents of the file
write(str);
}
Example 2 (using extensions): Listing files in a folder
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FolderExample.js, and
4. Select Build / Execute from the menu.
Note: if you do not save the file, getCurrentFolder() below will return an empty string.
// This example shows folder manipulation routines: it lists
// the contents of the current folder.
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
write("The contents of " + getCurrentFolder());
fileName = findFirstFile("*.*"); // Find the first file matching the filter
while(fileName.length)
{
write(fileName);
fileName = findNextFile(); // Find the next file matching the filter
}
Example 3 (using extensions): Writing a file using JavaScript
Writing files using JavaScript and built-in extensions is straightforward: open the file for writing, write to a file and close a file.
1. Run JavaScript Editor
2. Copy and paste the code below
3. (Optional) Save the file as WriteFileExample.js, and
4. Select Build / Execute from the menu.
function WriteFile()
{
var fh = fopen("c:\\\\MyFile.txt", 3); // Open the file for writing
if(fh!=-1) // If the file has been successfully opened
{
var str = "Some text goes here...";
fwrite(fh, str); // Write the string to a file
fclose(fh); // Close the file
}
}
WriteFile();
Example 4 (using ActiveX and a web page): Listing available drives
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as DriveList.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language=JavaScript>
function ShowAvailableDrives()
{
document.write(GetDriveList());
}
function GetDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += ":- ";
if (x.DriveType == 3) n = x.ShareName;
else if (x.IsReady) n = x.VolumeName;
else n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
} while (!e.atEnd());
return(s);
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language=JavaScript> ShowAvailableDrives(); </SCRIPT>
</P>
</BODY>
</HTML>
Example 5 (using ActiveX and a web page): Writing a file using JavaScript
Writing files via ActiveX is slightly more involved than using JavaScript Editor extensions: you create an instance of a FileSystemObject, create a file, write to it, and close it.
In addition, you cannot run the code on its own, it needs to be a part of a web page or a stand-alone HTML Application (HTA).
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as WriteFileX.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function WriteFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.CreateTextFile("c:\\\\Test.txt", true);
fh.WriteLine("Some text goes here...");
fh.Close();
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language="JavaScript"> WriteFile(); </SCRIPT>
</P>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>FORMS
1
if (name !== null && password !== null){
var location=name +'support'+ password + '.html';
window.status=null
document.location.href = location;
}
<end node> 5P9i0s8y19Z
<node>Add ToCombo
2
http://www.x-developer.com/javascript/content/forms/add-to-list/index.html
Add To List Browser : ALL
Action: Adds data as you enter it in the form and stores it in memory for later use.
Usage: Create small amounts of data that can be sent later via form mail.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<FORM name="history">
<center>
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</center>
</FORM>
<P> <SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length - 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}
function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\\n";
alert( allCmmnds );
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Agree on Entry
2
http://www.x-developer.com/javascript/content/forms/agree-entry/index.html
Agree on Entry Browser : ALL
Action: Allows you to enter data only after you check the I Agree radio button.
Usage: You can force a visitor to Agree when submitting a form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
agree = 0; // 0 means 'no', 1 means 'yes'
</script>
<center>
<form name=enableform>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">
<b>I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">
I disagree<br>
Please enter your name: </b> <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Box Input Limit
2
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
=====================================
http://www.x-developer.com/javascript/content/forms/box-limit/index.html
http://capsule.bayside.net/
Box Input Limit Browser : ALL
Action: Limits amount of characters written in the form textbox.
Usage: Prevent users from entering too long messages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Glenn Wang (brief@ix.netcom.com) -->
<!-- Web Site: http://capsule.bayside.net/ -->
<!-- --------------------------------------------------- -->
function checkchars(form) {
var max=15;
if (form.chars.value.length > max) {
alert("Please do not enter more than 15 characters. Please shorten your entry and submit again.");
return false;
}
else return true;
}
</script>
<center>
<form onsubmit="return checkchars(this)">
<textarea rows=5 cols=30 name=chars wrap=virtual></textarea>
<br>
<input type=submit value="Submit!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>checkbox
2
<end node> 5P9i0s8y19Z
<node>CheckBox Checker
3
<SCRIPT LANGUAGE="JavaScript">
<!--
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group...
// Pass the Checkbox group name...
// call buttons as so:
// <input type=button name="CheckAll" value="Check All"
//onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
//onClick="uncheckAll(document.myform.list)">
// -->
<!-- Begin
function checkAll(field)
{
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
field[i].checked = false ;
}
// End -->
</script>
Here is the HTML:
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>
=======================================================
http://www.x-developer.com/javascript/content/forms/checker/index.html
mailto:stevejr@ce.net
CheckBox Checker Browser : ALL
Action: Controls checkbox appearance in your form.
Usage: Help a visitor control checkboxes easily.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Modified By: Steve Robison, Jr. (stevejr@ce.net) -->
<!-- --------------------------------------------------- -->
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=myform action="" method=post>
<table bgcolor="#00007F" border="3">
<tr> <td> <font color="#FFFFFF"><b>Your Favorite Scripts & Languages<br>
<input type=checkbox name=list value="1">
Java<br>
<input type=checkbox name=list value="2">
JavaScript<br>
<input type=checkbox name=list value="3">
ASP<br>
<input type=checkbox name=list value="4">
HTML<br>
<input type=checkbox name=list value="5">
SQL</b><br>
<br>
<input type=button value="Check All" onClick="this.value=check(this.form.list)">
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>VBcode
4
If chMultiple.Value = 1 Then
Print #2, "<SCRIPT LANGUAGE='JavaScript'>"
Print #2, "function checkAll(field1){"
Print #2, Spc(4); "for (i = 0; i < field1.length; i++)"
Print #2, Spc(8); "field1[i].checked = true;"
Print #2, Spc(4); "}"
Print #2, Spc(0); "</script>"
End If
<end node> 5P9i0s8y19Z
<node>CheckBox Limit
3
http://www.x-developer.com/javascript/content/forms/check-box-limit/index.html
CheckBox Limit Browser : ALL
Action: Limits number of selected checkboxes.
Usage: Prevent a visitor from selecting too many checkboxes.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script type="text/javascript">
<!--
var numChecked = 0;
var maxChecked = 4000 // checked boxes limit
function getChecked() { // checks to see if any boxes are selected by default
myForm = document.count
for (i=0; i<myForm.elements.length; i++) {
if (myForm.elements[i].type == "checkbox" && myForm.elements[i].checked){
numChecked++
}
}
}
function checkCheck(theBox) {
if (theBox.checked) {
if (numChecked == maxChecked){
theBox.checked = false
}
else{
numChecked++
}
}
else{
//numChecked--
return true
}
document.getElementById("display_count").innerHTML=numChecked
}
// include onload="getChecked()" in the opening BODY tag
//-->
</script>
<form name="count">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
</form>
A checkbox has been selected <span id="display_count"></span> times
</center>
======================================
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function countChoices(obj) {
max = 2; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'
if (count > max) {
alert("Oops! You can only choose up to " + max + " choices! \\nUncheck an option if you want to pick another.");
obj.checked = false;
}
}
</script>
<center>
<form>
<p> <input type=checkbox name=box1 onClick="countChoices(this)">
<b>Section 1 </b> <p> <b> <input type=checkbox name=box2 onClick="countChoices(this)">
Section 2 </b> <p> <b> <input type=checkbox name=box3 onClick="countChoices(this)">
Section 3 </b> <p> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>is checked
3
The form must have a name. And the checkbox fields must have a name. Here is an example:
<form
name="myform"
method="POST"
action="/cgi-bin/script.cgi">
<input
type="checkbox"
name="box1"
value="yes1">
<input
type="checkbox"
name="box2"
value="yes2">
<input
type="submit"
onClick="DoTheCheck()">
</form>
The above form's name is "myform". The checkbox's names are "box1" and "box2".
Here is JavaScript that will check whether or not the checkboxes are checked and display an alert box with the answer. It is function DoTheCheck() that the above form calls when the submit button is clicked. The JavaScript can be in the HEAD area or in the BODY area, so long as it is above the form it manipulates.
function DoTheCheck() {
if(document.myform.box1.checked == true)
{ alert('box1 is checked'); }
if(document.myform.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.myform.box2.checked == true)
{ alert('box2 is checked'); }
if(document.myform.box2.checked == false)
{ alert('box2 is not checked'); }
}
The format is the word "document," a period, the name of the form, a period, the name of the checkbox field, a period, and the word "checked."
If you want to check a checkbox with JavaScript, use:
document.myform.box1.checked = true;
Notice that when you consult the checkbox to see whether or not it is checked, you use two consecutive equals characters; and when you assign a check to the checkbox, you use only a single equals character. The single use means "make it equal to ______." The doubled use determines "whether or not it already is equal to ______."
If you want to un-check a checkbox with JavaScript, use:
document.myform.box1.checked = false;
Now you know how to determine whether or not a checkbox is already checked and you can check or uncheck it.
Before we present the examples, let's learn how to determine the value of a checkbox.
Simply replace the word "checkbox" with the word "value". The value is the value as specified in the form itself (unless JavaScript is used to change that value). When you consult the checkbox to determine its value, it will provide the value whether or not it is checked. For example, this will display an alert box with the value of box1 as the message:
alert(document.myform.box1.value);
To display the alert box only if the checkbox is checked, do this:
if(document.myform.box1.checked == true)
{ alert(document.myform.box1.value); }
If you need to change the value of a checkbox with JavaScript, do something like this:
document.myform.box1.value = "new value";
<end node> 5P9i0s8y19Z
<node>CheckBox Text
2
http://www.x-developer.com/javascript/content/forms/checkbox-text/index.html
CheckBox Text Browser : ALL
Action: Checks and unchecks a checkbox when you click on the text near it.
Usage: Simplify checkbox checking for your visitors.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: trs2005@yahoo.com -->
<!-- Modified by: Ronnie T. Moore, Editor -->
<!-- --------------------------------------------------- -->
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')"><b>Clicking this text also checks the box to the left.</b></span> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>combo double
2
alert(document.mainForm.billingstate.options[document.mainForm.billingstate.selectedIndex].value);
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://javascriptkit.com">JavaScript Kit</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
<end node> 5P9i0s8y19Z
<node>Helper
2
http://www.x-developer.com/javascript/content/forms/helper/index.html
Helper Browser : ALL
Action: Popups a help window with item description.
Usage: Helps a visitor understand what to write. Supports copy info feature.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
</script>
<center>
<form name=form method=post action="/cgi-bin/your-script.cgi">
<b>User Name: <input type=text name="username" size=10>
<a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> <br>
Password: <input type=text name="password" size=10>
<a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> </b> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>No Bad Words
2
http://www.x-developer.com/javascript/content/forms/no-bad-words/index.html
No Bad Words Browser : ALL
Action: Replaces bad words with @#$%& characters.
Usage: Prevents you from getting mail with bad words.
Author: ISN Toolbox Homepage ... http://www.infohiway.com/
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Cut-N-Paste JavaScript - ISN Toolbox -->
<!-- Web Site: http://www.infohiway.com/ -->
<!-- --------------------------------------------------- -->
function smutEngine() {
smut="#@&*%!#@&*%!#@&*%!";
cmp="sex babes shit fuck damn porno cum cunt prick pecker ass "
+"asshole pedophile man-boy man/boy dong twat ";
txt=document.isn.dirt.value;
tstx="";
for (var i=0;i<16;i++){
pos=cmp.indexOf(" ");
wrd=cmp.substring(0,pos);
wrdl=wrd.length
cmp=cmp.substring(pos+1,cmp.length);
while (txt.indexOf(wrd)>-1){
pos=txt.indexOf(wrd);
txt=txt.substring(0,pos)+smut.substring(0,wrdl)
+txt.substring((pos+wrdl),txt.length);
}
}
document.isn.dirt.value=txt;
}
</SCRIPT>
<CENTER>
<FORM NAME="isn">
<DIV ALIGN=CENTER> <INPUT TYPE="text" NAME="dirt" SIZE=40 VALUE="">
<BR>
<INPUT TYPE="button" NAME="smut1" VALUE=" Submit " onClick="smutEngine(this.form)">
</DIV>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Pass Value from PopUp
2
http://www.x-developer.com/javascript/content/forms/pass-value/index.html
http://www.fortunecity.com/lavendar/lavender/21/
Pass Value Browser : ALL
Action: Passes value from a popup options window to main page.
Usage: Let your visitors pick items from small window and then pass values to the main window.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Pankaj Mittal (pankajm@writeme.com) -->
<!-- Web Site: http://www.fortunecity.com/lavendar/lavender/21 -->
<!-- --------------------------------------------------- -->
function small_window(myurl) {
var newWindow;
var props = 'scrollBars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=300,height=200';
newWindow = window.open(myurl, "Add_from_Src_to_Dest", props);
}
// Adds the list of selected items selected in the child
// window to its list. It is called by child window to do so. function addToParentList(sourceList) {
destinationList = window.document.forms[0].parentList;
for(var count = destinationList.options.length - 1; count >= 0; count--) {
destinationList.options[count] = null;
}
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
destinationList.options[i] = new Option(sourceList.options[i].text, sourceList.options[i].value );
}
}
// Marks all the items as selected for the submit button. function selectList(sourceList) {
sourceList = window.document.forms[0].parentList;
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
sourceList.options[i].selected = true;
}
return true;
}
// Deletes the selected items of supplied list.
function deleteSelectedItemsFromList(sourceList) {
var maxCnt = sourceList.options.length;
for(var i = maxCnt - 1; i >= 0; i--) {
if ((sourceList.options[i] != null) && (sourceList.options[i].selected == true)) {
sourceList.options[i] = null;
}
}
}
</script>
<center>
<form method=post>
<table border=3 bgcolor="#00007F">
<tr>
<td>
<select size=5 name=parentList multiple>
</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button value="Add Item" onclick = "javascript:small_window('demo-1.html');">
<input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Preload TEXT BOXES
2
Form called Enter and text Boxes FName and LName
var dog=GetCookie('hbaweblink');
if (dog !== null ){
var name=GetCookie('hbaname')
Enter.FName.value=name
var password=GetCookie('hbapassword')
Enter.LName.value=password
}
<end node> 5P9i0s8y19Z
<node>radiobuttons
2
<body bgcolor="#ffffff">
<form method="post" action="tbl_addfield.php">
<input type="radio" name="field_where" id="radio_field_where_last" value="last" checked="checked" /><label for="radio_field_where_last">At End of Table</label>
<input type="radio" name="field_where" id="radio_field_where_first" value="first" /><label for="radio_field_where_first">At Beginning of Table</label>
<input type="radio" name="field_where" id="radio_field_where_after" value="after" /><label for="radio_field_where_after">After </label>
<select name="after_field" style="vertical-align: middle" onclick="this.form.field_where[2].checked=true" onchange="this.form.field_where[2].checked=true"><option value="cartid">cartid</option>
<option value="sessionid">sessionid</option>
<option value="productid">productid</option>
<option value="productattributes">productattributes</option>
<option value="quantity">quantity</option>
<option value="updated">updated</option>
</select>
<input type="submit" value="Go" style="vertical-align: middle" />
</form>
======================================================================
function getValue()
{
//////////////////////////////////////////////////////////////
// The variable 'msg' will hold the messages we want to
// appear in the message box. The 'check' varable, which
// we are setting to zero, will check to see if any values
// have been selected.
//////////////////////////////////////////////////////////////
var msg = "";
var check = 0;
//////////////////////////////////////////////////////////////
// We create a for loop that tests each radio box in turn,
// checking their values. The value is inserted into the
// 'msg' variable along with a message. We also set the value
// of 'check' to 1, if any values were selected.
//////////////////////////////////////////////////////////////
for (var i = 0; i < 4; i++)
{
var checked = document.testForm.test[i].checked;
if (checked)
{
msg += "The selected value is: " + (document.testForm.test[i].value) + "\\n";
check = 1;
}
}
//////////////////////////////////////////////////////////////
// If the check value is equivalent to one, we alert the
// message constructed above. If it is not equal to one,
// we alert that no value was selected.
//////////////////////////////////////////////////////////////
if (check == 1)
{
alert (msg);
}
else
{
alert ("No value was selected.");
}
}
// End Hide -->
</script>
======================================================
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
<end node> 5P9i0s8y19Z
<node>submit
2
FORMS SUGGESTION
<!-- THREE STEPS TO INSTALL SUGGESTIONS:
1. Paste the coding into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. Put the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function leaptoIntro() {
window.location="http://javascript.internet.com"
}
function About() {
alert("\\nHave a suggestion for a JavaScript example?\\n\\nFill out the form and submit it. I will see what I can do.\\n\\nPlease be as specific as possible.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\\nYour submission is about to be sent.\\n\\nClick YES to submit.\\n\\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\\nThe NAME field is blank.\\n\\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\\nThe NAME field only accepts letters & spaces.\\n\\nPlease re-enter your name.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\\nYou've changed your browser type.\\n\\nClick YES to keep changes.\\n\\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\\nThe SUGGESTION field is blank.\\n\\nPlease enter your suggestion.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>
<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->
<BODY onLoad="Reset()">
<!-- STEP THREE: Copy this code into the BODY your HTML document -->
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:you@yourdomain.com?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your suggestion(s):</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit">
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.82 KB -->
<end node> 5P9i0s8y19Z
<node>Tabs on Enter
2
http://www.x-developer.com/javascript/content/forms/tabs-enter/index.html
http://javascript.internet.com/
Tabs on Enter Browser : ALL
Action: Puts cursor to next form section when hitting Enter button.
Usage: Saves time for a visitor when moving to different sections of the form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
nextfield = "box1"; // name of first box on page
netscape = "";
ver = navigator.appVersion; len = ver.length;
for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
netscape = (ver.charAt(iln+1).toUpperCase() != "C");
function keyDown(DnEvents) { // handles keypress
// determines whether Netscape or Internet Explorer
k = (netscape) ? DnEvents.which : window.event.keyCode;
if (k == 13) { // enter key pressed
if (nextfield == 'done') return true; // submit, we finished all fields
else { // we're not done yet, send focus to next box
eval('document.yourform.' + nextfield + '.focus()');
return false;
}
}
}
document.onkeydown = keyDown; // work together to analyze keystrokes
if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
</script>
<center>
<form name=yourform>
<b>Box 1: <input type=text name=box1 onFocus="nextfield ='box2';">
<br>
Box 2: <input type=text name=box2 onFocus="nextfield ='box3';">
<br>
Box 3: <input type=text name=box3 onFocus="nextfield ='box4';">
<br>
Box 4: <input type=text name=box4 onFocus="nextfield ='done';">
</b><br>
<input type=submit name=done value="Submit">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Select
2
If you have a select element that looks like this:
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
Running this code:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
Would make strUser be 2. If what you actually want is test2, then do this:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;
Which would make strUser be test2
var e = document.getElementById("ddlViewBy");
var SELIndex = e.selectedIndex
if (SELIndex==0){
error_message = error_message + '*Select something from xx.\\n';
error = 1;
}
<end node> 5P9i0s8y19Z
<node>Hide sections
1
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here's how.
Step 1
Place this code between the <head> tags in your webpage.
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','thiscanbeanything');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href="javascript:switchid('a1');">show a1</a>
<a href="javascript:switchid('a2');">show a2</a>
<a href="javascript:switchid('a3');">show a3</a>
<a href="javascript:switchid('thiscanbeanything');">show 'thiscanbeanything'</a></p>
<hr/>
<div id='a1' style="display:block;">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id='a2' style="display:none;">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
"Qu'est-ce que la littérature?" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author's)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id='a3' style="display:none;">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id='thiscanbeanything' style="display:none;">
<h3>This content is in a div with id "thicanbeanything"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre's
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
"loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man's life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the "solidarity" of others.</p>
</div>
<end node> 5P9i0s8y19Z
<node>+/-
2
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
<h2 style="margin:0px 0px 0px 0px;">
<input id="bt13" type="button" onclick="showdiv(13);" value="+"></input>
Booth Rent
</h2>
<div id="13" style="display:none">
<end node> 5P9i0s8y19Z
<node>Iframe
1
[resize]
<script language="JavaScript">
<!--
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>
<IFRAME SRC="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>
<end node> 5P9i0s8y19Z
<node>images
1
<end node> 5P9i0s8y19Z
<node>IMAGE .. Slide Shows
2
<end node> 5P9i0s8y19Z
<node>(increment preload image)
3
http://wsabstract.com/script/script2/incrementslide.shtml
= = = = =
JavaScript Slideshow (increment preload image)
Description: This is a unique slideshow script that, unlike most other, will intelligently preload its images one at a time, while the preceding image is being shown. The script will actually "wait" until the next image is successfully preloaded before continuing, trying again if not. Contrast that to other slideshow scripts, which mindlessly preload all of their images beforehand. Use this script if your slideshow contains a lot of heavy duty images, and you don't want your visitors to wait forever (literally) before he/she can see the slide.
= = = = =
Directions:
Simply add the below where you wish the slideshow to appear. Configure the first two lines in the script, AND also, the <IMG> src in the HTML portion.
= = = = =
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
Script by FPMC at http://jsarchive.8m.com
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]
//set corresponding urls
url = ["http://freewarejava.com", "http://wsabstract.com", "http://dynamicdrive.com", "http://www.geocities.com"]
//set duration for each image
duration = 4;
//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</SCRIPT>
<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;"
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
<end node> 5P9i0s8y19Z
<node>Automatically Changing Slide Show Script
3
http://www.java-scripts.net/image/image3.shtml
Automatically Changing Slide Show Script
This script is similar to the Slide Show Script, but it automatically changes the image for the user.
Description: This script allows you to display a "Slide Show" where the images automatically change by themselves according to a set interval.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--Two steps to installing this script-->
<!--1) Copy everything below, and paste in HEAD section of page-->
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<!--2) Copy below, and paste in BODY section of page-->
<!--To configure images, refer to comments below-->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif","img2.gif","img3.gif")
slideshowlinks("http://wsabstract.com","http://dynamicdrive.com","http://java-scripts.net")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>BannerAdds
3
<!-- ONE STEP TO INSTALL BANNER ADS:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\\"' + url + '\\" target=\\"_top\\">');
document.write('<img src=\\"' + banner + '\\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\\"' + alt + '\\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.44 KB -->
<end node> 5P9i0s8y19Z
<node>Image Cycler
3
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs (dkh2@po.cwru.edu) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
<end node> 5P9i0s8y19Z
<node>Image Slideshow
3
http://javascript.internet.com/miscellaneous/image-slideshow.html
The JavaScript Source: Miscellaneous: Image Slideshow
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 3.24 KB -->
<end node> 5P9i0s8y19Z
<node>imagefader
3
<!-- ONE STEP TO INSTALL LOGO FADER:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif" width=548 height=55>
</div>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth - 16 : document.body.offsetWidth - 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ?
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ?
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// --------------- User modifiable variables ----------------------
//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position
var useAnchorPosition = false; // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2)); // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5; // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10; // sets the scroll speed
// ------------------------------------------------------------------
function scrollLogo() {
if (cnt == 0) {
up-- ; dn++;
if (up < -10) {
right = logoWidth;
left = 0;
upDown = -scrollInc;
cnt++;
}
eval(clipLogoVert);
}
if (cnt == 1) {
right += upDown;
left -= upDown;
if (right < halfWidth-40) {
right = halfWidth;
left = halfWidth;
upDown = scrollInc;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 2) {
right += upDown;
left -= upDown;
if (right > logoWidth+20) {
right = logoWidth;
left = 0;
up = 0;
dn = logoHeight;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 3) {
up++;
dn--;
if (dn < halfHeight - 10) {
up = halfHeight;
dn = halfHeight;
right = logoWidth;
left = 0;
upDown = scrollInc;
cnt = 0;
}
eval(clipLogoVert)
}
setTimeout("scrollLogo()", scrollSpeed);
}
if (! is.oldVer)window.onload = init;
function init() {
positionLogo();
scrollLogo();
}
var L, T;
var pos = (is.NS4) ? pos = document.anchors['logoAnchor'] : document.all['logoAnchor'];
var posStr = (is.NS4) ? 'L = pos.x ; T = pos.y' : 'L = pos.offsetLeft; T = pos.offsetTop';
function positionLogo() {
if (! useAnchorPosition) return;
eval(posStr);
myLogo.top = T;
myLogo.left = L;
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>Left-Right Image Slideshow
3
http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm
= = = = = = = = = = =
Left-Right Image Slideshow Script: All browsers
Script works with Netscape 4+ AND Internet Explorer 4+NS
Credits: Dynamic Drive (00/06/19)
Description: This ultra cool slideshow displays a gallery of images from left to right, one at a time, and pauses between each image. You can even hyperlink the images should you wish!
= = = = = = = = = = =
Simply add the below where you wish the slideshow to appear:
= = = = = = = = = = =
<script language="JavaScript1.2">
/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=100
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'
slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'
slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'
slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'
slideimages[4]='<img src="../dynamicindex4/cake.gif">'
//extend this list
///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
<node>Manual slide show
3
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm
= = = = = = = = = = = = = = == =
DHTML Slide Show Script All
Credits: Dynamic Drive
Description: If you ever need a manual slide show script, this is the one to use. We designed it to be highly versatile, lightweight, and functional in all browsers, even NS 3. Here are some attributes of this lively DHTML slideshow script:
Slideshow works in all NS 3+ and IE 4+ browsers (yes, that includes NS 6 as well)
Script can be set so each image is clickable with it's own unique URL (through the toggling of a single variable)
All images in the slideshow are automatically preloaded on page load to ensure a smooth transition between image changes.
Script displays in the status bar which image the user is currently viewing (image #)
IE 4+ users will see a special random effect applied to the show during each image slide
There are a few variables you'll need to define. Please refer to documentation inside the script.
= = = = = = = = = = = = = = == =
Step 1: Add the below into the <head> section of your page:
<script language="JavaScript1.1">
/*
DHTML slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
Step 2: Insert the following where you wish the slideshow to appear in the BODY:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
<node>mouse rollover change
3
<html>
<head>
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Jabez Net rollover example - www.jabeznet.com</title>
<script type="text/javascript">
function loadImg(img){
var imgName = "big4"; // name of the big image
var srcs = ["big1.jpg","big1.jpg","big2.jpg","big3.jpg","big4.jpg"]; // array of SRC's for the big images
document.images[imgName].src=srcs[img];
}
</script>
</head>
<body>
<p align="center">
<a onmouseover="loadImg(0); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small1.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(2); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small2.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(3); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small3.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
</p>
<p align="center"> </p>
<p align="center"> <img src="big4.jpg" alt="Big 4" style="width: 400px; height: 404px;" name="big4" border="2"></p>
</p>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>waRM HUGS
3
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'graphics/thm/tussiemuss';
Pic[1] = 'graphics/thm/cloche';
Pic[2] = 'graphics/thm/purseholde';
Pic[3] = 'graphics/thm/sprbasket';
Pic[4] = 'graphics/thm/Tape Measu';
Pic[5] = 'graphics/thm/window umb';
//Pic[0] = 'graphics/wh1.jpg'
// Pic[1] = 'graphics/wh2.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=2)"
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)
}
</script>
<body onload='runSlideShow()'>
<end node> 5P9i0s8y19Z
<node>WideSlide
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|07|04|JS_28870|JS_28870~xml.0.jhtml?cda=true#
WideSlide
Published 07/04/2000
By Neal Betts
Moving graphic gives 3d effect for browser sizes up to 1280 wide
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
========
<html>
<head>
<title>WideSlide</title>
<SCRIPT LANGUAGE="JavaScript">
var pos1=-5;
var pos2=-5;
var speed1 = Math.floor(Math.random()*5)+2;
var speed2 = Math.floor(Math.random()*5)+4;
function next() {
pos1 += speed1;
pos2 += speed2;
if (pos1 > 0) pos1 = -1152;
if (pos2 > 0) pos2 = -1152;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
}
else {
bg.style.left = pos1;
fg.style.left = pos2;
}
window.setTimeout("next();",30);
}
</SCRIPT>
</head>
<body onLoad="next();">
<DIV ID="bg" STYLE="position:absolute; left:0; top:0;
width:2304; height:49; visibility:show">
<img src="bg2.JPG" width=2304 height=49 alt="" border="0">
</DIV>
<DIV ID="fg" STYLE="position:absolute; left:0; top:49;
width:2304; height:27; visibility:show">
<img src="fg7.JPG" width=2304 height=27 alt="" border="0">
</DIV>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+2 face=arial><b><FONT COLOR=2B7D8E>Loading xxxxxxxxxxxxxx Loading</FONT></b></FONT></CENTER>
</td></tr>
</table><P><HR>
<table border=0 cellpadding=6 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+3 face=arial><b><FONT COLOR=2B7D8E>HIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHI</FONT></b></FONT></CENTER>
</td></tr>
</table>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>IMAGE..Effects
2
<end node> 5P9i0s8y19Z
<node>PicturePong
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|06|JS_30516|JS_30516~xml.0.jhtml?cda=true#
PicturePong lets your image wriggle through the webpage like a snake
Published 08/06/2000
By Peter Gehrig
Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware ... Language: Javascript
= = =
<html>
<head>
<TITLE>PicturePong lets your image wriggle through the webpage like a snake</TITLE>
<meta NAME="keywords" CONTENT="DHTML, JavaScript, animation, image, gif, Dynamic HTML,download, free, samples, applet">
<meta NAME="description" CONTENT="Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.">
</head>
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// PicturePong by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/6/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
// CONFIGURATION:
// Go to http://www.24fun.com, open category 'animation' and
// download the ZIP-file of this script containing
// the script-file with step-by-step instructions for easy configuration.
var your_image="testimage86.gif"
var tempo=40
var stepx=17
var stepy=17
var numberofimages=12
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// - End of JavaScript - -->
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
// - End of JavaScript - -->
</script>
<DIV id="deletethisblock" style="position:absolute;top:50px;left:50px;">
<font size=1 face=Verdana><ul><b>PicturePong: rush your favourite image through the webpage like a snake</b>
<li>Great script to enhance the visual impact of your webpage.
<li>PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage.
<li>Easy configuration of snake-length and speed.
<li>Crossbrowser.
</ul>
<ul>
<b>Configuration</b>
<li><a href="http://www.24fun.com" target="_blank">Go to http://www.24fun.com</a>, open category 'animation' and download the ZIP-file of this script containing the testimage and the script-file with step-by-step instructions for easy configuration.
<br>
<hr>
<a href="http://www.24fun.com" target="_blank">Download 350+ free funscripts from www.24fun.com</a><br><br>
<script src="http://www.24fun.com/affiliates/textteamon1.js"></script><br>
<script src="http://www.24fun.com/affiliates/textstickytools1.js"></script><br>
</font>
</ul>
</DIV>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Preload Images
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|05|JS_30468|JS_30468~xml.0.jhtml?cda=true#
PreLoad Images
Published 08/05/2000
By Adam
This script preloads images for faster loading and image flips. Just run the script don't view source
Version: 1.2
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
SCRIPT LANGUAGE="JavaScript">
<!--
/**************************************************
Written by Adam Weiss
http://www.geocities.com/Amweiss157/
adam_weiss@hotmail.com
Keep this intact if you want to use the script!
In this script only edit the line that ends in /****/
Between the parenthesis put all you imgages you want loaded
in 'single quotes' followed by a , with no spaces
**************************************************/
//--------------Preloads nav frame pics so they roll over faster
function preLoad()
{
var images = new Array('path/image.gif','path/image.gif'); /****/
preloadImages(images);
}
//--------------Defines process for preload
function preloadImages(images)
{
for(loop = 0; loop < images.length; loop++)
{
var image = new Image();
image.src = images[loop];
}
}
//-->
</SCRIPT>
Simba says Roar.
= = = = = = = = = = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>PreLoad Images By Wolf-Man</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"><br>
<!--<br>
/**************************************************<br>
Written by Adam Weiss<br>
http://www.geocities.com/Amweiss157/<br>
adam_weiss@hotmail.com<br>
Keep this intact if you want to use the script!<br>
In this script only edit the line that ends in /****/<br>
Between the parenthesis put all you imgages you want loaded<br>
in 'single quotes' followed by a , with no spaces <br>
**************************************************/<br>
<br>
//--------------Preloads nav frame pics so they roll over faster<br>
function preLoad()<br>
{<br>
var images = new Array('path/image.gif','path/image.gif'); /****/<br>
preloadImages(images);<br>
}<br>
<br>
//--------------Defines process for preload<br>
function preloadImages(images)<br>
{<br>
for(loop = 0; loop < images.length; loop++)<br>
{<br>
var image = new Image();<br>
image.src = images[loop];<br>
}<br>
}<br>
//--><br>
</SCRIPT><br>
Simba says Roar.<br>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>RANDOM
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30286|JS_30286~xml.0.jhtml?cda=true#
Random Images
Published 08/03/2000
By Maximum
I actually used to use this trick on an old website of mine, and I thought than rather just letting it go to waste, I'd post it here. Basically, you enter images that you want to display at random, and this script picks one out of the images and prints it. Very simple to customize as well.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
Here's the code; it's pretty self-explanatory. But since I figured a few people would have trouble, I commented the whole thing so its even easier :-)
<-- Start Random Image Coding -->
<Script Language="JavaScript">
<!--
//Insert the text/images to be randomized
var img1 = "http://www.yourwebsite.com/image1.gif"
var img2 = "http://www.yourwebsite.com/image2.gif"
var img3 = "http://www.yourwebsite.com/image3.gif"
//get a random number...
var randomize = Math.round(Math.random()*3)
//select text/image based on random number
if (randomize == 1){
newimg = img1
}else if (randomize == 2){
newimg = img2
}else{
newimg = img3
}
//output text/image
document.write('<IMG SRC="'+newimg+'">')
//-->
</Script>
<-- End Random Image Coding -->
There you have it. Just paste that to where you want random images to occur. [Free Tutorials]
http://www.tutorialindex.com/
<end node> 5P9i0s8y19Z
<node>PRE-LOADING
2
<end node> 5P9i0s8y19Z
<node>IMAGES
3
COPY AND PASTE INTO HEAD OF PAGE.
=================================================
<script language=javaScript>
//from www.a1javascripts.com
<!--//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//-->
</script>
=================================================
TO ADD MORE IMAGES, SIMPLY ADD
newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";
and so on...
******************************************************************************
http://www.wsabstract.com/script/script2/preloadimage.shtml
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Description: Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.
Directions: Simply insert the below into the <head> section of your page
Change the paths of the images to be preloaded to your own inside function preloadimages().
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
Preload images script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>PROTECT IMAGES
2
You can take the "No Right Click" script at
http://page-details.javascriptsource.com/no-right-click.html
and change the two lines that read:
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
So that they only set the protect function for the onmousedown effect of just the one image.
So, count what number the image is on the page. Count the first image on the page as zero (yes, it starts as zero not one) then the next as one, the next as two, etc. Until you find the number of the one you want to protect.
Then, change the two lines above to read:
document.images[4].onmousedown = right;
(where 4 is the number of the image you want to protect
<end node> 5P9i0s8y19Z
<node>Swap by click
2
<SCRIPT language="JavaScript">
<!--
// Image pre-loading
pic1 = new Image();
pic1.src = '../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg';
pic2 = new Image();
pic2.src = '../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg';
pic3 = new Image();
pic3.src = '../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg';
pic4 = new Image();
pic4.src = '../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg';
pic5 = new Image();
pic5.src = '../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg';
pic6 = new Image();
pic6.src = '../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg';
pic7 = new Image();
pic7.src = '../images/commerce/Diamond_K_Ranch/diamondk115_big.jpg';
pic8 = new Image();
pic8.src = '../images/commerce/Diamond_K_Ranch/diamonda115_big.jpg';
pic9 = new Image();
pic9.src = '../images/commerce/Diamond_K_Ranch/diamondb115_big.jpg';
pic10 = new Image();
pic10.src = '../images/commerce/Diamond_K_Ranch/diamondl115_big.jpg';
pic11 = new Image();
pic11.src = '';
pic12 = new Image();
pic12.src = '../images/commerce/Diamond_K_Ranch/diamondf115_big.jpg';
pic13 = new Image();
pic13.src = '../images/commerce/Diamond_K_Ranch/diamondi115_big.jpg';
pic14 = new Image();
pic14.src = '';
pic15 = new Image();
pic15.src = '';
pic16 = new Image();
pic16.src = '';
pic17 = new Image();
pic17.src = '';
pic18 = new Image();
pic18.src = '';
pic19 = new Image();
pic19.src = '';
pic20 = new Image();
pic20.src = '';
pic21 = new Image();
pic21.src = '';
pic22 = new Image();
pic22.src = '';
pic23 = new Image();
pic23.src = '';
pic24 = new Image();
pic24.src = '';
pic25 = new Image();
pic25.src = '';
pic26 = new Image();
pic26.src = '';
pic27 = new Image();
pic27.src = '';
pic28 = new Image();
pic28.src = '';
pic29 = new Image();
pic29.src = '';
pic30 = new Image();
pic30.src = '';
pic31 = new Image();
pic31.src = '';
pic32 = new Image();
pic32.src = '';
pic33 = new Image();
pic33.src = '';
pic34 = new Image();
pic34.src = '';
pic35 = new Image();
pic35.src = '';
pic36 = new Image();
pic36.src = '';
pic37 = new Image();
pic37.src = '';
pic38 = new Image();
pic38.src = '';
pic39 = new Image();
pic39.src = '';
pic40 = new Image();
pic40.src = '';
pic41 = new Image();
pic41.src = '';
function swap(img) {
i = document.getElementById('img');
i.src = img;
}
//-->
</SCRIPT>
--------------------
<img src="../images/commerce/Diamond_K_Ranch/A_1HPIM1478115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/A_2HPIM1482115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondc115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamonde115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondg115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondj115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer">
<end node> 5P9i0s8y19Z
<node>insert commas
1
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
<end node> 5P9i0s8y19Z
<node>java enables
1
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (navigator.javaEnabled())
window.location = "cuggc.htm";
else
window.location = "cuggd.htm";
// End -->
</script>
</head>
******************************************
<!-- ONE STEP TO INSTALL BROWSER INFORMATION:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.34 KB -->
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Description: More information about the web browser than you knew existed! Find out the code name, color depth, platform, if java is enabled, resolution, ip address, hostname, and more! Simply incredible.
<!-- THREE STEPS TO INSTALL BROWSER PROPERTIES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- begin
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip);
}
}
// end -->
</script>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="display()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<center>
<form name=form>
<table border=1 width=300>
<tr>
<td>current resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height></td>
</tr>
<tr>
<td>
browser:</td>
<td align=center><input type=text size=20 maxlength=20 name=navigator></td>
</tr>
<tr>
<td>
max resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight></td>
</tr>
<tr>
<td>
version:</td>
<td align=center><input type=text size=20 maxlength=20 name=version></td>
</tr>
<tr>
<td>
color depth:</td>
<td align=center><input type=text size=2 maxlength=2 name=colordepth> bit</td>
</tr>
<tr>
<td>
code name:</td>
<td align=center><input type=text size=15 maxlength=15 name=codename></td>
</tr>
<tr>
<td>
platform:</td>
<td align=center><input type=text size=15 maxlength=15 name=platform></td>
</tr>
<tr>
<td>
colors:</td>
<td align=center><input type=text size=8 maxlength=8 name=color></td>
</tr>
<tr>
<td>
java enabled:</td>
<td align=center><input type=text size=3 maxlength=3 name=java></td>
</tr>
<tr>
<td>
anti-aliasing fonts:</td>
<td align=center><input type=text size=3 maxlength=3 name=fonts></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button name=again value="again?" onclick="display()"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.31 KB -
<end node> 5P9i0s8y19Z
<node>Labels Change
1
document.getElementById('label').InnerHTML = 'your text goes here';
<end node> 5P9i0s8y19Z
<node>language
1
[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
<end node> 5P9i0s8y19Z
<node>Definitions
2
charAt(x) Returns the character at the "x" position within the string.
charCodeAt(x) Returns the Unicode value of the character at position "x" within the string.
concat(v1, v2,...) Combines one or more strings (arguments v1, v2 etc) into the existing one and returns the combined string. Original string is not modified.
fromCharCode(c1, c2,...) Returns a string created by using the specified sequence of Unicode values (arguments c1, c2 etc). Method of String object, not String instance. For example: String.fromCharCode().
indexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
lastIndexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1.
match(regexp) Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found.
replace( regexp, replacetext) Searches and replaces the regular expression portion (match) with the replaced text instead.
search(regexp) Tests for a match in a string. It returns the index of the match, or -1 if not found.
slice(start, [end]) Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string.
split(delimiter, [limit]) Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return.
substr(start, [length]) Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
substring(from, [to]) Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
var picture = document.frmInput.picture.value;
var ch = picture.substring(picture.length-4,picture.length);
if(ch !='.jpg' && ch !='.gif'){
error_message = error_message + '*The Picture extension must be .jpg or .gif (lower case).\\n';
error = 1;
}
toLowerCase() Returns the string with all of its characters converted to lowercase.
toUpperCase() Returns the string with all of its characters converted to uppercase.
<end node> 5P9i0s8y19Z
<node>getElementById
2
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
<end node> 5P9i0s8y19Z
<node>IF
2
if (something compared_to somethingelse)
{
do this
} elseif (something compared_to somethingelse)
{
then do this instead
}
} elseif (something compared_to somethingelse)
{
then do this instead
}
} else {
then none of the above apply so do this
}
== is equal to
!= is NOT equal to
< is less than
> is greater than
<= is less than or equal to
>= is greater than or equal to
<end node> 5P9i0s8y19Z
<node>indexOf
2
var ss = "a string index of test ";
var result = ss.indexOf("ri");
<end node> 5P9i0s8y19Z
<node>focus on element
2
<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
<end node> 5P9i0s8y19Z
<node>keycode
2
onkeyup="isFull(event,this.id,3,'shipphone2');">
function isFull(e,id,len_,newid){
var code = e.keyCode || e.which;
if(document.getElementById(id).value.length==len_ && code>47 && code<58 ){
document.getElementById(newid).focus();
}
//alert (document.getElementById(id).value);
}
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
==========
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
<end node> 5P9i0s8y19Z
<node>ScrollPage
2
function scrollToTop(el) {
el.scrollTop = 0;
}
document.getElementById('scrollTop').onclick = function () {
var el = document.getElementById('myScrollbox');
scrollToTop(el);
};
<end node> 5P9i0s8y19Z
<node>MENUS
1
<end node> 5P9i0s8y19Z
<node>DRILL-DOWN
2
<end node> 5P9i0s8y19Z
<node>COMBO-BOXES
3
http://www.wsabstract.com/script/cut183.shtml
Double Combo (Requires NS 3.x, 4.x, or IE 4.x)
Description: An advanced combo script that uses two boxes, one as the main categories, the other as the links associated with each category.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/triplecombo.shtml
Triple Combo
Description: Compact and organize your site's links three layers deep using this triple combo script! The script works in both IE and NS 3+, including NS 6 (tested using June/2000 build).
<end node> 5P9i0s8y19Z
<node>dropdown popup
2
<!-- TWO STEPS TO INSTALL PULLDOWN MENU (POPUP):
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function formHandler(form) {
var windowprops = "height=500,width=500,location=no,"
+ "scrollbars=no,menubars=no,toolbars=no,resizable=yes";
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup",windowprops);
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=form>
<select name=site SIZE=1 onChange="formHandler(this.form)">
<option value="http://www.yoursite.com">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
</form>
</center>
<!-- Script Size: 1.32 KB -->
<end node> 5P9i0s8y19Z
<node>Menu Bar
2
http://javascript.internet.com/navigation/menu-bar.html
Menu Bar
This much requested script displays a menu bar (like Microsoft.com's site) at the top of your page to help your users navigate your site more easily. Saves screen space but incidentally the code is very long. Works from a .js file so it can be used and re-used all over your site. Includes two 'skin' styles that you can use, awesome!
<!-- TWO STEPS TO INSTALL MENU BAR:
1. Copy the coding into a new file, save as menu.js
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into a new file, save as menu.js -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
var JDWMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var JDWMinNS6 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) == 6) ? 1 : 0;
var JDWMinIE4 = (document.all) ? 1 : 0;
var JDWMinIE5 = (JDWMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
var JDWMinIE55 = (JDWMinIE5 && navigator.appVersion.indexOf("5.5") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (JDWMinNS4) layer.visibility = "hide";
if (JDWMinIE4) layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (JDWMinNS4) layer.visibility = "show";
if (JDWMinIE4) layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (JDWMinNS4) layer.visibility = "inherit";
if (JDWMinIE4) layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (JDWMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (JDWMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (JDWMinNS4)
layer.moveTo(x, y);
if (JDWMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function moveLayerBy(layer, dx, dy) {
if (JDWMinNS4)
layer.moveBy(dx, dy);
if (JDWMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop += dy;
}
}
function getLeft(layer) {
if (JDWMinNS4)
return layer.left;
if (JDWMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (JDWMinNS4)
return layer.top;
if (JDWMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (JDWMinNS4)
return layer.left + getWidth(layer);
if (JDWMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (JDWMinNS4)
return layer.top + getHeight(layer);
if (JDWMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (JDWMinNS4)
return layer.pageX;
if (JDWMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (JDWMinNS4)
return layer.pageY;
if (JDWMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (JDWMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (JDWMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (JDWMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (JDWMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (JDWMinNS4)
return layer.zIndex;
if (JDWMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (JDWMinNS4)
layer.zIndex = z;
if (JDWMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (JDWMinNS4) {
layer.clip.left = clipleft;
layer.clip.top = cliptop;
layer.clip.right = clipright;
layer.clip.bottom = clipbottom;
}
if (JDWMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (JDWMinNS4)
return layer.clip.left;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (JDWMinNS4)
return layer.clip.top;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (JDWMinNS4)
return layer.clip.right;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (JDWMinNS4)
return layer.clip.bottom;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (JDWMinNS4)
return layer.clip.width;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (JDWMinNS4)
return layer.clip.height;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (JDWMinNS4)
layer.bgColor = color;
if (JDWMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (JDWMinNS4)
layer.background.src = src;
if (JDWMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (JDWMinNS4)
return findLayer(name, document);
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (JDWMinNS4) {
return findImage(name, document);
}
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (JDWMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (JDWMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (JDWMinNS4)
return window.innerWidth;
if (JDWMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (JDWMinNS4)
return window.innerHeight;
if (JDWMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (JDWMinNS4)
return document.width;
if (JDWMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (JDWMinNS4)
return document.height;
if (JDWMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (JDWMinNS4)
return window.pageXOffset;
if (JDWMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (JDWMinNS4)
return window.pageYOffset;
if (JDWMinIE4)
return document.body.scrollTop;
return -1;
}
// dhtml Funcs End.
// bug with IE 5.5.
var JDWITEMs = new Array(); // Used to track all navigation bars.
/*ITEM constructor.*/
function ITEM(text, link) {
this.text = text; // Item text.
this.link = link; // Link URL or JavaScript code.
}
/*ECSmenu constructor.*/
function ECSmenu(hdrWidth, menuWidth) {
this.hdrWidth = hdrWidth;
this.width = menuWidth;
this.height = 0;
this.items = new Array();
// Define methods.
this.addItem = ECSmenuaddItem;
}
// ECSmenu methods.
function ECSmenuaddItem(item) {
this.items[this.items.length] = item;
}
// JDWITEM constructor.
function JDWITEM(width) {
this.x = 0;
this.y = 0;
this.width = width;
this.height = 0;
this.align = "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
// Set default sizes.
this.border = 2;
this.padding = 4;
this.separator = 1;
// Set default colors.
this.borderColor = "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#000080";
// Set default fonts.
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle = "plain";
this.hdrFontWeight = "bold";
this.hdrFontSize = "10pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle = "plain";
this.itmFontWeight = "bold";
this.itmFontSize = "8pt";
// Define methods.
this.setSizes = JDWITEMSetSizes;
this.setColors = JDWITEMSetColors;
this.setFonts = JDWITEMSetFonts;
this.addNAVm = JDWITEMaddNAVm;
this.create = JDWITEMCreate;
this.hide = JDWITEMHide;
this.show = JDWITEMShow;
this.moveTo = JDWITEMMoveTo;
this.moveBy = JDWITEMMoveBy;
this.getzIndex = JDWITEMGetzIndex;
this.setzIndex = JDWITEMSetzIndex;
this.getWidth = JDWITEMGetWidth;
this.getMinWidth = JDWITEMGetMinWidth;
this.getAlign = JDWITEMGetAlign;
this.setAlign = JDWITEMSetAlign;
this.resize = JDWITEMResize;
this.invert = JDWITEMInvert;
this.isInverted = JDWITEMIsInverted;
// Add to the list.
this.index = JDWITEMs.length;
JDWITEMs[this.index] = this;
}
function JDWITEMSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function JDWITEMSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor = bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function JDWITEMSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle = hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle = itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function JDWITEMaddNAVm(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function JDWITEMCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!JDWMinNS4 && !JDWMinIE4))
return;
// Build HTML for filler and header layers.
str = "";
// For IE4, need to scroll to end of page before inserting HTML.
if (JDWMinIE4 && !JDWMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_filler"></layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_hdrsBase">\\n';
if (JDWMinIE4)
str += '<div id="JDWITEM' + this.index + '_filler"'
+ ' style="position:absolute;">'
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_hdrsBase"'
+ ' style="position:absolute;">\\n';
// Build HTML for the headers.
for (i = 0; i < this.menus.length; i++) {
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((JDWMinIE4 && !JDWMinIE5) ? ' id="JDWITEM' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end = '</span></td></tr></table>';
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_head' + i + '">'
+ norm + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headHigh' + i + '">'
+ high + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headDummy' + i + '">'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_head' + i + '"'
+ ' style="position:absolute;">'
+ norm + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headHigh' + i + '"'
+ ' style="position:absolute;">'
+ high + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headDummy' + i + '"'
+ ' style="position:absolute;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
str += '</layer>\\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (JDWMinIE4) {
str += '</div>\\n';
str = '<div id="JDWITEM' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("JDWITEM" + this.index);
}
// Position and G6JDWinitialize each header.
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('JDWITEM' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('JDWITEM' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('JDWITEM' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
// Fix for IE4 to resize headers to fit text width.
if (JDWMinIE4 && !JDWMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.JDWITEM' + this.index + '_tbl' + i + '.clientWidth');
JDWITEMIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
// Save resulting width of headers and total width.
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
// Position and G6JDWinitialize base, filler and headers base layers.
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('JDWITEM' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('JDWITEM' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
// Set up event handling and positioning for headers.
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = JDWITEMHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = JDWITEMHeaderOff;
if (JDWMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = JDWITEMItemClick;
}
}
// Build the drop down menus.
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end = '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = "";
for (j = 1; j < this.menus[i].items.length; j++) {
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' width=' + width + '>'
+ norm + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' width=' + width + '>'
+ high + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' width=' + width + '>'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ norm + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ high + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (JDWMinIE4) {
str = '<div id="JDWITEM' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("JDWITEM" + this.index + "_menu" + i);
}
}
// Restore original scroll position in IE4.
if (JDWMinIE4 && !JDWMinIE5)
window.scrollTo(x, y);
// Position and G6JDWinitialize each menu.
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
// Position and G6JDWinitialize each item in the menu.
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = JDWITEMItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = JDWITEMItemOff;
if (JDWMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = JDWITEMItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = ECSmenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function JDWITEMHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function JDWITEMShow() {
if (this.created)
showLayer(this.baseLayer);
}
function JDWITEMMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function JDWITEMSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function JDWITEMGetWidth() {
return this.width;
}
function JDWITEMGetMinWidth() {
return this.minWidth;
}
function JDWITEMGetAlign() {
return this.align;
}
function JDWITEMSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function JDWITEMResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (JDWMinIE4) {
JDWITEMIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function JDWITEMInvert() {
this.inverted = !this.inverted;
}
function JDWITEMIsInverted() {
return this.inverted;
}
// Layer resize function for IE.
function JDWITEMIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
// Event handlers for the navigation bar.
function JDWITEMHeaderOn(e) {
var bar;
var x, y;
bar = JDWITEMs[this.index];
// Position drop down menu.
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
// Save drop down menu position and show it.
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
// Hide any currently active header and drop down.
if (JDWMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
// Display the header highlight layer and drop down menu.
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function JDWITEMHeaderOff(e) {
// If over drop down menu, exit. Otherwise hide menu and highlight layers.
if (this.menuLayer != null) {
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left &&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function ECSmenuOff(e) {
// If over header, exit.
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left &&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
// Otherwise, hide menu and header highlight layers.
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function JDWITEMItemOn() {
showLayer(this.highLayer);
}
function JDWITEMItemOff() {
hideLayer(this.highLayer);
}
function JDWITEMItemClick(e) {
// If there is no link, exit.
if (this.link == "")
return true;
// Hide the drop down menu and highlight layer.
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
// If the link starts with "javascript:" execute the code. Otherwise just
// link to the URL.
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
// MOUSE TRACKING
// These variables will hold the current mouse pointer position.
var mouseX = 0;
var mouseY = 0;
// Set up event capturing.
if (JDWMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = JDWITEMGetMousePosition;
function JDWITEMGetMousePosition(e) {
// Save mouse pointer position.
if (JDWMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
// EVENT: Window Resizing
// These variables are used to determine if a resize event is a true one in
// older releases of NS4.
var origWidth;
var origHeight;
// Reload page in case of a browser resize.
if (JDWMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = JDWITEMReload;
function JDWITEMReload() {
if (JDWMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
// For IE, reload on a timer in case the Windows 'Show window contents while
// dragging' display option is on.
if (JDWMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
function G6JDWinit()
{
fullWidth = getWindowWidth() - (JDWMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
JDWBAR1.create();
JDWBAR1.moveTo(0,-getWindowHeight()+43);
JDWBAR1.setzIndex(1);
JDWBAR1.resize(fullWidth);
JDWBAR1.setAlign(getWindowWidth()+60);
JDWBAR1.hide();JDWBAR2.create();
JDWBAR2.moveBy(0,-getWindowHeight()+17);
JDWBAR2.resize(fullWidth);
JDWBAR2.setzIndex(2);
NAVupdatePOSY();
}
/* Fire It Up!! */
window.onload=G6JDWinit;
function NAVupdatePOSY() {
var viewTop;
var viewBottom;
var dy;
viewTop = getPageScrollY();
viewBottom = viewTop + getWindowHeight();
dy = Math.round(Math.abs(viewTop - JDWBAR1.y)); /* NO ANIM */
if (viewTop < JDWBAR1.y) dy = -dy;
dy = Math.round(Math.abs(viewTop - JDWBAR2.y)); /* NO ANIM */
if (viewTop < JDWBAR2.y) dy = -dy;
if (JDWBAR1.bottom < viewTop)
JDWBAR1.moveTo(0, viewTop - JDWBAR1.height);
if (JDWBAR1.top > viewBottom)
JDWBAR1.moveTo(0, viewBottom);
if (JDWBAR2.bottom < viewTop)
JDWBAR2.moveTo(0, viewTop - JDWBAR2.height);
if (JDWBAR2.top > viewBottom)
JDWBAR2.moveTo(0, viewBottom);
JDWBAR1.moveBy(0, dy);
JDWBAR2.moveBy(0, dy);
setTimeout('NAVupdatePOSY()', 0); /* INFINITLY SMALL VALUE */
}
/*************
This Is a Function To Maximize The Window in MSIE and NS. When Called, The Window Will Maximize.
*************/
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
/*
MENU ITEMS:
(Border col, menu title col, top menu BGcolor,
title selected font col, main sel bgcol, dd font
col, ddbgc, ddfont sel col, dd sel bgcol,
*/
// ___________________________________
var JDWBAR2 = new JDWITEM(0);
JDWBAR2.setSizes (1, 4, 1);
JDWBAR2.setColors ("#808080","#FFFFFF","#000000","#000000","#0D7CA1","#FFFFFF","#000000","#000000","#0D7CA1");
JDWBAR2.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
var JDWBAR1 = new JDWITEM(0);
JDWBAR1.setSizes (1, 1, 1);
JDWBAR1.setColors ("#000000","#000000","#F5E4C1","#000000","#1CA0E4","#000000","#F5E4C1","#000000","#1CA0E4");
JDWBAR1.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
// ___________________________________
/* MENU ITEMS */
siteMenu = new ECSmenu(0, 80); // 80 = width in pixels of menu
siteMenu.addItem(new ITEM("<center> HOME </center>", "index.html"));
siteMenu.addItem(new ITEM(" Go Home", "http://javascript.internet.com/index.html"));
siteMenu.addItem(new ITEM(" Contribute", "http://javascript.internet.com/contribute/"));
siteMenu.addItem(new ITEM(" Link to Us", "http://javascript.internet.com/link-us.html"));
siteMenu.addItem(new ITEM(" Feedback", "http://javascript.internet.com/feedback.html"));
JDWBAR2.addNAVm(siteMenu); // add this menu category
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> SCRIPTS </center>", ""));
siteMenu.addItem(new ITEM("<center>What's New?</center>","http://javascriptsource.com/new/"));
siteMenu.addItem(new ITEM("<center>All Categories</center>","http://javascriptsource.com/toc.html"));
siteMenu.addItem(new ITEM("<center>A-Z Script List</center>","http://javascriptsource.com/master-list.html"));
siteMenu.addItem(new ITEM("<center>JS Books</center>","http://javascriptsource.com/books/"));
siteMenu.addItem(new ITEM("<center>JS Tutorial</center>","http://www.stars.com/Authoring/JavaScript/Tutorial/index.html"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> JS FORUM </center>", ""));
siteMenu.addItem(new ITEM("<center>How Do I....?</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7af"));
siteMenu.addItem(new ITEM("<center>Intro to JS</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7a7"));
siteMenu.addItem(new ITEM("<center>Script Help</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ab"));
siteMenu.addItem(new ITEM("<center>Script Requests</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ad"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> HELP </center>", ""));
siteMenu.addItem(new ITEM("<center>Site FAQs</center>","http://faq.javascriptsource.com"));
siteMenu.addItem(new ITEM("<center>JS Forum</center>","http://forum.javascriptsource.com"));
JDWBAR2.addNAVm(siteMenu);
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<head>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Tim Scarfe (webmaster@g6jdw.net, http://www.g6jdw.net) -->
<!-- Pete Woods (http://www.pete-net.com) -->
<!-- Mike Hall (http://www.brainjar.com) -->
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></script>
</head>
<!-- be sure to leave some blank lines at the top of your page, right after the <body> tag -->
<body>
<p> </p>
<p> </p>
<p> </p>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 36.93 KB -->
<end node> 5P9i0s8y19Z
<node>menus
2
<!-- TWO STEPS TO INSTALL MENU BAR:
1. Copy the coding into a new file, save as menu.js
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into a new file, save as menu.js -->
var JDWMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var JDWMinNS6 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) == 6) ? 1 : 0;
var JDWMinIE4 = (document.all) ? 1 : 0;
var JDWMinIE5 = (JDWMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
var JDWMinIE55 = (JDWMinIE5 && navigator.appVersion.indexOf("5.5") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (JDWMinNS4) layer.visibility = "hide";
if (JDWMinIE4) layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (JDWMinNS4) layer.visibility = "show";
if (JDWMinIE4) layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (JDWMinNS4) layer.visibility = "inherit";
if (JDWMinIE4) layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (JDWMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (JDWMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (JDWMinNS4)
layer.moveTo(x, y);
if (JDWMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function moveLayerBy(layer, dx, dy) {
if (JDWMinNS4)
layer.moveBy(dx, dy);
if (JDWMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop += dy;
}
}
function getLeft(layer) {
if (JDWMinNS4)
return layer.left;
if (JDWMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (JDWMinNS4)
return layer.top;
if (JDWMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (JDWMinNS4)
return layer.left + getWidth(layer);
if (JDWMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (JDWMinNS4)
return layer.top + getHeight(layer);
if (JDWMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (JDWMinNS4)
return layer.pageX;
if (JDWMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (JDWMinNS4)
return layer.pageY;
if (JDWMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (JDWMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (JDWMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (JDWMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (JDWMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (JDWMinNS4)
return layer.zIndex;
if (JDWMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (JDWMinNS4)
layer.zIndex = z;
if (JDWMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (JDWMinNS4) {
layer.clip.left = clipleft;
layer.clip.top = cliptop;
layer.clip.right = clipright;
layer.clip.bottom = clipbottom;
}
if (JDWMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (JDWMinNS4)
return layer.clip.left;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (JDWMinNS4)
return layer.clip.top;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (JDWMinNS4)
return layer.clip.right;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (JDWMinNS4)
return layer.clip.bottom;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (JDWMinNS4)
return layer.clip.width;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (JDWMinNS4)
return layer.clip.height;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (JDWMinNS4)
layer.bgColor = color;
if (JDWMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (JDWMinNS4)
layer.background.src = src;
if (JDWMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (JDWMinNS4)
return findLayer(name, document);
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (JDWMinNS4) {
return findImage(name, document);
}
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (JDWMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (JDWMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (JDWMinNS4)
return window.innerWidth;
if (JDWMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (JDWMinNS4)
return window.innerHeight;
if (JDWMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (JDWMinNS4)
return document.width;
if (JDWMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (JDWMinNS4)
return document.height;
if (JDWMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (JDWMinNS4)
return window.pageXOffset;
if (JDWMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (JDWMinNS4)
return window.pageYOffset;
if (JDWMinIE4)
return document.body.scrollTop;
return -1;
}
// dhtml Funcs End.
// bug with IE 5.5.
var JDWITEMs = new Array(); // Used to track all navigation bars.
/*ITEM constructor.*/
function ITEM(text, link) {
this.text = text; // Item text.
this.link = link; // Link URL or JavaScript code.
}
/*ECSmenu constructor.*/
function ECSmenu(hdrWidth, menuWidth) {
this.hdrWidth = hdrWidth;
this.width = menuWidth;
this.height = 0;
this.items = new Array();
// Define methods.
this.addItem = ECSmenuaddItem;
}
// ECSmenu methods.
function ECSmenuaddItem(item) {
this.items[this.items.length] = item;
}
// JDWITEM constructor.
function JDWITEM(width) {
this.x = 0;
this.y = 0;
this.width = width;
this.height = 0;
this.align = "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
// Set default sizes.
this.border = 2;
this.padding = 4;
this.separator = 1;
// Set default colors.
this.borderColor = "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#000080";
// Set default fonts.
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle = "plain";
this.hdrFontWeight = "bold";
this.hdrFontSize = "10pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle = "plain";
this.itmFontWeight = "bold";
this.itmFontSize = "8pt";
// Define methods.
this.setSizes = JDWITEMSetSizes;
this.setColors = JDWITEMSetColors;
this.setFonts = JDWITEMSetFonts;
this.addNAVm = JDWITEMaddNAVm;
this.create = JDWITEMCreate;
this.hide = JDWITEMHide;
this.show = JDWITEMShow;
this.moveTo = JDWITEMMoveTo;
this.moveBy = JDWITEMMoveBy;
this.getzIndex = JDWITEMGetzIndex;
this.setzIndex = JDWITEMSetzIndex;
this.getWidth = JDWITEMGetWidth;
this.getMinWidth = JDWITEMGetMinWidth;
this.getAlign = JDWITEMGetAlign;
this.setAlign = JDWITEMSetAlign;
this.resize = JDWITEMResize;
this.invert = JDWITEMInvert;
this.isInverted = JDWITEMIsInverted;
// Add to the list.
this.index = JDWITEMs.length;
JDWITEMs[this.index] = this;
}
function JDWITEMSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function JDWITEMSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor = bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function JDWITEMSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle = hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle = itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function JDWITEMaddNAVm(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function JDWITEMCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!JDWMinNS4 && !JDWMinIE4))
return;
// Build HTML for filler and header layers.
str = "";
// For IE4, need to scroll to end of page before inserting HTML.
if (JDWMinIE4 && !JDWMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_filler"></layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_hdrsBase">\\n';
if (JDWMinIE4)
str += '<div id="JDWITEM' + this.index + '_filler"'
+ ' style="position:absolute;">'
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_hdrsBase"'
+ ' style="position:absolute;">\\n';
// Build HTML for the headers.
for (i = 0; i < this.menus.length; i++) {
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((JDWMinIE4 && !JDWMinIE5) ? ' id="JDWITEM' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end = '</span></td></tr></table>';
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_head' + i + '">'
+ norm + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headHigh' + i + '">'
+ high + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headDummy' + i + '">'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_head' + i + '"'
+ ' style="position:absolute;">'
+ norm + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headHigh' + i + '"'
+ ' style="position:absolute;">'
+ high + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headDummy' + i + '"'
+ ' style="position:absolute;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
str += '</layer>\\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (JDWMinIE4) {
str += '</div>\\n';
str = '<div id="JDWITEM' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("JDWITEM" + this.index);
}
// Position and G6JDWinitialize each header.
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('JDWITEM' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('JDWITEM' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('JDWITEM' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
// Fix for IE4 to resize headers to fit text width.
if (JDWMinIE4 && !JDWMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.JDWITEM' + this.index + '_tbl' + i + '.clientWidth');
JDWITEMIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
// Save resulting width of headers and total width.
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
// Position and G6JDWinitialize base, filler and headers base layers.
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('JDWITEM' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('JDWITEM' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
// Set up event handling and positioning for headers.
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = JDWITEMHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = JDWITEMHeaderOff;
if (JDWMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = JDWITEMItemClick;
}
}
// Build the drop down menus.
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end = '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = "";
for (j = 1; j < this.menus[i].items.length; j++) {
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' width=' + width + '>'
+ norm + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' width=' + width + '>'
+ high + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' width=' + width + '>'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ norm + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ high + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (JDWMinIE4) {
str = '<div id="JDWITEM' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("JDWITEM" + this.index + "_menu" + i);
}
}
// Restore original scroll position in IE4.
if (JDWMinIE4 && !JDWMinIE5)
window.scrollTo(x, y);
// Position and G6JDWinitialize each menu.
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
// Position and G6JDWinitialize each item in the menu.
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = JDWITEMItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = JDWITEMItemOff;
if (JDWMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = JDWITEMItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = ECSmenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function JDWITEMHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function JDWITEMShow() {
if (this.created)
showLayer(this.baseLayer);
}
function JDWITEMMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function JDWITEMSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function JDWITEMGetWidth() {
return this.width;
}
function JDWITEMGetMinWidth() {
return this.minWidth;
}
function JDWITEMGetAlign() {
return this.align;
}
function JDWITEMSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function JDWITEMResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (JDWMinIE4) {
JDWITEMIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function JDWITEMInvert() {
this.inverted = !this.inverted;
}
function JDWITEMIsInverted() {
return this.inverted;
}
// Layer resize function for IE.
function JDWITEMIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
// Event handlers for the navigation bar.
function JDWITEMHeaderOn(e) {
var bar;
var x, y;
bar = JDWITEMs[this.index];
// Position drop down menu.
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
// Save drop down menu position and show it.
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
// Hide any currently active header and drop down.
if (JDWMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
// Display the header highlight layer and drop down menu.
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function JDWITEMHeaderOff(e) {
// If over drop down menu, exit. Otherwise hide menu and highlight layers.
if (this.menuLayer != null) {
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left &&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function ECSmenuOff(e) {
// If over header, exit.
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left &&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
// Otherwise, hide menu and header highlight layers.
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function JDWITEMItemOn() {
showLayer(this.highLayer);
}
function JDWITEMItemOff() {
hideLayer(this.highLayer);
}
function JDWITEMItemClick(e) {
// If there is no link, exit.
if (this.link == "")
return true;
// Hide the drop down menu and highlight layer.
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
// If the link starts with "javascript:" execute the code. Otherwise just
// link to the URL.
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
// MOUSE TRACKING
// These variables will hold the current mouse pointer position.
var mouseX = 0;
var mouseY = 0;
// Set up event capturing.
if (JDWMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = JDWITEMGetMousePosition;
function JDWITEMGetMousePosition(e) {
// Save mouse pointer position.
if (JDWMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
// EVENT: Window Resizing
// These variables are used to determine if a resize event is a true one in
// older releases of NS4.
var origWidth;
var origHeight;
// Reload page in case of a browser resize.
if (JDWMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = JDWITEMReload;
function JDWITEMReload() {
if (JDWMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
// For IE, reload on a timer in case the Windows 'Show window contents while
// dragging' display option is on.
if (JDWMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
function G6JDWinit()
{
fullWidth = getWindowWidth() - (JDWMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
JDWBAR1.create();
JDWBAR1.moveTo(0,-getWindowHeight()+43);
JDWBAR1.setzIndex(1);
JDWBAR1.resize(fullWidth);
JDWBAR1.setAlign(getWindowWidth()+60);
JDWBAR1.hide();JDWBAR2.create();
JDWBAR2.moveBy(0,-getWindowHeight()+17);
JDWBAR2.resize(fullWidth);
JDWBAR2.setzIndex(2);
NAVupdatePOSY();
}
/* Fire It Up!! */
window.onload=G6JDWinit;
function NAVupdatePOSY() {
var viewTop;
var viewBottom;
var dy;
viewTop = getPageScrollY();
viewBottom = viewTop + getWindowHeight();
dy = Math.round(Math.abs(viewTop - JDWBAR1.y)); /* NO ANIM */
if (viewTop < JDWBAR1.y) dy = -dy;
dy = Math.round(Math.abs(viewTop - JDWBAR2.y)); /* NO ANIM */
if (viewTop < JDWBAR2.y) dy = -dy;
if (JDWBAR1.bottom < viewTop)
JDWBAR1.moveTo(0, viewTop - JDWBAR1.height);
if (JDWBAR1.top > viewBottom)
JDWBAR1.moveTo(0, viewBottom);
if (JDWBAR2.bottom < viewTop)
JDWBAR2.moveTo(0, viewTop - JDWBAR2.height);
if (JDWBAR2.top > viewBottom)
JDWBAR2.moveTo(0, viewBottom);
JDWBAR1.moveBy(0, dy);
JDWBAR2.moveBy(0, dy);
setTimeout('NAVupdatePOSY()', 0); /* INFINITLY SMALL VALUE */
}
/*************
This Is a Function To Maximize The Window in MSIE and NS. When Called, The Window Will Maximize.
*************/
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
/*
MENU ITEMS:
(Border col, menu title col, top menu BGcolor,
title selected font col, main sel bgcol, dd font
col, ddbgc, ddfont sel col, dd sel bgcol,
*/
// ___________________________________
var JDWBAR2 = new JDWITEM(0);
JDWBAR2.setSizes (1, 4, 1);
JDWBAR2.setColors ("#808080","#FFFFFF","#000000","#000000","#0D7CA1","#FFFFFF","#000000","#000000","#0D7CA1");
JDWBAR2.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
var JDWBAR1 = new JDWITEM(0);
JDWBAR1.setSizes (1, 1, 1);
JDWBAR1.setColors ("#000000","#000000","#F5E4C1","#000000","#1CA0E4","#000000","#F5E4C1","#000000","#1CA0E4");
JDWBAR1.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
// ___________________________________
/* MENU ITEMS */
siteMenu = new ECSmenu(0, 80); // 80 = width in pixels of menu
siteMenu.addItem(new ITEM("<center> HOME </center>", "index.html"));
siteMenu.addItem(new ITEM(" Go Home", "http://javascript.internet.com/index.html"));
siteMenu.addItem(new ITEM(" Contribute", "http://javascript.internet.com/contribute/"));
siteMenu.addItem(new ITEM(" Link to Us", "http://javascript.internet.com/link-us.html"));
siteMenu.addItem(new ITEM(" Feedback", "http://javascript.internet.com/feedback.html"));
JDWBAR2.addNAVm(siteMenu); // add this menu category
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> SCRIPTS </center>", ""));
siteMenu.addItem(new ITEM("<center>What's New?</center>","http://javascriptsource.com/new/"));
siteMenu.addItem(new ITEM("<center>All Categories</center>","http://javascriptsource.com/toc.html"));
siteMenu.addItem(new ITEM("<center>A-Z Script List</center>","http://javascriptsource.com/master-list.html"));
siteMenu.addItem(new ITEM("<center>JS Books</center>","http://javascriptsource.com/books/"));
siteMenu.addItem(new ITEM("<center>JS Tutorial</center>","http://www.stars.com/Authoring/JavaScript/Tutorial/index.html"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> JS FORUM </center>", ""));
siteMenu.addItem(new ITEM("<center>How Do I....?</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7af"));
siteMenu.addItem(new ITEM("<center>Intro to JS</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7a7"));
siteMenu.addItem(new ITEM("<center>Script Help</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ab"));
siteMenu.addItem(new ITEM("<center>Script Requests</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ad"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> HELP </center>", ""));
siteMenu.addItem(new ITEM("<center>Site FAQs</center>","http://faq.javascriptsource.com"));
siteMenu.addItem(new ITEM("<center>JS Forum</center>","http://forum.javascriptsource.com"));
JDWBAR2.addNAVm(siteMenu);
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
<head>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Tim Scarfe (webmaster@g6jdw.net, http://www.g6jdw.net) -->
<!-- Pete Woods (http://www.pete-net.com) -->
<!-- Mike Hall (http://www.brainjar.com) -->
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></script>
</head>
<!-- be sure to leave some blank lines at the top of your page, right after the <body> tag -->
<body>
<p> </p>
<p> </p>
<p> </p>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 36.93 KB -->
<end node> 5P9i0s8y19Z
<node>New subject
2
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|06|09|JS_28141|JS_28141~xml.0.jhtml?cda=true#
http://javascripts.earthweb.com/repository//webdev/content/software/2000/06/09/JS_28141/script28141.html
Expand - Collapse Menu
Published 06/09/2000
By Henrik Hirtshals
This example is text based, but off course you can use graphics as well, to make it look even more fancy
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>www.viewsource.dk</title>
<style>
TD.list
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:link
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:active
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
TD.list A:visited
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:hover
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
</style>
<SCRIPT LANGUAGE=javascript>
<!--
// Script by Henrik Hirtshals Jensen
// This script and many more, can be found
// at www.viewsource.dk - Lots of free Java
// applets, JavaScripts and DHTML Scripts
// Free to use - if you keep this msg intact
//No of MenuItems
constMaxItem=3
function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
{
if (i!=active)
{
document.all("sub"+i).style.display="NONE"
}
else
{
document.all("sub"+active).style.display="BLOCK"
}
}
}
//-->
</SCRIPT>
</head>
<body>
<table BORDER="0" CELLSPACING="0" CELLPADDING="0">
<tr>
<td class="list" onclick="fnDispThis(1)" style="Cursor:HAND;"><B>Menu Item No. 1</B><br>
<DIV id="sub1" style="Display:'NONE';">
<A href="http://www.viewsource.dk">Free Java Applets</a><br>
<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br></td>
</DIV>
</tr>
<tr>
<td class="list" onclick="fnDispThis(2)" style="Cursor:HAND;"><B>Menu Item No. 2</B><br>
<DIV id="sub2" style="Display:'NONE';">
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br>
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br>
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br></td>
</DIV>
</tr>
<tr>
<td class="list" onclick="fnDispThis(3)" style="Cursor:HAND;"><B>Menu Item No. 3</B><br>
<DIV id="sub3" style="Display:'NONE';">
<A href="http://www.viewsource.dk">Free Java Applets</a><br>
<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br></td>
</DIV>
</tr>
</table>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>Pulldown Menu
2
You can make it easier on our visitors to find their way around your site. I highly suggest using the extremely popular and extremely useful menu list. It seems every good site has one.... So, put one on your site! If you use this script, please leave a link to our site in the pulldown menu!
= = = = = = =
<!-- TWO STEPS TO INSTALL PULLDOWN MENU:
1. Paste the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alex Tu <boudha1@hotmail.com> -->
<!-- Web Site: http://www.geocities.com/MadisonAvenue/4368 -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Paste this code into the BODY of your HTML document -->
<BODY>
<center>
<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
<input type=button value="Go!" onClick="javascript:formHandler()">
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
<node>Small JS Rollover Coding
2
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30285|JS_30285~xml.0.jhtml?cda=true#
Extremely Small JS Rollover Coding
Published 08/03/2000
By Maximum
I've seen rollover scripts before where the JS coding is just too long and often too complicated to understand. The code i'll show you is very short and concise, as well as easy to add/update.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>Fast JavaScript Rollovers</title>
</head>
<body bgcolor="white">
<pre>
<-- Start rollover -->
<A HREF="http://www.Url-to-link-to.com/"
onMouseOver="document.IMAGENAME.src='http://IMAGE2'"
onMouseOut="document.IMAGENAME.src='http://IMAGE1'">
<IMG SRC="http://IMAGE1" BORDER=0 NAME="IMAGENAME"></a>
<-- End rollover -->
</pre>
<br>This JavaScript doesn't even require <script> tags, but instead relies on onMouseOver and onMouseOut events.<br>
<font size="1" face="Verdana">Coding supplied in part by <a href="http://tools.tutorialindex.com/rollover.php3'>http://tools.tutorialindex.com/rollover.php3</a></font>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>MESSAGES
1
<end node> 5P9i0s8y19Z
<node>Body Mass 2
2
http://www.x-developer.com/javascript/content/calculators/body-mass-2/index.html
Body Mass 2
Action: Calculates your body mass index.
Usage: Let your visitors calculate their own body mass index.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Marat Rikelman (rikelman@bellsouth.net) -->
<!-- --------------------------------------------------- -->
function mod(div,base)
{
return Math.round(div-(Math.floor(div/base)*base));
}
function calcBmi()
{
var w=document.bmi.weight.value*1;
var HeightFeetInt=document.bmi.htf.value*1;
var HeightInchesInt=document.bmi.hti.value*1;
HeightFeetConvert=HeightFeetInt*12;
h=HeightFeetConvert+HeightInchesInt;
displaybmi=(Math.round((w*703)/(h*h)));
var rvalue=true;
if((w<=35)||(w>=500)||(h<=48)||(h>=120))
{
alert("Invalid data. Please check and re-enter!");
rvalue=false;
}
if(rvalue)
{
if(HeightInchesInt>11)
{
reminderinches=mod(HeightInchesInt,12);
document.bmi.hti.value=reminderinches;
document.bmi.htf.value=HeightFeetInt+((HeightInchesInt-reminderinches)/12);
document.bmi.answer.value=displaybmi;
}
if(displaybmi<19)
document.bmi.comment.value="Underweight";
if(displaybmi>=19&&displaybmi<=25)
document.bmi.comment.value="Desirable";
if(displaybmi>=26&&displaybmi<=29)
document.bmi.comment.value="prone to health risks";
if(displaybmi>=30&&displaybmi<=40)
document.bmi.comment.value="Obese";
if(displaybmi>40)
document.bmi.comment.value="Extremely obese";
document.bmi.answer.value=displaybmi;
}
return rvalue;
}</script>
<form name=bmi>
<center>
<table width=200 border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Weight: <input type=text name=weight SIZE=3 maxlength=3>
lbs. </font></b></td>
</tr>
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Height: <input type=text name=htf size=1 maxlength=1>
Ft. <input type=text name=hti size=2 maxlength=2>
In. </font></b></td>
</tr>
<tr> <td align=center> <input type=button value="Calculate BMI" onclick=calcBmi()>
</td>
</tr>
<tr bgcolor="#00007F"> <td> <b><font color="#FFFFFF">Body Mass Index <input type=text name=answer size=3>
</font></b></td>
</tr>
<tr bgcolor="#00007F"> <td> <center>
<b><font color="#FFFFFF"> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is: <br>
<input type=text name=comment size=25>
</font> </b> </center>
</td>
</tr>
</table>
</center>
</form>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Calories 1
2
http://www.x-developer.com/javascript/content/calculators/calories-1/index.html
Calories 1
Action: Calculates calories burned.
Usage: Let your visitors calculate their calories burned.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var myWeight;
var myDistance;
function HowMany(form)
{
var difference;
difference=(myDistance*myWeight)*.653;
form.Fdiff.value=difference;
if(difference<100)
{
form.comment.value="You better start working!";
}
if(difference>101&&difference<200)
{
form.comment.value="Nice run, but you can do better.";
}
if(difference>201&&difference<300)
{
form.comment.value="Very good! Push above 300 next time.";
}
if(difference>301&&difference<500)
{
form.comment.value="Great! Your a runner.....keep it up!";
}
if(difference>501&&difference<700)
{
form.comment.value="Bill Rogers move over!";
}
if(difference>701)
{
form.comment.value="Your my hero! Have a jelly doughnut.";
}
}
function SetMyWeight(weight)
{
myWeight=weight.value;
}
function SetmyDistance(dis)
{
myDistance=dis.value;
}
function ClearForm(form)
{
form.myWeight.value="";
form.myDistance.value="";
form.Fdiff.value="";
form.comment.value="";
}</SCRIPT>
<CENTER>
<FORM METHOD=POST>
<TABLE border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<TR> <TR> <TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Your <br>
Weight </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Miles <br>
run </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Calories <br>
burned </font></b></div>
</TD>
<TD> <INPUT TYPE=BUTTON ONCLICK=HowMany(this.form) VALUE=Calculate>
</TD>
</TR>
<tr> <TD> <div align=center> <INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE=SetMyWeight(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE=SetmyDistance(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=Fdiff VALUE="" SIZE=6>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=BUTTON VALUE=" Reset " onClick=ClearForm(this.form)>
</div>
</tr>
</table>
<table border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr> <TD bgcolor="#00007F"> <DIV ALIGN=CENTER><b><font color="#FFFFFF"> Comments </font></b></DIV>
</TD>
<TD> <INPUT TYPE=text NAME=comment size=37>
</td>
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Calories 2
2
http://www.x-developer.com/javascript/content/calculators/calories-2/index.html
Calories 2
Action: Calculates how many calories your have burned.
Usage: Let your visitors calculate their calories.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=LiveScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: pbrady@mail.fsci.umn.edu -->
<!-- --------------------------------------------------- -->
function computeBMR(form){ form.BMRMale.value = 66.473 + ((form.weight.value / 2.2 ) * 13.751) + (5.0033 * form.height.value * 2.54) - (6.55 * form.age.value); form.BMRFemale.value = 665.51 + ((form.weight.value / 2.2 ) * 9.463) + (1.8496 * form.height.value * 2.54) - (4.6756 * form.age.value); form.BMR.value= 70 * (Math.pow((form.weight.value / 2.2 ), 0.75)); return;
}
function computeTotal(form){ if (form.vlight.value.length == 0){ form.vlight.value = "0"; }
if (form.light.value.length == 0){ form.light.value = "0"; } if (form.moderate.value.length == 0){ form.moderate.value = "0"; } if (form.heavy.value.length == 0){ form.heavy.value = "0"; } if (form.vheavy.value.length == 0){ form.vheavy.value = "0"; } form.TotMale.value = (1.0 * form.BMRMale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); form.TotFemale.value = (1.0 * form.BMRFemale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); return;
}
function clearBMR(form){ form.age.value = ""; form.weight.value = ""; form.height.value = ""; form.BMRMale.value = ""; form.BMRFemale.value = ""; form.BMR.value = ""; return;
}
function clearTotal(form){ form.vlight.value = "0"; form.light.value = "0"; form.moderate.value = "0"; form.heavy.value = "0"; form.vheavy.value = "0"; form.TotMale.value = "0"; form.TotFemale.value = "0"; return;
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellpadding="2" cellspacing="0" align="center" bgcolor="#1018BF" width="550">
<TBODY> <TR> <TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">Physical characteristics: </font></b> </center>
<TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">BMR </font></b> </center>
<TH><font color="#1018BF">1</font> </TR>
<TR> <TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF">Age in years <INPUT name=age size=6><br>Weight in pounds <INPUT name=weight size=6><br>Height in inches <INPUT name=height size=6></font></b></PRE>
</center>
<TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF"><INPUT name=BMRMale size=6> kcal/day for men <INPUT name=BMRFemale size=6> kcal/day for women
</font></b></PRE>
</center>
<TD vAlign=top> <INPUT onclick=computeBMR(this.form) type=button value=Enter>
<INPUT onclick=clearBMR(this.form) type=button value=Clear>
</TD>
</TR>
</TBODY> </TABLE>
<center>
<P align="center"><b>BMR can also be estimated as 70 W<SUP>0.75</SUP> = <INPUT border=0 name=BMR size=6>kcal/day, where W is body weight in kilograms.</b></center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Computer Cost
2
http://www.x-developer.com/javascript/content/calculators/computer-cost/index.html
Computer Cost
Action: Calculates cost of your computer.
Usage: Let your visitors calculate cost of their computer.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=JAVASCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Reaz Hoque -->
<!-- --------------------------------------------------- -->
var called=false;
//to make sure the function compute() is called
var T_Price=0;
var pr_flag;
//processor flag for keeping track of the choices
var pr_print="";
var sp_flag;
//flag for speed
var sp_print;
var ram_flag;
//flag for ram
var ram_print;
var hdrive_flag;
//flag for Hard Drive
var hdrive_print;
var vram_flag;
//flag for VRAM
var vram_print;
var fdrive_flag;
//flag for Floopy Drivevar fdrive_print;
var cd_flag;
//flag for CD Rom
var cd_print;
var mn_flag;
//flag for Monitor
var mn_print;
var mos_flag;
//flag for Mouse
var mos_print;
var kb_flag;
//flag for KeyBoard
var kb_print;
var modem_flag;
//flag for Modem
var modem_print;
var software_flag;
//flag for software
var software_print;
var card_flag;
//flag for sound card
var card_print;
function compute(form){
called=true;
if (form.processor[0].selected){
pr_print= "None [$0]";
pr_flag=0;
} if (form.processor[1].selected){
pr_flag =540;
pr_print="68LCO45 DD [$540]";
}
else if (form.processor[2].selected){
pr_flag =340;
pr_print="68LCO45 EE [$340]";
}
else if (form.processor[3].selected){
pr_flag =680;
pr_print="68LCO45 FF [$680]";
}
else if (form.processor[4].selected){
pr_flag =421;
pr_print="68LCO45 GG [$421]";
}
//-------Speed----------
if (form.speed[0].selected){
sp_flag=0;
sp_print="None [$0]";
}
if (form.speed[1].selected){
sp_flag=110;
sp_print="60 MHz [$110]";
}
if (form.speed[2].selected){
sp_flag=145;
sp_print="66/33 MHz [$145]";
}
if (form.speed[3].selected){
sp_flag=199;
sp_print="75 MHz [$199]";
}
if (form.speed[4].selected){
sp_flag=235;
sp_print="100 MHz [$235]";
}
//-------RAM-----------
if (form.ram[0].selected){
ram_flag=0;
ram_print="None [$0]";
}
if (form.ram[1].selected){
ram_flag=75;
ram_print="4 RAM [$75]";
}
if (form.ram[2].selected){
ram_flag=120;
ram_print="8 RAM [$120]";
}
if (form.ram[3].selected){
ram_flag=200;
ram_print="16 RAM [$200]";
}
if (form.ram[4].selected){
ram_flag=350;
ram_print="32 RAM [$350]";
}
//-------Hard Drive-------
if (form.hdrive[0].selected){
hdrive_flag=0;
hdrive_print="None [$0]";
}
if (form.hdrive[1].selected){
hdrive_flag=100;
hdrive_print="250MB [$100]";
}
if (form.hdrive[2].selected){
hdrive_flag=200;
hdrive_print="500MB [$200]";
}
if (form.hdrive[3].selected){
hdrive_flag=300;
hdrive_print="750MB [$300]";
}
if (form.hdrive[4].selected){
hdrive_flag=399;
hdrive_print="1.0GB [$399]";
}
//-------VRAM-------
if (form.vram[0].selected){
vram_flag=0;
vram_print="None [$0]";
}
if (form.vram[1].selected){
vram_flag=50;
vram_print="1MB DRAM [$50]";
}
if (form.vram[2].selected){
vram_flag=89;
vram_print="4MB DRAM [$89]";
}
if (form.vram[3].selected){
vram_flag=125;
vram_print="8MB DRAM [$125]";
}
if (form.vram[4].selected){
vram_flag=200;
vram_print="16MB DRAM [$200]";
}
//-------Floppy-------
if (form.fdrive[0].selected){
fdrive_flag=0;
fdrive_print="None [$0]";
}
if (form.fdrive[1].selected){
fdrive_flag=75;
fdrive_print=" 1.4 ench. [$75]";
}
if (form.fdrive[2].selected){
fdrive_flag=50;
fdrive_print="5.25 ench. [$50]";
}
if (form.fdrive[3].selected){
fdrive_flag=100;
fdrive_print="BOTH [$100]";
}
//-------CD ROM-------
if (form.cd[0].selected){
cd_flag=0;
cd_print="None [$0]";
}
if (form.cd[1].selected){
cd_flag=300;
cd_print="600E Dual Speed [$300]";
}
if (form.cd[2].selected){
cd_flag=450;
cd_print="800E Quadruple-Speed [$450]";
}
//----------Monitor-----------
if (form.monitor[0].selected){
mn_flag=0;
mn_print="None [$0]";
}
if (form.monitor[1].selected){
mn_flag=210;
mn_print="12 ench. VGA [ $210]";
}
if (form.monitor[2].selected){
mn_flag=300;
mn_print="14 ench. Super VGA [$300]";
}
if (form.monitor[3].selected){
mn_flag=290;
mn_print="14 ench. VGA [$290]";
}
if (form.monitor[4].selected){
mn_flag=370;
mn_print="14 ench. Super VGA [$370]";
}
if (form.monitor[5].selected){
mn_flag=350;
mn_print="17 ench. VGA [$350]";
}
if (form.monitor[6].selected){
mn_flag=475;
mn_print="17 ench. Super VGA [$475]";
}
//-----------Mouse------
if (form.mouse[0].selected){
mos_flag=0;
mos_print="None [$0]";
}
if (form.mouse[1].selected){
mos_flag=35;
mos_print=" Vesa6 [$35]";
}
if (form.mouse[2].selected){
mos_flag=120;
mos_print=" Titda9 [$120]";
}
//----------KeyBoard-----------
if (form.keyboard[0].selected){
kb_flag=0;
kb_print= "None [$0]";
}
if (form.keyboard[1].selected){
kb_flag=75;
kb_print="473E SPO [$75]";
}
if (form.keyboard[2].selected){
kb_flag=120;
kb_print="48dE SPO [$120]";
}
if (form.keyboard[3].selected){
kb_flag=150;
kb_print="874K SPO [$150]";
}
if (form.keyboard[4].selected){
kb_flag=175;
kb_print="888i SPO [$175]";
}
//----------Modem-----------
if (form.modem[0].selected){
modem_flag=0;
modem_print=" None [$0]";
}
if (form.modem[1].selected){
modem_flag=100;
modem_print=" External 14.4 [$100]";
}
if (form.modem[2].selected){
modem_flag=110;
modem_print=" Internal 14.4 [$110]";
}
if (form.modem[3].selected){
modem_flag=150;
modem_print=" External 28.8 [$150]";
}
if (form.modem[4].selected){
modem_flag=160;
modem_print=" Internal 28.8 [$160]";
}
//----------Sound Card----------- if (form.card[0].selected){
card_flag=0;card_print="None [$0]";
}
if (form.card[1].selected){
card_flag=300;
card_print=" Adlib [$300]";
}
if (form.card[2].selected){
card_flag=258;
card_print=" Sound Blaster [$258]";
}
if (form.card[3].selected){
card_flag=235;
card_print=" Sound Blaster Pro [$235]";
}
if (form.card[4].selected){
card_flag=320;
card_print=" MIDI Mapper [$320]";
}
T_Price=pr_flag+sp_flag+ram_flag+hdrive_flag+vram_flag+ fdrive_flag+cd_flag+mn_flag+mos_flag+ kb_flag+modem_flag+card_flag;form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
compute(form);
}
text = ("<HEAD><TITLE>'UniVista On-line Computer Cost Esimator'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 4><FONT COLOR=BLUE>UniVista On-line Computer Cost Esimator</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Processor:<BR>Speed: <BR>Monitor: <BR>Hardrive: <BR>Floppy Drive: <BR>Memory:");
text=(text+" <BR>VRAM: <BR>CD-ROM: <BR>Sound Card: <BR>Modem: <BR>Key Board: <BR>Mouse: ");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ pr_print+"<BR>"+sp_print+"<BR>"+ mn_print+"<BR>"+ hdrive_print+"<BR>");
text=(text+ fdrive_print+"<BR>"+ram_print+"<BR>"+ vram_print+"<BR>"+ cd_print+"<BR>");
text=(text+card_print+"<BR>"+ modem_print+"<BR>"+kb_print +"<BR>" +mos_print );
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Total Cost:</FONT>"+" $"+T_Price);
text=(text+"<BR><BR><BR><BR><BR><FONT SIZE=-1><FONT COLOR=GREEN>To print, choose FILE and PRINT.</FONT></FONT>");
text=(text+"</body></html>"); msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=480,directories=no,status=yes,scrollbars=yes,resize=no,menubar=yes") msgWindow.document.write(text) msgWindow.document.close()
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<CAPTION></CAPTION>
<TBODY> <TR> <TD> <center>
<font color="#FFFFFF"><b>Processor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=processor>
<OPTION selected>Select <OPTION>68LCO45 DD [$540] <OPTION>68LCO45 EE [$340] <OPTION>68LCO45 FF [$680] <OPTION>68LCO45 GG [$421]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Speed: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=speed>
<OPTION selected>Select <OPTION>60 MHz [$110] <OPTION>66/33 MHz [$145] <OPTION>75 MHz [$199] <OPTION>100 MHz [$235]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Memory(RAM): </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=ram>
<OPTION selected>Select <OPTION>4 RAM[$75] <OPTION>8 RAM [$120] <OPTION>16 RAM [$200] <OPTION>32 RAM [$350]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>Hard drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=hdrive>
<OPTION selected>Select <OPTION>250MB [$100] <OPTION>500MB [$200] <OPTION>750MB [$300] <OPTION>1.0GB [$399]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>VRAM: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=vram>
<OPTION selected>Select <OPTION>1MB DRAM [$50] <OPTION>4MB DRAM [$89] <OPTION>8MB DRAM [$125] <OPTION>16MB DRAM [$200]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Floppy Drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=fdrive>
<OPTION selected>Select <OPTION>1.4MB [$75] <OPTION>5.25MB [$50] <OPTION>BOTH [$100]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>CD-Rom: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=cd>
<OPTION selected>Select <OPTION>600E Dual Speed [$300] <OPTION>800E Quadruple-Speed [$450]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Monitor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=monitor>
<OPTION selected>Select <OPTION>12" VGA [ $210] <OPTION>12" Super VGA [$300] <OPTION>14" VGA [$290] <OPTION>14" Super VGA [$370] <OPTION>17" VGA [$350] <OPTION>17" Super VGA [$475]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Mouse: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=mouse>
<OPTION selected>Select <OPTION>Vesa6 [$35] <OPTION>Titda9 [$120]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>KeyBoard: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=keyboard>
<OPTION selected>Select <OPTION>473E SPO [$75] <OPTION>48dE SPO [$120] <OPTION>874K SPO [$150] <OPTION>888i SPO [$175]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Modem: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=modem>
<OPTION selected>Select <OPTION>External 14.4 [$100] <OPTION>Internal 14.4 [$110] <OPTION>External 28.8 [$150] <OPTION>Internal 28.8 [$160]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Sound Card: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=card>
<OPTION selected>Select <OPTION>Adlib [$300] <OPTION>Sound Blaster [$258] <OPTION>Sound Blaster Pro [$235] <OPTION>MIDI Mapper [$320]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
</TBODY> </TABLE>
<P> <TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<TBODY> <TR> <TD> <CENTER>
<BR>
<INPUT name=Price onclick=compute(this.form) type=button value="Update Price">
</CENTER>
<BR>
<INPUT name=T_Price size=15>
<BR>
</TD>
<TD>
<INPUT name=Print_data onclick=print(this.form) type=button value="Print Preview">
<CENTER>
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Cool Table Menu
2
http://www.wsabstract.com/script/script2/coolmenu.shtml
Cool Table Menu IE 4+
Description: Add flare to your menu with Clarence's navigational script! Not only do participating menu items receive a "highlight" effect when the mouse moves over them, but also, a textual description of the containing link. Very cool, and degrades well with all browsers.
Example:
Dynamic Drive
Freewarejava.com
Cerebus Web Resources
SitePoint.com
Directions
Step 1: The following code is to be placed between <head> and </head>.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
Visit http://wsabstract.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
iedescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
iedescription.innerHTML=' '
}
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Add the below where you wish the menu to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(choice1,'The #1 DHTML site online')" onmouseout="moveout(choice1)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(choice2,'Free Java applets')" onmouseout="moveout(choice2)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(choice3,'Free webmaster resources')" onmouseout="moveout(choice3)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(choice4,'Resources to build your site')" onmouseout="moveout(choice4)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="iedescription" face="Verdana" size="2"></font></td></tr>
</table>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Count down until any date
2
http://www.wsabstract.com/script/script2/count.shtml
http://www.wsabstract.com/script/countdownimage.shtml
http://www.wsabstract.com/script/script2/count2.shtml
http://www.wsabstract.com/script/script2/countup.shtml
Count down until any date
Description: A versatile and practical script that can be used to count down until any given date.
Example: Only 81 days until Christmas!
Directions: Simply insert the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Count down until any date script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Only "+difference+" days until "+before)
}
//enter the count down date using the format year/month/day
countdown(2000,12,25)
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:
countdown(2000,12,25)
The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).
<end node> 5P9i0s8y19Z
<node>CREDITS SCREEN
2
http://www.wsabstract.com/script/script2/creditscreen.shtml
Credits screen
Description: Add a TV-like credits screen page to your site with this script! It displays a "credit" window that slowly scrolls down continuously, revealing the contributors' names bit by bit...just like the credit screen on TV!
Example: See credits for Website Abstraction
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the below into the <body> section of the page that will open the credits page (ie: this page):
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Credits screen script
By Website Abstraction
http://wsabstract.com
Over 400+ original scripts here!
*/
function opencredit(){
//set this to the file of the credit
var creditfile="credits.htm"
if (document.all)
creditwindow=window.open(creditfile,"","width=445,height=250")
else
creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
You'll also need to add a link like the below, which is what the users will click to activate the credits screen:
<a href="javascript:opencredit()">See credits for My site!</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Click and save the following HTML page into your webpage directory (credits.htm). This is the HTML page that contains the credits themselves. You obviously want to edit it to contain your own credit lines. Just don't remove the script inside of it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/credits.htm
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<title>Website Abstraction Credit Screen</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p align="center"><img src="../../logor.gif" width="332" height="97" alt="logor.gif (5979 bytes)"><br>
<small><font face="Verdana">Credits Page</font></small></p>
<p align="left"><strong><font face="Verdana">~Main credits~</font></strong></p>
<p align="left"><font face="Verdana"><strong>Creator and main operator: </strong>George
Chiang (WA)</font></p>
<p align="left"><font face="Verdana"><strong>JavaScript forum moderator: </strong>John
Krutsch</font></p>
<end node> 5P9i0s8y19Z
<node>Dog Years
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Dog Years
Action: Calculates your dog life.
Usage: Let your visitors calculate how old they are in dog life.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Download Time
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Download Time
Action: Estimates how long will it take to download a file from Internet.
Usage: Let your visitors calculate time spent on specific download.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>FairWell window launcher
2
http://www.wsabstract.com/script/cut65.shtml
http://www.wsabstract.com/script/script2/bookalert.shtml
FairWell window launcher (updated:98/10/19)
I got the idea for the following script from a site I recently visited. When I left, a cute little window popped up, thanking me for visiting their site, and urging me to come back real soon. The window actually made an impact on me, surprisingly. Here is a script that does just that- pops up a small, toolbarless window as the surfer leaves the page. To avoid over-irritating your surfers, the script comes with the added feature of only popping up the first time the surfer enters and leaves the page; if he/she goes to CNN for a while, then returns and leaves again, the window is not displayed. (Try leaving this page the first time- a window will be displayed. Come back, then leave again- no window!). Note: Cookies are used to determine how many times a surfer has visited a page; therefore, only browsers with cookies enabled will benefit from this "anti-irritant" feature.
Example: Press "back" (the first time) to leave this page and see the script in action.
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following into the <head> section of your page (change the :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Fair well window launcher script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function openpopup(){
//configure "seeyou.htm and the window dimensions as desired
window.open("seeyou.htm","","width=300,height=338")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Insert the following into the <body> tag itself, like this:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<body onunload="loadpopup()">
.........
( Clip-Art )
Thanks for visiting our site. We hope to see you real soon!
http://wsabstract.com
..........
<end node> 5P9i0s8y19Z
<node>Group Work
2
http://www.x-developer.com/javascript/content/calculators/group/index.html
Group Work
Action: Calculates group work time.
Usage: Let your visitors calculate group work time.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: mistermidget@hotmail.com --> <!-- --------------------------------------------------- -->
function groupWork()
{
person1=parseInt(document.workform.person1.value);
person2=parseInt(document.workform.person2.value);
worktime=(person1*person2)/(person1+person2);
document.workform.time.value=worktime;
}</script>
<center>
<form name=workform>
<b>Person one can do the job in <input type=text name=person1 size=5>
hours. <br>
Person two can do the same job in <input type=text name=person2 size=5>
hours. <br>
Together, they can do the job in <input type=text name=time size=10>
hours. </b><br>
<br>
<input type=button value=Solve! name=solve onClick=groupWork()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>HeadLiner
2
When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great.... Just check it out!
= = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL HEADLINER:
1. Add the onLoad event handler to the BODY tag
2. Copy the specified code into the BODY of your HTML document -->
<!-- STEP ONE: Add this onLoad event handler to the BODY tag -->
<body onLoad="StartHeadliner()">
<!-- STEP TWO: Put this code into the BODY of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- Begin
typeWriterWait=120 // Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false // randomly choose lines? (true or false)
lineMax=7 // how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.piaster.nl/perspicacity/js/headliner", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:Jan_P@dds.nl?subject=The Headliner", "", TypeWriter, 1500)
lines[7]=new Line("Or here to go back to Messages", "http://messages.javascriptsource.com", "", Static, 3500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 5.69 KB -->
<end node> 5P9i0s8y19Z
<node>Highlight text
2
http://wsabstract.com/howto/css.shtml
Highlight text (Compatible: IE 4+, NS 4)
Cheap example on the net: Below example
I like to call this effect highlight text, but many simply call it "text with a background color" (how artistic). It allows you to draw attention to specific text by giving it a background color. Take a look at the following paragraph:
= = =
Hay webmasters, looking for the perfect tool to create and manage a web site? Allow me to introduce you to NotePad. Its the simplest, fastest, and don't forget, cheapest way to creating and maintaining a site. Why else would it be packaged with Windows 95? You know that Windows 95 is the best operating system available, so whatever comes with it must also be the, eh, best, right?. Don't hesitate, use NotePad today!
= = =
Since I want to emphasize the words "simplest, fastest, and cheapest", I use CSS to give that portion of the text a background color of yellow. Here's the source code I used:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<span style="background-color:yellow">simplest, fastest, and don't forget, cheapest</span>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
As you can see, just warp the text you want to highlight with the part in bold.
<end node> 5P9i0s8y19Z
<node>Interactive Headliner 1
2
http://www.x-developer.com/javascript/content/buttons/headliner-1/index.html
Interactive Headliner 1 Browser : ALL
Action: Scrolls and blinks information with links in many ways.
Usage: Save space on your site by having this ultimate headliner on your pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=StartHeadliner() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- --------------------------------------------------- -->
typeWriterWait=120// Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90// scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false// randomly choose lines? (true or false)
lineMax=7// how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.x-developer.com", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:developer@x-developer.com", "", TypeWriter, 1500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="X-Developer presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Interactive Headliner 2
2
http://www.x-developer.com/javascript/content/buttons/headliner-2/index.html
Interactive Headliner 2
Action: Changes messageson a form button with predefined links.
Usage: Create your littlepresentation and save space on your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=StartHeadliner() onunload=StopHeadliner() bgcolor="#FFFFCC">
<STYLE>.stHeadliner {
BACKGROUND: red; COLOR: white; FONT-FAMILY: lucida console, courier new, monospace; FONT-SIZE: 11pt; FONT-STYLE: italic; FONT-WEIGHT: bold
}
</STYLE>
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker -->
<!-- Web Site: mailto:Jan_P@dds.nl -->
<!-- --------------------------------------------------- -->
// Delay in milliseconds for the growing headliner
growWait=90
// Delay in milliseconds for the expanding headliner
expandWait=120
// Delay in milliseconds for the scrolling headliner
scrollWait=100
// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40
// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)
// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("Get 1000's of best JavaScripts!", "http://www.x-developer.com", Expand, 2000)
lines[2]=new Line("Great Animation Scripts", "www.x-developer.com/javascript/content/animations/index.html", Scroll, 1000)
lines[3]=new Line("Cool Banner Scripts", "http://www.x-developer.com/javascript/content/banners/index.html", Static, 2500)
lines[4]=new Line("E-Mail Me!", "mailto:developer@x-developer.com", Grow, 3000)
// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</SCRIPT>
<CENTER>
<FORM name=formDisplay>
<INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value="The Headliner">
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Page Born
2
http://www.x-developer.com/javascript/content/page-details/page-born/index.html
Page Born
Action: Tells you if the page has changed since your last visit.
Usage: Tell a visitor if something has happened on your site since his last visit.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR> <TD bgcolor="#000044"> <center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: www.jwp.bc.ca/saulm/html/bornon.htm -->
<!-- --------------------------------------------------- -->
document.write(document.title);
</SCRIPT>
</center>
</TD>
</TR>
<TR> <TD bgcolor="#440000"> <center>
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>
<!-- Put the page creation date, here --> April 1, 2000 <BR>
<SCRIPT LANGUAGE="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break; }
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "Last updated: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'><br>Site has changed since last visit!</font><br>");
}
</SCRIPT>
</FONT> </center>
</TD>
</TR>
</TABLE>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>People on Earth
2
http://www.x-developer.com/javascript/content/calculators/people-earth-ie/index.html
People on Earth
Action: Calculates how many people live on Earth.
Usage: Let your visitors calculate number of people on Earth.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=maind() bgcolor="#FFFFCC">
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: w.joosen@tip.nl -->
<!-- http://www.geocities.com/SiliconValley/Heights/7725/-->
<!-- --------------------------------------------------- -->
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0 var i=0
while (number > 1)
{ numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) { numberstring = "." + numberstring j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring}
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds) { startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 nu = new Date () schuldstartdatum = new Date (96,1,1) secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</SCRIPT>
<CENTER>
<BR>
<H2><font size="4">The number of people on the planet Earth is now...</font></H2>
<FORM name=schuld>
<INPUT name=schuld size=25>
</FORM>
<BR>
<BR>
<H2><font size="4">Since you are on this page the number of people on Earth has grown with ...</font></H2>
<FORM name=newnow>
<INPUT name=newnow size=25>
<H2><font size="4">people.</font></H2>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Remote Control
2
http://www.wsabstract.com/script/cut105.shtml
http://www.wsabstract.com/script/cut112.shtml
Remote Control
Description: A remote control that loads links into the main window.
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following code into the <body> of the MAIN page (the page that will launch the remote:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
function remote(){
/*Credit: Website Abstraction www.wsabstract.com more JavaScripts here.*/
win2=window.open("remote.htm","","width=150,height=350,scrollbars")
win2.creator=self
}
//-->
</script>
<form>
<input type="button" value="Launch remote!" onClick="remote()">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below code and save it as remote.htm. This is the file you should edit- simply change the URLs in function remote2 below to your own:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
<title>Remote Control</title>
<script>
<!--
function remote2(url){
creator.location=url
}
//-->
</script>
</head>
<body bgcolor="ffffff">
<div align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFF00">
<tr>
<td width="100%"><p align="center"><strong><big><font face="Arial">Remote Control</font></big></strong></td>
</tr>
</table>
</div>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../javaindex.htm')"><strong>JavaScript Tutorials</strong></a></font></p>
<p align="left"><font face="Arial"><a href="javascript:remote2('../howto/webbuild.htm')"><strong><small>Web
building tutorials</small></strong></a></font></p>
<p align="left"><a href="javascript:remote2('../cutpastejava.htm')"><font face="Arial"
size="2"><strong>Free JavaScripts</strong></font></a></p>
<p align="left"><a href="javascript:remote2('../java/javafront.htm')"><small><font
face="Arial"><strong>Free Java applets</strong></font></small></a></p>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../frontpage.htm')"><strong>FrontPage Tutorials</strong></a></font></p>
<p align="left"><a href="javascript:remote2('../backgr.htm')"><font face="Arial" size="2"><strong>Web
Graphics</strong></font></a></p>
<p align="left"><a
href="javascript:remote2('http://www.wsabstract.com/script/cut105.htm')"><font
face="Arial" size="2"><strong>Back to script</strong></font></a></p>
</body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Scrolling Window
2
http://www.wsabstract.com/script/cut179.shtml
Scrolling Window (Requires IE 4.x or NS 4.x)
Description: A scrolling window script that automatically scrolls the window all the way to the bottom, then starts all over again. Great for presentational web pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
E X A M P L E:
<title>The World Cups</title>
</head>
<body bgcolor="#FFFFFF">
<p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script><!--webbot bot="HTMLMarkup"
endspan --></p>
<div align="center"><center>
<table border="0" width="65%" cellspacing="3" cellpadding="0" bgcolor="#008000">
<tr>
<td width="100%"><div align="center"><center><table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"><h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font
face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<hr size="1">
<h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<p align="center"> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>TIP-OF-THE-DAY
2
http://www.wsabstract.com/script/script2/tipday.shtml
Tip of the day
Description: If you run any sort of "content" site, this script is an invaluable tool for making that content more dynamic, and to keep your visitors coming back. It's a "tip of the day" script that serves up a different tip daily. The script holds 31 tips, enough to cover an entire month's worth of information. Be sure to update the script every month!
Example:
JavaScript Tip of the day
Use the arguments array of functions to determine it's containing parameters dynamically
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply copy and paste the below to the <body> section of your page where you wish the tip to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<script>
<!--
/*
Tip of the day script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
var today_obj=new Date()
var today_date=today_obj.getDate()
var tips=new Array()
//Configure the below variable to contain the "header" of the tip
var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br>'
//Configure the below array to hold the 31 possible tips of the month
tips[1]='Tip 1 goes here'
tips[2]='Tip 2 goes here'
tips[3]='Tip 3 goes here'
tips[4]='Tip 4 goes here'
tips[5]='Tip 5 goes here'
tips[6]='Tip 6 goes here'
tips[7]='Tip 7 goes here'
tips[8]='Tip 8 goes here'
tips[9]='Tip 9 goes here'
tips[10]='Tip 10 goes here'
tips[11]='Tip 11 goes here'
tips[12]='Tip 12 goes here'
tips[13]='Tip 13 goes here'
tips[14]='Tip 14 goes here'
tips[15]='Tip 15 goes here'
tips[16]='Tip 16 goes here'
tips[17]='Tip 17 goes here'
tips[18]='Tip 18 goes here'
tips[19]='Tip 19 goes here'
tips[20]='Tip 20 goes here'
tips[21]='Tip 21 goes here'
tips[22]='Tip 22 goes here'
tips[23]='Tip 23 goes here'
tips[24]='Tip 24 goes here'
tips[25]='Tip 25 goes here'
tips[26]='Tip 26 goes here'
tips[27]='Tip 27 goes here'
tips[28]='Tip 28 goes here'
tips[29]='Tip 29 goes here'
tips[30]='Tip 30 goes here'
tips[31]='Tip 31 goes here'
document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Change the variables "tiptitle" and array "tips", and you're done.
<end node> 5P9i0s8y19Z
<node>NO CACHE?
1
There are several things that can't be done with JavaScript for security reasons, including such things as changing user preferences or clearing the cache.
However, I do have a slick workaround that prevents a page from being stored in the user's cache. (You don't have to clear the cache if the page isn't in the cache!) Anyways, on with it. The code to stick in the HEAD section of your page is this:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="Thu, 01 Dec 1994 120000 GMT">
Note: The second 'Expires' tag is not necessary for all browsers, but some browsers do use with the 'no-cache' tag, so it is best to just leave it in for good measure.
<end node> 5P9i0s8y19Z
<node>on click
1
parent.Displayright.location= 'http://www.westandassoc.com'
[vbcode]
onclick="; Chr$(34) + "parent.Displayright.location='home.html'" + Chr$(34); ">Return</a>"
<end node> 5P9i0s8y19Z
<node>Right Click Menu
2
http://javascript.internet.com/page-details/right-click-menu.html
Right Click Menu
(Internet Explorer Only) Displays a menu when the visitor right click's on the page. You can easily use style sheets to modify the menu 'skins', or write your own. Awesome!
<!-- TWO STEPS TO INSTALL RIGHT CLICK MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.painting-effects.co.uk -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Go Back</div>
<div class="menuitems" url="http://javascript.internet.com">Go Home</div>
<hr>
<div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div>
<div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div>
<hr>
<div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div>
<div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.36 KB -->
<end node> 5P9i0s8y19Z
<node>right mouse click
2
<script language="JavaScript">
<!-- HIDE FROM OLD BROWSERS
function disable_right_click(e)
{
var browser = navigator.appName.substring ( 0, 9 );
var event_number = 0;
if (browser=="Microsoft")
event_number = event.button;
else if (browser=="Netscape")
event_number = e.which;
if ( event_number==2 || event_number==3 )
{
alert ("COPYRIGHT by SOLVENET");
return (false);
}
return (true);
}
function check_mousekey ()
{
var mouse_key = 93;
var keycode = event.keyCode;
if ( keycode == mouse_key )
alert ( "Mouse Key Is Disabled" );
}
function trap_page_mouse_key_events ()
{
var browser = navigator.appName.substring ( 0, 9 );
document.onmousedown = disable_right_click;
if ( browser == "Microsoft" )
document.onkeydown = check_mousekey;
else if ( browser == "Netscape" )
document.captureEvents( Event.MOUSEDOWN );
}
window.onload = trap_page_mouse_key_events;
<end node> 5P9i0s8y19Z
<node>PAGE DETAILS
1
<end node> 5P9i0s8y19Z
<node>adapt2screen Window opener
2
http://www.wsabstract.com/script/cut121.shtml
adapt2screen Window opener (Requires Java-enabled browser)
Description: A script that opens a secondary window with the size adjusted relative to the screen resolution of the surfer. You can specify, for example, that the secondary window always be 50 pixels smaller than the screen of the surfer, regardless of the screen size of the surfer. Check documentation in script below for details.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert this into the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT>
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
w = screen_size.width;
h = screen_size.height;
}
w=w-50; //erase these adjustments for making the window big as possible
h=h-150;
//change index.html to the name of the window U want to open
nw=window.open("../index.html","",'toolbar=yes,location=yes,directories=yes,menubar =yes,scrollbars=yes,status=yes,resizable=1,width='+w+',height='+h)
if (document.layers||document.all)
window.nw.moveTo(0,0) //up-left-justify
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Display document URL and time
2
Display document URL and time
http://www.wsabstract.com/script/script2/documentinfo.shtml
Description: This script allows you to conveniently display the containing document's URL and time on the page. Useful, for example, if your site's pages are often printed out, and you wish the URL/time to be included in the output.
Example: Look at the bottom of this page
Directions: Add the following to the footnote of your document:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
var today=new Date()
document.write('<center>'+today.toString()+'<br>'+window.location+'</center>')
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Displaying the last modified date of your page
2
Displaying the last modified date of your page
http://www.wsabstract.com/script/cut8.shtml
Example: Updated 10/5/2000 1:19:42
Description: The following script will display the date and time of the last modification to your webpage. It will automatically update itself whenever you make changes to the page and save it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply add the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT language="JavaScript">
<!--
/*
Last Modified Date script (by Candy)
For this and 100's more scripts, visit http://wsabstract.com
*/
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var lastUpdate = new Date(document.lastModified);
var modifiedyear=lastUpdate.getYear()
if (modifiedyear<1000)
modifiedyear+=1900
document.write("Updated ");
document.write(lastUpdate.getMonth()+1 + '/' + lastUpdate.getDate() + '/' + modifiedyear+ ' '+ lastUpdate.getHours()+':'+lastUpdate.getMinutes()+':'+lastUpdate.getSeconds())
//-->
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Floating Logo
2
http://www.x-developer.com/javascript/content/page-details/logo-float/index.html
Logo Floater Browser : ALL
Action: Displays floating logo in the bottom right corner of the screen and keeps it there even when the page is scrolled.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload="setVariables(); checkLocation();" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- --------------------------------------------------- -->
function setVariables() {
imgwidth=70; // logo width, in pixels
imgheight=30; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
</SCRIPT>
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50; z-index:2">
<table width=10>
<td> <a href="http://www.x-developer.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true">
<center>
<img src="logo-float.gif" width="70" height="30" border="0">
</center>
</a></td>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Preload Page
2
http://javascript.internet.com/page-details/preload-page.html
Preload Page
Displays a loading message as the page, including images and sound elements, are loaded in the background. When the page finishes loading the screen is shown, similar to how Macromedia's Flash plugin works. Easy!
<!-- THREE STEPS TO INSTALL PRELOAD PAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Gilbert Davis -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function loadImages() {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY OnLoad="loadImages()">
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>
<!-- put the rest of your page contents here -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
<node>Size & Position Opener
2
http://www.x-developer.com/javascript/content/buttons/window-size-position/index.html
Size & Position Opener
Action: Popups windows withpredefined size and screen location.
Usage: Control your popupwindows.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function open0()
{
zero=open("","zero","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=0,top=0");
zero.document.write("<html><title>0 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"0 pixels left<br>0 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open100()
{
one=open("","one","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=100,top=100");
one.document.write("<html><title>100 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"100 pixels left<br>100 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open200()
{
two=open("","two","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=200,top=200");
two.document.write("<html><title>200 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"200 pixels left<br>200 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open300()
{
three=open("","three","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=300,top=300");
three.document.write("<html><title>300 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"300 pixels left<br>300 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}</script>
<center>
<form>
<input type=button value="Window: 0 pixels left & top" onclick=open0()>
<br>
<input type=button value="Window: 100 pixels left & top" onclick=open100()>
<br>
<input type=button value="Window: 200 pixels left & top" onclick=open200()>
<br>
<input type=button value="Window: 300 pixels left &top" onclick=open300()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>PASSWORD Protection
1
<end node> 5P9i0s8y19Z
<node>"Unspamable" email link
2
http://www.wsabstract.com/script/script2/unspam.shtml
"Unspamable" email link
Description: Ever wonder how spammers find and email you all that "junk" They do so by using robots that retrieve your email address from your webpages, and add it to their spammer's list. Here's a script to prevent spammers and email harvesters from finding your email address on your website. The below email address link is unretrieveable by spammer robots. Simply update the variables with your email information and relace your mailto: links with this script.
Example: protected@cdrsoft.com
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript"><!--
var name = "protected";
var domain = "cdrsoft.com";
document.write('<a href=\\"mailto:' + name + '@' + domain + '\\">');
document.write(name + '@' + domain + '</a>');
// --></script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Login and password script II
2
Login and password script II
http://www.wsabstract.com/script/script2/loginpass2.shtml
Login and password script II
Description: This is a variation of the original Login and Password script that will take users to two different pages, depending on whether the entered combination is correct or not.
Example: (in demo, user="free", password="javascript")
ENTER USER NAME :
ENTER PASSWORD :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of the login page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form>
<p>ENTER USER NAME :
<input type="text" name="text2">
</p>
<p> ENTER PASSWORD :
<input type="password" name="text1">
<input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >
</p>
</form>
<script language = "javascript">
/*
Script by Anubhav Misra (anubhav_misra@hotmail.com)
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
function validate(text1,text2,text3,text4)
{
if (text1==text2 && text3==text4)
load('success.htm');
else
{
load('failure.htm');
}
}
function load(url)
{
location.href=url;
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Configuring the script
To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html."
<end node> 5P9i0s8y19Z
<node>PageName
2
http://www.x-developer.com/javascript/content/passwords/page-name/index.html
Page Name Browser : ALL
Action: Sends you to a page that is called name.html where NAME is password entered by a user.
Usage: Create pages with complex names and use this as a simple but well working restricting access system.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var password = ''
password=prompt('Please enter your password:','demo-dest');
if (password != null) {
location.href= password + ".html";
}
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Pass Generator
2
http://www.x-developer.com/javascript/content/passwords/generator/index.html
Pass Generator Browser : ALL
Action: Generates password of given length and character type.
Usage: Save time when making up passwords.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Kroll (rkroll@istar.ca) -->
<!-- --------------------------------------------------- -->
function generate(form) {
var type=form.type.selectedIndex;
if (type<4) {
var selectionarray=new Array(62)
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
selectionarray[37]="a";
selectionarray[38]="b";
selectionarray[39]="c";
selectionarray[40]="d";
selectionarray[41]="e";
selectionarray[42]="f";
selectionarray[43]="g";
selectionarray[44]="h";
selectionarray[45]="i";
selectionarray[46]="j";
selectionarray[47]="k";
selectionarray[48]="l";
selectionarray[49]="m";
selectionarray[50]="n";
selectionarray[51]="o";
selectionarray[52]="p";
selectionarray[53]="q";
selectionarray[54]="r";
selectionarray[55]="s";
selectionarray[56]="t";
selectionarray[57]="u";
selectionarray[58]="v";
selectionarray[59]="w";
selectionarray[60]="x";
selectionarray[61]="y";
selectionarray[62]="z";
var length=62;
}
if (type<3) {
var selectionarray=new Array(36);
selectionarray[1]="a";
selectionarray[2]="b";
selectionarray[3]="c";
selectionarray[4]="d";
selectionarray[5]="e";
selectionarray[6]="f";
selectionarray[7]="g";
selectionarray[8]="h";
selectionarray[9]="i";
selectionarray[10]="j";
selectionarray[11]="k";
selectionarray[12]="l";
selectionarray[13]="m";
selectionarray[14]="n";
selectionarray[15]="o";
selectionarray[16]="p";
selectionarray[17]="q";
selectionarray[18]="r";
selectionarray[19]="s";
selectionarray[20]="t";
selectionarray[21]="u";
selectionarray[22]="v";
selectionarray[23]="w";
selectionarray[24]="x";
selectionarray[25]="y";
selectionarray[26]="z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
if (type<2) {
var selectionarray=new Array(36);
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
var lngth=form.length.selectedIndex;
var i,j;
var tmpstr;
tmpstr="";
i=0;
do {
{
var randscript = -1
while (randscript < 1 || randscript > length || isNaN(randscript))
{randscript = parseInt(Math.random()*(length))}
j=randscript}
tmpstr=tmpstr+selectionarray[j]
i=i+1}
while (i<lngth)
form.password.value = tmpstr;
}
</script>
<center>
<form>
<select name="type">
<option selected>Choose Type <option>Uppercase letters and numbers <option>Lowercase letters and numbers <option>Mixed case letters and numbers </select>
<select name="length">
<option selected>Choose length <option>1 Character <option>2 Characters <option>3 Characters <option>4 Characters <option>5 Characters <option>6 Characters <option>7 Characters <option>8 Characters <option>9 Characters <option>10 Characters <option>11 Characters <option>12 Characters <option>13 Characters <option>14 Characters <option>15 Characters <option>16 Characters <option>17 Characters <option>18 Characters <option>19 Characters <option>20 Characters </select>
<br>
<b>Your random password is:</b> <input type=text name=password size=20>
<br>
<input type="button" value="Generate Password" onclick="generate(this.form)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Simple MultiUser
2
http://www.x-developer.com/javascript/content/passwords/simple-multi/index.html
Simple MultiUser
Action: Simple password protection system that uses code inside the page to determine correct passwords.
Usage: Keep people off your restricted access pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="user1" && password=="password1") { window.location="demo-dest.html"; done=1;}
if (username=="user2" && password=="password2") { window.location="demo-dest.html"; done=1;}
if (done==0) { alert("Invalid login!");}
}
</SCRIPT>
<center>
<form name=login>
<table border=3 cellpadding=2 bgcolor="#1018BF" cellspacing="0">
<tr> <td colspan=2 bgcolor="#00007F"> <center>
<font color="#FFFFFF"><b><font size="+2"><font size="3">Members-Only Area!</font></font> </b> </font> </center>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Username:</b></font></td>
<td> <input type=text name=username>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Password:</b></font></td>
<td> <input type=text name=password>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>PLAY SOUNDS
1
<end node> 5P9i0s8y19Z
<node>MouseOVER/CLICK
2
http://www.wsabstract.com/script/script2/soundlink.shtml
onMouseover/onClick sound effect
.wav
Description: This is what you've been waiting for...a script that plays a sound when the mouse moves over certain links. It can be configured to initiate the sound only when someone clicks on the links as well (see footnote). The script works in BOTH NS and IE (in NS, the LiveAudio plugin must exist).
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Add the following to the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "laser.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Edit the aySound array to preload the sound files.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.wav";
aySound[2]="EvenAnotherOne.wav";
.
.
as many sound files as one wants.
Important! Please make sure the sound files exist, or else errors will occur.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 3: Finally, play the sound files with an event handler.
With a link:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
- onMouseOver/onMouseOut sound: ... http://jsarchive.8m.com/YourPage.html
<A HREF="YourPage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Move mouse over to play sound</A>
= = =
- onClick sound: ... javascript:playSound(1);
<A HREF="javascript:playSound(0);">Click here to play sound</A>
= = =
-With a button:
-
<INPUT TYPE="BUTTON" VALUE="Click me!" onClick="playSound(0)">
Note: playSound(0) plays the audio file of aySound[0]; playSound(1) will play aySound[1], etc.
<end node> 5P9i0s8y19Z
<node>Random Link Generator
1
Random Link Generator
Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!
= = = = = = = = = =
<!-- ONE STEP TO INSTALL RANDOM LINK GENERATOR:
1. Paste the designated coding into the HEAD of the HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3); // a = random number between 1-3
if (a==1) go_to("http://bgeffects.javascriptsource.com");
if (a==2) go_to("http://clocks.javascriptsource.com");
if (a==3) go_to("http://games.javascriptsource.com");
}
// End -->
</SCRIPT>
<!-- STEP TWO: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" VALUE="Random link"
onClick="rand_link()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.00 KB -->
<end node> 5P9i0s8y19Z
<node>Regular expressions
1
[social security]
^\\d{3}-\\d{2}-\\d{4}$ without dashes ^\\d{9}$
Common expressions
Date
/^\\d{1,2}(\\-|\\/|\\.)\\d{1,2}\\1\\d{4}$/ mm/dd/yyyy
US zip code
/(^\\d{5}$)|(^\\d{5}-\\d{4}$)/ 99999 or 99999-9999
Canadian postal code
/^\\D{1}\\d{1}\\D{1}\\-?\\d{1}\\D{1}\\d{1}$/ Z5Z-5Z5 orZ5Z5Z5
Time
/^([1-9]|1[0-2]):[0-5]\\d(:[0-5]\\d(\\.\\d{1,3})?)?$/ HH:MM or HH:MM:SS or HH:MM:SS.mmm
IP Address(no check for alid values (0-255))
/^\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}$/ 999.999.999.999
Dollar Amount
/^((\\$\\d*)|(\\$\\d*\\.\\d{2})|(\\d*)|(\\d*\\.\\d{2}))$/ 100, 100.00, $100 or $100.00
Social Security Number
/^\\d{3}\\-?\\d{2}\\-?\\d{4}$/ 999-99-9999 or999999999
Canadian Social Insurance Number
/^\\d{9}$/ 999999999
<end node> 5P9i0s8y19Z
<node>slideshow
1
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
<!--
//configure the paths of the images, plus corresponding target links
//slideshowimages("img1.gif", "img2.gif", "img3.gif")
//slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")
slideshowimages("http://www.southcentralweldchamber.com/foothillssales/foothillssales.jpg", "http://www.southcentralweldchamber.com/lasalleliquor/Lasalle-liquor.jpg", "http://www.southcentralweldchamber.com/farmersinn/FarmersInn.jpg", "http://www.southcentralweldchamber.com/kblegacydesigns/kblegacyad.png", "http://www.southcentralweldchamber.com/dianeoldfield/candles.jpg", "http://www.southcentralweldchamber.com/firstbaptistchurch/First-pres-church.jpg", "http://www.southcentralweldchamber.com/freemansservice/freemantruck.jpg", "http://www.southcentralweldchamber.com/membershiplabels/Chamber-Card.jpg", "http://www.southcentralweldchamber.com/lasalleoil/Lasalle-oil.jpg", "http://www.southcentralweldchamber.com/coloradotown/colotownlogo.jpg", "http://www.southcentralweldchamber.com/townoflasalle/Splash.gif", "http://www.southcentralweldchamber.com/northvalleymiddleschool/North-Valley-MS.jpg", "http://www.southcentralweldchamber.com/reliantaccounting/Reliantaccounting.jpg", "http://www.southcentralweldchamber.com/ideasfromtheharrt/Ideas2.jpg", "http://www.southcentralweldchamber.com/fivestartturf/5star.jpg", "http://www.southcentralweldchamber.com/childhousechair/bizcard_web.jpg", "http://www.southcentralweldchamber.com/Y&M/Y&MReal Estate.png", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/gilcrestfarm.jpg", "http://www.southcentralweldchamber.com/tricountyautosales/tri-county-auto.jpg", "http://www.southcentralweldchamber.com/psicoaching/PSI-Coaching.jpg", "http://www.southcentralweldchamber.com/airxtreme/airxtreme.jpg", "http://www.southcentralweldchamber.com/townofplatteville/TOP.jpg", "http://www.southcentralweldchamber.com/valleypacking/valley-packing.jpg", "http://www.southcentralweldchamber.com/colowirecloth/CO-Wire2.jpg", "http://www.southcentralweldchamber.com/bankofchoice/Bank-of-Choice.jpg", "http://www.southcentralweldchamber.com/coloradoeastbank/BUILDING2.JPG", "http://www.southcentralweldchamber.com/valleyhighschool/VHS-Web.jpg", "http://www.southcentralweldchamber.com/pelicanlakeranch/PLR-Office-Scene.jpg")
slideshowlinks("http://www.southcentralweldchamber.com/psicoaching/", "http://www.southcentralweldchamber.com/membershiplabels/", "http://www.southcentralweldchamber.com/ideasfromtheharrt/", "http://www.southcentralweldchamber.com/bankofchoice/", "http://www.southcentralweldchamber.com/colowirecloth/", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/", "http://www.southcentralweldchamber.com/townofplatteville/", "http://www.southcentralweldchamber.com/pelicanlakeranch/", "http://www.southcentralweldchamber.com/valleyhighschool/", "http://www.southcentralweldchamber.com/northvalleymiddleschool/", "http://www.southcentralweldchamber.com/fivestartturf/", "http://www.southcentralweldchamber.com/coloradotown/", "http://www.southcentralweldchamber.com/kblegacydesigns/", "http://www.southcentralweldchamber.com/coloradoeastbank/", "http://www.southcentralweldchamber.com/lasalleoil/", "http://www.southcentralweldchamber.com/farmersinn/", "http://www.southcentralweldchamber.com/firstbaptistchurch/", "http://www.southcentralweldchamber.com/foothillssales/", "http://www.southcentralweldchamber.com/freemansservice/", "http://www.southcentralweldchamber.com/lasalleliquor/", "http://www.southcentralweldchamber.com/townoflasalle/", "http://www.southcentralweldchamber.com/Y&M/", "http://www.southcentralweldchamber.com/tricountyautosales/", "http://www.southcentralweldchamber.com/valleypacking/", "http://www.southcentralweldchamber.com/airxtreme/", "http://www.southcentralweldchamber.com/reliantaccounting/", "http://www.southcentralweldchamber.com/dianeoldfield/", "http://www.southcentralweldchamber.com/childhousechair/") //configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
********************
<!----- Add this line in the head ------------->
<script language="javascript" src='slideshow.js'></script>
<!--------- Add these lines in the body at desired Location of show ----------------->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0 width="345" ></a>
<script language="javascript" >slideit();</script>
<end node> 5P9i0s8y19Z
<node>with forward and previous
2
Script from the Headlines
OK, Let's start by placing your script tag between the head tags of your webpage.
<head>
<title>Alanna's JavaScript slide show tutorial</title>
<script language="JavaScript">
<!--
// -->
</script>
</head>
Next let's create a couple of global variables that we're going to need later on.
var interval = 1500;
var random_display = 0;
var imageDir = "my_images/";
The interval variable indicates the length of the pause we'll have between images. In JavaScript, 1000 is equal to one second, so I've set mine at 1.5 seconds.
The random_display variable tells the script whether we want our slide show to display our images in a random or sequential order. In this case, 0 is equal to sequential, 1 is equal to random.
Our imageDir variable will store the path name for our images so we'll only need to worry about the filename.
An Array of Arrays
Next we create an array of all the images we want in our slide show. An array is basically a list, and in our case, it will keep track of the image names as well as what number they are in the list.
For all the nitty, gritty details about JavaScript arrays, read Thau's array lesson.
For our array, let's create a variable to hold the image's number (or Index). We'll call that variable "imageNum" and assign it an initial value of 0. Keep in mind that JavaScript arrays start at 0, so the third item in the array has an index of 2, not 3.
Then we'll create a new array called "imageArray". We want the index to increase by one every time we add an image to the array. We can do that with imageNum++ (which is a JavaScript shorthand way of saying 'imageNum + 1') in the index brackets of the element in our new array. Then to have it equal a new element in the list, we'll call "imageItem". This contains the value of the variable "imageDir", which we've already created, plus the name of the image.
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
Then just copy and paste that line, change the image names for each one, and we've got ourselves an array.
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
We need to know how many items we've got in our array, total, so let's create a variable called totalImages that's equal to the length of imageArray. We can do this with ".length", which is a handy property that's built into arrays.
var totalImages = imageArray.length;
Onward, Upward with Forward, Backward
We'll need to write a couple functions to tell the script what to use for each image's location. The first function below creates the image location, the second one returns the location.
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
Since we might want to display our images randomly. we need a function to generate some random index numbers for us.
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
Get the Next Image
Now let's tell the script how to get the next image in the sequence. First, if we've chosen to display the images randomly, we make the imageNum equal to the random number, while making sure it's not more than the total number of images in the array.
If it's not random, we just increment the imageNum by 1. Then to make sure we don't go over the total number of images, we use the handy dandy modulus operator (%). This will give us a remainder of 1, as soon as we go over the total number, but will just return the incremented imageNum until then. So when we go over, we go back to the beginning! Neat huh?
function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}
else {
imageNum = (imageNum+1) % totalImages;
}
Now that we know which image to display, we just need to return the value:
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Adding a Previous Button
Since we've already done most of the work, let's add a couple of functions so the user can go both forwards and backwards through our slide show. First, let's assign a value by creating a getPrevNum variable. It's based on our getNextImage variable but I've changed the +1 to a -1.
function getPrevImage() {
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Then we'll add a function to call the right value for the new_image variable we've been using.
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
The switch image function
Phew, we're almost there! We'll now create a function that will tie all our hard work together. We'll call it switchImage, use the getNextImage function we just created, and use JavaScript's setTimeout method to change the image depending on what value we initialized in our "interval" variable.
function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}
Play Time!
We're done with the script part of our tutorial, all that remains is plugging the right stuff into our HTML.
Here's what your image tag should look like. Make sure you give it a name so the script will know which image you're talking about. I'll call ours "slideimg." Remember to change your height and width tags to the appropriate values or take them out if you're using images with different sizes.
<img name="slideImg" src="27.jpg" width=500 height=375 border=0>
Adding the Controls
To create a play button, use an onClick in an anchor tag. You don't have to be as boring as me here, you can wrap this anchor tag around any image you like, or just use a regular text link.
<a href="#" onClick="switchImage('slideImg')">play slide show</a>
I put the "#" in there so that it'll work on all browsers. Some browsers will ignore the anchor tag if there is no URL specified. The "switchImage" function calls the getNextImage function.
To pause our slide show, we can use JavaScript's built-in clearTimeout method, like so:
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
Our previous button will look like this:
<a href="#" onClick="prevImage('slideImg'); clearTimeout(timerID)"> previous</a>
And for the Next button, I sort of cheated a bit. This starts up the switchImage function and then stops it again after it increments by 1.
<a href="#" onClick="switchImage('slideImg'); clearTimeout(timerID)">next </a>
Auto Start
If you'd like your slide show to start up as soon as the page loads (again, this might alienate your slower, dial-up users, so use with caution), just add an onLoad to your body tag, like this one.
<body onLoad="switchImage('slideImg')">
<end node> 5P9i0s8y19Z
<node>String
1
<end node> 5P9i0s8y19Z
<node> split Strings
2
<SCRIPT language="JavaScript">
<!--
function divide_string()
{
var where_is_mytool="home/mytool/mytool.cgi";
var mytool_array=where_is_mytool.split("/");
alert(mytool_array[0]+" "+mytool_array[1]+" "+mytool_array[2]);
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="button" onClick="divide_string()" value="Go!">
</FORM>
<end node> 5P9i0s8y19Z
<node>replace
2
Like php's replace
s = s.replace(",","");
var=var0.replace(/[^0-9$.,]/g, '')
<end node> 5P9i0s8y19Z
<node>Sentence Caps
2
http://www.x-developer.com/javascript/content/forms/sentence-caps/index.html
Sentence Caps Browser : ALL
Action: Capitalizes first letters of every sentence.
Usage: Saves time for a visitor when writing long text.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function capsLc(){
if (navigator.appVersion.substring(0,1)=="2"){
navOld();
}
else navNew();
}
function navOld(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
cmp=" "+wrd+" ";
if (tst.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
function navNew(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
punc=",.?!:;)'";
punc+='"';
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
wrdpre="";
if (punc.indexOf(wrd.substring(0,1))>-1){
wrdpre=wrd.substring(0,1);
wrd=wrd.substring(1,wrd.length);
}
cmp=" "+wrd+" ";
for (var i=0;i<9;i++){
p=wrd.indexOf(punc.substring(i,i+1));
if (p==wrd.length-1){
cmp=" "+wrd.substring(0,wrd.length-1)+" ";
i=9;
}
}
if (cmp.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrdpre+wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
</script>
<FORM NAME="isn">
<center>
<INPUT TYPE="text" NAME="caps" SIZE=40 VALUE="">
<INPUT TYPE="button" NAME="html1" VALUE=" Submit " onClick="capsLc()">
</center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>substring
2
<script type="text/javascript">var str="Hello world!"
document.write(str.substring(3,7))</script>
The output of the code above will be:
lo w
<end node> 5P9i0s8y19Z
<node>Text Initial Caps
2
http://www.x-developer.com/javascript/content/forms/text-initial-caps/index.html
Text Initial Caps Browser : ALL
Action: Converts every first letter to TOP caps.
Usage: Makes text easy to read.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>length
2
var str = "Hello World!";
var n = str.length;
<end node> 5P9i0s8y19Z
<node>TABS
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- This page is copyright Elated Communications Ltd. (www.elated.com) -->
<title>JavaScript tabs example</title>
<style type="text/css">
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
</style>
<script type="text/javascript">
//<![CDATA[
var tabLinks = new Array();
var contentDivs = new Array();
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
//]]>
</script>
</head>
<body onload="init()">
<h1>JavaScript tabs example</h1>
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
<div class="tabContent" id="advantages">
<h2>Advantages of tabs</h2>
<div>
<p>JavaScript tabs are great if your Web page contains a large amount of content.</p>
<p>They're also good for things like multi-step Web forms.</p>
</div>
</div>
<div class="tabContent" id="usage">
<h2>Using tabs</h2>
<div>
<p>Click a tab to view the tab's content. Using tabs couldn't be easier!</p>
</div>
</div>
<p><a href="/articles/javascript-tabs/">Return to the JavaScript Tabs article</a></p>
</body>
</html>
[end code -- Start expalin
This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked — perfect if your page needs to hold a large amount of content. It's also great for things such as multi-step ("wizard"-style) Web forms.
Click the link below to see a tabbed page in action:
JavaScript tabs screenshot
See JavaScript tabs in action
The JavaScript and markup are coded in such a way that the page degrades gracefully in browsers that don't support JavaScript.
In this tutorial you learn how this tabbed page is put together. You can then use the code and ideas to build your own tabbed Web pages. Let's get started!
Creating the HTML for the tabbed page
The HTML for the tabs and content is very simple. You store each tab's content within a div element with a class of tabContent and a unique id for reference. Here's the first of the 3 tab content divs in the example:
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
The tabs themselves are simply links within an unordered list:
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
Give the ul an id of "tabs" so that the JavaScript code can locate it. Each link within the list links to its corresponding content div by referencing the id of the div ("about", "advantages", or "usage"). Since these are standard HTML links, they work fine even without JavaScript.
You can add as many tabs as you like to the page. Simply add a new content div and give it a unique id, then add a link to it within the tabs list.
Creating the CSS
Some CSS is needed in order to make the tabs look like tabs (and make them nice to look at):
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
These CSS rules work as follows:
body
This sets a nice font and font size for the page.
ul#tabs
Styles the tabs list, turning off bullet points.
ul#tabs li
The display: inline; property makes the tabs appear across the page.
ul#tabs li a
Styles the links within the list. Each link is given a border around every side except the bottom, so that the active tab blends nicely with its content div below.
ul#tabs li a:hover
Highlights a tab when hovered over with the mouse.
ul#tabs li a.selected
Styles a selected tab by giving it a lighter background and bold text, and making it bigger. Notice that the bottom padding is increased to 0.38em to make sure that the tab blends with the content div.
div.tabContent
Sets a style for the tab content areas so that they match the tab design.
div.tabContent.hide
Used to hide unselected tabs.
Creating the JavaScript code
Finally, of course, you need JavaScript to make the tabs work. Here's what the JavaScript needs to do:
* Attach a showTab() onclick event handler to each of the tab links.
* Hide all content divs except the first, so that only the leftmost tab's content is visible when the page loads.
* When a tab is clicked, showTab() displays the current tab content, and hides all other tab content divs. It also highlights the clicked tab and dims the other tabs.
The JavaScript kicks off by creating two arrays to hold the tab link elements and the content divs:
var tabLinks = new Array();
var contentDivs = new Array();
Four functions control the tabs:
* init() sets up the tabs.
* showTab() displays a clicked tab's content and highlights the tab.
* getFirstChildWithTagName() is a helper function that retrieves the first child of a given element that has a given tag name.
* getHash() is another short helper function that takes a URL and returns the part of the URL that appears after the hash (#) symbol.
Here's how these functions work.
The init() function
The first, and most complex, function is init(). It's called when the page loads, thanks to the body element's onload event:
<body onload="init()">
Here's the function itself:
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
This function does 3 things:
1. It loops through all the li elements in the tabs unordered list. For each li element, it calls the getFirstChildWithTagName() helper function to retrieve the a link element inside. Then it calls the getHash() helper function to extract the part of the link's URL after the hash; this is the ID of the corresponding content div. The link element is then stored by ID in the tabLinks array, and the content div is stored by ID in the contentDivs array.
2. It assigns an onclick event handler function called showTab() to each tab link, and highlights the first tab by setting its CSS class to 'selected'.
3. It hides all content divs except the first by setting each div's CSS class to 'tabContent hide'.
So that init() runs when the page loads, make sure you register it as the body element's onload event handler:
<body onload="init()">
The showTab() function
showTab() is called whenever a tab link is clicked. It highlights the selected tab and shows the associated content div. It also dims all other tabs and hides all other content divs:
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
The function extracts the selected ID from the clicked link's href attribute and stores it in selectedId. It then loops through all the IDs. For the selected ID it highlights the corresponding tab and shows the content div; for all other IDs it dims the tab and hides the content div. It does all this by setting CSS classes on the tab links and content divs.
Finally the function returns false to prevent the browser from following the clicked link and adding the link to the browser history.
The getFirstChildWithTagName() function
This helper function returns the first child of a specified element that matches a specified tag name. init() calls this function to retrieve the a (link) element inside each list item in the tabs list.
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
The function loops through the child nodes of element until it finds a node that matches tagName. It then returns the node.
Learn about the childNodes and nodeName properties in the article Looking inside DOM page elements.
The getHash() function
The getHash() helper function returns the portion of a URL after any hash symbol. Used by init() and showTab() to extract the content div ID referenced in a tab link.
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
Putting it together
That's all there is to creating JavaScript-enabled tabs! Take another look at the demo again, and view the page source to see how the HTML, CSS and JavaScript code appear in the page:
* The CSS and JavaScript go inside the page's head element. (You can move these into separate .css and .js files and link to them, if you prefer.)
* The page's body element contains the onload event handler to trigger the init() function.
* The tabs ul element contains the tab links.
* Each tab's content is stored in a div with a class of tabContent and a unique id (referenced in the corresponding tab link).
Feel free to use this code in your own Web pages. Happy tabbing!
<end node> 5P9i0s8y19Z
<node>tool tips
1
http://www.walterzorn.com/tooltip/tooltip_e.htm#extensions
http://www.walterzorn.com/tooltip/extensions.htm
Example profiles/profile_form2.php on Norcowib.com
<body bgcolor="#ffffff">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
<script type="text/javascript" src="../scripts/tip_balloon.js"></script>
<script type="text/javascript" src="../scripts/tip_centerwindow.js"></script>
<script type="text/javascript" src="../scripts/tip_followscroll.js"></script>
onmouseover="Tip('Some text')" onmouseout="UnTip()"
How To Use The Script
1. Download the library
Download wz_tooltip.js and unzipp it.
DHTML: Tooltips via JavaScript
Top of page
2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script>
If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.
3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\\'t trigger a JavaScript error.');
The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.
Of course you may also use different eventhandlers for Tip() and/or UnTip().
<end node> 5P9i0s8y19Z
<node>TRANSITIONS
1
http://javascriptweenie.com/wacky/transitions/transitions.html
===
Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages - just like in the movies.
These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.
Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.
0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkerboard across
11 - Checkerboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random
That's the whole deal. Don't miss the WackyPages.
Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions - that's what we're fooling around with here. Works with IE only though.
<end node> 5P9i0s8y19Z
<node>UTITILIES
1
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|05|22|JS_27569|JS_27569~xml.0.jhtml?cda=true#
Hexadecimal Code Generator
Published 05/22/2000
By Hugh Dannatt
This is just a script that allows you to experiment with hexadecimal codes.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD><TITLE>Change the background color</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function both() {
background()
swaptext()
}
function two() {
background()
textswap()
}
function background() {
var newcolor = document.change.color.value;
var oldcolor = document.bgColor;
document.bgColor = newcolor;
document.change.old.value = oldcolor;
}
function swaptext() {
document.change.style.color="FFFFFF";
}
function textswap() {
document.change.style.color="000000";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<FORM NAME="change">
You want the new color to be: <INPUT NAME="color" TYPE="text"><INPUT TYPE="button" VALUE="Change Background" onClick="background()"><BR>
The old color was: <INPUT NAME="old" TYPE="text"><INPUT TYPE="button" VALUE="Change text" onclick="swaptext()" ondblclick="textswap()">
<INPUT TYPE="button" VALUE="Both" onclick="both()" ondblclick="two()"></FORM></P><BR><B><I>How to use:</I></B> Enter the hexadecimal
code for the background color that you want the page to be. Then press the 'Change Background' button. Watch what happens! If you find
the text unreadable because the the background has gone very dark, just click the 'Change text' button. Problem sorted! If you want to both
jobs at once, enter the background color, and then the 'Both' button, if you find that yu then change the background back toi something too light to see
the text against, but the 'Change Text' button is not doing anything try double clicking it. Also do this to sort out the same problem with the
'Both' button.
</BODY>
</HTML>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>Windows
1
IT IS NOT POSSIBLE TO USE JAVASCRIPT TO OPEN A WINDOW THAT IS NOT CONSIDERED A POPUP. IT CAN BE DONE BY MANUAL LINKS THOUGH
<end node> 5P9i0s8y19Z
<node>"Regular" full screen window Opener
2
http://www.wsabstract.com/script/cut125.shtml
"Regular" full screen window Opener
Description: Opens up a window in regular full screen mode, with only the title bar present (Be sure to check out a variation of this script in the IE 4.x section that opens up a window in true full screen mode).
Directions: Insert the below into the <body> section of your page. Change the target url to your own.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*Full screen window opener script: Written by Website Abstraction (www.wsabstract.com) More free scripts here*/
function winopen(){
var targeturl="../index.html"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>
<form>
<input type="button" onClick="winopen()" value="Open window">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>close
2
<a HREF="javascript:window.close()">
<end node> 5P9i0s8y19Z
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
or
parent.rigtht.location.href=
<end node> 5P9i0s8y19Z
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
*******************************************************************
<script language="JavaScript">
function ChangeWindow() {
window.location = "subwind2.htm"
}
</script>
<h1>This is the first window!</h1>
<script language=javascript>
window.setTimeout("ChangeWindow()",5000)
</script>
[ssl check]
<script language="javascript">
if (document.location.protocol != "https:") {
document.location.href = "https://secure3.ntwebb.com/storeitwise-com/online_payment.html";
}
</script>
[Place in parent]
<script language="javascript">parent.location.href="pdf/FMLAposter909.pdf"</script>
<end node> 5P9i0s8y19Z
<node>mywindow.resizeTo
2
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0;
var op_dir = (document.form1.dir.checked == true) ? 1 : 0;
var op_stat = (document.form1.stat.checked == true) ? 1 : 0;
var op_menu = (document.form1.menu.checked == true) ? 1 : 0;
var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form) {
document.form1.wid.value="";
document.form1.heigh.value="";
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1 ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text" NAME="wid" value= >: Width
<INPUT TYPE="text" NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>
*****************************************************************
This is a JavaScript that shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.
--------------------------------------------------------------------------------
Default Netscape Browser sizes:
640 x 480
Mac = 470x300:
PC = 580x300:
800 x 600
Mac = 470x430:
PC = 580x430:
1024 x 768
Mac = 470x600:
PC = 580x600
- - - - - - - - - - - - - - - - -
<!-- TWO STEPS TO INSTALL WINDOW SIZER:
1. Paste the first code into the HEAD of your HTML document -->
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function regular() {
window.open('window-sizer.html','640x480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('window-sizer.html','800x600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<FORM>
Open a window 640 x 480 pixels:
<INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()">
<P>
Open a window 800 x 600 pixels:
<INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>
Mac = 470x300:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580x300:
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470x430:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580x430:
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>
Mac = 470x600:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window:
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.79 KB -->
*******************************
// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Get what is below onto one line
TheNewWin =window.open("untitled.html",'TheNewpop',
'fullscreen=yes,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no');
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
<!-- TWO STEPS TO INSTALL HTML PREVIEW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: nsabs@1nsyncfan.com -->
<!-- Web Site: http://www.envy.nu/gjelly -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function displayHTML(form) {
var inf = form.htmlArea.value;
win = window.open(", ", 'popup', 'toolbar = no, status = no');
win.document.write("" + inf + "");
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<form>
<textarea name="htmlArea" cols=45 rows=6>
</textarea>
<br>
<input type="button" value=" view " onclick="displayHTML(this.form)">
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.07 KB -->
<end node> 5P9i0s8y19Z
<node>print page
2
<form>Click Here To <input type=button name=print value='Print' onClick='javascript:window.print()'> This Page!</form>
****************************************************
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>Window Closer
2
http://www.x-developer.com/javascript/content/buttons/window-closer/index.html
Window Closer
Action: Closes your windowafter the button is pressed.
Usage: Save time and closewindows without looking for CLOSE button inyour browser window
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<form>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <input type=button value="Close Window" onClick="javascript:window.close();">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>window.location
2
window.location = 'http://www.yourdomain.com'
<end node> 5P9i0s8y19Z
<node>window.location.reload
2
REFREST THE CURRENT PAGE
<script language="JavaScript1.2">
<!--
function refresh()
{
window.location.reload( false );
}
//-->
</script>
<end node> 5P9i0s8y19Z
<node>window.open
2
<script language='javascript'>
myWindow=window.open('http://www.jkryan.globalprobuilder.com','newpage');
myWindow.focus();
location.href='$urlreturn';
</script>";
OR
<script>
myWindow=window.open("https://2000bestfriends.org/sign-up.php");
myWindow.blur();
window.focus();
</script>
************************
Window Position
Do you not where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<end node> 5P9i0s8y19Z
<node>window.scrollTo
2
onLoad="javascript:window.scrollTo(0,400);"
OR
<script language='javascript'> window.scrollTo(0,300); </script>
at the end of the page. CANNOT USE INSIDE OF A TABLE
function Scrolldown() {
window.scroll(0,300);
}
<script type="text/javascript">
var a = 5;
alert("hello world. The value of a is: " + a);
</script>
<end node> 5P9i0s8y19Z
<node>md5
1
<h2>Demonstration</h2>
<script src="2.2/md5-min.js" type="text/javascript"></script>
<script src="2.2/sha1-min.js" type="text/javascript"></script>
<div class="indented">
<table>
<tr><th>Input</th><td><input type="text" id="input" size="40"></td></tr>
<tr><th>Calculate</th>
<td style="text-align:center">
<input type="button" onclick="document.getElementById('hash').value = hex_md5(document.getElementById('input').value)" value="MD5">
<input type="button" onclick="document.getElementById('hash').value = hex_sha1(document.getElementById('input').value)" value="SHA-1"></td></tr>
<tr><th>Result</th><td><input type="text" id="hash" size="40"></td></tr>
</table>
<end node> 5P9i0s8y19Z
<node>Javascript
<node>Autol height
<node>BACKGROUND Effects
<node>Fade In
<node>Continuous Fader
<node>BOOKMARK
<node>BROWSER
<node>Break-Out-of-Frames
<node>Browser Info 2
<node>Browser Info 3
<node>Browser type detection
<node>Disable right clicking on your site.
<node>Form Browser Redirect
<node>Java Check
<node>Javascript Check
<node>Re-Load
<node>RESIZE
<node>Resolution Advice
<node>Resolution Redirect
<node>Screen Alert
<node>Screen Percentage
<node>ScreenResolution
<node>Screen-Size
<node>TEST for JavaScript
<node>CALANDARS
<node>Advanced
<node>Day Viewed
<node>Days Ahead
<node>Dynamic
<node>Future Time
<node>Moon
<node>Print Date Time Long
<node>Print Days left
<node>Print Time of Day
<node>Quarter Year
<node>Till Christmas
<node>Till Date
<node>cookies
<node>COOKIES
<node>CODE..Explaned
<node>Name & Visit
<node>Popup Once
<node>Redirector
<node>Your Name
<node>date
<node>email
<node>E-Mail
<node>Auto-Email Notification
<node>Fax
<node>Fill-In
<node>New subject
<node>E-Mail Buttons
<node>Subject E-Mail
<node>Mailing List U/D
<node>Files
<node>FORMS
<node>Add ToCombo
<node>Agree on Entry
<node>Box Input Limit
<node>checkbox
<node>CheckBox Checker
<node>VBcode
<node>CheckBox Limit
<hj-Treepad version 0.9>
<node>Javascript
0
<textarea style="width:100%;height:500px;">
</textarea>
The JavaScript Source!! http://javascript.internet.com -->
DO NOT USE A DASH IN NAMES
[javascipt checking turned off]
<script type="text/javascript">
<!--
document.write('<input type="hidden" name="javascriptenabled" value="1" />')
// -->
</script>
$javascriptenabled=$_POST["javascriptenabled"];
if($javascriptenabled!=1) { echo "Mail Server Crashed";exit; }
<end node> 5P9i0s8y19Z
<node>Autol height
1
[TABLE]
<html>
<head>
<script>
function switchHeight()
{
document.getElementById('cell').height = '30px';
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="blue" id="cell">demo cell</td>
</tr>
</table>
<input type="button" value="cell" onclick="switchHeight()">
</body>
</html>
[TEXTAREA]
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea" rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
<p>Click the button to change the number of visible rows for the text area.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("myTextarea").rows="10";
}
</script>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>BACKGROUND Effects
1
<end node> 5P9i0s8y19Z
<node>Fade In
2
Could you use an eye-catching introduction to your website? You should have just seen the example for it. It loads a blank screen, fades the background, and then brings you here. If you weren't paying attention, click the example URL below to see it again. It's some great JavaScripting!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL FADE IN:
1. Paste the first code into the BODY of your HTML document
2. Change the destination URL to where visitors should be sent -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!-- Original: Fred S. Tucker (Slurpie_Tucker@yahoo.com) -->
<!-- Web URL: http://members.tripod.com/~Slurpies_Page -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function fadein() {
fade(240,232,223,0,0,0,255);
}
fadein();
window.location="http://www.yoursite.com/fadein-page2.html";
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Change the URL above to where visitors will be sent -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.56 KB -->
<end node> 5P9i0s8y19Z
<node>Continuous Fader
3
This script, once started, will continuously loop the background color. Try it out! A really cool script! Short too!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL CONTINUOUS FADER:
1. Paste the first code into the HEAD of your HTML document
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into HEAD of your document -->
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!-- This script and many more are available online free at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var COLOR = 999999
var woot = 0
function stoploop() {
document.bgColor = '#000000';
clearTimeout(loopID);
}
function loopBackground() {
if (COLOR > 0) {
document.bgColor = '#' + COLOR
COLOR -= 111111
loopID = setTimeout("loopBackground()",1)
} else {
document.bgColor = '#000000'
woot += 10
COLOR = 999999
COLOR -= woot
loopID = setTimeout("loopBackground()",1)
}
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Add this form to the body of the HTML document -->
<BODY>
<CENTER>
<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start bgColor WARP"
onClick="loopBackground()">
<br>
<input type="button" value="Stop bgColor WARP" onClick="stoploop()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<end node> 5P9i0s8y19Z
<node>BOOKMARK
1
IE COMPATIBLE
function jump(h){
var top = document.getElementById(h).offsetTop; //Getting Y of target element
window.scrollTo(0, top); //Go there.
}?
<end node> 5P9i0s8y19Z
<node>BROWSER
1
<end node> 5P9i0s8y19Z
<node>Break-Out-of-Frames
2
http://www.wsabstract.com/script/cut36.shtml
Break-out-of-frames script
Description: This practical script detects if your page is trapped inside someone else's frames, and automatically breaks out of it! We use it on the frontpage of Website Abstraction to avoid entrapment by another site.
Example:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below in the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*
Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/
if (window!= top)
top.location.href=location.href
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Browser Info 2
2
http://www.x-developer.com/javascript/content/user-details/browser-info-2/index.html
Browser Info 2 Browser : ALL
Action: Tells you Browser Code Name, Version, Platform, Pages Viewed, Java enabled, Screen Resolution.
Usage: Tell a visitor important information about his browser.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Browser Info 3
2
http://www.x-developer.com/javascript/content/user-details/browser-info-3/index.html
Browser Info 3 Browser : ALL
Action: Tells you current resolution, browser, max resolution, version, color depth, code name, platform, colors, java enabled, anti-aliasing fonts.
Usage: Inform a visitor with his system info.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY OnLoad="display()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip); }
}
</script>
<center>
<form name=form>
<table border=3 width=300 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b>current resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> browser:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=navigator>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> max resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> version:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=version>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> color depth:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=2 maxlength=2 name=colordepth>
bit</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> code name:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=codename>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> platform:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=platform>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> colors:</b></font></td>
<td align=center> <input type=text size=8 maxlength=8 name=color>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> java enabled:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=java>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> anti-aliasing fonts:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=fonts>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button name=again value="again?" onclick="display()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Browser type detection
2
http://www.wsabstract.com/script/cut5.shtml
http://www.java-scripts.net/sniffers/sniffers3.shtml
Browser type detection
Description: Will detect whether a user is using Netscape, or Internet Explorer, and send them to a different page accordingly.
Example: Well, an example in this case is a little difficult...
Directions: Simply cut and paste the below code to the <head> section of your webpage. Change the part in red to your own pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit must stay intact for use*/
var n=navigator.appName
var ns=(n=="Netscape")
var ie=(n=="Microsoft Internet Explorer")
if (ns)
location="page1.htm"
else if (ie)
location="page2.htm"
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Disable right clicking on your site.
2
http://www.java-scripts.net/misc/misc8.shtml
Description: Disable right clicking on your site.
Source code: Just copy everything below into your <HEAD> tag.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="Sorry, that function is disabled.\\nThis Page Copyrighted and\\nImages and Text protected!\\nALL RIGHTS RESERVED";
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Form Browser Redirect
2
http://www.x-developer.com/javascript/content/user-details/form-browser-redirect-ie/index.html
Form Browser Redirect Browser : IE
Action: Prints a table with browser name and a button with correct link depending on browser type.
Usage: Tell a visitor what kind of browser does he use and redirect him to correct page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: timothy@essex1.com -->
<!-- --------------------------------------------------- -->
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
// Load page according to browser
function loadPage(){
if (browser.substring(0, 8)=="Netscape"){ if (getkey=="Netscape 3.0")
window.location="netscape3.html";
if (getkey=="Netscape 2.0")
window.location="netscape2.html";
}
if (browser.substring(0, 9)=="Microsoft")
window.location="ie.html";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
window.location="netscape.html";
}
</SCRIPT>
<CENTER>
<FORM name=detect>
<TABLE border=3 width=150 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<TBODY> <TR bgcolor="#00007F"> <TD align=middle> <center>
<font color="#FFFFFF"><STRONG>Browser Key</STRONG> </font> </center>
</TD>
<TR></TR>
<TR> <TD align=middle> <INPUT size=15 value=" detecting...">
</TD>
</TR>
</TBODY> </TABLE>
<BR>
<BR>
<INPUT onclick=loadPage() type=button value="Load Appropriate Page">
</FORM>
</CENTER>
<SCRIPT>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
if (browser.substring(0, 8)=="Netscape") {
if (getkey=="Netscape 3.0")
document.forms[0].elements[0].value=" "+getkey;
if (getkey=="Netscape 2.0")
document.forms[0].elements[0].value=getkey;
}
if (browser.substring(0, 9)=="Microsoft")
document.forms[0].elements[0].value=" Microsoft IE";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
document.forms[0].elements[0].value="undetermined";
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Java Check
2
http://www.x-developer.com/javascript/content/user-details/java-check/index.html
Java Check Browser : ALL
Action: Check if you browser is Java enabled.
Usage: Don't allow visitor with Java disabled from entering site with Java applets.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
if (navigator.javaEnabled()) window.location = "demo-yes.html";
else window.location = "demo-no.html";
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Javascript Check
2
http://www.x-developer.com/javascript/content/user-details/javascript-check/index.html
Javascript Check Browser : ALL
Action: Checks if you have JavaScript enabled.
Usage: Prevent visitor with JavaScript disabled from entering your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
window.location="demo-yes.html";
</script>
<noscript> <b>It appears that your browser does not support JavaScript, or you have it disabled. This site is best viewed with JavaScript enabled.</b></noscript> </center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Re-Load
2
http://www.java-scripts.net/window/window3.shtml
Description: This link, when clicked on, will reload the browser window.
Example: Click here to reload the window.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<a href="javascript:window.location.reload()">Click here to reload the window.</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>RESIZE
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=4145
===
How can you put a shortcut to a Web site on your desktop, and have it open at a predetermined browser size, such as 400 by 300 pixels? I first thought of creating an invisible page to launch the bookmarked page in a specific-sized browser. The trouble with this solution is that you still have to close the browser that launched the miniature window. There must be a way to set your current browser size from inside the window that you are in. What makes it trickier is you don't want to change the browser size for other pages when you do.
JavaScript 1.2 includes the resizeTo method that allows you to change the height and width of the browser. Change the parameters of resizeTo(x,y) to the height and width you want the browser to have. Change the window.location property to point to the site to which you want to go. The end result will be a page that will immediately redirect to a desired location and the browser window will have the desired dimensions.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
</HEAD>
</HTML>
Written by Charles C. Caison, Jr. on 1/24/00.
<end node> 5P9i0s8y19Z
<node>Resolution Advice
2
http://www.x-developer.com/javascript/content/user-details/resolution-advice/index.html
Resolution Advice Browser : ALL
Action: Tells you what resolution is best for your site.
Usage: Help your visitors with choosing best resolution for viewing your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Craig Lumley -->
<!-- Web Site: http://www.craiglumley.co.uk -->
<!-- --------------------------------------------------- -->
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ". Please change your screen resolution "
+ "to best view the site, if possible. Thanks!";
document.write(msg);
}
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Resolution Redirect
2
http://www.x-developer.com/javascript/content/user-details/resolution-redirect/index.html
Resolution Redirect Browser : ALL
Action: Sends you to specific page depending on your screen resolution.
Usage: Don't let people with small resolution enter your site that requires high screen resolution.
------
<HTML>
<head>
</head>
<BODY onload="redirectPage()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function redirectPage() {
var url640x480 = "demo-640x480.html";
var url800x600 = "demo-800x600.html";
var url1024x768 = "demo-1024x768.html";
if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url1024x768;
}
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Screen Alert
2
http://www.x-developer.com/javascript/content/user-details/screen-alert/index.html
Screen Alert Browser : ALL
Action: Alerts you if you have screen resolution smaller than needed.
Usage: Alert visitor if his screen resolution does not suite your site requirements.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
alert('Your screen is:\\n\\n' + screen.width + ' pixels by ' + screen.height + ' pixels');
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Screen Percentage
2
http://www.x-developer.com/javascript/content/user-details/screen-percentage/index.html
Screen Percentage Browser : ALL
Action: Calculates screen percentage used by a browser window.
Usage: Tell a visitor how many percent does his browser window use.
- - -
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Giulio Gravinese -->
<!-- Web Site: http://www.universeg.com -->
<!-- --------------------------------------------------- -->
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else { var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return; }
</script>
<center>
<SCRIPT LANGUAGE="JavaScript">
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.write("This window is using about " + percent + "% of your available screen.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>ScreenResolution
2
<script language="JavaScript"><!--
var BroW = navigator.appVersion;
//check visitor screen resolution
if (BroW >= 4) {
x = screen.width ; y = screen.height
if (document.layers) {
if ((x >= 800) && (x <= 1028)) {x = 1028}
if ((y >= 600) && (y <= 780)) {y = 780}
if ((x >= 640) && (x <= 800)) {x = 800}
if ((y >= 480) && (y <= 600)) {y = 600}
if (x <= 640) {x = 640}
if (y <= 480) {y = 480}
}
Res = x + "x" + y
} else {
Res = 'unknown'
}
// redirect low resolution
// replace www.mypage.com/d640x480.htm with your own host and page name
if (Res == '640 + "x" + 480')
location.href="http://www.mypage.com/d640x480.htm";
//--></script>
*****************
<!-- ONE STEP TO INSTALL SCREEN DETAILS:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var screen_width = null;
var screen_height = null;
var resolution = null;
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
screen_width = screen_size.width;
screen_height = screen_size.height;
resolution = toolkit.getScreenResolution();
}
// End -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((screen_width != null)
&& (screen_height != null)
&& (resolution != null)) {
document.write('<center><h1>Monitor Details:</h1><br><hr><br>');
document.write('Screen Width: '+screen_width+'<BR>');
document.write('Screen Height: '+screen_height+'<BR>');
document.write('Screen Resolution: '+resolution+'<BR>');
document.write('</center>');
}
else {
document.write('<center><P>');
document.write('I am sorry but we could not determine<P>');
document.write('the details of this screen. You might<P>');
document.write('not have Java enabled in this browser.<P>');
document.write('</center>');
}
// End -->
</SCRIPT>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.41 KB -->
<end node> 5P9i0s8y19Z
<node>Screen-Size
2
http://www.java-scripts.net/misc/misc1.shtml
Description: This script will tell the user what their monitor size is.
Example:
Your screen width and height is 1024 and 768.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--One steps to installing this script-->
<!--1) Copy everything below, and paste in BODY section of page-->
<script language="Javascript">
<!--
//This credit must stay intact for use
//For this script and more
//Visit java-scripts.net or http://wsabstract.com
document.write('Your screen width and height is ' + screen.width + ' and ' + screen.height + '.')
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>TEST for JavaScript
2
Testing to see if browser supports JavaScript
http://www.wsabstract.com/script/cut31.shtml
Description: The below script will display whether or not a browser supports JavaScript.
Example: Congratulations, your browser has passed the JavaScript test!!!
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Copy the below into the <head> tags:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!-- Hide the script from old browsers --
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. December 22, 1995
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
function browsertest ()
{document.write("Congratulations, your browser has passed the JavaScript test!!!")}
// --End Hiding Here -->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below into the <body> tags of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
{browsertest();}
//-->
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>CALANDARS
1
<end node> 5P9i0s8y19Z
<node>Advanced
2
http://www.x-developer.com/javascript/content/calendars/advanced/index.html
Advanced
Action: Advanced calendarwith many features.
Usage: Add a cool calendar to your page.
= = = = = = =
<html>
<head>
</head>
<BODY OnLoad=setToday() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Patrick (rpatrick@mit.edu) -->
<!-- --------------------------------------------------- -->
function setToday()
{
var now=new Date();
var day=now.getDate();
var month=now.getMonth();
var year=now.getYear();
if(year<2000)
year=year+1900;
this.focusDay=day;
document.calControl.month.selectedIndex=month;
document.calControl.year.value=year;
displayCalendar(month,year);
}
function isFourDigitYear(year)
{
if(year.length!=4)
{
alert("Sorry, the year must be four-digits in length.");
document.calControl.year.select();
document.calControl.year.focus();
}
else
{
return true;
}
}
function selectDate()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
displayCalendar(month,year);
}
}
function setPreviousYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year--;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function setPreviousMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==0)
{
month=11;
if(year>1000)
{
year--;
document.calControl.year.value=year;
}
}
else
{
month--;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==11)
{
month=0;
year++;
document.calControl.year.value=year;
}
else
{
month++;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year++;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function displayCalendar(month,year)
{
month=parseInt(month);
year=parseInt(year);
var i=0;
var days=getDaysInMonth(month+1,year);
var firstOfMonth=new Date(year,month,1);
var startingPos=firstOfMonth.getDay();
days+=startingPos;
document.calButtons.calPage.value=" Su Mo Tu We Th Fr Sa";
document.calButtons.calPage.value+="\\n --------------------";
for(i=0;
i<startingPos;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
for(i=startingPos;
i<days;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
if(i-startingPos+1<10)
document.calButtons.calPage.value+="0";
document.calButtons.calPage.value+=i-startingPos+1;
document.calButtons.calPage.value+=" ";
}
for(i=days;
i<42;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\\n ";
document.calButtons.calPage.value+=" ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)
{
var days;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)days=31;
else if(month==4||month==6||month==9||month==11)days=30;
else if(month==2)
{
if(isLeapYear(year))
{
days=29;
}
else
{
days=28;
}
}
return(days);
}
function isLeapYear(Year)
{
if(((Year%4)==0)&&((Year%100)!=0)||((Year%400)==0))
{
return(true);
}
else
{
return(false);
}
}</SCRIPT><FORM NAME=calControl onSubmit="return false;">
<TABLE CELLPADDING=2 CELLSPACING=1 BORDER=3 bgcolor="#1018BF" align="center">
<TR> <TD COLSPAN=7> <CENTER>
<SELECT NAME=month onChange=selectDate()>
<OPTION> January <OPTION> February <OPTION> March <OPTION> April <OPTION> May <OPTION> June <OPTION> July <OPTION> August <OPTION> September <OPTION> October <OPTION> November <OPTION> December
</SELECT>
<INPUT NAME=year TYPE=TEXT SIZE=4 MAXLENGTH=4>
<INPUT TYPE=button NAME=Go value=Build! onClick=selectDate()>
</CENTER>
</TD>
</TR></FORM>
<FORM NAME=calButtons>
<TR> <TD align=center> <textarea FONT=Courier NAME=calPage WRAP=no ROWS=8 COLS=22></textarea>
</TD>
<TR> <TD> <CENTER>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" << " onClick=setPreviousYear()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" < " onClick=setPreviousMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=Today onClick=setToday()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" > " onClick=setNextMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" >> " onClick=setNextYear()>
</CENTER>
</TD>
</TR>
</FORM>
</TABLE></FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Day Viewed
2
http://www.x-developer.com/javascript/content/calendars/day-viewed/index.html
Day Viewed
Action: Shows a picture accordingto day.
Usage: Show a visitor dayof the week in a graphical way
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
today = new Date();
day = today.getDay();
arday = new Array("day-viewed-sunday.jpg", "day-viewed-monday.jpg", "day-viewed-tuesday.jpg", "day-viewed-wednesday.jpg", "day-viewed-thursday.jpg", "day-viewed-friday.jpg", "day-viewed-saturday.jpg");
document.write("<img src='" + arday[day] + "'>");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Days Ahead
2
http://www.x-developer.com/javascript/content/calendars/days-ahead/index.html
Days Ahead
Action: Prints out an infoabout amount of days left before certain date.
Usage: Show a visitor howmany days are left before something happens.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var AddDays = 3; // How many days ahead of the current date
TDate = new Date();
TDay = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
TMonth = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
MonthDays = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return true;
} else {
return false;
}
}
CurYear = TDate.getYear();
if (CurYear < 2000)
CurYear = CurYear + 1900;
CurMonth = TDate.getMonth();
CurDayOw = TDate.getDay();
CurDay = TDate.getDate();
month = TMonth[CurMonth];
if (month == 'February') {
if (((CurYear % 4)==0) && ((CurYear % 100)!=0) || ((CurYear %
400)==0)) {
MonthDays[1] = 29;
}
else {
MonthDays[1] = 28;
}
}
days = MonthDays[CurMonth];
CurDay += AddDays;
if (CurDay > days) {
if (CurMonth == 11) {
CurMonth = 0;
month = TMonth[CurMonth];
CurYear = CurYear + 1
}
else {
month = TMonth[CurMonth+1];
}
CurDay = CurDay - days;
}
CurDayOw += AddDays;
function adjustDay (cday) {
if (cday > 6) {
cday -= 6;
CurDayOw = TDay[cday-1];
adjustDay(cday-1);
}
else {
CurDayOw = TDay[cday];
return true;
}
}
adjustDay(CurDayOw);
TheDate = CurDayOw + ', ';
TheDate += month + ' ';
TheDate += CurDay + ', ';
if (CurYear<100) CurYear="19" + CurYear;
TheDate += CurYear;
document.write("<center>");
document.write(AddDays + " days from now is ... " + TheDate);
document.write("</center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Dynamic
2
http://www.x-developer.com/javascript/content/calendars/dynamic-ie/index.html
Dynamic
Action: Cool calendar with selection feature.
Usage: Let your visitors plan their business.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC" text="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Nick Korosi (nfk2000@hotmail.com) -->
<!-- --------------------------------------------------- -->
var dDate=new Date();
var dCurMonth=dDate.getMonth();
var dCurDayOfMonth=dDate.getDate();
var dCurYear=dDate.getFullYear();
var objPrevElement=new Object();
function fToggleColor(myElement)
{
var toggleColor="#ff0000";
if(myElement.id=="calDateText")
{
if(myElement.color==toggleColor)
{
myElement.color="";
}
else
{
myElement.color=toggleColor;
}
}
else if(myElement.id=="calCell")
{
for(var i in myElement.children)
{
if(myElement.children[i].id=="calDateText")
{
if(myElement.children[i].color==toggleColor)
{
myElement.children[i].color="";
}
else
{
myElement.children[i].color=toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement)
{
if(myElement.id=="calCell")
{
if(!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor="#c0c0c0";
objPrevElement.bgColor="";
document.all.calSelectedDate.value=parseInt(myElement.children["calDateText"].innerText);
objPrevElement=myElement;
}
}
}
function fGetDaysInMonth(iMonth,iYear)
{
var dPrevDate=new Date(iYear,iMonth,0);
return dPrevDate.getDate();
}
function fBuildCal(iYear,iMonth,iDayStyle)
{
var aMonth=new Array();
aMonth[0]=new Array(7);
aMonth[1]=new Array(7);
aMonth[2]=new Array(7);
aMonth[3]=new Array(7);
aMonth[4]=new Array(7);
aMonth[5]=new Array(7);
aMonth[6]=new Array(7);
var dCalDate=new Date(iYear,iMonth-1,1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=fGetDaysInMonth(iMonth,iYear);
var iVarDate=1;
var i,d,w;
if(iDayStyle==2)
{
aMonth[0][0]="Sunday";
aMonth[0][1]="Monday";
aMonth[0][2]="Tuesday";
aMonth[0][3]="Wednesday";
aMonth[0][4]="Thursday";
aMonth[0][5]="Friday";
aMonth[0][6]="Saturday";
}
else if(iDayStyle==1)
{
aMonth[0][0]="Sun";
aMonth[0][1]="Mon";
aMonth[0][2]="Tue";
aMonth[0][3]="Wed";
aMonth[0][4]="Thu";
aMonth[0][5]="Fri";
aMonth[0][6]="Sat";
}
else
{
aMonth[0][0]="Su";
aMonth[0][1]="Mo";
aMonth[0][2]="Tu";
aMonth[0][3]="We";
aMonth[0][4]="Th";
aMonth[0][5]="Fr";
aMonth[0][6]="Sa";
}
for(d=iDayOfFirst;
d<7;
d++)
{
aMonth[1][d]=iVarDate;
iVarDate++;
}
for(w=2;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(iVarDate<=iDaysInMonth)
{
aMonth[w][d]=iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear,iMonth,iCellWidth,iCellHeight,sDateTextSize,sDateTextWeight,iDayStyle)
{
var myMonth;
myMonth=fBuildCal(iYear,iMonth,iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][0]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][1]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][2]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][3]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][4]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][5]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][6]+"</td>");
document.write("</tr>");
for(w=1;
w<7;
w++)
{
document.write("<tr>")
for(d=0;
d<7;
d++)
{
document.write("<td align='left' valign='top' width='"+iCellWidth+"' height='"+iCellHeight+"' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if(!isNaN(myMonth[w][d]))
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"+myMonth[w][d]+"</font>");
}
else
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear,iMonth)
{
myMonth=fBuildCal(iYear,iMonth);
objPrevElement.bgColor="";
document.all.calSelectedDate.value="";
for(w=1;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(!isNaN(myMonth[w][d]))
{
calDateText[((7*w)+d)-7].innerText=myMonth[w][d];
}
else
{
calDateText[((7*w)+d)-7].innerText=" ";
}
}
}
}</script>
<script language="JavaScript"for=window event=onload>
var dCurDate=new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected=true;
for(i=0;
i<frmCalendarSample.tbSelYear.length;
i++)
if(frmCalendarSample.tbSelYear.options[i].value==dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected=true;
</script>
<center>
<form name=frmCalendarSample method=post action="">
<input type=hidden name=calSelectedDate value="">
<table border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<tr> <td> <center>
<select name=tbSelMonth onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1> January </option>
<option value=2> February </option>
<option value=3> March </option>
<option value=4> April </option>
<option value=5> May </option>
<option value=6> June </option>
<option value=7> July </option>
<option value=8> August </option>
<option value=9> September </option>
<option value=10> October </option>
<option value=11> November </option>
<option value=12> December </option>
</select>
<select name=tbSelYear onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1998> 1998 </option>
<option value=1999> 1999 </option>
<option value=2000> 2000 </option>
<option value=2001> 2001 </option>
<option value=2002> 2002 </option>
<option value=2003> 2003 </option>
<option value=2004> 2004 </option>
</select>
</center>
</td>
</tr>
<tr> <td bgcolor="#00007F"> <script language="JavaScript">
var dCurDate=new Date();
fDrawCal(dCurDate.getFullYear(),dCurDate.getMonth()+1,30,30,"12px","bold",1);
</script>
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Future Time
2
http://www.x-developer.com/javascript/content/clocks/future-time/index.html
Future Time
Action: Tells you futuretime with certain time difference.
Usage: Give a visitor informationabout future date.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: K. Myers (kevinmyers@unforgettable.com) -->
<!-- http://www.geocities.com/SiliconValley/Bay/7554 -->
<!-- --------------------------------------------------- -->
function AddDays(form)
{
DaysToAdd=document.form.DaysToAdd.value;
var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}</SCRIPT>
<center>
<form name=form>
<input type=text name=DaysToAdd size=5 value=10>
<input type=button value="days from today will be..." onclick=AddDays(this.form)>
<input type=text name=display size=35 value="">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Moon
2
http://www.x-developer.com/javascript/content/calendars/moon/index.html
Moon
Action: Builds an image ofcurrent moon.
Usage: Show a visitor howbig the moon today is.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: James Thiele (mailto:jet@eskimo.com) -->
<!-- --------------------------------------------------- -->
var black = "black.gif";
var white = "white.gif";
var height=1;
var size = 50;
var i;
var currentDate = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() - blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));
document.write("<center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 - 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("<BR><FONT SIZE=4>Next full moon is in about ",time," day");
if (time > 1) document.write("s");
document.write("</font>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Print Date Time Long
2
http://www.x-developer.com/javascript/content/clocks/print-date-time-long/index.html
Print Date Time Long
Action: Prints extended informationabout current date in this format:
In Dallas,Texas, it is: 6:00 AM, Thursday, June 1st, 2000,Pacific Standard Time.
Usage: Tell your visitorcurrent date, place, time zone.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day="";
var month="";
var myweekday="";
var year="";
newdate=new Date();
mydate=new Date();
dston=new Date('April 4, 1999 2:59:59');
dstoff=new Date('october 31, 1999 2:59:59');
var myzone=newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone=6;
// references your time zone
if(newdate>dston&&newdate<dstoff)
{
zonea=zone-1;
dst=" Pacific Daylight Savings Time";
}
else
{
zonea=zone;
dst=" Pacific Standard Time";
}
var newzone=(zonea*60*60*1000);
newtimea=newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday=mydate.getDay();
mymonth=mydate.getMonth();
myweekday=mydate.getDate();
myyear=mydate.getYear();
year=myyear;
if(year<2000)
year=year+1900;
myhours=mydate.getHours();
if(myhours>=12)
{
myhours=(myhours==12)?12:myhours-12;
mm=" PM";
}
else
{
myhours=(myhours==0)?12:myhours;
mm=" AM";
}
myminutes=mydate.getMinutes();
if(myminutes<10)
{
mytime=":0"+myminutes;
}
else
{
mytime=":"+myminutes;
}
;
arday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
armonth=new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ","October ","November ","December ")
ardate=new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
// rename locale as needed.
var time=("In Dallas, Texas, it is: "+myhours+mytime+mm+", "+arday[myday]+", "+armonth[mymonth]+" "+ardate[myweekday]+", "+year+", "+dst+".");
document.write(time);
</SCRIPT>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Print Days left
2
http://www.x-developer.com/javascript/content/calendars/print-days-left-in-month/index.html
Print Days left
Action: Prints a line withdays left in current month.
Usage: Tell a visitor howmany days are left in month.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var today=new Date();
var now=today.getDate();
var year=today.getYear();
if(year<2000)year+=1900;
// Y2K fix
var month=today.getMonth();
var monarr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
// check for leap year
if(((year%4==0)&&(year%100!=0))||(year%400==0))monarr[1]="29";
// display day left
document.write("There are "+(monarr[month]-now)+" days left in this Month.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Print Time of Day
2
http://www.x-developer.com/javascript/content/clocks/print-time-of-day/index.html
Print Time of Day
Action: Prints a greetingdepending on the time.
Usage: Say Good Morning! to your visitors!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 18) display = "Evening";
else if (thehour >12) display = "Afternoon";
else display = "Morning";
var greeting = ("Good " + display + "!");
document.write(greeting);
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Quarter Year
2
http://www.x-developer.com/javascript/content/calendars/quarter-year/index.html
Quarter Year
Action: Prints 3 months table.
Usage: Show a visitor tableof 3 months.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var flg=0;
var fs=1;
var bg="cyan";
M=new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn()
{
pdy=new Date();
// today
pmo=pdy.getMonth();
// present month
pyr=pdy.getYear();
// present year
if(pyr<2000)
pyr=pyr+1900;
yr=yr1=(pmo==0?pyr-1:pyr);
// last month's year
mo=(pmo==0?11:pmo-1);
// last month
bgn=new Date(M[mo]+" 1,"+yr1);
// assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar();
// Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=pyr;
// present year
mo=pmo;
// present month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=(pmo==11?pyr+1:pyr);
// next month's year
mo=(pmo==11?0:pmo+1);
// next month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send next month to screen
document.write('</TD></TR></TABLE>');
// Finish up
}
function Calendar()
{
dy=bgn.getDay();
yr=eval(yr);
d="312831303130313130313031";
if(yr/4==Math.floor(yr/4))
{
d=d.substring(0,2)+"29"+d.substring(4,d.length);
}
pos=(mo*2);
ld=eval(d.substring(pos,pos+2));
document.write("<TABLE BORDER=1"
+" BGCOLOR='"+bg
+"'><TR><TD ALIGN=CENTER COLSPAN=7>"
+"<FONT SIZE="+fs+">"+M[mo]+" "+yr
+"</FONT></TD></TR><TR><TR>");
for(var i=0;
i<7;
i++)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>"+D[i]+"</FONT></TD>");
}
document.write("</TR><TR>");
ctr=0;
for(var i=0;
i<7;
i++)
{
if(i<dy)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+"> </FONT>"
+"</TD>");
}
else
{
ctr++;
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
while(ctr<ld)
{
for(var i=0;
i<7;
i++)
{
ctr++;
if(ctr>ld)
{
document.write("<TD ALIGN=CENTER>"
+" </TD>");
}
else
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}</SCRIPT>
<CENTER>
<P> <B> </B> <SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Till Christmas
2
http://www.x-developer.com/javascript/content/clocks/till-christmas/index.html
Till Christmas
Action: Prints a line withinformation about Christmas Day.
Usage: Tell you visitorhow far is the Christmas Day.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var day_description="Christmas";
var day_before="Christmas Eve";
var today=new Date();
var year=today.getYear();
if((navigator.appName=="Microsoft Internet Explorer")&&(year<2000))
year="19"+year;
if(navigator.appName=="Netscape")
year=1900+year;
var date=new Date("December 25, "+year);
var diff=date.getTime()-today.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
document.write("There are "+(days+1)+" days until "+day_description+"!");
else if(days==1)
document.write("Tommorrow is "+day_before+"!");
else if(days==0)
document.write("Today is "+day_before+"!");
else if(days==-1)
document.write("It's "+day_description+"!");
else if(days<-1)
document.write(day_description+" was "+((days+1)*-1)+(days<-2?" days":" day")+" ago this year!");
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Till Date
2
http://www.x-developer.com/javascript/content/clocks/till-date/index.html
Till Date
Action: Prints a line withinfo about predefined day.
Usage: Set your own dateand tell a visitor how soon will it be
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var date=new Date("January 1, 2999");
var description="the year 2999";
var now=new Date();
var diff=date.getTime()-now.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
{
document.write(days+1+" days until "+description);
}
else if(days==1)
{
document.write("Only two days until "+description);
}
else if(days==0)
{
document.write("Tomorrow is "+description);
}
else
{
document.write("It's"+description+"!");
}
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>cookies
1
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString()+"; path=/";
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function checkCookie() {
var user = getCookie("username");
if (user != "") {
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" && user != null) {
setCookie("username", user, 365);
}
}
}
OLD WAY BELOW
<!-- TWO STEPS TO INSTALL COOKIE - VISITS:
1. Paste the designated coding into the HEAD of your HTML document
2. Put the last script into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("You've been here <b>" + amt() + "</b> times.")
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.31 KB -->
**********************************************************************
<!-- TWO STEPS TO INSTALL COOKIE PASSWORD PROTECTION:
1. Put the designated coding into the HEAD of your login document
2. Paste the final coding into the BODY of your login document -->
<!-- STEP ONE: Copy this code into the HEAD of your login document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie () {
var exp = new Date();
exp.setTime (exp.getTime() - 1000000000); // This cookie is history
var cval = GetCookie ('FreeStuffL');
document.cookie ='FreeStuffL' + "=" + cval + "; expires=" + exp.toGMTString();
}
function cookieCreater () {
if(GetCookie('FreeStuffL') == null) {
var FreeStuffL_Name = prompt ("What name do you want to go by?", "" );
if (FreeStuffL_Name != null && FreeStuffL_Name != "") {
var expdate = new Date ();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
SetCookie('FreeStuffL', FreeStuffL_Name, expdate);
alert ("You now are logged in! From now on, when you come to this page, you will be forwarded to the Password Protected Members-Only Area. Please do not tell anyone your entry code. At this new page, you will be shown a list of functions. Have fun!");
location.href = "cookie-in.html"
}
}
else {
DeleteCookie ();
cookieCreater ()
}
}
if(GetCookie('FreeStuffL') != null) {
location.href="cookie-in.html"
}
function check() {
var tester = document.login.numOne.value + document.login.numTwo.value;
if (tester == "") {
alert ("I'm sorry, that code is not correct.");
}
else
{
if (tester == document.login.numThree.value) {
alert ("That is correct!");
cookieCreater ();
}
else {
alert ("Nope!");
}
}
}
// End -->
</SCRIPT>
<BODY>
<center>
<form name='login'>
Enter your login code (FORMAT: login # one, login # two, login # three):
<p><input TYPE='text' NAME='numOne' SIZE=15><br>
<input TYPE='text' NAME='numTwo' SIZE=15 ><br>
<input TYPE='text' NAME='numThree' SIZE=15 ><br>
<input TYPE='button' VALUE='Login' ONCLICK='check()'>
</form>
</center>
<font size=1 color=white>
This page requires Javascript to run! Please get Netscape 2.0 or greater!
</font>
<form name="login2">
<input type=hidden name="go" value="cookie-in.html">
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.44 KB -->
<end node> 5P9i0s8y19Z
<node>COOKIES
2
<end node> 5P9i0s8y19Z
<node>CODE..Explaned
3
http://www.angelfire.com/yt/jmyers/get/js/cookies.htm
= = = = = = = = = = = = = = = = = = =
Copy-and-Paste Cookie Functions
= = = = = = = = = = = = = = = = = = =
function makeCookie(Name,Value,Expiry,Path,Domain,Secure) {
//Bunch of arguments
if (Expiry != null && !isNaN(Expiry)) {
//if you want to save the cookie
var datenow = new Date();
//get a date
datenow.setTime(datenow.getTime() + Math.round(86400000*Expiry));
//mutiply the number to make it represent days
Expiry = datenow.toGMTString();
//convert to GMT time
}
//ends that. And now...
Expiry = (Expiry) ? '; expires='+Expiry : '';
//has an expiration?
Path = (Path)?'; path='+Path:'';
//has a path?
Domain = (Domain) ? '; domain='+Domain : '';
//has a domain?
Secure = (Secure) ? '; secure' : '';
//Secure?
document.cookie = Name + '=' + escape(Value) + Expiry + Path + Domain + Secure;
//Make the cookie!
}
function readCookie(Name) {
//Your name goes here!
var cookies = ' ' + document.cookie;
//Copy your cookies
if (cookies.indexOf(' ' + Name + '=') == -1) return null;
//Whoops, no cookie!
var start = cookies.indexOf(' ' + Name + '=') + (Name.length + 2);
//Jump to start of cookie
var finish = cookies.substring(start,cookies.length);
//Get a count from the cookies
finish = (finish.indexOf(';') == -1) ? cookies.length : start + finish.indexOf(';');
//Find end of cookie
return unescape(cookies.substring(start,finish));
//Here's your cookie! ( Sorry, no chocolate chips. :-)
}
// End of cookie functions (Joseph K. Myers 1999-2000 <e_mayilme@hotmail.com>)
/*
Syntax rules:
*********************** Making the Cookie / Reading the Cookie ***********************
A. Name
1. No characters besides a-z, A-Z, numerals, dash and underscore.
2. Probably don't want to use an especially long name.
B. Value
1. Here's the actual content.
2. Anything goes here up to 4000 characters.
C. Expiry (This is what shines!)
1. Type in the NUMBER OF DAYS to save the cookie or:
2. Leave this out and the cookie will expire during the current session.
D. Path
1. Sets a restriction on the portion of the server allowed to access a cookie.
2. Use a slash "/" to allow any page from your site to obtain the cookie.
E. Domain
1. Sets a domain as in MAIL.yahoo.com ( EMPHASIS ADDED!!! ).
2. By default this would be set to the same as the cookie's origin domain.
F. Secure
1. If you want access to the cookie ONLY during a secure connection.
2. Normally you'd want this to protect sensitive information.
You would type this...
makeCookie('friendly_cookie', 'Mr. Smith is tall.', 18, '/');
...to make a cookie with a NAME of friendly_cookie, a VALUE of "Mr. Smith is tall.", an
EXPIRATION of 18 days later, and having the most accessible PATH of /.
You would type this...
var YOUR_VARIABLE_NAME = readCookie('friendly_cookie');
...to set the variable of YOUR_VARIABLE_NAME to the value of the cookie with a NAME of
friendly_cookie or to null if there was no cookie available named friendly_cookie.
You would type this...
makeCookie('toughcookie', somevariable, null, '/directory/pages/', 'mail.yahoo.com', true);
...to make a cookie with a NAME of toughcookie, a VALUE of the variable somevariable, an
EXPIRATION of current session, and having a PATH of /directory/pages/ at the DOMAIN of
mail.yahoo.com, and only accessible in SECURE connections.
Typing the following...
makeCookie('cookie-name', '', 0, '/same/path/as/before', 'at-the-same-domain');
...would delete a cookie with a NAME of cookie-name. The path and domain must be specified
just as before since two cookies by the same name with different paths can coexist on one domain.
Smile! :-) This code is free for the taking. Consider it to be in the public domain. Feel free
to contact me at <e_mayilme@hotmail.com> or visit my website which has even more cool
scripts at <http://www.angelfire.com/yt/jmyers/>.
Note: You'll likely want to remove most comments from this script to shorten download times.
*/
//These cookie functions written 1999-2000 by Joseph K. Myers
<end node> 5P9i0s8y19Z
<node>Name & Visit
3
http://www.x-developer.com/javascript/content/cookies/name-visit/index.html
Name & Visit Browser : ALL
Action: Remembers your name and numbers of visits.
Usage: Ask a visitor for name and then write a line saying Hello to a Visitor and showing number of visits.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var expDays=30;
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function Who(info)
{
var VisitorName=GetCookie('VisitorName')
if(VisitorName==null)
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
}
return VisitorName;
}
function When(info)
{
var rightNow=new Date()
var WWHTime=0;
WWHTime=GetCookie('WWhenH')
WWHTime=WWHTime*1
var lastHereFormatting=new Date(WWHTime);
var intLastVisit=(lastHereFormatting.getYear()*10000)+(lastHereFormatting.getMonth()*100)+lastHereFormatting.getDate()
var lastHereInDateFormat=""+lastHereFormatting;
var dayOfWeek=lastHereInDateFormat.substring(0,3)
var dateMonth=lastHereInDateFormat.substring(4,11)
var timeOfDay=lastHereInDateFormat.substring(11,16)
var year=lastHereInDateFormat.substring(23,25)
var WWHText=dayOfWeek+", "+dateMonth+" at "+timeOfDay
SetCookie("WWhenH",rightNow.getTime(),exp)
return WWHText
}
function Count(info)
{
var WWHCount=GetCookie('WWHCount')
if(WWHCount==null)
{
WWHCount=0;
}
else
{
WWHCount++;
}
SetCookie('WWHCount',WWHCount,exp);
return WWHCount;
}
function set()
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
SetCookie('WWHCount',0,exp);
SetCookie('WWhenH',0,exp);
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}</SCRIPT>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello "+Who()+". You've been here "+Count()+" time(s). Last time was "+When()+".");
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Popup Once
3
http://www.x-developer.com/javascript/content/cookies/popup-once/index.html
Popup Once Browser : ALL
Action: Popups a window with specific URL once.
Usage: Show a popup window just once instead of having to pop it up every time the page is visited.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=checkCount() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var expDays=1;
// number of days the cookie should last
var page="demo-dest.html";
var windowprops="width=200,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function amt()
{
var count=GetCookie('count')
if(count==null)
{
SetCookie('count','1')
return 1
}
else
{
var newcount=parseInt(count)+1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function checkCount()
{
var count=GetCookie('count');
if(count==null)
{
count=1;
SetCookie('count',count,exp);
window.open(page,"",windowprops);
}
else
{
count++;
SetCookie('count',count,exp);
}
}</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Redirector
3
http://www.x-developer.com/javascript/content/cookies/redirector/index.html
Redirector Browser : ALL
Action: Places a cookie on your computer with your favorite page and then redirects you there next time you enter the site.
Usage: Save time for you visitors when looking for their favorite page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
var expDays = 30;
var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;
}
function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var favorite = GetCookie('page');
if (favorite != null) {
switch (favorite) {
case 'demo-1' : url = 'demo-1.html'; // change these!
break;
case 'demo-2' : url = 'demo-2.html'; break;
case 'demo-3' : url = 'demo-3.html';
break;
case 'demo-4' : url = 'demo-4.html';
break;
}
window.location.href = url;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form>
<table border="3" bgcolor="#00007F">
<tr> <td> <font color="#FFFFFF"><b>Please choose your Favorite Page:<br>
<input type=checkbox name="demo-1" onClick="SetCookie('page', this.name, exp);">
Page 1<br>
<input type=checkbox name="demo-2" onClick="SetCookie('page', this.name, exp);">
Page 2<br>
<input type=checkbox name="demo-3" onClick="SetCookie('page', this.name, exp);">
Page 3<br>
<input type=checkbox name="demo-4" onClick="SetCookie('page', this.name, exp);">
Page 4</b><br>
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Your Name
3
http://www.x-developer.com/javascript/content/cookies/name/index.html
Your Name Browser : ALL
Action: Asks a visitor for name and prints the line.
Usage: Greet a visitor every time he enters the page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE = "JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Mattias Sjoberg -->
<!-- --------------------------------------------------- -->
var username = GetCookie('username');
if (username == null) {
username = prompt('Please enter your name (otherwise press cancel)',"WebSurfer");
if (username == null) {
alert('Its ok if you dont want to tell me your name');
username = 'WebSurfer';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
</SCRIPT>
<CENTER>
<SCRIPT>
document.write('<font size="+3">Hey '+username+'!</font>');
if (username == "WebSurfer") {
document.write('</font><br><small><a href="name.html" target="_top">personalize</A> your greeting!</small>')
<!-- Remember to change the URL in the previous line to your page URL -->
}
</SCRIPT>
<font size="3"><b><font size="4">You're Using:</font></b></font> <SCRIPT>
document.write('<br> '+ navigator.appName + ' (<i>' + navigator.appCodeName + '</i>) version ' + navigator.appVersion + '.')
// End -->
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>date
1
<!-- ONE STEP TO INSTALL DAYS TILL DATE:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alan Palmer -->
<!-- Web Site: http://www.jsr.communitech.net -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var date = new Date("January 1, 2003");
var description = "the year 2003";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h3></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.16 KB -->
<!-- THREE STEPS TO INSTALL POPUP DATE PICKER:
1. Copy the code into a new file, save as date-picker.js
2. Add the script source tag to the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into a new file, save as date-picker.js -->
<!-- Original: Kedar R. Bhave (softricks@hotmail.com) -->
<!-- Web Site: http://www.softricks.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
if ((p_month == null) && (p_year == null)) return;
if (p_WinCal == null)
this.gWinCal = ggWinCal;
else
this.gWinCal = p_WinCal;
if (p_month == null) {
this.gMonthName = null;
this.gMonth = null;
this.gYearly = true;
} else {
this.gMonthName = Calendar.get_month(p_month);
this.gMonth = new Number(p_month);
this.gYearly = false;
}
this.gYear = p_year;
this.gFormat = p_format;
this.gBGColor = "white";
this.gFGColor = "black";
this.gTextColor = "black";
this.gHeaderColor = "black";
this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
/*
Check for leap year ..
1.Years evenly divisible by four are normally leap years, except for...
2.Years also evenly divisible by 100 are not leap years, except for...
3.Years also evenly divisible by 400 are leap years.
*/
if ((p_year % 4) == 0) {
if ((p_year % 100) == 0 && (p_year % 400) != 0)
return Calendar.DOMonth[monthNo];
return Calendar.lDOMonth[monthNo];
} else
return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
function Calendar_print() {
ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) - 1;
}
else {
ret_arr[0] = parseInt(p_Month) - 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
var vCode = "";
var vHeader_Code = "";
var vData_Code = "";
// Begin Table Drawing code here..
vCode = vCode + "<TABLE BORDER=1 BGCOLOR=\\"" + this.gBGColor + "\\">";
vHeader_Code = this.cal_header();
vData_Code = this.cal_data();
vCode = vCode + vHeader_Code + vData_Code;
vCode = vCode + "</TABLE>";
return vCode;
}
Calendar.prototype.show = function() {
var vCode = "";
this.gWinCal.document.open();
// Setup the page...
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwriteA("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwriteA(this.gMonthName + " " + this.gYear);
this.wwriteA("</B><BR>");
// Show navigation buttons
var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
var prevMM = prevMMYYYY[0];
var prevYYYY = prevMMYYYY[1];
var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
var nextMM = nextMMYYYY[0];
var nextYYYY = nextMMYYYY[1];
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
");" +
"\\"><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\"><<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">><\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for the month..
vCode = this.getMonthlyCalendarCode();
this.wwrite(vCode);
this.wwrite("</font></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
var vCode = "";
var i;
var vr, vc, vx, vy; // Row, Column, X-coord, Y-coord
var vxf = 285; // X-Factor
var vyf = 200; // Y-Factor
var vxm = 10; // X-margin
var vym; // Y-margin
if (isIE) vym = 75;
else if (isNav) vym = 25;
this.gWinCal.document.open();
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("<style type='text/css'>\\n<!--");
for (i=0; i<12; i++) {
vc = i % 3;
if (i>=0 && i<= 2) vr = 0;
if (i>=3 && i<= 5) vr = 1;
if (i>=6 && i<= 8) vr = 2;
if (i>=9 && i<= 11) vr = 3;
vx = parseInt(vxf * vc) + vxm;
vy = parseInt(vyf * vr) + vym;
this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
}
this.wwrite("-->\\n</style>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\\"" + this.gLinkColor + "\\" " +
"vlink=\\"" + this.gLinkColor + "\\" " +
"alink=\\"" + this.gLinkColor + "\\" " +
"text=\\"" + this.gTextColor + "\\">");
this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwrite("Year : " + this.gYear);
this.wwrite("</B><BR>");
// Show navigation buttons
var prevYYYY = parseInt(this.gYear) - 1;
var nextYYYY = parseInt(this.gYear) + 1;
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\\" alt='Prev Year'><<<\\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"javascript:window.print();\\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\\">>><\\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for each month..
var j;
for (i=11; i>=0; i--) {
if (isIE)
this.wwrite("<DIV ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
else if (isNav)
this.wwrite("<LAYER ID=\\"layer" + i + "\\" CLASS=\\"lclass" + i + "\\">");
this.gMonth = i;
this.gMonthName = Calendar.get_month(this.gMonth);
vCode = this.getMonthlyCalendarCode();
this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
this.wwrite(vCode);
if (isIE)
this.wwrite("</DIV>");
else if (isNav)
this.wwrite("</LAYER>");
}
this.wwrite("</font><BR></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
var vCode = "";
vCode = vCode + "<TR>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
vCode = vCode + "</TR>";
return vCode;
}
Calendar.prototype.cal_data = function() {
var vDate = new Date();
vDate.setDate(1);
vDate.setMonth(this.gMonth);
vDate.setFullYear(this.gYear);
var vFirstDay=vDate.getDay();
var vDay=1;
var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
var vOnLastDay=0;
var vCode = "";
/*
Get day for the 1st of the requested month/year..
Place as many blank cells before the 1st day of the month as necessary.
*/
vCode = vCode + "<TR>";
for (i=0; i<vFirstDay; i++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' FACE='" + fontface + "'> </FONT></TD>";
}
// Write rest of the 1st week
for (j=vFirstDay; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
}
vCode = vCode + "</TR>";
// Write the rest of the weeks
for (k=2; k<7; k++) {
vCode = vCode + "<TR>";
for (j=0; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
if (vDay > vLastDay) {
vOnLastDay = 1;
break;
}
}
if (j == 6)
vCode = vCode + "</TR>";
if (vOnLastDay == 1)
break;
}
// Fill up the rest of last week with proper blanks, so that we get proper square blocks
for (m=1; m<(7-j); m++) {
if (this.gYearly)
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
else
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
}
return vCode;
}
Calendar.prototype.format_day = function(vday) {
var vNowDay = gNow.getDate();
var vNowMonth = gNow.getMonth();
var vNowYear = gNow.getFullYear();
if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
return ("<FONT COLOR=\\"RED\\"><B>" + vday + "</B></FONT>");
else
return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
var i;
// Return special formatting for the weekend day.
for (i=0; i<weekend.length; i++) {
if (vday == weekend[i])
return (" BGCOLOR=\\"" + weekendColor + "\\"");
}
return "";
}
Calendar.prototype.format_data = function(p_day) {
var vData;
var vMonth = 1 + this.gMonth;
vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
var vY4 = new String(this.gYear);
var vY2 = new String(this.gYear.substr(2,2));
var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
switch (this.gFormat) {
case "MM\\/DD\\/YYYY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
break;
case "MM\\/DD\\/YY" :
vData = vMonth + "\\/" + vDD + "\\/" + vY2;
break;
case "MM-DD-YYYY" :
vData = vMonth + "-" + vDD + "-" + vY4;
break;
case "MM-DD-YY" :
vData = vMonth + "-" + vDD + "-" + vY2;
break;
case "DD\\/MON\\/YYYY" :
vData = vDD + "\\/" + vMon + "\\/" + vY4;
break;
case "DD\\/MON\\/YY" :
vData = vDD + "\\/" + vMon + "\\/" + vY2;
break;
case "DD-MON-YYYY" :
vData = vDD + "-" + vMon + "-" + vY4;
break;
case "DD-MON-YY" :
vData = vDD + "-" + vMon + "-" + vY2;
break;
case "DD\\/MONTH\\/YYYY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY4;
break;
case "DD\\/MONTH\\/YY" :
vData = vDD + "\\/" + vFMon + "\\/" + vY2;
break;
case "DD-MONTH-YYYY" :
vData = vDD + "-" + vFMon + "-" + vY4;
break;
case "DD-MONTH-YY" :
vData = vDD + "-" + vFMon + "-" + vY2;
break;
case "DD\\/MM\\/YYYY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY4;
break;
case "DD\\/MM\\/YY" :
vData = vDD + "\\/" + vMonth + "\\/" + vY2;
break;
case "DD-MM-YYYY" :
vData = vDD + "-" + vMonth + "-" + vY4;
break;
case "DD-MM-YY" :
vData = vDD + "-" + vMonth + "-" + vY2;
break;
default :
vData = vMonth + "\\/" + vDD + "\\/" + vY4;
}
return vData;
}
function Build(p_item, p_month, p_year, p_format) {
var p_WinCal = ggWinCal;
gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
// Customize your Calendar here..
gCal.gBGColor="white";
gCal.gLinkColor="black";
gCal.gTextColor="black";
gCal.gHeaderColor="darkgreen";
// Choose appropriate show function
if (gCal.gYearly) gCal.showY();
else gCal.show();
}
function show_calendar() {
/*
p_month : 0-11 for Jan-Dec; 12 for All Months.
p_year : 4-digit year
p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
p_item : Return Item.
*/
p_item = arguments[0];
if (arguments[1] == null)
p_month = new String(gNow.getMonth());
else
p_month = arguments[1];
if (arguments[2] == "" || arguments[2] == null)
p_year = new String(gNow.getFullYear().toString());
else
p_year = arguments[2];
if (arguments[3] == null)
p_format = "MM/DD/YYYY";
else
p_format = arguments[3];
vWinCal = window.open("", "Calendar",
"width=250,height=250,status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
// Load the defaults..
if (p_year == null || p_year == "")
p_year = new String(gNow.getFullYear().toString());
if (p_format == null || p_format == "")
p_format = "MM/DD/YYYY";
var vWinCal = window.open("", "Calendar", "scrollbars=yes");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, null, p_year, p_format);
}
<!-- STEP TWO: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script language="JavaScript" src="date-picker.js"></script>
</HEAD>
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 17.17 KB -->
<end node> 5P9i0s8y19Z
<node>email
1
<!-- ONE STEP TO INSTALL EMAIL ADDRESS PROTECTOR:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
user = "username";
site = "yoursite.com";
document.write('<a href=\\"mailto:' + user + '@' + site + '\\">');
document.write(user + '@' + site + '</a>');
// End -->
</SCRIPT>
******************************************************************************
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
******************************************************************
<!-- THREE STEPS TO INSTALL SUBMIT ONCE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var submitcount=0;
function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}
function checkFields() { // field validation -
if ( (document.emailform.name.value=="") || // checks if fields are blank.
(document.emailform.email.value=="") || // More validation scripts at
(document.emailform.comments.value=="") ) // forms.javascriptsource.com
{
alert("Please enter your name, email, and comments then re-submit this form.");
return false;
}
else
{
if (submitcount == 0)
{
submitcount++;
return true;
}
else
{
alert("This form has already been submitted. Thanks!");
return false;
}
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="reset()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
<input type=hidden name=to value="you@your-website-address-here.com">
<input type=hidden name=subject value="Feedback Form">
<pre>
Your Name: <input type=text name="name">
Your Email: <input type=text name="email">
Comments?
<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
<input type=submit value="Submit Form!">
[ Click the submit button twice to see the script in action ]
</pre>
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.05 KB -->
<end node> 5P9i0s8y19Z
<node>E-Mail
2
<end node> 5P9i0s8y19Z
<node>Auto-Email Notification
3
http://members.nbci.com/_XMCM/yoboseyo/login/pwmake.htm
Auto-Email Notification
If you want to have email from anyone who visits your page
you need only have a form with one button.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form name="f" action="mailto:you@your.com" method="post">
<input type="submit" name="b" value=".">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
In the <body> tag you need to activate the form by clicking
on the button. <body onload="document.f.b.click();">
<end node> 5P9i0s8y19Z
<node>Fax
3
<A HREF="mailto:Fax: (970) 686-1100">Fax: (970) 686-1100</A>
<end node> 5P9i0s8y19Z
<node>Fill-In
3
http://wsabstract.com/script/script2/mailbutton.shtml
---
Featured new script- Email Me button
This simple but practical script render a "email me" button that, when clicked on, launches your visitor's default email program with the "To", "CC", and "Subject" line all filled in already.
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<FORM>
<INPUT TYPE="button" VALUE="Contact Us" onClick="parent.location='mailto:you@youremail.com?subject=The subject you want to appear&cc=you2@youremail.com'">
</FORM>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>New subject
3
http://www.x-developer.com/javascript/content/buttons/mail-button-subject/index.html
Mail Button with Subject
Action: Sends an E-Mail withsubject predefined.
Usage: Your visitors won'thave to type message subject any more.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<FORM>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <INPUT TYPE=button VALUE="Mail Button with Subject" onClick=parent.location='mailto:developer@x-developer.com?subject=Hello!'>
</FORM>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>E-Mail Buttons
2
A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated
= = = = = = = = = = = = = = =
<!-- ONE STEP TO INSTALL E-MAIL BUTTON:
1. Paste the coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me" onClick="parent.location='mailto:antispammer@earthling.net'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me - Subject Predetermined" onClick="parent.location='mailto:spammer@earthling.net?subject=This Is The Pre-determined Subject'">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.70 KB -->
<end node> 5P9i0s8y19Z
<node>Subject E-Mail
3
Let your visitors send you e-mail with a predetermined subject!
--------------------------------------------------------------------------------
<!-- ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document -->
<!-- STEP ONE: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.57 KB -->
<end node> 5P9i0s8y19Z
<node>Mailing List U/D
2
http://www.x-developer.com/javascript/content/forms/mailing-list/index.html
Mailing List Browser : ALL
Action: Mailing list submitting form with basic validation.
Usage: Saves time for a visitor when signing for your mailing
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function resetform() {
document.forms[0].elements[1]=="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\\n You are about to e-mail your submission. \\n\\nYES to submit. NO to abort."))
{
alert("\\nYour submission will now be sent. \\n\\n Use the Return Button once the submission is complete to return to my home page.\\n\\n\\n Thank you for joining our mailing list!");
return true;
}
else
{
alert("\\n You have chosen to abort the submission.");
return false
}
else return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert ("\\n The E-Mail field is blank. \\n\\n Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\\n The E-Mail field requires a \\"@\\" and a \\".\\"be used. \\n\\nPlease re-enter your E-Mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\\n The First Name field is blank. \\n\\n Please enter your first name.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\\n The Last Name field is blank. \\n\\nPlease enter your last name.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\\n The Address field is blank. \\n\\nPlease enter your address.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\\n The City field is blank. \\n\\nPlease enter your city.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\\n The state field is blank.\\n\\nPlease enter your state.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\\n The Zip code field is blank. \\n\\nPlease enter your Zip code.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
</SCRIPT>
<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:developer@x-developer.com?subject=Mailing List' onSubmit="return submitForms()">
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#1018BF">
<tr valign=baseline> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Email Address:</font> </b></font></TD>
<TD> <input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">First Name:</font> </b></font></TD>
<TD> <input type=text name="First Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Last Name:</font> </b></font></TD>
<TD> <input type=text name="Last Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Address:</font> </b></font></TD>
<TD> <input type=text name="Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">City:</font> </b></font></TD>
<TD> <input type=text name="City" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">State:</font> </b></font></TD>
<TD> <input type=text name="State" size=10,1 maxlength=25>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Zip Code:</font> </b></font></TD>
<TD> <input type=text name="Zip" size=20,1 maxlength=35>
</TD>
</tr>
</TABLE>
<br>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Files
1
you can use split method. for example, if the content of file is on
fileContent variable then you can simply use:
fileLines=fileContent.split("\\n")
first line will be:
fileLines[0]
second:
fileLines[1]
third:
fileLines[2]
.....
and the number of lines:
fileLines.length
2. Using a web page and ActiveX objects (Internet Explorer only)
Using ActiveX objects gives you many possibilities, but there are two distinct disadvantages:
You need a web page to run your JavaScript, and
ActiveX objects only work with the Internet Explorer browser.
When using extensions, all you need to do is select Build / Execute from the menu and let JavaScript Editor do the job.
Example 1 (using extensions): Reading a file
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FileRead.js, and
4. Select Build / Execute from the menu.
Note: If you do not save the file, getScriptPath() below will return an empty string.
// This example shows file manipulation routines: it echoes
// the contents of itself (the script file).
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
fh = fopen(getScriptPath(), 0); // Open the file for reading
if(fh!=-1) // If the file has been successfully opened
{
length = flength(fh); // Get the length of the file
str = fread(fh, length); // Read in the entire file
fclose(fh); // Close the file
// Display the contents of the file
write(str);
}
Example 2 (using extensions): Listing files in a folder
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FolderExample.js, and
4. Select Build / Execute from the menu.
Note: if you do not save the file, getCurrentFolder() below will return an empty string.
// This example shows folder manipulation routines: it lists
// the contents of the current folder.
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
write("The contents of " + getCurrentFolder());
fileName = findFirstFile("*.*"); // Find the first file matching the filter
while(fileName.length)
{
write(fileName);
fileName = findNextFile(); // Find the next file matching the filter
}
Example 3 (using extensions): Writing a file using JavaScript
Writing files using JavaScript and built-in extensions is straightforward: open the file for writing, write to a file and close a file.
1. Run JavaScript Editor
2. Copy and paste the code below
3. (Optional) Save the file as WriteFileExample.js, and
4. Select Build / Execute from the menu.
function WriteFile()
{
var fh = fopen("c:\\\\MyFile.txt", 3); // Open the file for writing
if(fh!=-1) // If the file has been successfully opened
{
var str = "Some text goes here...";
fwrite(fh, str); // Write the string to a file
fclose(fh); // Close the file
}
}
WriteFile();
Example 4 (using ActiveX and a web page): Listing available drives
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as DriveList.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language=JavaScript>
function ShowAvailableDrives()
{
document.write(GetDriveList());
}
function GetDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += ":- ";
if (x.DriveType == 3) n = x.ShareName;
else if (x.IsReady) n = x.VolumeName;
else n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
} while (!e.atEnd());
return(s);
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language=JavaScript> ShowAvailableDrives(); </SCRIPT>
</P>
</BODY>
</HTML>
Example 5 (using ActiveX and a web page): Writing a file using JavaScript
Writing files via ActiveX is slightly more involved than using JavaScript Editor extensions: you create an instance of a FileSystemObject, create a file, write to it, and close it.
In addition, you cannot run the code on its own, it needs to be a part of a web page or a stand-alone HTML Application (HTA).
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as WriteFileX.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function WriteFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.CreateTextFile("c:\\\\Test.txt", true);
fh.WriteLine("Some text goes here...");
fh.Close();
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language="JavaScript"> WriteFile(); </SCRIPT>
</P>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>FORMS
1
if (name !== null && password !== null){
var location=name +'support'+ password + '.html';
window.status=null
document.location.href = location;
}
<end node> 5P9i0s8y19Z
<node>Add ToCombo
2
http://www.x-developer.com/javascript/content/forms/add-to-list/index.html
Add To List Browser : ALL
Action: Adds data as you enter it in the form and stores it in memory for later use.
Usage: Create small amounts of data that can be sent later via form mail.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<FORM name="history">
<center>
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</center>
</FORM>
<P> <SCRIPT language="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length - 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}
function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\\n";
alert( allCmmnds );
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Agree on Entry
2
http://www.x-developer.com/javascript/content/forms/agree-entry/index.html
Agree on Entry Browser : ALL
Action: Allows you to enter data only after you check the I Agree radio button.
Usage: You can force a visitor to Agree when submitting a form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
agree = 0; // 0 means 'no', 1 means 'yes'
</script>
<center>
<form name=enableform>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">
<b>I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">
I disagree<br>
Please enter your name: </b> <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Box Input Limit
2
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
=====================================
http://www.x-developer.com/javascript/content/forms/box-limit/index.html
http://capsule.bayside.net/
Box Input Limit Browser : ALL
Action: Limits amount of characters written in the form textbox.
Usage: Prevent users from entering too long messages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Glenn Wang (brief@ix.netcom.com) -->
<!-- Web Site: http://capsule.bayside.net/ -->
<!-- --------------------------------------------------- -->
function checkchars(form) {
var max=15;
if (form.chars.value.length > max) {
alert("Please do not enter more than 15 characters. Please shorten your entry and submit again.");
return false;
}
else return true;
}
</script>
<center>
<form onsubmit="return checkchars(this)">
<textarea rows=5 cols=30 name=chars wrap=virtual></textarea>
<br>
<input type=submit value="Submit!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>checkbox
2
<end node> 5P9i0s8y19Z
<node>CheckBox Checker
3
<SCRIPT LANGUAGE="JavaScript">
<!--
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group...
// Pass the Checkbox group name...
// call buttons as so:
// <input type=button name="CheckAll" value="Check All"
//onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
//onClick="uncheckAll(document.myform.list)">
// -->
<!-- Begin
function checkAll(field)
{
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
field[i].checked = false ;
}
// End -->
</script>
Here is the HTML:
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>
=======================================================
http://www.x-developer.com/javascript/content/forms/checker/index.html
mailto:stevejr@ce.net
CheckBox Checker Browser : ALL
Action: Controls checkbox appearance in your form.
Usage: Help a visitor control checkboxes easily.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Modified By: Steve Robison, Jr. (stevejr@ce.net) -->
<!-- --------------------------------------------------- -->
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=myform action="" method=post>
<table bgcolor="#00007F" border="3">
<tr> <td> <font color="#FFFFFF"><b>Your Favorite Scripts & Languages<br>
<input type=checkbox name=list value="1">
Java<br>
<input type=checkbox name=list value="2">
JavaScript<br>
<input type=checkbox name=list value="3">
ASP<br>
<input type=checkbox name=list value="4">
HTML<br>
<input type=checkbox name=list value="5">
SQL</b><br>
<br>
<input type=button value="Check All" onClick="this.value=check(this.form.list)">
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>VBcode
4
If chMultiple.Value = 1 Then
Print #2, "<SCRIPT LANGUAGE='JavaScript'>"
Print #2, "function checkAll(field1){"
Print #2, Spc(4); "for (i = 0; i < field1.length; i++)"
Print #2, Spc(8); "field1[i].checked = true;"
Print #2, Spc(4); "}"
Print #2, Spc(0); "</script>"
End If
<end node> 5P9i0s8y19Z
<node>CheckBox Limit
3
http://www.x-developer.com/javascript/content/forms/check-box-limit/index.html
CheckBox Limit Browser : ALL
Action: Limits number of selected checkboxes.
Usage: Prevent a visitor from selecting too many checkboxes.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script type="text/javascript">
<!--
var numChecked = 0;
var maxChecked = 4000 // checked boxes limit
function getChecked() { // checks to see if any boxes are selected by default
myForm = document.count
for (i=0; i<myForm.elements.length; i++) {
if (myForm.elements[i].type == "checkbox" && myForm.elements[i].checked){
numChecked++
}
}
}
function checkCheck(theBox) {
if (theBox.checked) {
if (numChecked == maxChecked){
theBox.checked = false
}
else{
numChecked++
}
}
else{
//numChecked--
return true
}
document.getElementById("display_count").innerHTML=numChecked
}
// include onload="getChecked()" in the opening BODY tag
//-->
</script>
<form name="count">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
</form>
A checkbox has been selected <span id="display_count"></span> times
</center>
======================================
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function countChoices(obj) {
max = 2; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'
if (count > max) {
alert("Oops! You can only choose up to " + max + " choices! \\nUncheck an option if you want to pick another.");
obj.checked = false;
}
}
</script>
<center>
<form>
<p> <input type=checkbox name=box1 onClick="countChoices(this)">
<b>Section 1 </b> <p> <b> <input type=checkbox name=box2 onClick="countChoices(this)">
Section 2 </b> <p> <b> <input type=checkbox name=box3 onClick="countChoices(this)">
Section 3 </b> <p> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>is checked
3
The form must have a name. And the checkbox fields must have a name. Here is an example:
<form
name="myform"
method="POST"
action="/cgi-bin/script.cgi">
<input
type="checkbox"
name="box1"
value="yes1">
<input
type="checkbox"
name="box2"
value="yes2">
<input
type="submit"
onClick="DoTheCheck()">
</form>
The above form's name is "myform". The checkbox's names are "box1" and "box2".
Here is JavaScript that will check whether or not the checkboxes are checked and display an alert box with the answer. It is function DoTheCheck() that the above form calls when the submit button is clicked. The JavaScript can be in the HEAD area or in the BODY area, so long as it is above the form it manipulates.
function DoTheCheck() {
if(document.myform.box1.checked == true)
{ alert('box1 is checked'); }
if(document.myform.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.myform.box2.checked == true)
{ alert('box2 is checked'); }
if(document.myform.box2.checked == false)
{ alert('box2 is not checked'); }
}
The format is the word "document," a period, the name of the form, a period, the name of the checkbox field, a period, and the word "checked."
If you want to check a checkbox with JavaScript, use:
document.myform.box1.checked = true;
Notice that when you consult the checkbox to see whether or not it is checked, you use two consecutive equals characters; and when you assign a check to the checkbox, you use only a single equals character. The single use means "make it equal to ______." The doubled use determines "whether or not it already is equal to ______."
If you want to un-check a checkbox with JavaScript, use:
document.myform.box1.checked = false;
Now you know how to determine whether or not a checkbox is already checked and you can check or uncheck it.
Before we present the examples, let's learn how to determine the value of a checkbox.
Simply replace the word "checkbox" with the word "value". The value is the value as specified in the form itself (unless JavaScript is used to change that value). When you consult the checkbox to determine its value, it will provide the value whether or not it is checked. For example, this will display an alert box with the value of box1 as the message:
alert(document.myform.box1.value);
To display the alert box only if the checkbox is checked, do this:
if(document.myform.box1.checked == true)
{ alert(document.myform.box1.value); }
If you need to change the value of a checkbox with JavaScript, do something like this:
document.myform.box1.value = "new value";
<end node> 5P9i0s8y19Z
<node>CheckBox Text
2
http://www.x-developer.com/javascript/content/forms/checkbox-text/index.html
CheckBox Text Browser : ALL
Action: Checks and unchecks a checkbox when you click on the text near it.
Usage: Simplify checkbox checking for your visitors.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: trs2005@yahoo.com -->
<!-- Modified by: Ronnie T. Moore, Editor -->
<!-- --------------------------------------------------- -->
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')"><b>Clicking this text also checks the box to the left.</b></span> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>combo double
2
alert(document.mainForm.billingstate.options[document.mainForm.billingstate.selectedIndex].value);
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://javascriptkit.com">JavaScript Kit</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
<end node> 5P9i0s8y19Z
<node>Helper
2
http://www.x-developer.com/javascript/content/forms/helper/index.html
Helper Browser : ALL
Action: Popups a help window with item description.
Usage: Helps a visitor understand what to write. Supports copy info feature.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
</script>
<center>
<form name=form method=post action="/cgi-bin/your-script.cgi">
<b>User Name: <input type=text name="username" size=10>
<a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> <br>
Password: <input type=text name="password" size=10>
<a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a> </b> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>No Bad Words
2
http://www.x-developer.com/javascript/content/forms/no-bad-words/index.html
No Bad Words Browser : ALL
Action: Replaces bad words with @#$%& characters.
Usage: Prevents you from getting mail with bad words.
Author: ISN Toolbox Homepage ... http://www.infohiway.com/
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Cut-N-Paste JavaScript - ISN Toolbox -->
<!-- Web Site: http://www.infohiway.com/ -->
<!-- --------------------------------------------------- -->
function smutEngine() {
smut="#@&*%!#@&*%!#@&*%!";
cmp="sex babes shit fuck damn porno cum cunt prick pecker ass "
+"asshole pedophile man-boy man/boy dong twat ";
txt=document.isn.dirt.value;
tstx="";
for (var i=0;i<16;i++){
pos=cmp.indexOf(" ");
wrd=cmp.substring(0,pos);
wrdl=wrd.length
cmp=cmp.substring(pos+1,cmp.length);
while (txt.indexOf(wrd)>-1){
pos=txt.indexOf(wrd);
txt=txt.substring(0,pos)+smut.substring(0,wrdl)
+txt.substring((pos+wrdl),txt.length);
}
}
document.isn.dirt.value=txt;
}
</SCRIPT>
<CENTER>
<FORM NAME="isn">
<DIV ALIGN=CENTER> <INPUT TYPE="text" NAME="dirt" SIZE=40 VALUE="">
<BR>
<INPUT TYPE="button" NAME="smut1" VALUE=" Submit " onClick="smutEngine(this.form)">
</DIV>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Pass Value from PopUp
2
http://www.x-developer.com/javascript/content/forms/pass-value/index.html
http://www.fortunecity.com/lavendar/lavender/21/
Pass Value Browser : ALL
Action: Passes value from a popup options window to main page.
Usage: Let your visitors pick items from small window and then pass values to the main window.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Pankaj Mittal (pankajm@writeme.com) -->
<!-- Web Site: http://www.fortunecity.com/lavendar/lavender/21 -->
<!-- --------------------------------------------------- -->
function small_window(myurl) {
var newWindow;
var props = 'scrollBars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=300,height=200';
newWindow = window.open(myurl, "Add_from_Src_to_Dest", props);
}
// Adds the list of selected items selected in the child
// window to its list. It is called by child window to do so. function addToParentList(sourceList) {
destinationList = window.document.forms[0].parentList;
for(var count = destinationList.options.length - 1; count >= 0; count--) {
destinationList.options[count] = null;
}
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
destinationList.options[i] = new Option(sourceList.options[i].text, sourceList.options[i].value );
}
}
// Marks all the items as selected for the submit button. function selectList(sourceList) {
sourceList = window.document.forms[0].parentList;
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
sourceList.options[i].selected = true;
}
return true;
}
// Deletes the selected items of supplied list.
function deleteSelectedItemsFromList(sourceList) {
var maxCnt = sourceList.options.length;
for(var i = maxCnt - 1; i >= 0; i--) {
if ((sourceList.options[i] != null) && (sourceList.options[i].selected == true)) {
sourceList.options[i] = null;
}
}
}
</script>
<center>
<form method=post>
<table border=3 bgcolor="#00007F">
<tr>
<td>
<select size=5 name=parentList multiple>
</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button value="Add Item" onclick = "javascript:small_window('demo-1.html');">
<input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Preload TEXT BOXES
2
Form called Enter and text Boxes FName and LName
var dog=GetCookie('hbaweblink');
if (dog !== null ){
var name=GetCookie('hbaname')
Enter.FName.value=name
var password=GetCookie('hbapassword')
Enter.LName.value=password
}
<end node> 5P9i0s8y19Z
<node>radiobuttons
2
<body bgcolor="#ffffff">
<form method="post" action="tbl_addfield.php">
<input type="radio" name="field_where" id="radio_field_where_last" value="last" checked="checked" /><label for="radio_field_where_last">At End of Table</label>
<input type="radio" name="field_where" id="radio_field_where_first" value="first" /><label for="radio_field_where_first">At Beginning of Table</label>
<input type="radio" name="field_where" id="radio_field_where_after" value="after" /><label for="radio_field_where_after">After </label>
<select name="after_field" style="vertical-align: middle" onclick="this.form.field_where[2].checked=true" onchange="this.form.field_where[2].checked=true"><option value="cartid">cartid</option>
<option value="sessionid">sessionid</option>
<option value="productid">productid</option>
<option value="productattributes">productattributes</option>
<option value="quantity">quantity</option>
<option value="updated">updated</option>
</select>
<input type="submit" value="Go" style="vertical-align: middle" />
</form>
======================================================================
function getValue()
{
//////////////////////////////////////////////////////////////
// The variable 'msg' will hold the messages we want to
// appear in the message box. The 'check' varable, which
// we are setting to zero, will check to see if any values
// have been selected.
//////////////////////////////////////////////////////////////
var msg = "";
var check = 0;
//////////////////////////////////////////////////////////////
// We create a for loop that tests each radio box in turn,
// checking their values. The value is inserted into the
// 'msg' variable along with a message. We also set the value
// of 'check' to 1, if any values were selected.
//////////////////////////////////////////////////////////////
for (var i = 0; i < 4; i++)
{
var checked = document.testForm.test[i].checked;
if (checked)
{
msg += "The selected value is: " + (document.testForm.test[i].value) + "\\n";
check = 1;
}
}
//////////////////////////////////////////////////////////////
// If the check value is equivalent to one, we alert the
// message constructed above. If it is not equal to one,
// we alert that no value was selected.
//////////////////////////////////////////////////////////////
if (check == 1)
{
alert (msg);
}
else
{
alert ("No value was selected.");
}
}
// End Hide -->
</script>
======================================================
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
<end node> 5P9i0s8y19Z
<node>submit
2
FORMS SUGGESTION
<!-- THREE STEPS TO INSTALL SUGGESTIONS:
1. Paste the coding into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. Put the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function leaptoIntro() {
window.location="http://javascript.internet.com"
}
function About() {
alert("\\nHave a suggestion for a JavaScript example?\\n\\nFill out the form and submit it. I will see what I can do.\\n\\nPlease be as specific as possible.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\\nYour submission is about to be sent.\\n\\nClick YES to submit.\\n\\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\\nThe NAME field is blank.\\n\\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\\nThe NAME field only accepts letters & spaces.\\n\\nPlease re-enter your name.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\\nYou've changed your browser type.\\n\\nClick YES to keep changes.\\n\\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\\nThe SUGGESTION field is blank.\\n\\nPlease enter your suggestion.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>
<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->
<BODY onLoad="Reset()">
<!-- STEP THREE: Copy this code into the BODY your HTML document -->
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:you@yourdomain.com?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your suggestion(s):</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit">
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.82 KB -->
<end node> 5P9i0s8y19Z
<node>Tabs on Enter
2
http://www.x-developer.com/javascript/content/forms/tabs-enter/index.html
http://javascript.internet.com/
Tabs on Enter Browser : ALL
Action: Puts cursor to next form section when hitting Enter button.
Usage: Saves time for a visitor when moving to different sections of the form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Ronnie T. Moore -->
<!-- Web Site: The JavaScript Source -->
<!-- --------------------------------------------------- -->
nextfield = "box1"; // name of first box on page
netscape = "";
ver = navigator.appVersion; len = ver.length;
for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
netscape = (ver.charAt(iln+1).toUpperCase() != "C");
function keyDown(DnEvents) { // handles keypress
// determines whether Netscape or Internet Explorer
k = (netscape) ? DnEvents.which : window.event.keyCode;
if (k == 13) { // enter key pressed
if (nextfield == 'done') return true; // submit, we finished all fields
else { // we're not done yet, send focus to next box
eval('document.yourform.' + nextfield + '.focus()');
return false;
}
}
}
document.onkeydown = keyDown; // work together to analyze keystrokes
if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
</script>
<center>
<form name=yourform>
<b>Box 1: <input type=text name=box1 onFocus="nextfield ='box2';">
<br>
Box 2: <input type=text name=box2 onFocus="nextfield ='box3';">
<br>
Box 3: <input type=text name=box3 onFocus="nextfield ='box4';">
<br>
Box 4: <input type=text name=box4 onFocus="nextfield ='done';">
</b><br>
<input type=submit name=done value="Submit">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Select
2
If you have a select element that looks like this:
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
Running this code:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
Would make strUser be 2. If what you actually want is test2, then do this:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;
Which would make strUser be test2
var e = document.getElementById("ddlViewBy");
var SELIndex = e.selectedIndex
if (SELIndex==0){
error_message = error_message + '*Select something from xx.\\n';
error = 1;
}
<end node> 5P9i0s8y19Z
<node>Hide sections
1
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here's how.
Step 1
Place this code between the <head> tags in your webpage.
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','thiscanbeanything');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href="javascript:switchid('a1');">show a1</a>
<a href="javascript:switchid('a2');">show a2</a>
<a href="javascript:switchid('a3');">show a3</a>
<a href="javascript:switchid('thiscanbeanything');">show 'thiscanbeanything'</a></p>
<hr/>
<div id='a1' style="display:block;">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id='a2' style="display:none;">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
"Qu'est-ce que la littérature?" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author's)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id='a3' style="display:none;">
<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
</div>
<div id='thiscanbeanything' style="display:none;">
<h3>This content is in a div with id "thicanbeanything"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre's
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
"loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man's life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the "solidarity" of others.</p>
</div>
<end node> 5P9i0s8y19Z
<node>+/-
2
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
<h2 style="margin:0px 0px 0px 0px;">
<input id="bt13" type="button" onclick="showdiv(13);" value="+"></input>
Booth Rent
</h2>
<div id="13" style="display:none">
<end node> 5P9i0s8y19Z
<node>Iframe
1
[resize]
<script language="JavaScript">
<!--
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>
<IFRAME SRC="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>
<end node> 5P9i0s8y19Z
<node>images
1
<end node> 5P9i0s8y19Z
<node>IMAGE .. Slide Shows
2
<end node> 5P9i0s8y19Z
<node>(increment preload image)
3
http://wsabstract.com/script/script2/incrementslide.shtml
= = = = =
JavaScript Slideshow (increment preload image)
Description: This is a unique slideshow script that, unlike most other, will intelligently preload its images one at a time, while the preceding image is being shown. The script will actually "wait" until the next image is successfully preloaded before continuing, trying again if not. Contrast that to other slideshow scripts, which mindlessly preload all of their images beforehand. Use this script if your slideshow contains a lot of heavy duty images, and you don't want your visitors to wait forever (literally) before he/she can see the slide.
= = = = =
Directions:
Simply add the below where you wish the slideshow to appear. Configure the first two lines in the script, AND also, the <IMG> src in the HTML portion.
= = = = =
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
Script by FPMC at http://jsarchive.8m.com
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]
//set corresponding urls
url = ["http://freewarejava.com", "http://wsabstract.com", "http://dynamicdrive.com", "http://www.geocities.com"]
//set duration for each image
duration = 4;
//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</SCRIPT>
<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;"
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
<end node> 5P9i0s8y19Z
<node>Automatically Changing Slide Show Script
3
http://www.java-scripts.net/image/image3.shtml
Automatically Changing Slide Show Script
This script is similar to the Slide Show Script, but it automatically changes the image for the user.
Description: This script allows you to display a "Slide Show" where the images automatically change by themselves according to a set interval.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!--Two steps to installing this script-->
<!--1) Copy everything below, and paste in HEAD section of page-->
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<!--2) Copy below, and paste in BODY section of page-->
<!--To configure images, refer to comments below-->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif","img2.gif","img3.gif")
slideshowlinks("http://wsabstract.com","http://dynamicdrive.com","http://java-scripts.net")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>BannerAdds
3
<!-- ONE STEP TO INSTALL BANNER ADS:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\\"' + url + '\\" target=\\"_top\\">');
document.write('<img src=\\"' + banner + '\\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\\"' + alt + '\\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.44 KB -->
<end node> 5P9i0s8y19Z
<node>Image Cycler
3
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs (dkh2@po.cwru.edu) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
<end node> 5P9i0s8y19Z
<node>Image Slideshow
3
http://javascript.internet.com/miscellaneous/image-slideshow.html
The JavaScript Source: Miscellaneous: Image Slideshow
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 3.24 KB -->
<end node> 5P9i0s8y19Z
<node>imagefader
3
<!-- ONE STEP TO INSTALL LOGO FADER:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif" width=548 height=55>
</div>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth - 16 : document.body.offsetWidth - 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ?
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ?
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// --------------- User modifiable variables ----------------------
//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position
var useAnchorPosition = false; // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2)); // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5; // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10; // sets the scroll speed
// ------------------------------------------------------------------
function scrollLogo() {
if (cnt == 0) {
up-- ; dn++;
if (up < -10) {
right = logoWidth;
left = 0;
upDown = -scrollInc;
cnt++;
}
eval(clipLogoVert);
}
if (cnt == 1) {
right += upDown;
left -= upDown;
if (right < halfWidth-40) {
right = halfWidth;
left = halfWidth;
upDown = scrollInc;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 2) {
right += upDown;
left -= upDown;
if (right > logoWidth+20) {
right = logoWidth;
left = 0;
up = 0;
dn = logoHeight;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 3) {
up++;
dn--;
if (dn < halfHeight - 10) {
up = halfHeight;
dn = halfHeight;
right = logoWidth;
left = 0;
upDown = scrollInc;
cnt = 0;
}
eval(clipLogoVert)
}
setTimeout("scrollLogo()", scrollSpeed);
}
if (! is.oldVer)window.onload = init;
function init() {
positionLogo();
scrollLogo();
}
var L, T;
var pos = (is.NS4) ? pos = document.anchors['logoAnchor'] : document.all['logoAnchor'];
var posStr = (is.NS4) ? 'L = pos.x ; T = pos.y' : 'L = pos.offsetLeft; T = pos.offsetTop';
function positionLogo() {
if (! useAnchorPosition) return;
eval(posStr);
myLogo.top = T;
myLogo.left = L;
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>Left-Right Image Slideshow
3
http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm
= = = = = = = = = = =
Left-Right Image Slideshow Script: All browsers
Script works with Netscape 4+ AND Internet Explorer 4+NS
Credits: Dynamic Drive (00/06/19)
Description: This ultra cool slideshow displays a gallery of images from left to right, one at a time, and pauses between each image. You can even hyperlink the images should you wish!
= = = = = = = = = = =
Simply add the below where you wish the slideshow to appear:
= = = = = = = = = = =
<script language="JavaScript1.2">
/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=100
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'
slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'
slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'
slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'
slideimages[4]='<img src="../dynamicindex4/cake.gif">'
//extend this list
///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
<node>Manual slide show
3
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm
= = = = = = = = = = = = = = == =
DHTML Slide Show Script All
Credits: Dynamic Drive
Description: If you ever need a manual slide show script, this is the one to use. We designed it to be highly versatile, lightweight, and functional in all browsers, even NS 3. Here are some attributes of this lively DHTML slideshow script:
Slideshow works in all NS 3+ and IE 4+ browsers (yes, that includes NS 6 as well)
Script can be set so each image is clickable with it's own unique URL (through the toggling of a single variable)
All images in the slideshow are automatically preloaded on page load to ensure a smooth transition between image changes.
Script displays in the status bar which image the user is currently viewing (image #)
IE 4+ users will see a special random effect applied to the show during each image slide
There are a few variables you'll need to define. Please refer to documentation inside the script.
= = = = = = = = = = = = = = == =
Step 1: Add the below into the <head> section of your page:
<script language="JavaScript1.1">
/*
DHTML slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
Step 2: Insert the following where you wish the slideshow to appear in the BODY:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
<node>mouse rollover change
3
<html>
<head>
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Jabez Net rollover example - www.jabeznet.com</title>
<script type="text/javascript">
function loadImg(img){
var imgName = "big4"; // name of the big image
var srcs = ["big1.jpg","big1.jpg","big2.jpg","big3.jpg","big4.jpg"]; // array of SRC's for the big images
document.images[imgName].src=srcs[img];
}
</script>
</head>
<body>
<p align="center">
<a onmouseover="loadImg(0); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small1.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(2); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small2.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(3); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small3.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
</p>
<p align="center"> </p>
<p align="center"> <img src="big4.jpg" alt="Big 4" style="width: 400px; height: 404px;" name="big4" border="2"></p>
</p>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>waRM HUGS
3
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'graphics/thm/tussiemuss';
Pic[1] = 'graphics/thm/cloche';
Pic[2] = 'graphics/thm/purseholde';
Pic[3] = 'graphics/thm/sprbasket';
Pic[4] = 'graphics/thm/Tape Measu';
Pic[5] = 'graphics/thm/window umb';
//Pic[0] = 'graphics/wh1.jpg'
// Pic[1] = 'graphics/wh2.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=2)"
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)
}
</script>
<body onload='runSlideShow()'>
<end node> 5P9i0s8y19Z
<node>WideSlide
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|07|04|JS_28870|JS_28870~xml.0.jhtml?cda=true#
WideSlide
Published 07/04/2000
By Neal Betts
Moving graphic gives 3d effect for browser sizes up to 1280 wide
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
========
<html>
<head>
<title>WideSlide</title>
<SCRIPT LANGUAGE="JavaScript">
var pos1=-5;
var pos2=-5;
var speed1 = Math.floor(Math.random()*5)+2;
var speed2 = Math.floor(Math.random()*5)+4;
function next() {
pos1 += speed1;
pos2 += speed2;
if (pos1 > 0) pos1 = -1152;
if (pos2 > 0) pos2 = -1152;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
}
else {
bg.style.left = pos1;
fg.style.left = pos2;
}
window.setTimeout("next();",30);
}
</SCRIPT>
</head>
<body onLoad="next();">
<DIV ID="bg" STYLE="position:absolute; left:0; top:0;
width:2304; height:49; visibility:show">
<img src="bg2.JPG" width=2304 height=49 alt="" border="0">
</DIV>
<DIV ID="fg" STYLE="position:absolute; left:0; top:49;
width:2304; height:27; visibility:show">
<img src="fg7.JPG" width=2304 height=27 alt="" border="0">
</DIV>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+2 face=arial><b><FONT COLOR=2B7D8E>Loading xxxxxxxxxxxxxx Loading</FONT></b></FONT></CENTER>
</td></tr>
</table><P><HR>
<table border=0 cellpadding=6 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+3 face=arial><b><FONT COLOR=2B7D8E>HIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHI</FONT></b></FONT></CENTER>
</td></tr>
</table>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>IMAGE..Effects
2
<end node> 5P9i0s8y19Z
<node>PicturePong
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|06|JS_30516|JS_30516~xml.0.jhtml?cda=true#
PicturePong lets your image wriggle through the webpage like a snake
Published 08/06/2000
By Peter Gehrig
Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware ... Language: Javascript
= = =
<html>
<head>
<TITLE>PicturePong lets your image wriggle through the webpage like a snake</TITLE>
<meta NAME="keywords" CONTENT="DHTML, JavaScript, animation, image, gif, Dynamic HTML,download, free, samples, applet">
<meta NAME="description" CONTENT="Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.">
</head>
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// PicturePong by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/6/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
// CONFIGURATION:
// Go to http://www.24fun.com, open category 'animation' and
// download the ZIP-file of this script containing
// the script-file with step-by-step instructions for easy configuration.
var your_image="testimage86.gif"
var tempo=40
var stepx=17
var stepy=17
var numberofimages=12
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// - End of JavaScript - -->
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
// - End of JavaScript - -->
</script>
<DIV id="deletethisblock" style="position:absolute;top:50px;left:50px;">
<font size=1 face=Verdana><ul><b>PicturePong: rush your favourite image through the webpage like a snake</b>
<li>Great script to enhance the visual impact of your webpage.
<li>PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage.
<li>Easy configuration of snake-length and speed.
<li>Crossbrowser.
</ul>
<ul>
<b>Configuration</b>
<li><a href="http://www.24fun.com" target="_blank">Go to http://www.24fun.com</a>, open category 'animation' and download the ZIP-file of this script containing the testimage and the script-file with step-by-step instructions for easy configuration.
<br>
<hr>
<a href="http://www.24fun.com" target="_blank">Download 350+ free funscripts from www.24fun.com</a><br><br>
<script src="http://www.24fun.com/affiliates/textteamon1.js"></script><br>
<script src="http://www.24fun.com/affiliates/textstickytools1.js"></script><br>
</font>
</ul>
</DIV>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Preload Images
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|05|JS_30468|JS_30468~xml.0.jhtml?cda=true#
PreLoad Images
Published 08/05/2000
By Adam
This script preloads images for faster loading and image flips. Just run the script don't view source
Version: 1.2
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
SCRIPT LANGUAGE="JavaScript">
<!--
/**************************************************
Written by Adam Weiss
http://www.geocities.com/Amweiss157/
adam_weiss@hotmail.com
Keep this intact if you want to use the script!
In this script only edit the line that ends in /****/
Between the parenthesis put all you imgages you want loaded
in 'single quotes' followed by a , with no spaces
**************************************************/
//--------------Preloads nav frame pics so they roll over faster
function preLoad()
{
var images = new Array('path/image.gif','path/image.gif'); /****/
preloadImages(images);
}
//--------------Defines process for preload
function preloadImages(images)
{
for(loop = 0; loop < images.length; loop++)
{
var image = new Image();
image.src = images[loop];
}
}
//-->
</SCRIPT>
Simba says Roar.
= = = = = = = = = = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>PreLoad Images By Wolf-Man</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"><br>
<!--<br>
/**************************************************<br>
Written by Adam Weiss<br>
http://www.geocities.com/Amweiss157/<br>
adam_weiss@hotmail.com<br>
Keep this intact if you want to use the script!<br>
In this script only edit the line that ends in /****/<br>
Between the parenthesis put all you imgages you want loaded<br>
in 'single quotes' followed by a , with no spaces <br>
**************************************************/<br>
<br>
//--------------Preloads nav frame pics so they roll over faster<br>
function preLoad()<br>
{<br>
var images = new Array('path/image.gif','path/image.gif'); /****/<br>
preloadImages(images);<br>
}<br>
<br>
//--------------Defines process for preload<br>
function preloadImages(images)<br>
{<br>
for(loop = 0; loop < images.length; loop++)<br>
{<br>
var image = new Image();<br>
image.src = images[loop];<br>
}<br>
}<br>
//--><br>
</SCRIPT><br>
Simba says Roar.<br>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>RANDOM
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30286|JS_30286~xml.0.jhtml?cda=true#
Random Images
Published 08/03/2000
By Maximum
I actually used to use this trick on an old website of mine, and I thought than rather just letting it go to waste, I'd post it here. Basically, you enter images that you want to display at random, and this script picks one out of the images and prints it. Very simple to customize as well.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
Here's the code; it's pretty self-explanatory. But since I figured a few people would have trouble, I commented the whole thing so its even easier :-)
<-- Start Random Image Coding -->
<Script Language="JavaScript">
<!--
//Insert the text/images to be randomized
var img1 = "http://www.yourwebsite.com/image1.gif"
var img2 = "http://www.yourwebsite.com/image2.gif"
var img3 = "http://www.yourwebsite.com/image3.gif"
//get a random number...
var randomize = Math.round(Math.random()*3)
//select text/image based on random number
if (randomize == 1){
newimg = img1
}else if (randomize == 2){
newimg = img2
}else{
newimg = img3
}
//output text/image
document.write('<IMG SRC="'+newimg+'">')
//-->
</Script>
<-- End Random Image Coding -->
There you have it. Just paste that to where you want random images to occur. [Free Tutorials]
http://www.tutorialindex.com/
<end node> 5P9i0s8y19Z
<node>PRE-LOADING
2
<end node> 5P9i0s8y19Z
<node>IMAGES
3
COPY AND PASTE INTO HEAD OF PAGE.
=================================================
<script language=javaScript>
//from www.a1javascripts.com
<!--//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//-->
</script>
=================================================
TO ADD MORE IMAGES, SIMPLY ADD
newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";
and so on...
******************************************************************************
http://www.wsabstract.com/script/script2/preloadimage.shtml
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Description: Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.
Directions: Simply insert the below into the <head> section of your page
Change the paths of the images to be preloaded to your own inside function preloadimages().
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
Preload images script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>PROTECT IMAGES
2
You can take the "No Right Click" script at
http://page-details.javascriptsource.com/no-right-click.html
and change the two lines that read:
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
So that they only set the protect function for the onmousedown effect of just the one image.
So, count what number the image is on the page. Count the first image on the page as zero (yes, it starts as zero not one) then the next as one, the next as two, etc. Until you find the number of the one you want to protect.
Then, change the two lines above to read:
document.images[4].onmousedown = right;
(where 4 is the number of the image you want to protect
<end node> 5P9i0s8y19Z
<node>Swap by click
2
<SCRIPT language="JavaScript">
<!--
// Image pre-loading
pic1 = new Image();
pic1.src = '../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg';
pic2 = new Image();
pic2.src = '../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg';
pic3 = new Image();
pic3.src = '../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg';
pic4 = new Image();
pic4.src = '../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg';
pic5 = new Image();
pic5.src = '../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg';
pic6 = new Image();
pic6.src = '../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg';
pic7 = new Image();
pic7.src = '../images/commerce/Diamond_K_Ranch/diamondk115_big.jpg';
pic8 = new Image();
pic8.src = '../images/commerce/Diamond_K_Ranch/diamonda115_big.jpg';
pic9 = new Image();
pic9.src = '../images/commerce/Diamond_K_Ranch/diamondb115_big.jpg';
pic10 = new Image();
pic10.src = '../images/commerce/Diamond_K_Ranch/diamondl115_big.jpg';
pic11 = new Image();
pic11.src = '';
pic12 = new Image();
pic12.src = '../images/commerce/Diamond_K_Ranch/diamondf115_big.jpg';
pic13 = new Image();
pic13.src = '../images/commerce/Diamond_K_Ranch/diamondi115_big.jpg';
pic14 = new Image();
pic14.src = '';
pic15 = new Image();
pic15.src = '';
pic16 = new Image();
pic16.src = '';
pic17 = new Image();
pic17.src = '';
pic18 = new Image();
pic18.src = '';
pic19 = new Image();
pic19.src = '';
pic20 = new Image();
pic20.src = '';
pic21 = new Image();
pic21.src = '';
pic22 = new Image();
pic22.src = '';
pic23 = new Image();
pic23.src = '';
pic24 = new Image();
pic24.src = '';
pic25 = new Image();
pic25.src = '';
pic26 = new Image();
pic26.src = '';
pic27 = new Image();
pic27.src = '';
pic28 = new Image();
pic28.src = '';
pic29 = new Image();
pic29.src = '';
pic30 = new Image();
pic30.src = '';
pic31 = new Image();
pic31.src = '';
pic32 = new Image();
pic32.src = '';
pic33 = new Image();
pic33.src = '';
pic34 = new Image();
pic34.src = '';
pic35 = new Image();
pic35.src = '';
pic36 = new Image();
pic36.src = '';
pic37 = new Image();
pic37.src = '';
pic38 = new Image();
pic38.src = '';
pic39 = new Image();
pic39.src = '';
pic40 = new Image();
pic40.src = '';
pic41 = new Image();
pic41.src = '';
function swap(img) {
i = document.getElementById('img');
i.src = img;
}
//-->
</SCRIPT>
--------------------
<img src="../images/commerce/Diamond_K_Ranch/A_1HPIM1478115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/A_2HPIM1482115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondc115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamonde115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondg115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondj115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer">
<end node> 5P9i0s8y19Z
<node>insert commas
1
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\\d+)(\\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
<end node> 5P9i0s8y19Z
<node>java enables
1
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (navigator.javaEnabled())
window.location = "cuggc.htm";
else
window.location = "cuggd.htm";
// End -->
</script>
</head>
******************************************
<!-- ONE STEP TO INSTALL BROWSER INFORMATION:
1. Add the first code to the BODY of your HTML document -->
<!-- STEP ONE: Add the first code to the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.34 KB -->
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Description: More information about the web browser than you knew existed! Find out the code name, color depth, platform, if java is enabled, resolution, ip address, hostname, and more! Simply incredible.
<!-- THREE STEPS TO INSTALL BROWSER PROPERTIES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- begin
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\\nYour IP address is " + ip);
}
}
// end -->
</script>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="display()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<center>
<form name=form>
<table border=1 width=300>
<tr>
<td>current resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height></td>
</tr>
<tr>
<td>
browser:</td>
<td align=center><input type=text size=20 maxlength=20 name=navigator></td>
</tr>
<tr>
<td>
max resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight></td>
</tr>
<tr>
<td>
version:</td>
<td align=center><input type=text size=20 maxlength=20 name=version></td>
</tr>
<tr>
<td>
color depth:</td>
<td align=center><input type=text size=2 maxlength=2 name=colordepth> bit</td>
</tr>
<tr>
<td>
code name:</td>
<td align=center><input type=text size=15 maxlength=15 name=codename></td>
</tr>
<tr>
<td>
platform:</td>
<td align=center><input type=text size=15 maxlength=15 name=platform></td>
</tr>
<tr>
<td>
colors:</td>
<td align=center><input type=text size=8 maxlength=8 name=color></td>
</tr>
<tr>
<td>
java enabled:</td>
<td align=center><input type=text size=3 maxlength=3 name=java></td>
</tr>
<tr>
<td>
anti-aliasing fonts:</td>
<td align=center><input type=text size=3 maxlength=3 name=fonts></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button name=again value="again?" onclick="display()"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.31 KB -
<end node> 5P9i0s8y19Z
<node>Labels Change
1
document.getElementById('label').InnerHTML = 'your text goes here';
<end node> 5P9i0s8y19Z
<node>language
1
[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 -
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
<end node> 5P9i0s8y19Z
<node>Definitions
2
charAt(x) Returns the character at the "x" position within the string.
charCodeAt(x) Returns the Unicode value of the character at position "x" within the string.
concat(v1, v2,...) Combines one or more strings (arguments v1, v2 etc) into the existing one and returns the combined string. Original string is not modified.
fromCharCode(c1, c2,...) Returns a string created by using the specified sequence of Unicode values (arguments c1, c2 etc). Method of String object, not String instance. For example: String.fromCharCode().
indexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
lastIndexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1.
match(regexp) Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found.
replace( regexp, replacetext) Searches and replaces the regular expression portion (match) with the replaced text instead.
search(regexp) Tests for a match in a string. It returns the index of the match, or -1 if not found.
slice(start, [end]) Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string.
split(delimiter, [limit]) Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return.
substr(start, [length]) Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
substring(from, [to]) Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
var picture = document.frmInput.picture.value;
var ch = picture.substring(picture.length-4,picture.length);
if(ch !='.jpg' && ch !='.gif'){
error_message = error_message + '*The Picture extension must be .jpg or .gif (lower case).\\n';
error = 1;
}
toLowerCase() Returns the string with all of its characters converted to lowercase.
toUpperCase() Returns the string with all of its characters converted to uppercase.
<end node> 5P9i0s8y19Z
<node>getElementById
2
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
<end node> 5P9i0s8y19Z
<node>IF
2
if (something compared_to somethingelse)
{
do this
} elseif (something compared_to somethingelse)
{
then do this instead
}
} elseif (something compared_to somethingelse)
{
then do this instead
}
} else {
then none of the above apply so do this
}
== is equal to
!= is NOT equal to
< is less than
> is greater than
<= is less than or equal to
>= is greater than or equal to
<end node> 5P9i0s8y19Z
<node>indexOf
2
var ss = "a string index of test ";
var result = ss.indexOf("ri");
<end node> 5P9i0s8y19Z
<node>focus on element
2
<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
<end node> 5P9i0s8y19Z
<node>keycode
2
onkeyup="isFull(event,this.id,3,'shipphone2');">
function isFull(e,id,len_,newid){
var code = e.keyCode || e.which;
if(document.getElementById(id).value.length==len_ && code>47 && code<58 ){
document.getElementById(newid).focus();
}
//alert (document.getElementById(id).value);
}
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
==========
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
<end node> 5P9i0s8y19Z
<node>ScrollPage
2
function scrollToTop(el) {
el.scrollTop = 0;
}
document.getElementById('scrollTop').onclick = function () {
var el = document.getElementById('myScrollbox');
scrollToTop(el);
};
<end node> 5P9i0s8y19Z
<node>MENUS
1
<end node> 5P9i0s8y19Z
<node>DRILL-DOWN
2
<end node> 5P9i0s8y19Z
<node>COMBO-BOXES
3
http://www.wsabstract.com/script/cut183.shtml
Double Combo (Requires NS 3.x, 4.x, or IE 4.x)
Description: An advanced combo script that uses two boxes, one as the main categories, the other as the links associated with each category.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/triplecombo.shtml
Triple Combo
Description: Compact and organize your site's links three layers deep using this triple combo script! The script works in both IE and NS 3+, including NS 6 (tested using June/2000 build).
<end node> 5P9i0s8y19Z
<node>dropdown popup
2
<!-- TWO STEPS TO INSTALL PULLDOWN MENU (POPUP):
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function formHandler(form) {
var windowprops = "height=500,width=500,location=no,"
+ "scrollbars=no,menubars=no,toolbars=no,resizable=yes";
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup",windowprops);
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=form>
<select name=site SIZE=1 onChange="formHandler(this.form)">
<option value="http://www.yoursite.com">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
</form>
</center>
<!-- Script Size: 1.32 KB -->
<end node> 5P9i0s8y19Z
<node>Menu Bar
2
http://javascript.internet.com/navigation/menu-bar.html
Menu Bar
This much requested script displays a menu bar (like Microsoft.com's site) at the top of your page to help your users navigate your site more easily. Saves screen space but incidentally the code is very long. Works from a .js file so it can be used and re-used all over your site. Includes two 'skin' styles that you can use, awesome!
<!-- TWO STEPS TO INSTALL MENU BAR:
1. Copy the coding into a new file, save as menu.js
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into a new file, save as menu.js -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
var JDWMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var JDWMinNS6 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) == 6) ? 1 : 0;
var JDWMinIE4 = (document.all) ? 1 : 0;
var JDWMinIE5 = (JDWMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
var JDWMinIE55 = (JDWMinIE5 && navigator.appVersion.indexOf("5.5") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (JDWMinNS4) layer.visibility = "hide";
if (JDWMinIE4) layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (JDWMinNS4) layer.visibility = "show";
if (JDWMinIE4) layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (JDWMinNS4) layer.visibility = "inherit";
if (JDWMinIE4) layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (JDWMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (JDWMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (JDWMinNS4)
layer.moveTo(x, y);
if (JDWMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function moveLayerBy(layer, dx, dy) {
if (JDWMinNS4)
layer.moveBy(dx, dy);
if (JDWMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop += dy;
}
}
function getLeft(layer) {
if (JDWMinNS4)
return layer.left;
if (JDWMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (JDWMinNS4)
return layer.top;
if (JDWMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (JDWMinNS4)
return layer.left + getWidth(layer);
if (JDWMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (JDWMinNS4)
return layer.top + getHeight(layer);
if (JDWMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (JDWMinNS4)
return layer.pageX;
if (JDWMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (JDWMinNS4)
return layer.pageY;
if (JDWMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (JDWMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (JDWMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (JDWMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (JDWMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (JDWMinNS4)
return layer.zIndex;
if (JDWMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (JDWMinNS4)
layer.zIndex = z;
if (JDWMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (JDWMinNS4) {
layer.clip.left = clipleft;
layer.clip.top = cliptop;
layer.clip.right = clipright;
layer.clip.bottom = clipbottom;
}
if (JDWMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (JDWMinNS4)
return layer.clip.left;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (JDWMinNS4)
return layer.clip.top;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (JDWMinNS4)
return layer.clip.right;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (JDWMinNS4)
return layer.clip.bottom;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (JDWMinNS4)
return layer.clip.width;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (JDWMinNS4)
return layer.clip.height;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (JDWMinNS4)
layer.bgColor = color;
if (JDWMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (JDWMinNS4)
layer.background.src = src;
if (JDWMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (JDWMinNS4)
return findLayer(name, document);
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (JDWMinNS4) {
return findImage(name, document);
}
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (JDWMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (JDWMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (JDWMinNS4)
return window.innerWidth;
if (JDWMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (JDWMinNS4)
return window.innerHeight;
if (JDWMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (JDWMinNS4)
return document.width;
if (JDWMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (JDWMinNS4)
return document.height;
if (JDWMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (JDWMinNS4)
return window.pageXOffset;
if (JDWMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (JDWMinNS4)
return window.pageYOffset;
if (JDWMinIE4)
return document.body.scrollTop;
return -1;
}
// dhtml Funcs End.
// bug with IE 5.5.
var JDWITEMs = new Array(); // Used to track all navigation bars.
/*ITEM constructor.*/
function ITEM(text, link) {
this.text = text; // Item text.
this.link = link; // Link URL or JavaScript code.
}
/*ECSmenu constructor.*/
function ECSmenu(hdrWidth, menuWidth) {
this.hdrWidth = hdrWidth;
this.width = menuWidth;
this.height = 0;
this.items = new Array();
// Define methods.
this.addItem = ECSmenuaddItem;
}
// ECSmenu methods.
function ECSmenuaddItem(item) {
this.items[this.items.length] = item;
}
// JDWITEM constructor.
function JDWITEM(width) {
this.x = 0;
this.y = 0;
this.width = width;
this.height = 0;
this.align = "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
// Set default sizes.
this.border = 2;
this.padding = 4;
this.separator = 1;
// Set default colors.
this.borderColor = "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#000080";
// Set default fonts.
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle = "plain";
this.hdrFontWeight = "bold";
this.hdrFontSize = "10pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle = "plain";
this.itmFontWeight = "bold";
this.itmFontSize = "8pt";
// Define methods.
this.setSizes = JDWITEMSetSizes;
this.setColors = JDWITEMSetColors;
this.setFonts = JDWITEMSetFonts;
this.addNAVm = JDWITEMaddNAVm;
this.create = JDWITEMCreate;
this.hide = JDWITEMHide;
this.show = JDWITEMShow;
this.moveTo = JDWITEMMoveTo;
this.moveBy = JDWITEMMoveBy;
this.getzIndex = JDWITEMGetzIndex;
this.setzIndex = JDWITEMSetzIndex;
this.getWidth = JDWITEMGetWidth;
this.getMinWidth = JDWITEMGetMinWidth;
this.getAlign = JDWITEMGetAlign;
this.setAlign = JDWITEMSetAlign;
this.resize = JDWITEMResize;
this.invert = JDWITEMInvert;
this.isInverted = JDWITEMIsInverted;
// Add to the list.
this.index = JDWITEMs.length;
JDWITEMs[this.index] = this;
}
function JDWITEMSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function JDWITEMSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor = bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function JDWITEMSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle = hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle = itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function JDWITEMaddNAVm(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function JDWITEMCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!JDWMinNS4 && !JDWMinIE4))
return;
// Build HTML for filler and header layers.
str = "";
// For IE4, need to scroll to end of page before inserting HTML.
if (JDWMinIE4 && !JDWMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_filler"></layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_hdrsBase">\\n';
if (JDWMinIE4)
str += '<div id="JDWITEM' + this.index + '_filler"'
+ ' style="position:absolute;">'
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_hdrsBase"'
+ ' style="position:absolute;">\\n';
// Build HTML for the headers.
for (i = 0; i < this.menus.length; i++) {
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((JDWMinIE4 && !JDWMinIE5) ? ' id="JDWITEM' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end = '</span></td></tr></table>';
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_head' + i + '">'
+ norm + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headHigh' + i + '">'
+ high + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headDummy' + i + '">'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_head' + i + '"'
+ ' style="position:absolute;">'
+ norm + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headHigh' + i + '"'
+ ' style="position:absolute;">'
+ high + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headDummy' + i + '"'
+ ' style="position:absolute;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
str += '</layer>\\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (JDWMinIE4) {
str += '</div>\\n';
str = '<div id="JDWITEM' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("JDWITEM" + this.index);
}
// Position and G6JDWinitialize each header.
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('JDWITEM' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('JDWITEM' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('JDWITEM' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
// Fix for IE4 to resize headers to fit text width.
if (JDWMinIE4 && !JDWMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.JDWITEM' + this.index + '_tbl' + i + '.clientWidth');
JDWITEMIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
// Save resulting width of headers and total width.
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
// Position and G6JDWinitialize base, filler and headers base layers.
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('JDWITEM' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('JDWITEM' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
// Set up event handling and positioning for headers.
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = JDWITEMHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = JDWITEMHeaderOff;
if (JDWMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = JDWITEMItemClick;
}
}
// Build the drop down menus.
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end = '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = "";
for (j = 1; j < this.menus[i].items.length; j++) {
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' width=' + width + '>'
+ norm + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' width=' + width + '>'
+ high + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' width=' + width + '>'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ norm + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ high + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (JDWMinIE4) {
str = '<div id="JDWITEM' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("JDWITEM" + this.index + "_menu" + i);
}
}
// Restore original scroll position in IE4.
if (JDWMinIE4 && !JDWMinIE5)
window.scrollTo(x, y);
// Position and G6JDWinitialize each menu.
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
// Position and G6JDWinitialize each item in the menu.
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = JDWITEMItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = JDWITEMItemOff;
if (JDWMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = JDWITEMItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = ECSmenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function JDWITEMHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function JDWITEMShow() {
if (this.created)
showLayer(this.baseLayer);
}
function JDWITEMMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function JDWITEMSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function JDWITEMGetWidth() {
return this.width;
}
function JDWITEMGetMinWidth() {
return this.minWidth;
}
function JDWITEMGetAlign() {
return this.align;
}
function JDWITEMSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function JDWITEMResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (JDWMinIE4) {
JDWITEMIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function JDWITEMInvert() {
this.inverted = !this.inverted;
}
function JDWITEMIsInverted() {
return this.inverted;
}
// Layer resize function for IE.
function JDWITEMIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
// Event handlers for the navigation bar.
function JDWITEMHeaderOn(e) {
var bar;
var x, y;
bar = JDWITEMs[this.index];
// Position drop down menu.
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
// Save drop down menu position and show it.
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
// Hide any currently active header and drop down.
if (JDWMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
// Display the header highlight layer and drop down menu.
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function JDWITEMHeaderOff(e) {
// If over drop down menu, exit. Otherwise hide menu and highlight layers.
if (this.menuLayer != null) {
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left &&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function ECSmenuOff(e) {
// If over header, exit.
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left &&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
// Otherwise, hide menu and header highlight layers.
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function JDWITEMItemOn() {
showLayer(this.highLayer);
}
function JDWITEMItemOff() {
hideLayer(this.highLayer);
}
function JDWITEMItemClick(e) {
// If there is no link, exit.
if (this.link == "")
return true;
// Hide the drop down menu and highlight layer.
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
// If the link starts with "javascript:" execute the code. Otherwise just
// link to the URL.
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
// MOUSE TRACKING
// These variables will hold the current mouse pointer position.
var mouseX = 0;
var mouseY = 0;
// Set up event capturing.
if (JDWMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = JDWITEMGetMousePosition;
function JDWITEMGetMousePosition(e) {
// Save mouse pointer position.
if (JDWMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
// EVENT: Window Resizing
// These variables are used to determine if a resize event is a true one in
// older releases of NS4.
var origWidth;
var origHeight;
// Reload page in case of a browser resize.
if (JDWMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = JDWITEMReload;
function JDWITEMReload() {
if (JDWMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
// For IE, reload on a timer in case the Windows 'Show window contents while
// dragging' display option is on.
if (JDWMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
function G6JDWinit()
{
fullWidth = getWindowWidth() - (JDWMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
JDWBAR1.create();
JDWBAR1.moveTo(0,-getWindowHeight()+43);
JDWBAR1.setzIndex(1);
JDWBAR1.resize(fullWidth);
JDWBAR1.setAlign(getWindowWidth()+60);
JDWBAR1.hide();JDWBAR2.create();
JDWBAR2.moveBy(0,-getWindowHeight()+17);
JDWBAR2.resize(fullWidth);
JDWBAR2.setzIndex(2);
NAVupdatePOSY();
}
/* Fire It Up!! */
window.onload=G6JDWinit;
function NAVupdatePOSY() {
var viewTop;
var viewBottom;
var dy;
viewTop = getPageScrollY();
viewBottom = viewTop + getWindowHeight();
dy = Math.round(Math.abs(viewTop - JDWBAR1.y)); /* NO ANIM */
if (viewTop < JDWBAR1.y) dy = -dy;
dy = Math.round(Math.abs(viewTop - JDWBAR2.y)); /* NO ANIM */
if (viewTop < JDWBAR2.y) dy = -dy;
if (JDWBAR1.bottom < viewTop)
JDWBAR1.moveTo(0, viewTop - JDWBAR1.height);
if (JDWBAR1.top > viewBottom)
JDWBAR1.moveTo(0, viewBottom);
if (JDWBAR2.bottom < viewTop)
JDWBAR2.moveTo(0, viewTop - JDWBAR2.height);
if (JDWBAR2.top > viewBottom)
JDWBAR2.moveTo(0, viewBottom);
JDWBAR1.moveBy(0, dy);
JDWBAR2.moveBy(0, dy);
setTimeout('NAVupdatePOSY()', 0); /* INFINITLY SMALL VALUE */
}
/*************
This Is a Function To Maximize The Window in MSIE and NS. When Called, The Window Will Maximize.
*************/
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
/*
MENU ITEMS:
(Border col, menu title col, top menu BGcolor,
title selected font col, main sel bgcol, dd font
col, ddbgc, ddfont sel col, dd sel bgcol,
*/
// ___________________________________
var JDWBAR2 = new JDWITEM(0);
JDWBAR2.setSizes (1, 4, 1);
JDWBAR2.setColors ("#808080","#FFFFFF","#000000","#000000","#0D7CA1","#FFFFFF","#000000","#000000","#0D7CA1");
JDWBAR2.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
var JDWBAR1 = new JDWITEM(0);
JDWBAR1.setSizes (1, 1, 1);
JDWBAR1.setColors ("#000000","#000000","#F5E4C1","#000000","#1CA0E4","#000000","#F5E4C1","#000000","#1CA0E4");
JDWBAR1.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
// ___________________________________
/* MENU ITEMS */
siteMenu = new ECSmenu(0, 80); // 80 = width in pixels of menu
siteMenu.addItem(new ITEM("<center> HOME </center>", "index.html"));
siteMenu.addItem(new ITEM(" Go Home", "http://javascript.internet.com/index.html"));
siteMenu.addItem(new ITEM(" Contribute", "http://javascript.internet.com/contribute/"));
siteMenu.addItem(new ITEM(" Link to Us", "http://javascript.internet.com/link-us.html"));
siteMenu.addItem(new ITEM(" Feedback", "http://javascript.internet.com/feedback.html"));
JDWBAR2.addNAVm(siteMenu); // add this menu category
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> SCRIPTS </center>", ""));
siteMenu.addItem(new ITEM("<center>What's New?</center>","http://javascriptsource.com/new/"));
siteMenu.addItem(new ITEM("<center>All Categories</center>","http://javascriptsource.com/toc.html"));
siteMenu.addItem(new ITEM("<center>A-Z Script List</center>","http://javascriptsource.com/master-list.html"));
siteMenu.addItem(new ITEM("<center>JS Books</center>","http://javascriptsource.com/books/"));
siteMenu.addItem(new ITEM("<center>JS Tutorial</center>","http://www.stars.com/Authoring/JavaScript/Tutorial/index.html"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> JS FORUM </center>", ""));
siteMenu.addItem(new ITEM("<center>How Do I....?</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7af"));
siteMenu.addItem(new ITEM("<center>Intro to JS</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7a7"));
siteMenu.addItem(new ITEM("<center>Script Help</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ab"));
siteMenu.addItem(new ITEM("<center>Script Requests</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ad"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> HELP </center>", ""));
siteMenu.addItem(new ITEM("<center>Site FAQs</center>","http://faq.javascriptsource.com"));
siteMenu.addItem(new ITEM("<center>JS Forum</center>","http://forum.javascriptsource.com"));
JDWBAR2.addNAVm(siteMenu);
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<head>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Tim Scarfe (webmaster@g6jdw.net, http://www.g6jdw.net) -->
<!-- Pete Woods (http://www.pete-net.com) -->
<!-- Mike Hall (http://www.brainjar.com) -->
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></script>
</head>
<!-- be sure to leave some blank lines at the top of your page, right after the <body> tag -->
<body>
<p> </p>
<p> </p>
<p> </p>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 36.93 KB -->
<end node> 5P9i0s8y19Z
<node>menus
2
<!-- TWO STEPS TO INSTALL MENU BAR:
1. Copy the coding into a new file, save as menu.js
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into a new file, save as menu.js -->
var JDWMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var JDWMinNS6 = (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) == 6) ? 1 : 0;
var JDWMinIE4 = (document.all) ? 1 : 0;
var JDWMinIE5 = (JDWMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
var JDWMinIE55 = (JDWMinIE5 && navigator.appVersion.indexOf("5.5") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (JDWMinNS4) layer.visibility = "hide";
if (JDWMinIE4) layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (JDWMinNS4) layer.visibility = "show";
if (JDWMinIE4) layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (JDWMinNS4) layer.visibility = "inherit";
if (JDWMinIE4) layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (JDWMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (JDWMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (JDWMinNS4)
layer.moveTo(x, y);
if (JDWMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function moveLayerBy(layer, dx, dy) {
if (JDWMinNS4)
layer.moveBy(dx, dy);
if (JDWMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop += dy;
}
}
function getLeft(layer) {
if (JDWMinNS4)
return layer.left;
if (JDWMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (JDWMinNS4)
return layer.top;
if (JDWMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (JDWMinNS4)
return layer.left + getWidth(layer);
if (JDWMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (JDWMinNS4)
return layer.top + getHeight(layer);
if (JDWMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (JDWMinNS4)
return layer.pageX;
if (JDWMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (JDWMinNS4)
return layer.pageY;
if (JDWMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (JDWMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (JDWMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (JDWMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (JDWMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (JDWMinNS4)
return layer.zIndex;
if (JDWMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (JDWMinNS4)
layer.zIndex = z;
if (JDWMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (JDWMinNS4) {
layer.clip.left = clipleft;
layer.clip.top = cliptop;
layer.clip.right = clipright;
layer.clip.bottom = clipbottom;
}
if (JDWMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (JDWMinNS4)
return layer.clip.left;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (JDWMinNS4)
return layer.clip.top;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (JDWMinNS4)
return layer.clip.right;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (JDWMinNS4)
return layer.clip.bottom;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (JDWMinNS4)
return layer.clip.width;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (JDWMinNS4)
return layer.clip.height;
if (JDWMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (JDWMinNS4)
layer.bgColor = color;
if (JDWMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (JDWMinNS4)
layer.background.src = src;
if (JDWMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (JDWMinNS4)
return findLayer(name, document);
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (JDWMinNS4) {
return findImage(name, document);
}
if (JDWMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (JDWMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (JDWMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (JDWMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (JDWMinNS4)
return window.innerWidth;
if (JDWMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (JDWMinNS4)
return window.innerHeight;
if (JDWMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (JDWMinNS4)
return document.width;
if (JDWMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (JDWMinNS4)
return document.height;
if (JDWMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (JDWMinNS4)
return window.pageXOffset;
if (JDWMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (JDWMinNS4)
return window.pageYOffset;
if (JDWMinIE4)
return document.body.scrollTop;
return -1;
}
// dhtml Funcs End.
// bug with IE 5.5.
var JDWITEMs = new Array(); // Used to track all navigation bars.
/*ITEM constructor.*/
function ITEM(text, link) {
this.text = text; // Item text.
this.link = link; // Link URL or JavaScript code.
}
/*ECSmenu constructor.*/
function ECSmenu(hdrWidth, menuWidth) {
this.hdrWidth = hdrWidth;
this.width = menuWidth;
this.height = 0;
this.items = new Array();
// Define methods.
this.addItem = ECSmenuaddItem;
}
// ECSmenu methods.
function ECSmenuaddItem(item) {
this.items[this.items.length] = item;
}
// JDWITEM constructor.
function JDWITEM(width) {
this.x = 0;
this.y = 0;
this.width = width;
this.height = 0;
this.align = "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
// Set default sizes.
this.border = 2;
this.padding = 4;
this.separator = 1;
// Set default colors.
this.borderColor = "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#000080";
// Set default fonts.
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle = "plain";
this.hdrFontWeight = "bold";
this.hdrFontSize = "10pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle = "plain";
this.itmFontWeight = "bold";
this.itmFontSize = "8pt";
// Define methods.
this.setSizes = JDWITEMSetSizes;
this.setColors = JDWITEMSetColors;
this.setFonts = JDWITEMSetFonts;
this.addNAVm = JDWITEMaddNAVm;
this.create = JDWITEMCreate;
this.hide = JDWITEMHide;
this.show = JDWITEMShow;
this.moveTo = JDWITEMMoveTo;
this.moveBy = JDWITEMMoveBy;
this.getzIndex = JDWITEMGetzIndex;
this.setzIndex = JDWITEMSetzIndex;
this.getWidth = JDWITEMGetWidth;
this.getMinWidth = JDWITEMGetMinWidth;
this.getAlign = JDWITEMGetAlign;
this.setAlign = JDWITEMSetAlign;
this.resize = JDWITEMResize;
this.invert = JDWITEMInvert;
this.isInverted = JDWITEMIsInverted;
// Add to the list.
this.index = JDWITEMs.length;
JDWITEMs[this.index] = this;
}
function JDWITEMSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function JDWITEMSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor = bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function JDWITEMSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle = hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle = itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function JDWITEMaddNAVm(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function JDWITEMCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!JDWMinNS4 && !JDWMinIE4))
return;
// Build HTML for filler and header layers.
str = "";
// For IE4, need to scroll to end of page before inserting HTML.
if (JDWMinIE4 && !JDWMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_filler"></layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_hdrsBase">\\n';
if (JDWMinIE4)
str += '<div id="JDWITEM' + this.index + '_filler"'
+ ' style="position:absolute;">'
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_hdrsBase"'
+ ' style="position:absolute;">\\n';
// Build HTML for the headers.
for (i = 0; i < this.menus.length; i++) {
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((JDWMinIE4 && !JDWMinIE5) ? ' id="JDWITEM' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end = '</span></td></tr></table>';
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_head' + i + '">'
+ norm + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headHigh' + i + '">'
+ high + this.menus[i].items[0].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_headDummy' + i + '">'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_head' + i + '"'
+ ' style="position:absolute;">'
+ norm + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headHigh' + i + '"'
+ ' style="position:absolute;">'
+ high + this.menus[i].items[0].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_headDummy' + i + '"'
+ ' style="position:absolute;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
str += '</layer>\\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (JDWMinIE4) {
str += '</div>\\n';
str = '<div id="JDWITEM' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("JDWITEM" + this.index);
}
// Position and G6JDWinitialize each header.
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('JDWITEM' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('JDWITEM' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('JDWITEM' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
// Fix for IE4 to resize headers to fit text width.
if (JDWMinIE4 && !JDWMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.JDWITEM' + this.index + '_tbl' + i + '.clientWidth');
JDWITEMIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
// Save resulting width of headers and total width.
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
// Position and G6JDWinitialize base, filler and headers base layers.
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('JDWITEM' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('JDWITEM' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
// Set up event handling and positioning for headers.
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = JDWITEMHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = JDWITEMHeaderOff;
if (JDWMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = JDWITEMItemClick;
}
}
// Build the drop down menus.
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end = '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = "";
for (j = 1; j < this.menus[i].items.length; j++) {
if (JDWMinNS4)
str += '<layer name="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' width=' + width + '>'
+ norm + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' width=' + width + '>'
+ high + this.menus[i].items[j].text + end
+ '</layer>\\n'
+ '<layer name="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' width=' + width + '>'
+ '</layer>\\n';
if (JDWMinIE4) {
str += '<div id="JDWITEM' + this.index + '_menu' + i + '_norm' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ norm + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_high' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">'
+ high + this.menus[i].items[j].text + end
+ '</div>\\n'
+ '<div id="JDWITEM' + this.index + '_menu' + i + '_dmmy' + j + '"'
+ ' style="position:absolute;width:' + width + 'px;">';
if (JDWMinIE55)
str += '<table cellspacing=0 width="100%" height="100%"><tr><td> </td></tr></table>';
str += '</div>\\n';
}
}
if (JDWMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (JDWMinIE4) {
str = '<div id="JDWITEM' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\\n'
+ str
+ '</div>\\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("JDWITEM" + this.index + "_menu" + i);
}
}
// Restore original scroll position in IE4.
if (JDWMinIE4 && !JDWMinIE5)
window.scrollTo(x, y);
// Position and G6JDWinitialize each menu.
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (JDWMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
// Position and G6JDWinitialize each item in the menu.
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('JDWITEM' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = JDWITEMItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = JDWITEMItemOff;
if (JDWMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = JDWITEMItemClick;
}
if (JDWMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = JDWITEMItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (JDWMinIE4)
JDWITEMIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = ECSmenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function JDWITEMHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function JDWITEMShow() {
if (this.created)
showLayer(this.baseLayer);
}
function JDWITEMMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function JDWITEMGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function JDWITEMSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function JDWITEMGetWidth() {
return this.width;
}
function JDWITEMGetMinWidth() {
return this.minWidth;
}
function JDWITEMGetAlign() {
return this.align;
}
function JDWITEMSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function JDWITEMResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (JDWMinIE4) {
JDWITEMIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
JDWITEMIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function JDWITEMInvert() {
this.inverted = !this.inverted;
}
function JDWITEMIsInverted() {
return this.inverted;
}
// Layer resize function for IE.
function JDWITEMIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
// Event handlers for the navigation bar.
function JDWITEMHeaderOn(e) {
var bar;
var x, y;
bar = JDWITEMs[this.index];
// Position drop down menu.
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
// Save drop down menu position and show it.
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
// Hide any currently active header and drop down.
if (JDWMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
// Display the header highlight layer and drop down menu.
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function JDWITEMHeaderOff(e) {
// If over drop down menu, exit. Otherwise hide menu and highlight layers.
if (this.menuLayer != null) {
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left &&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function ECSmenuOff(e) {
// If over header, exit.
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left &&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
// Otherwise, hide menu and header highlight layers.
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function JDWITEMItemOn() {
showLayer(this.highLayer);
}
function JDWITEMItemOff() {
hideLayer(this.highLayer);
}
function JDWITEMItemClick(e) {
// If there is no link, exit.
if (this.link == "")
return true;
// Hide the drop down menu and highlight layer.
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
// If the link starts with "javascript:" execute the code. Otherwise just
// link to the URL.
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
// MOUSE TRACKING
// These variables will hold the current mouse pointer position.
var mouseX = 0;
var mouseY = 0;
// Set up event capturing.
if (JDWMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = JDWITEMGetMousePosition;
function JDWITEMGetMousePosition(e) {
// Save mouse pointer position.
if (JDWMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (JDWMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
// EVENT: Window Resizing
// These variables are used to determine if a resize event is a true one in
// older releases of NS4.
var origWidth;
var origHeight;
// Reload page in case of a browser resize.
if (JDWMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = JDWITEMReload;
function JDWITEMReload() {
if (JDWMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
// For IE, reload on a timer in case the Windows 'Show window contents while
// dragging' display option is on.
if (JDWMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
function G6JDWinit()
{
fullWidth = getWindowWidth() - (JDWMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
JDWBAR1.create();
JDWBAR1.moveTo(0,-getWindowHeight()+43);
JDWBAR1.setzIndex(1);
JDWBAR1.resize(fullWidth);
JDWBAR1.setAlign(getWindowWidth()+60);
JDWBAR1.hide();JDWBAR2.create();
JDWBAR2.moveBy(0,-getWindowHeight()+17);
JDWBAR2.resize(fullWidth);
JDWBAR2.setzIndex(2);
NAVupdatePOSY();
}
/* Fire It Up!! */
window.onload=G6JDWinit;
function NAVupdatePOSY() {
var viewTop;
var viewBottom;
var dy;
viewTop = getPageScrollY();
viewBottom = viewTop + getWindowHeight();
dy = Math.round(Math.abs(viewTop - JDWBAR1.y)); /* NO ANIM */
if (viewTop < JDWBAR1.y) dy = -dy;
dy = Math.round(Math.abs(viewTop - JDWBAR2.y)); /* NO ANIM */
if (viewTop < JDWBAR2.y) dy = -dy;
if (JDWBAR1.bottom < viewTop)
JDWBAR1.moveTo(0, viewTop - JDWBAR1.height);
if (JDWBAR1.top > viewBottom)
JDWBAR1.moveTo(0, viewBottom);
if (JDWBAR2.bottom < viewTop)
JDWBAR2.moveTo(0, viewTop - JDWBAR2.height);
if (JDWBAR2.top > viewBottom)
JDWBAR2.moveTo(0, viewBottom);
JDWBAR1.moveBy(0, dy);
JDWBAR2.moveBy(0, dy);
setTimeout('NAVupdatePOSY()', 0); /* INFINITLY SMALL VALUE */
}
/*************
This Is a Function To Maximize The Window in MSIE and NS. When Called, The Window Will Maximize.
*************/
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
/*
MENU ITEMS:
(Border col, menu title col, top menu BGcolor,
title selected font col, main sel bgcol, dd font
col, ddbgc, ddfont sel col, dd sel bgcol,
*/
// ___________________________________
var JDWBAR2 = new JDWITEM(0);
JDWBAR2.setSizes (1, 4, 1);
JDWBAR2.setColors ("#808080","#FFFFFF","#000000","#000000","#0D7CA1","#FFFFFF","#000000","#000000","#0D7CA1");
JDWBAR2.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
var JDWBAR1 = new JDWITEM(0);
JDWBAR1.setSizes (1, 1, 1);
JDWBAR1.setColors ("#000000","#000000","#F5E4C1","#000000","#1CA0E4","#000000","#F5E4C1","#000000","#1CA0E4");
JDWBAR1.setFonts ("Arial, Verdana","plain","bold","10px","Arial, Verdana","plain","bold","10px");
// ___________________________________
/* MENU ITEMS */
siteMenu = new ECSmenu(0, 80); // 80 = width in pixels of menu
siteMenu.addItem(new ITEM("<center> HOME </center>", "index.html"));
siteMenu.addItem(new ITEM(" Go Home", "http://javascript.internet.com/index.html"));
siteMenu.addItem(new ITEM(" Contribute", "http://javascript.internet.com/contribute/"));
siteMenu.addItem(new ITEM(" Link to Us", "http://javascript.internet.com/link-us.html"));
siteMenu.addItem(new ITEM(" Feedback", "http://javascript.internet.com/feedback.html"));
JDWBAR2.addNAVm(siteMenu); // add this menu category
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> SCRIPTS </center>", ""));
siteMenu.addItem(new ITEM("<center>What's New?</center>","http://javascriptsource.com/new/"));
siteMenu.addItem(new ITEM("<center>All Categories</center>","http://javascriptsource.com/toc.html"));
siteMenu.addItem(new ITEM("<center>A-Z Script List</center>","http://javascriptsource.com/master-list.html"));
siteMenu.addItem(new ITEM("<center>JS Books</center>","http://javascriptsource.com/books/"));
siteMenu.addItem(new ITEM("<center>JS Tutorial</center>","http://www.stars.com/Authoring/JavaScript/Tutorial/index.html"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> JS FORUM </center>", ""));
siteMenu.addItem(new ITEM("<center>How Do I....?</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7af"));
siteMenu.addItem(new ITEM("<center>Intro to JS</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7a7"));
siteMenu.addItem(new ITEM("<center>Script Help</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ab"));
siteMenu.addItem(new ITEM("<center>Script Requests</center>","http://forums.internet.com/cgi-bin/WebX?13@147.vVbKaNERkdp^25@.ee6b7ad"));
JDWBAR2.addNAVm(siteMenu);
siteMenu = new ECSmenu(0, 100);
siteMenu.addItem(new ITEM("<center> HELP </center>", ""));
siteMenu.addItem(new ITEM("<center>Site FAQs</center>","http://faq.javascriptsource.com"));
siteMenu.addItem(new ITEM("<center>JS Forum</center>","http://forum.javascriptsource.com"));
JDWBAR2.addNAVm(siteMenu);
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
<head>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Tim Scarfe (webmaster@g6jdw.net, http://www.g6jdw.net) -->
<!-- Pete Woods (http://www.pete-net.com) -->
<!-- Mike Hall (http://www.brainjar.com) -->
<SCRIPT LANGUAGE="JavaScript" src="menu.js"></script>
</head>
<!-- be sure to leave some blank lines at the top of your page, right after the <body> tag -->
<body>
<p> </p>
<p> </p>
<p> </p>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 36.93 KB -->
<end node> 5P9i0s8y19Z
<node>New subject
2
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|06|09|JS_28141|JS_28141~xml.0.jhtml?cda=true#
http://javascripts.earthweb.com/repository//webdev/content/software/2000/06/09/JS_28141/script28141.html
Expand - Collapse Menu
Published 06/09/2000
By Henrik Hirtshals
This example is text based, but off course you can use graphics as well, to make it look even more fancy
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>www.viewsource.dk</title>
<style>
TD.list
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:link
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:active
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
TD.list A:visited
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:hover
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
</style>
<SCRIPT LANGUAGE=javascript>
<!--
// Script by Henrik Hirtshals Jensen
// This script and many more, can be found
// at www.viewsource.dk - Lots of free Java
// applets, JavaScripts and DHTML Scripts
// Free to use - if you keep this msg intact
//No of MenuItems
constMaxItem=3
function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
{
if (i!=active)
{
document.all("sub"+i).style.display="NONE"
}
else
{
document.all("sub"+active).style.display="BLOCK"
}
}
}
//-->
</SCRIPT>
</head>
<body>
<table BORDER="0" CELLSPACING="0" CELLPADDING="0">
<tr>
<td class="list" onclick="fnDispThis(1)" style="Cursor:HAND;"><B>Menu Item No. 1</B><br>
<DIV id="sub1" style="Display:'NONE';">
<A href="http://www.viewsource.dk">Free Java Applets</a><br>
<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br></td>
</DIV>
</tr>
<tr>
<td class="list" onclick="fnDispThis(2)" style="Cursor:HAND;"><B>Menu Item No. 2</B><br>
<DIV id="sub2" style="Display:'NONE';">
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br>
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br>
<A href="http://www.viewsource.dk">http://www.viewsource.dk</a><br></td>
</DIV>
</tr>
<tr>
<td class="list" onclick="fnDispThis(3)" style="Cursor:HAND;"><B>Menu Item No. 3</B><br>
<DIV id="sub3" style="Display:'NONE';">
<A href="http://www.viewsource.dk">Free Java Applets</a><br>
<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br></td>
</DIV>
</tr>
</table>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>Pulldown Menu
2
You can make it easier on our visitors to find their way around your site. I highly suggest using the extremely popular and extremely useful menu list. It seems every good site has one.... So, put one on your site! If you use this script, please leave a link to our site in the pulldown menu!
= = = = = = =
<!-- TWO STEPS TO INSTALL PULLDOWN MENU:
1. Paste the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alex Tu <boudha1@hotmail.com> -->
<!-- Web Site: http://www.geocities.com/MadisonAvenue/4368 -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>
</HEAD>
<!-- STEP TWO: Paste this code into the BODY of your HTML document -->
<BODY>
<center>
<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
<input type=button value="Go!" onClick="javascript:formHandler()">
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
<node>Small JS Rollover Coding
2
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30285|JS_30285~xml.0.jhtml?cda=true#
Extremely Small JS Rollover Coding
Published 08/03/2000
By Maximum
I've seen rollover scripts before where the JS coding is just too long and often too complicated to understand. The code i'll show you is very short and concise, as well as easy to add/update.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<html>
<head>
<title>Fast JavaScript Rollovers</title>
</head>
<body bgcolor="white">
<pre>
<-- Start rollover -->
<A HREF="http://www.Url-to-link-to.com/"
onMouseOver="document.IMAGENAME.src='http://IMAGE2'"
onMouseOut="document.IMAGENAME.src='http://IMAGE1'">
<IMG SRC="http://IMAGE1" BORDER=0 NAME="IMAGENAME"></a>
<-- End rollover -->
</pre>
<br>This JavaScript doesn't even require <script> tags, but instead relies on onMouseOver and onMouseOut events.<br>
<font size="1" face="Verdana">Coding supplied in part by <a href="http://tools.tutorialindex.com/rollover.php3'>http://tools.tutorialindex.com/rollover.php3</a></font>
</body>
</html>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>MESSAGES
1
<end node> 5P9i0s8y19Z
<node>Body Mass 2
2
http://www.x-developer.com/javascript/content/calculators/body-mass-2/index.html
Body Mass 2
Action: Calculates your body mass index.
Usage: Let your visitors calculate their own body mass index.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Marat Rikelman (rikelman@bellsouth.net) -->
<!-- --------------------------------------------------- -->
function mod(div,base)
{
return Math.round(div-(Math.floor(div/base)*base));
}
function calcBmi()
{
var w=document.bmi.weight.value*1;
var HeightFeetInt=document.bmi.htf.value*1;
var HeightInchesInt=document.bmi.hti.value*1;
HeightFeetConvert=HeightFeetInt*12;
h=HeightFeetConvert+HeightInchesInt;
displaybmi=(Math.round((w*703)/(h*h)));
var rvalue=true;
if((w<=35)||(w>=500)||(h<=48)||(h>=120))
{
alert("Invalid data. Please check and re-enter!");
rvalue=false;
}
if(rvalue)
{
if(HeightInchesInt>11)
{
reminderinches=mod(HeightInchesInt,12);
document.bmi.hti.value=reminderinches;
document.bmi.htf.value=HeightFeetInt+((HeightInchesInt-reminderinches)/12);
document.bmi.answer.value=displaybmi;
}
if(displaybmi<19)
document.bmi.comment.value="Underweight";
if(displaybmi>=19&&displaybmi<=25)
document.bmi.comment.value="Desirable";
if(displaybmi>=26&&displaybmi<=29)
document.bmi.comment.value="prone to health risks";
if(displaybmi>=30&&displaybmi<=40)
document.bmi.comment.value="Obese";
if(displaybmi>40)
document.bmi.comment.value="Extremely obese";
document.bmi.answer.value=displaybmi;
}
return rvalue;
}</script>
<form name=bmi>
<center>
<table width=200 border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Weight: <input type=text name=weight SIZE=3 maxlength=3>
lbs. </font></b></td>
</tr>
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Height: <input type=text name=htf size=1 maxlength=1>
Ft. <input type=text name=hti size=2 maxlength=2>
In. </font></b></td>
</tr>
<tr> <td align=center> <input type=button value="Calculate BMI" onclick=calcBmi()>
</td>
</tr>
<tr bgcolor="#00007F"> <td> <b><font color="#FFFFFF">Body Mass Index <input type=text name=answer size=3>
</font></b></td>
</tr>
<tr bgcolor="#00007F"> <td> <center>
<b><font color="#FFFFFF"> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is: <br>
<input type=text name=comment size=25>
</font> </b> </center>
</td>
</tr>
</table>
</center>
</form>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Calories 1
2
http://www.x-developer.com/javascript/content/calculators/calories-1/index.html
Calories 1
Action: Calculates calories burned.
Usage: Let your visitors calculate their calories burned.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var myWeight;
var myDistance;
function HowMany(form)
{
var difference;
difference=(myDistance*myWeight)*.653;
form.Fdiff.value=difference;
if(difference<100)
{
form.comment.value="You better start working!";
}
if(difference>101&&difference<200)
{
form.comment.value="Nice run, but you can do better.";
}
if(difference>201&&difference<300)
{
form.comment.value="Very good! Push above 300 next time.";
}
if(difference>301&&difference<500)
{
form.comment.value="Great! Your a runner.....keep it up!";
}
if(difference>501&&difference<700)
{
form.comment.value="Bill Rogers move over!";
}
if(difference>701)
{
form.comment.value="Your my hero! Have a jelly doughnut.";
}
}
function SetMyWeight(weight)
{
myWeight=weight.value;
}
function SetmyDistance(dis)
{
myDistance=dis.value;
}
function ClearForm(form)
{
form.myWeight.value="";
form.myDistance.value="";
form.Fdiff.value="";
form.comment.value="";
}</SCRIPT>
<CENTER>
<FORM METHOD=POST>
<TABLE border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<TR> <TR> <TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Your <br>
Weight </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Miles <br>
run </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Calories <br>
burned </font></b></div>
</TD>
<TD> <INPUT TYPE=BUTTON ONCLICK=HowMany(this.form) VALUE=Calculate>
</TD>
</TR>
<tr> <TD> <div align=center> <INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE=SetMyWeight(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE=SetmyDistance(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=Fdiff VALUE="" SIZE=6>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=BUTTON VALUE=" Reset " onClick=ClearForm(this.form)>
</div>
</tr>
</table>
<table border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr> <TD bgcolor="#00007F"> <DIV ALIGN=CENTER><b><font color="#FFFFFF"> Comments </font></b></DIV>
</TD>
<TD> <INPUT TYPE=text NAME=comment size=37>
</td>
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Calories 2
2
http://www.x-developer.com/javascript/content/calculators/calories-2/index.html
Calories 2
Action: Calculates how many calories your have burned.
Usage: Let your visitors calculate their calories.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=LiveScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: pbrady@mail.fsci.umn.edu -->
<!-- --------------------------------------------------- -->
function computeBMR(form){ form.BMRMale.value = 66.473 + ((form.weight.value / 2.2 ) * 13.751) + (5.0033 * form.height.value * 2.54) - (6.55 * form.age.value); form.BMRFemale.value = 665.51 + ((form.weight.value / 2.2 ) * 9.463) + (1.8496 * form.height.value * 2.54) - (4.6756 * form.age.value); form.BMR.value= 70 * (Math.pow((form.weight.value / 2.2 ), 0.75)); return;
}
function computeTotal(form){ if (form.vlight.value.length == 0){ form.vlight.value = "0"; }
if (form.light.value.length == 0){ form.light.value = "0"; } if (form.moderate.value.length == 0){ form.moderate.value = "0"; } if (form.heavy.value.length == 0){ form.heavy.value = "0"; } if (form.vheavy.value.length == 0){ form.vheavy.value = "0"; } form.TotMale.value = (1.0 * form.BMRMale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); form.TotFemale.value = (1.0 * form.BMRFemale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); return;
}
function clearBMR(form){ form.age.value = ""; form.weight.value = ""; form.height.value = ""; form.BMRMale.value = ""; form.BMRFemale.value = ""; form.BMR.value = ""; return;
}
function clearTotal(form){ form.vlight.value = "0"; form.light.value = "0"; form.moderate.value = "0"; form.heavy.value = "0"; form.vheavy.value = "0"; form.TotMale.value = "0"; form.TotFemale.value = "0"; return;
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellpadding="2" cellspacing="0" align="center" bgcolor="#1018BF" width="550">
<TBODY> <TR> <TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">Physical characteristics: </font></b> </center>
<TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">BMR </font></b> </center>
<TH><font color="#1018BF">1</font> </TR>
<TR> <TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF">Age in years <INPUT name=age size=6><br>Weight in pounds <INPUT name=weight size=6><br>Height in inches <INPUT name=height size=6></font></b></PRE>
</center>
<TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF"><INPUT name=BMRMale size=6> kcal/day for men <INPUT name=BMRFemale size=6> kcal/day for women
</font></b></PRE>
</center>
<TD vAlign=top> <INPUT onclick=computeBMR(this.form) type=button value=Enter>
<INPUT onclick=clearBMR(this.form) type=button value=Clear>
</TD>
</TR>
</TBODY> </TABLE>
<center>
<P align="center"><b>BMR can also be estimated as 70 W<SUP>0.75</SUP> = <INPUT border=0 name=BMR size=6>kcal/day, where W is body weight in kilograms.</b></center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Computer Cost
2
http://www.x-developer.com/javascript/content/calculators/computer-cost/index.html
Computer Cost
Action: Calculates cost of your computer.
Usage: Let your visitors calculate cost of their computer.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=JAVASCRIPT>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Reaz Hoque -->
<!-- --------------------------------------------------- -->
var called=false;
//to make sure the function compute() is called
var T_Price=0;
var pr_flag;
//processor flag for keeping track of the choices
var pr_print="";
var sp_flag;
//flag for speed
var sp_print;
var ram_flag;
//flag for ram
var ram_print;
var hdrive_flag;
//flag for Hard Drive
var hdrive_print;
var vram_flag;
//flag for VRAM
var vram_print;
var fdrive_flag;
//flag for Floopy Drivevar fdrive_print;
var cd_flag;
//flag for CD Rom
var cd_print;
var mn_flag;
//flag for Monitor
var mn_print;
var mos_flag;
//flag for Mouse
var mos_print;
var kb_flag;
//flag for KeyBoard
var kb_print;
var modem_flag;
//flag for Modem
var modem_print;
var software_flag;
//flag for software
var software_print;
var card_flag;
//flag for sound card
var card_print;
function compute(form){
called=true;
if (form.processor[0].selected){
pr_print= "None [$0]";
pr_flag=0;
} if (form.processor[1].selected){
pr_flag =540;
pr_print="68LCO45 DD [$540]";
}
else if (form.processor[2].selected){
pr_flag =340;
pr_print="68LCO45 EE [$340]";
}
else if (form.processor[3].selected){
pr_flag =680;
pr_print="68LCO45 FF [$680]";
}
else if (form.processor[4].selected){
pr_flag =421;
pr_print="68LCO45 GG [$421]";
}
//-------Speed----------
if (form.speed[0].selected){
sp_flag=0;
sp_print="None [$0]";
}
if (form.speed[1].selected){
sp_flag=110;
sp_print="60 MHz [$110]";
}
if (form.speed[2].selected){
sp_flag=145;
sp_print="66/33 MHz [$145]";
}
if (form.speed[3].selected){
sp_flag=199;
sp_print="75 MHz [$199]";
}
if (form.speed[4].selected){
sp_flag=235;
sp_print="100 MHz [$235]";
}
//-------RAM-----------
if (form.ram[0].selected){
ram_flag=0;
ram_print="None [$0]";
}
if (form.ram[1].selected){
ram_flag=75;
ram_print="4 RAM [$75]";
}
if (form.ram[2].selected){
ram_flag=120;
ram_print="8 RAM [$120]";
}
if (form.ram[3].selected){
ram_flag=200;
ram_print="16 RAM [$200]";
}
if (form.ram[4].selected){
ram_flag=350;
ram_print="32 RAM [$350]";
}
//-------Hard Drive-------
if (form.hdrive[0].selected){
hdrive_flag=0;
hdrive_print="None [$0]";
}
if (form.hdrive[1].selected){
hdrive_flag=100;
hdrive_print="250MB [$100]";
}
if (form.hdrive[2].selected){
hdrive_flag=200;
hdrive_print="500MB [$200]";
}
if (form.hdrive[3].selected){
hdrive_flag=300;
hdrive_print="750MB [$300]";
}
if (form.hdrive[4].selected){
hdrive_flag=399;
hdrive_print="1.0GB [$399]";
}
//-------VRAM-------
if (form.vram[0].selected){
vram_flag=0;
vram_print="None [$0]";
}
if (form.vram[1].selected){
vram_flag=50;
vram_print="1MB DRAM [$50]";
}
if (form.vram[2].selected){
vram_flag=89;
vram_print="4MB DRAM [$89]";
}
if (form.vram[3].selected){
vram_flag=125;
vram_print="8MB DRAM [$125]";
}
if (form.vram[4].selected){
vram_flag=200;
vram_print="16MB DRAM [$200]";
}
//-------Floppy-------
if (form.fdrive[0].selected){
fdrive_flag=0;
fdrive_print="None [$0]";
}
if (form.fdrive[1].selected){
fdrive_flag=75;
fdrive_print=" 1.4 ench. [$75]";
}
if (form.fdrive[2].selected){
fdrive_flag=50;
fdrive_print="5.25 ench. [$50]";
}
if (form.fdrive[3].selected){
fdrive_flag=100;
fdrive_print="BOTH [$100]";
}
//-------CD ROM-------
if (form.cd[0].selected){
cd_flag=0;
cd_print="None [$0]";
}
if (form.cd[1].selected){
cd_flag=300;
cd_print="600E Dual Speed [$300]";
}
if (form.cd[2].selected){
cd_flag=450;
cd_print="800E Quadruple-Speed [$450]";
}
//----------Monitor-----------
if (form.monitor[0].selected){
mn_flag=0;
mn_print="None [$0]";
}
if (form.monitor[1].selected){
mn_flag=210;
mn_print="12 ench. VGA [ $210]";
}
if (form.monitor[2].selected){
mn_flag=300;
mn_print="14 ench. Super VGA [$300]";
}
if (form.monitor[3].selected){
mn_flag=290;
mn_print="14 ench. VGA [$290]";
}
if (form.monitor[4].selected){
mn_flag=370;
mn_print="14 ench. Super VGA [$370]";
}
if (form.monitor[5].selected){
mn_flag=350;
mn_print="17 ench. VGA [$350]";
}
if (form.monitor[6].selected){
mn_flag=475;
mn_print="17 ench. Super VGA [$475]";
}
//-----------Mouse------
if (form.mouse[0].selected){
mos_flag=0;
mos_print="None [$0]";
}
if (form.mouse[1].selected){
mos_flag=35;
mos_print=" Vesa6 [$35]";
}
if (form.mouse[2].selected){
mos_flag=120;
mos_print=" Titda9 [$120]";
}
//----------KeyBoard-----------
if (form.keyboard[0].selected){
kb_flag=0;
kb_print= "None [$0]";
}
if (form.keyboard[1].selected){
kb_flag=75;
kb_print="473E SPO [$75]";
}
if (form.keyboard[2].selected){
kb_flag=120;
kb_print="48dE SPO [$120]";
}
if (form.keyboard[3].selected){
kb_flag=150;
kb_print="874K SPO [$150]";
}
if (form.keyboard[4].selected){
kb_flag=175;
kb_print="888i SPO [$175]";
}
//----------Modem-----------
if (form.modem[0].selected){
modem_flag=0;
modem_print=" None [$0]";
}
if (form.modem[1].selected){
modem_flag=100;
modem_print=" External 14.4 [$100]";
}
if (form.modem[2].selected){
modem_flag=110;
modem_print=" Internal 14.4 [$110]";
}
if (form.modem[3].selected){
modem_flag=150;
modem_print=" External 28.8 [$150]";
}
if (form.modem[4].selected){
modem_flag=160;
modem_print=" Internal 28.8 [$160]";
}
//----------Sound Card----------- if (form.card[0].selected){
card_flag=0;card_print="None [$0]";
}
if (form.card[1].selected){
card_flag=300;
card_print=" Adlib [$300]";
}
if (form.card[2].selected){
card_flag=258;
card_print=" Sound Blaster [$258]";
}
if (form.card[3].selected){
card_flag=235;
card_print=" Sound Blaster Pro [$235]";
}
if (form.card[4].selected){
card_flag=320;
card_print=" MIDI Mapper [$320]";
}
T_Price=pr_flag+sp_flag+ram_flag+hdrive_flag+vram_flag+ fdrive_flag+cd_flag+mn_flag+mos_flag+ kb_flag+modem_flag+card_flag;form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
compute(form);
}
text = ("<HEAD><TITLE>'UniVista On-line Computer Cost Esimator'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 4><FONT COLOR=BLUE>UniVista On-line Computer Cost Esimator</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Processor:<BR>Speed: <BR>Monitor: <BR>Hardrive: <BR>Floppy Drive: <BR>Memory:");
text=(text+" <BR>VRAM: <BR>CD-ROM: <BR>Sound Card: <BR>Modem: <BR>Key Board: <BR>Mouse: ");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ pr_print+"<BR>"+sp_print+"<BR>"+ mn_print+"<BR>"+ hdrive_print+"<BR>");
text=(text+ fdrive_print+"<BR>"+ram_print+"<BR>"+ vram_print+"<BR>"+ cd_print+"<BR>");
text=(text+card_print+"<BR>"+ modem_print+"<BR>"+kb_print +"<BR>" +mos_print );
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Total Cost:</FONT>"+" $"+T_Price);
text=(text+"<BR><BR><BR><BR><BR><FONT SIZE=-1><FONT COLOR=GREEN>To print, choose FILE and PRINT.</FONT></FONT>");
text=(text+"</body></html>"); msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=480,directories=no,status=yes,scrollbars=yes,resize=no,menubar=yes") msgWindow.document.write(text) msgWindow.document.close()
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<CAPTION></CAPTION>
<TBODY> <TR> <TD> <center>
<font color="#FFFFFF"><b>Processor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=processor>
<OPTION selected>Select <OPTION>68LCO45 DD [$540] <OPTION>68LCO45 EE [$340] <OPTION>68LCO45 FF [$680] <OPTION>68LCO45 GG [$421]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Speed: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=speed>
<OPTION selected>Select <OPTION>60 MHz [$110] <OPTION>66/33 MHz [$145] <OPTION>75 MHz [$199] <OPTION>100 MHz [$235]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Memory(RAM): </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=ram>
<OPTION selected>Select <OPTION>4 RAM[$75] <OPTION>8 RAM [$120] <OPTION>16 RAM [$200] <OPTION>32 RAM [$350]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>Hard drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=hdrive>
<OPTION selected>Select <OPTION>250MB [$100] <OPTION>500MB [$200] <OPTION>750MB [$300] <OPTION>1.0GB [$399]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>VRAM: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=vram>
<OPTION selected>Select <OPTION>1MB DRAM [$50] <OPTION>4MB DRAM [$89] <OPTION>8MB DRAM [$125] <OPTION>16MB DRAM [$200]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Floppy Drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=fdrive>
<OPTION selected>Select <OPTION>1.4MB [$75] <OPTION>5.25MB [$50] <OPTION>BOTH [$100]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>CD-Rom: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=cd>
<OPTION selected>Select <OPTION>600E Dual Speed [$300] <OPTION>800E Quadruple-Speed [$450]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Monitor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=monitor>
<OPTION selected>Select <OPTION>12" VGA [ $210] <OPTION>12" Super VGA [$300] <OPTION>14" VGA [$290] <OPTION>14" Super VGA [$370] <OPTION>17" VGA [$350] <OPTION>17" Super VGA [$475]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Mouse: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=mouse>
<OPTION selected>Select <OPTION>Vesa6 [$35] <OPTION>Titda9 [$120]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>KeyBoard: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=keyboard>
<OPTION selected>Select <OPTION>473E SPO [$75] <OPTION>48dE SPO [$120] <OPTION>874K SPO [$150] <OPTION>888i SPO [$175]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Modem: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=modem>
<OPTION selected>Select <OPTION>External 14.4 [$100] <OPTION>Internal 14.4 [$110] <OPTION>External 28.8 [$150] <OPTION>Internal 28.8 [$160]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Sound Card: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=card>
<OPTION selected>Select <OPTION>Adlib [$300] <OPTION>Sound Blaster [$258] <OPTION>Sound Blaster Pro [$235] <OPTION>MIDI Mapper [$320]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
</TBODY> </TABLE>
<P> <TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<TBODY> <TR> <TD> <CENTER>
<BR>
<INPUT name=Price onclick=compute(this.form) type=button value="Update Price">
</CENTER>
<BR>
<INPUT name=T_Price size=15>
<BR>
</TD>
<TD>
<INPUT name=Print_data onclick=print(this.form) type=button value="Print Preview">
<CENTER>
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Cool Table Menu
2
http://www.wsabstract.com/script/script2/coolmenu.shtml
Cool Table Menu IE 4+
Description: Add flare to your menu with Clarence's navigational script! Not only do participating menu items receive a "highlight" effect when the mouse moves over them, but also, a textual description of the containing link. Very cool, and degrades well with all browsers.
Example:
Dynamic Drive
Freewarejava.com
Cerebus Web Resources
SitePoint.com
Directions
Step 1: The following code is to be placed between <head> and </head>.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
Visit http://wsabstract.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
iedescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
iedescription.innerHTML=' '
}
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Add the below where you wish the menu to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(choice1,'The #1 DHTML site online')" onmouseout="moveout(choice1)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(choice2,'Free Java applets')" onmouseout="moveout(choice2)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(choice3,'Free webmaster resources')" onmouseout="moveout(choice3)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(choice4,'Resources to build your site')" onmouseout="moveout(choice4)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="iedescription" face="Verdana" size="2"></font></td></tr>
</table>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Count down until any date
2
http://www.wsabstract.com/script/script2/count.shtml
http://www.wsabstract.com/script/countdownimage.shtml
http://www.wsabstract.com/script/script2/count2.shtml
http://www.wsabstract.com/script/script2/countup.shtml
Count down until any date
Description: A versatile and practical script that can be used to count down until any given date.
Example: Only 81 days until Christmas!
Directions: Simply insert the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Count down until any date script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Only "+difference+" days until "+before)
}
//enter the count down date using the format year/month/day
countdown(2000,12,25)
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:
countdown(2000,12,25)
The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).
<end node> 5P9i0s8y19Z
<node>CREDITS SCREEN
2
http://www.wsabstract.com/script/script2/creditscreen.shtml
Credits screen
Description: Add a TV-like credits screen page to your site with this script! It displays a "credit" window that slowly scrolls down continuously, revealing the contributors' names bit by bit...just like the credit screen on TV!
Example: See credits for Website Abstraction
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the below into the <body> section of the page that will open the credits page (ie: this page):
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Credits screen script
By Website Abstraction
http://wsabstract.com
Over 400+ original scripts here!
*/
function opencredit(){
//set this to the file of the credit
var creditfile="credits.htm"
if (document.all)
creditwindow=window.open(creditfile,"","width=445,height=250")
else
creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
You'll also need to add a link like the below, which is what the users will click to activate the credits screen:
<a href="javascript:opencredit()">See credits for My site!</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Click and save the following HTML page into your webpage directory (credits.htm). This is the HTML page that contains the credits themselves. You obviously want to edit it to contain your own credit lines. Just don't remove the script inside of it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/credits.htm
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<title>Website Abstraction Credit Screen</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p align="center"><img src="../../logor.gif" width="332" height="97" alt="logor.gif (5979 bytes)"><br>
<small><font face="Verdana">Credits Page</font></small></p>
<p align="left"><strong><font face="Verdana">~Main credits~</font></strong></p>
<p align="left"><font face="Verdana"><strong>Creator and main operator: </strong>George
Chiang (WA)</font></p>
<p align="left"><font face="Verdana"><strong>JavaScript forum moderator: </strong>John
Krutsch</font></p>
<end node> 5P9i0s8y19Z
<node>Dog Years
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Dog Years
Action: Calculates your dog life.
Usage: Let your visitors calculate how old they are in dog life.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>Download Time
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Download Time
Action: Estimates how long will it take to download a file from Internet.
Usage: Let your visitors calculate time spent on specific download.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>FairWell window launcher
2
http://www.wsabstract.com/script/cut65.shtml
http://www.wsabstract.com/script/script2/bookalert.shtml
FairWell window launcher (updated:98/10/19)
I got the idea for the following script from a site I recently visited. When I left, a cute little window popped up, thanking me for visiting their site, and urging me to come back real soon. The window actually made an impact on me, surprisingly. Here is a script that does just that- pops up a small, toolbarless window as the surfer leaves the page. To avoid over-irritating your surfers, the script comes with the added feature of only popping up the first time the surfer enters and leaves the page; if he/she goes to CNN for a while, then returns and leaves again, the window is not displayed. (Try leaving this page the first time- a window will be displayed. Come back, then leave again- no window!). Note: Cookies are used to determine how many times a surfer has visited a page; therefore, only browsers with cookies enabled will benefit from this "anti-irritant" feature.
Example: Press "back" (the first time) to leave this page and see the script in action.
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following into the <head> section of your page (change the :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Fair well window launcher script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function openpopup(){
//configure "seeyou.htm and the window dimensions as desired
window.open("seeyou.htm","","width=300,height=338")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Insert the following into the <body> tag itself, like this:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<body onunload="loadpopup()">
.........
( Clip-Art )
Thanks for visiting our site. We hope to see you real soon!
http://wsabstract.com
..........
<end node> 5P9i0s8y19Z
<node>Group Work
2
http://www.x-developer.com/javascript/content/calculators/group/index.html
Group Work
Action: Calculates group work time.
Usage: Let your visitors calculate group work time.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: mistermidget@hotmail.com --> <!-- --------------------------------------------------- -->
function groupWork()
{
person1=parseInt(document.workform.person1.value);
person2=parseInt(document.workform.person2.value);
worktime=(person1*person2)/(person1+person2);
document.workform.time.value=worktime;
}</script>
<center>
<form name=workform>
<b>Person one can do the job in <input type=text name=person1 size=5>
hours. <br>
Person two can do the same job in <input type=text name=person2 size=5>
hours. <br>
Together, they can do the job in <input type=text name=time size=10>
hours. </b><br>
<br>
<input type=button value=Solve! name=solve onClick=groupWork()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>HeadLiner
2
When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great.... Just check it out!
= = = = = = = = = = = = =
<!-- TWO STEPS TO INSTALL HEADLINER:
1. Add the onLoad event handler to the BODY tag
2. Copy the specified code into the BODY of your HTML document -->
<!-- STEP ONE: Add this onLoad event handler to the BODY tag -->
<body onLoad="StartHeadliner()">
<!-- STEP TWO: Put this code into the BODY of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- Begin
typeWriterWait=120 // Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false // randomly choose lines? (true or false)
lineMax=7 // how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.piaster.nl/perspicacity/js/headliner", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:Jan_P@dds.nl?subject=The Headliner", "", TypeWriter, 1500)
lines[7]=new Line("Or here to go back to Messages", "http://messages.javascriptsource.com", "", Static, 3500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 5.69 KB -->
<end node> 5P9i0s8y19Z
<node>Highlight text
2
http://wsabstract.com/howto/css.shtml
Highlight text (Compatible: IE 4+, NS 4)
Cheap example on the net: Below example
I like to call this effect highlight text, but many simply call it "text with a background color" (how artistic). It allows you to draw attention to specific text by giving it a background color. Take a look at the following paragraph:
= = =
Hay webmasters, looking for the perfect tool to create and manage a web site? Allow me to introduce you to NotePad. Its the simplest, fastest, and don't forget, cheapest way to creating and maintaining a site. Why else would it be packaged with Windows 95? You know that Windows 95 is the best operating system available, so whatever comes with it must also be the, eh, best, right?. Don't hesitate, use NotePad today!
= = =
Since I want to emphasize the words "simplest, fastest, and cheapest", I use CSS to give that portion of the text a background color of yellow. Here's the source code I used:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<span style="background-color:yellow">simplest, fastest, and don't forget, cheapest</span>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
As you can see, just warp the text you want to highlight with the part in bold.
<end node> 5P9i0s8y19Z
<node>Interactive Headliner 1
2
http://www.x-developer.com/javascript/content/buttons/headliner-1/index.html
Interactive Headliner 1 Browser : ALL
Action: Scrolls and blinks information with links in many ways.
Usage: Save space on your site by having this ultimate headliner on your pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=StartHeadliner() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker <Jan_P@dds.nl> -->
<!-- --------------------------------------------------- -->
typeWriterWait=120// Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90// scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false// randomly choose lines? (true or false)
lineMax=7// how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.x-developer.com", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example - appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information....", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:developer@x-developer.com", "", TypeWriter, 1500)
// Don't change these variables below :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="X-Developer presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Interactive Headliner 2
2
http://www.x-developer.com/javascript/content/buttons/headliner-2/index.html
Interactive Headliner 2
Action: Changes messageson a form button with predefined links.
Usage: Create your littlepresentation and save space on your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=StartHeadliner() onunload=StopHeadliner() bgcolor="#FFFFCC">
<STYLE>.stHeadliner {
BACKGROUND: red; COLOR: white; FONT-FAMILY: lucida console, courier new, monospace; FONT-SIZE: 11pt; FONT-STYLE: italic; FONT-WEIGHT: bold
}
</STYLE>
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Jan Pijnacker -->
<!-- Web Site: mailto:Jan_P@dds.nl -->
<!-- --------------------------------------------------- -->
// Delay in milliseconds for the growing headliner
growWait=90
// Delay in milliseconds for the expanding headliner
expandWait=120
// Delay in milliseconds for the scrolling headliner
scrollWait=100
// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40
// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)
// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("Get 1000's of best JavaScripts!", "http://www.x-developer.com", Expand, 2000)
lines[2]=new Line("Great Animation Scripts", "www.x-developer.com/javascript/content/animations/index.html", Scroll, 1000)
lines[3]=new Line("Cool Banner Scripts", "http://www.x-developer.com/javascript/content/banners/index.html", Static, 2500)
lines[4]=new Line("E-Mail Me!", "mailto:developer@x-developer.com", Grow, 3000)
// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</SCRIPT>
<CENTER>
<FORM name=formDisplay>
<INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value="The Headliner">
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Page Born
2
http://www.x-developer.com/javascript/content/page-details/page-born/index.html
Page Born
Action: Tells you if the page has changed since your last visit.
Usage: Tell a visitor if something has happened on your site since his last visit.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR> <TD bgcolor="#000044"> <center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: www.jwp.bc.ca/saulm/html/bornon.htm -->
<!-- --------------------------------------------------- -->
document.write(document.title);
</SCRIPT>
</center>
</TD>
</TR>
<TR> <TD bgcolor="#440000"> <center>
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>
<!-- Put the page creation date, here --> April 1, 2000 <BR>
<SCRIPT LANGUAGE="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break; }
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "Last updated: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'><br>Site has changed since last visit!</font><br>");
}
</SCRIPT>
</FONT> </center>
</TD>
</TR>
</TABLE>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>People on Earth
2
http://www.x-developer.com/javascript/content/calculators/people-earth-ie/index.html
People on Earth
Action: Calculates how many people live on Earth.
Usage: Let your visitors calculate number of people on Earth.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=maind() bgcolor="#FFFFCC">
<SCRIPT language=JavaScript>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: w.joosen@tip.nl -->
<!-- http://www.geocities.com/SiliconValley/Heights/7725/-->
<!-- --------------------------------------------------- -->
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0 var i=0
while (number > 1)
{ numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) { numberstring = "." + numberstring j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring}
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds) { startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 nu = new Date () schuldstartdatum = new Date (96,1,1) secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</SCRIPT>
<CENTER>
<BR>
<H2><font size="4">The number of people on the planet Earth is now...</font></H2>
<FORM name=schuld>
<INPUT name=schuld size=25>
</FORM>
<BR>
<BR>
<H2><font size="4">Since you are on this page the number of people on Earth has grown with ...</font></H2>
<FORM name=newnow>
<INPUT name=newnow size=25>
<H2><font size="4">people.</font></H2>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Remote Control
2
http://www.wsabstract.com/script/cut105.shtml
http://www.wsabstract.com/script/cut112.shtml
Remote Control
Description: A remote control that loads links into the main window.
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following code into the <body> of the MAIN page (the page that will launch the remote:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
function remote(){
/*Credit: Website Abstraction www.wsabstract.com more JavaScripts here.*/
win2=window.open("remote.htm","","width=150,height=350,scrollbars")
win2.creator=self
}
//-->
</script>
<form>
<input type="button" value="Launch remote!" onClick="remote()">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below code and save it as remote.htm. This is the file you should edit- simply change the URLs in function remote2 below to your own:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
<title>Remote Control</title>
<script>
<!--
function remote2(url){
creator.location=url
}
//-->
</script>
</head>
<body bgcolor="ffffff">
<div align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFF00">
<tr>
<td width="100%"><p align="center"><strong><big><font face="Arial">Remote Control</font></big></strong></td>
</tr>
</table>
</div>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../javaindex.htm')"><strong>JavaScript Tutorials</strong></a></font></p>
<p align="left"><font face="Arial"><a href="javascript:remote2('../howto/webbuild.htm')"><strong><small>Web
building tutorials</small></strong></a></font></p>
<p align="left"><a href="javascript:remote2('../cutpastejava.htm')"><font face="Arial"
size="2"><strong>Free JavaScripts</strong></font></a></p>
<p align="left"><a href="javascript:remote2('../java/javafront.htm')"><small><font
face="Arial"><strong>Free Java applets</strong></font></small></a></p>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../frontpage.htm')"><strong>FrontPage Tutorials</strong></a></font></p>
<p align="left"><a href="javascript:remote2('../backgr.htm')"><font face="Arial" size="2"><strong>Web
Graphics</strong></font></a></p>
<p align="left"><a
href="javascript:remote2('http://www.wsabstract.com/script/cut105.htm')"><font
face="Arial" size="2"><strong>Back to script</strong></font></a></p>
</body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Scrolling Window
2
http://www.wsabstract.com/script/cut179.shtml
Scrolling Window (Requires IE 4.x or NS 4.x)
Description: A scrolling window script that automatically scrolls the window all the way to the bottom, then starts all over again. Great for presentational web pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
E X A M P L E:
<title>The World Cups</title>
</head>
<body bgcolor="#FFFFFF">
<p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script><!--webbot bot="HTMLMarkup"
endspan --></p>
<div align="center"><center>
<table border="0" width="65%" cellspacing="3" cellpadding="0" bgcolor="#008000">
<tr>
<td width="100%"><div align="center"><center><table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"><h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font
face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<hr size="1">
<h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<p align="center"> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>TIP-OF-THE-DAY
2
http://www.wsabstract.com/script/script2/tipday.shtml
Tip of the day
Description: If you run any sort of "content" site, this script is an invaluable tool for making that content more dynamic, and to keep your visitors coming back. It's a "tip of the day" script that serves up a different tip daily. The script holds 31 tips, enough to cover an entire month's worth of information. Be sure to update the script every month!
Example:
JavaScript Tip of the day
Use the arguments array of functions to determine it's containing parameters dynamically
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply copy and paste the below to the <body> section of your page where you wish the tip to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<script>
<!--
/*
Tip of the day script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
var today_obj=new Date()
var today_date=today_obj.getDate()
var tips=new Array()
//Configure the below variable to contain the "header" of the tip
var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br>'
//Configure the below array to hold the 31 possible tips of the month
tips[1]='Tip 1 goes here'
tips[2]='Tip 2 goes here'
tips[3]='Tip 3 goes here'
tips[4]='Tip 4 goes here'
tips[5]='Tip 5 goes here'
tips[6]='Tip 6 goes here'
tips[7]='Tip 7 goes here'
tips[8]='Tip 8 goes here'
tips[9]='Tip 9 goes here'
tips[10]='Tip 10 goes here'
tips[11]='Tip 11 goes here'
tips[12]='Tip 12 goes here'
tips[13]='Tip 13 goes here'
tips[14]='Tip 14 goes here'
tips[15]='Tip 15 goes here'
tips[16]='Tip 16 goes here'
tips[17]='Tip 17 goes here'
tips[18]='Tip 18 goes here'
tips[19]='Tip 19 goes here'
tips[20]='Tip 20 goes here'
tips[21]='Tip 21 goes here'
tips[22]='Tip 22 goes here'
tips[23]='Tip 23 goes here'
tips[24]='Tip 24 goes here'
tips[25]='Tip 25 goes here'
tips[26]='Tip 26 goes here'
tips[27]='Tip 27 goes here'
tips[28]='Tip 28 goes here'
tips[29]='Tip 29 goes here'
tips[30]='Tip 30 goes here'
tips[31]='Tip 31 goes here'
document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Change the variables "tiptitle" and array "tips", and you're done.
<end node> 5P9i0s8y19Z
<node>NO CACHE?
1
There are several things that can't be done with JavaScript for security reasons, including such things as changing user preferences or clearing the cache.
However, I do have a slick workaround that prevents a page from being stored in the user's cache. (You don't have to clear the cache if the page isn't in the cache!) Anyways, on with it. The code to stick in the HEAD section of your page is this:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="Thu, 01 Dec 1994 120000 GMT">
Note: The second 'Expires' tag is not necessary for all browsers, but some browsers do use with the 'no-cache' tag, so it is best to just leave it in for good measure.
<end node> 5P9i0s8y19Z
<node>on click
1
parent.Displayright.location= 'http://www.westandassoc.com'
[vbcode]
onclick="; Chr$(34) + "parent.Displayright.location='home.html'" + Chr$(34); ">Return</a>"
<end node> 5P9i0s8y19Z
<node>Right Click Menu
2
http://javascript.internet.com/page-details/right-click-menu.html
Right Click Menu
(Internet Explorer Only) Displays a menu when the visitor right click's on the page. You can easily use style sheets to modify the menu 'skins', or write your own. Awesome!
<!-- TWO STEPS TO INSTALL RIGHT CLICK MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.painting-effects.co.uk -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Go Back</div>
<div class="menuitems" url="http://javascript.internet.com">Go Home</div>
<hr>
<div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div>
<div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div>
<hr>
<div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div>
<div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.36 KB -->
<end node> 5P9i0s8y19Z
<node>right mouse click
2
<script language="JavaScript">
<!-- HIDE FROM OLD BROWSERS
function disable_right_click(e)
{
var browser = navigator.appName.substring ( 0, 9 );
var event_number = 0;
if (browser=="Microsoft")
event_number = event.button;
else if (browser=="Netscape")
event_number = e.which;
if ( event_number==2 || event_number==3 )
{
alert ("COPYRIGHT by SOLVENET");
return (false);
}
return (true);
}
function check_mousekey ()
{
var mouse_key = 93;
var keycode = event.keyCode;
if ( keycode == mouse_key )
alert ( "Mouse Key Is Disabled" );
}
function trap_page_mouse_key_events ()
{
var browser = navigator.appName.substring ( 0, 9 );
document.onmousedown = disable_right_click;
if ( browser == "Microsoft" )
document.onkeydown = check_mousekey;
else if ( browser == "Netscape" )
document.captureEvents( Event.MOUSEDOWN );
}
window.onload = trap_page_mouse_key_events;
<end node> 5P9i0s8y19Z
<node>PAGE DETAILS
1
<end node> 5P9i0s8y19Z
<node>adapt2screen Window opener
2
http://www.wsabstract.com/script/cut121.shtml
adapt2screen Window opener (Requires Java-enabled browser)
Description: A script that opens a secondary window with the size adjusted relative to the screen resolution of the surfer. You can specify, for example, that the secondary window always be 50 pixels smaller than the screen of the surfer, regardless of the screen size of the surfer. Check documentation in script below for details.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert this into the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT>
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
w = screen_size.width;
h = screen_size.height;
}
w=w-50; //erase these adjustments for making the window big as possible
h=h-150;
//change index.html to the name of the window U want to open
nw=window.open("../index.html","",'toolbar=yes,location=yes,directories=yes,menubar =yes,scrollbars=yes,status=yes,resizable=1,width='+w+',height='+h)
if (document.layers||document.all)
window.nw.moveTo(0,0) //up-left-justify
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Display document URL and time
2
Display document URL and time
http://www.wsabstract.com/script/script2/documentinfo.shtml
Description: This script allows you to conveniently display the containing document's URL and time on the page. Useful, for example, if your site's pages are often printed out, and you wish the URL/time to be included in the output.
Example: Look at the bottom of this page
Directions: Add the following to the footnote of your document:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
var today=new Date()
document.write('<center>'+today.toString()+'<br>'+window.location+'</center>')
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Displaying the last modified date of your page
2
Displaying the last modified date of your page
http://www.wsabstract.com/script/cut8.shtml
Example: Updated 10/5/2000 1:19:42
Description: The following script will display the date and time of the last modification to your webpage. It will automatically update itself whenever you make changes to the page and save it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply add the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT language="JavaScript">
<!--
/*
Last Modified Date script (by Candy)
For this and 100's more scripts, visit http://wsabstract.com
*/
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var lastUpdate = new Date(document.lastModified);
var modifiedyear=lastUpdate.getYear()
if (modifiedyear<1000)
modifiedyear+=1900
document.write("Updated ");
document.write(lastUpdate.getMonth()+1 + '/' + lastUpdate.getDate() + '/' + modifiedyear+ ' '+ lastUpdate.getHours()+':'+lastUpdate.getMinutes()+':'+lastUpdate.getSeconds())
//-->
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Floating Logo
2
http://www.x-developer.com/javascript/content/page-details/logo-float/index.html
Logo Floater Browser : ALL
Action: Displays floating logo in the bottom right corner of the screen and keeps it there even when the page is scrolled.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload="setVariables(); checkLocation();" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- --------------------------------------------------- -->
function setVariables() {
imgwidth=70; // logo width, in pixels
imgheight=30; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
</SCRIPT>
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50; z-index:2">
<table width=10>
<td> <a href="http://www.x-developer.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true">
<center>
<img src="logo-float.gif" width="70" height="30" border="0">
</center>
</a></td>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Preload Page
2
http://javascript.internet.com/page-details/preload-page.html
Preload Page
Displays a loading message as the page, including images and sound elements, are loaded in the background. When the page finishes loading the screen is shown, similar to how Macromedia's Flash plugin works. Easy!
<!-- THREE STEPS TO INSTALL PRELOAD PAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Gilbert Davis -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function loadImages() {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
// End -->
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY OnLoad="loadImages()">
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>
<!-- put the rest of your page contents here -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!-- Script Size: 1.20 KB -->
<end node> 5P9i0s8y19Z
<node>Size & Position Opener
2
http://www.x-developer.com/javascript/content/buttons/window-size-position/index.html
Size & Position Opener
Action: Popups windows withpredefined size and screen location.
Usage: Control your popupwindows.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function open0()
{
zero=open("","zero","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=0,top=0");
zero.document.write("<html><title>0 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"0 pixels left<br>0 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open100()
{
one=open("","one","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=100,top=100");
one.document.write("<html><title>100 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"100 pixels left<br>100 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open200()
{
two=open("","two","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=200,top=200");
two.document.write("<html><title>200 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"200 pixels left<br>200 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open300()
{
three=open("","three","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=300,top=300");
three.document.write("<html><title>300 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"300 pixels left<br>300 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}</script>
<center>
<form>
<input type=button value="Window: 0 pixels left & top" onclick=open0()>
<br>
<input type=button value="Window: 100 pixels left & top" onclick=open100()>
<br>
<input type=button value="Window: 200 pixels left & top" onclick=open200()>
<br>
<input type=button value="Window: 300 pixels left &top" onclick=open300()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>PASSWORD Protection
1
<end node> 5P9i0s8y19Z
<node>"Unspamable" email link
2
http://www.wsabstract.com/script/script2/unspam.shtml
"Unspamable" email link
Description: Ever wonder how spammers find and email you all that "junk" They do so by using robots that retrieve your email address from your webpages, and add it to their spammer's list. Here's a script to prevent spammers and email harvesters from finding your email address on your website. The below email address link is unretrieveable by spammer robots. Simply update the variables with your email information and relace your mailto: links with this script.
Example: protected@cdrsoft.com
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript"><!--
var name = "protected";
var domain = "cdrsoft.com";
document.write('<a href=\\"mailto:' + name + '@' + domain + '\\">');
document.write(name + '@' + domain + '</a>');
// --></script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Login and password script II
2
Login and password script II
http://www.wsabstract.com/script/script2/loginpass2.shtml
Login and password script II
Description: This is a variation of the original Login and Password script that will take users to two different pages, depending on whether the entered combination is correct or not.
Example: (in demo, user="free", password="javascript")
ENTER USER NAME :
ENTER PASSWORD :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of the login page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form>
<p>ENTER USER NAME :
<input type="text" name="text2">
</p>
<p> ENTER PASSWORD :
<input type="password" name="text1">
<input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >
</p>
</form>
<script language = "javascript">
/*
Script by Anubhav Misra (anubhav_misra@hotmail.com)
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
function validate(text1,text2,text3,text4)
{
if (text1==text2 && text3==text4)
load('success.htm');
else
{
load('failure.htm');
}
}
function load(url)
{
location.href=url;
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Configuring the script
To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html."
<end node> 5P9i0s8y19Z
<node>PageName
2
http://www.x-developer.com/javascript/content/passwords/page-name/index.html
Page Name Browser : ALL
Action: Sends you to a page that is called name.html where NAME is password entered by a user.
Usage: Create pages with complex names and use this as a simple but well working restricting access system.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
var password = ''
password=prompt('Please enter your password:','demo-dest');
if (password != null) {
location.href= password + ".html";
}
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>Pass Generator
2
http://www.x-developer.com/javascript/content/passwords/generator/index.html
Pass Generator Browser : ALL
Action: Generates password of given length and character type.
Usage: Save time when making up passwords.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: Rob Kroll (rkroll@istar.ca) -->
<!-- --------------------------------------------------- -->
function generate(form) {
var type=form.type.selectedIndex;
if (type<4) {
var selectionarray=new Array(62)
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
selectionarray[37]="a";
selectionarray[38]="b";
selectionarray[39]="c";
selectionarray[40]="d";
selectionarray[41]="e";
selectionarray[42]="f";
selectionarray[43]="g";
selectionarray[44]="h";
selectionarray[45]="i";
selectionarray[46]="j";
selectionarray[47]="k";
selectionarray[48]="l";
selectionarray[49]="m";
selectionarray[50]="n";
selectionarray[51]="o";
selectionarray[52]="p";
selectionarray[53]="q";
selectionarray[54]="r";
selectionarray[55]="s";
selectionarray[56]="t";
selectionarray[57]="u";
selectionarray[58]="v";
selectionarray[59]="w";
selectionarray[60]="x";
selectionarray[61]="y";
selectionarray[62]="z";
var length=62;
}
if (type<3) {
var selectionarray=new Array(36);
selectionarray[1]="a";
selectionarray[2]="b";
selectionarray[3]="c";
selectionarray[4]="d";
selectionarray[5]="e";
selectionarray[6]="f";
selectionarray[7]="g";
selectionarray[8]="h";
selectionarray[9]="i";
selectionarray[10]="j";
selectionarray[11]="k";
selectionarray[12]="l";
selectionarray[13]="m";
selectionarray[14]="n";
selectionarray[15]="o";
selectionarray[16]="p";
selectionarray[17]="q";
selectionarray[18]="r";
selectionarray[19]="s";
selectionarray[20]="t";
selectionarray[21]="u";
selectionarray[22]="v";
selectionarray[23]="w";
selectionarray[24]="x";
selectionarray[25]="y";
selectionarray[26]="z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
if (type<2) {
var selectionarray=new Array(36);
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
var lngth=form.length.selectedIndex;
var i,j;
var tmpstr;
tmpstr="";
i=0;
do {
{
var randscript = -1
while (randscript < 1 || randscript > length || isNaN(randscript))
{randscript = parseInt(Math.random()*(length))}
j=randscript}
tmpstr=tmpstr+selectionarray[j]
i=i+1}
while (i<lngth)
form.password.value = tmpstr;
}
</script>
<center>
<form>
<select name="type">
<option selected>Choose Type <option>Uppercase letters and numbers <option>Lowercase letters and numbers <option>Mixed case letters and numbers </select>
<select name="length">
<option selected>Choose length <option>1 Character <option>2 Characters <option>3 Characters <option>4 Characters <option>5 Characters <option>6 Characters <option>7 Characters <option>8 Characters <option>9 Characters <option>10 Characters <option>11 Characters <option>12 Characters <option>13 Characters <option>14 Characters <option>15 Characters <option>16 Characters <option>17 Characters <option>18 Characters <option>19 Characters <option>20 Characters </select>
<br>
<b>Your random password is:</b> <input type=text name=password size=20>
<br>
<input type="button" value="Generate Password" onclick="generate(this.form)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>Simple MultiUser
2
http://www.x-developer.com/javascript/content/passwords/simple-multi/index.html
Simple MultiUser
Action: Simple password protection system that uses code inside the page to determine correct passwords.
Usage: Keep people off your restricted access pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="user1" && password=="password1") { window.location="demo-dest.html"; done=1;}
if (username=="user2" && password=="password2") { window.location="demo-dest.html"; done=1;}
if (done==0) { alert("Invalid login!");}
}
</SCRIPT>
<center>
<form name=login>
<table border=3 cellpadding=2 bgcolor="#1018BF" cellspacing="0">
<tr> <td colspan=2 bgcolor="#00007F"> <center>
<font color="#FFFFFF"><b><font size="+2"><font size="3">Members-Only Area!</font></font> </b> </font> </center>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Username:</b></font></td>
<td> <input type=text name=username>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Password:</b></font></td>
<td> <input type=text name=password>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>PLAY SOUNDS
1
<end node> 5P9i0s8y19Z
<node>MouseOVER/CLICK
2
http://www.wsabstract.com/script/script2/soundlink.shtml
onMouseover/onClick sound effect
.wav
Description: This is what you've been waiting for...a script that plays a sound when the mouse moves over certain links. It can be configured to initiate the sound only when someone clicks on the links as well (see footnote). The script works in BOTH NS and IE (in NS, the LiveAudio plugin must exist).
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Add the following to the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "laser.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Edit the aySound array to preload the sound files.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.wav";
aySound[2]="EvenAnotherOne.wav";
.
.
as many sound files as one wants.
Important! Please make sure the sound files exist, or else errors will occur.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 3: Finally, play the sound files with an event handler.
With a link:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
- onMouseOver/onMouseOut sound: ... http://jsarchive.8m.com/YourPage.html
<A HREF="YourPage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Move mouse over to play sound</A>
= = =
- onClick sound: ... javascript:playSound(1);
<A HREF="javascript:playSound(0);">Click here to play sound</A>
= = =
-With a button:
-
<INPUT TYPE="BUTTON" VALUE="Click me!" onClick="playSound(0)">
Note: playSound(0) plays the audio file of aySound[0]; playSound(1) will play aySound[1], etc.
<end node> 5P9i0s8y19Z
<node>Random Link Generator
1
Random Link Generator
Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!
= = = = = = = = = =
<!-- ONE STEP TO INSTALL RANDOM LINK GENERATOR:
1. Paste the designated coding into the HEAD of the HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3); // a = random number between 1-3
if (a==1) go_to("http://bgeffects.javascriptsource.com");
if (a==2) go_to("http://clocks.javascriptsource.com");
if (a==3) go_to("http://games.javascriptsource.com");
}
// End -->
</SCRIPT>
<!-- STEP TWO: Paste this last code into the BODY of your HTML document -->
<BODY>
<CENTER>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" VALUE="Random link"
onClick="rand_link()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.00 KB -->
<end node> 5P9i0s8y19Z
<node>Regular expressions
1
[social security]
^\\d{3}-\\d{2}-\\d{4}$ without dashes ^\\d{9}$
Common expressions
Date
/^\\d{1,2}(\\-|\\/|\\.)\\d{1,2}\\1\\d{4}$/ mm/dd/yyyy
US zip code
/(^\\d{5}$)|(^\\d{5}-\\d{4}$)/ 99999 or 99999-9999
Canadian postal code
/^\\D{1}\\d{1}\\D{1}\\-?\\d{1}\\D{1}\\d{1}$/ Z5Z-5Z5 orZ5Z5Z5
Time
/^([1-9]|1[0-2]):[0-5]\\d(:[0-5]\\d(\\.\\d{1,3})?)?$/ HH:MM or HH:MM:SS or HH:MM:SS.mmm
IP Address(no check for alid values (0-255))
/^\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}$/ 999.999.999.999
Dollar Amount
/^((\\$\\d*)|(\\$\\d*\\.\\d{2})|(\\d*)|(\\d*\\.\\d{2}))$/ 100, 100.00, $100 or $100.00
Social Security Number
/^\\d{3}\\-?\\d{2}\\-?\\d{4}$/ 999-99-9999 or999999999
Canadian Social Insurance Number
/^\\d{9}$/ 999999999
<end node> 5P9i0s8y19Z
<node>slideshow
1
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
<!--
//configure the paths of the images, plus corresponding target links
//slideshowimages("img1.gif", "img2.gif", "img3.gif")
//slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")
slideshowimages("http://www.southcentralweldchamber.com/foothillssales/foothillssales.jpg", "http://www.southcentralweldchamber.com/lasalleliquor/Lasalle-liquor.jpg", "http://www.southcentralweldchamber.com/farmersinn/FarmersInn.jpg", "http://www.southcentralweldchamber.com/kblegacydesigns/kblegacyad.png", "http://www.southcentralweldchamber.com/dianeoldfield/candles.jpg", "http://www.southcentralweldchamber.com/firstbaptistchurch/First-pres-church.jpg", "http://www.southcentralweldchamber.com/freemansservice/freemantruck.jpg", "http://www.southcentralweldchamber.com/membershiplabels/Chamber-Card.jpg", "http://www.southcentralweldchamber.com/lasalleoil/Lasalle-oil.jpg", "http://www.southcentralweldchamber.com/coloradotown/colotownlogo.jpg", "http://www.southcentralweldchamber.com/townoflasalle/Splash.gif", "http://www.southcentralweldchamber.com/northvalleymiddleschool/North-Valley-MS.jpg", "http://www.southcentralweldchamber.com/reliantaccounting/Reliantaccounting.jpg", "http://www.southcentralweldchamber.com/ideasfromtheharrt/Ideas2.jpg", "http://www.southcentralweldchamber.com/fivestartturf/5star.jpg", "http://www.southcentralweldchamber.com/childhousechair/bizcard_web.jpg", "http://www.southcentralweldchamber.com/Y&M/Y&MReal Estate.png", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/gilcrestfarm.jpg", "http://www.southcentralweldchamber.com/tricountyautosales/tri-county-auto.jpg", "http://www.southcentralweldchamber.com/psicoaching/PSI-Coaching.jpg", "http://www.southcentralweldchamber.com/airxtreme/airxtreme.jpg", "http://www.southcentralweldchamber.com/townofplatteville/TOP.jpg", "http://www.southcentralweldchamber.com/valleypacking/valley-packing.jpg", "http://www.southcentralweldchamber.com/colowirecloth/CO-Wire2.jpg", "http://www.southcentralweldchamber.com/bankofchoice/Bank-of-Choice.jpg", "http://www.southcentralweldchamber.com/coloradoeastbank/BUILDING2.JPG", "http://www.southcentralweldchamber.com/valleyhighschool/VHS-Web.jpg", "http://www.southcentralweldchamber.com/pelicanlakeranch/PLR-Office-Scene.jpg")
slideshowlinks("http://www.southcentralweldchamber.com/psicoaching/", "http://www.southcentralweldchamber.com/membershiplabels/", "http://www.southcentralweldchamber.com/ideasfromtheharrt/", "http://www.southcentralweldchamber.com/bankofchoice/", "http://www.southcentralweldchamber.com/colowirecloth/", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/", "http://www.southcentralweldchamber.com/townofplatteville/", "http://www.southcentralweldchamber.com/pelicanlakeranch/", "http://www.southcentralweldchamber.com/valleyhighschool/", "http://www.southcentralweldchamber.com/northvalleymiddleschool/", "http://www.southcentralweldchamber.com/fivestartturf/", "http://www.southcentralweldchamber.com/coloradotown/", "http://www.southcentralweldchamber.com/kblegacydesigns/", "http://www.southcentralweldchamber.com/coloradoeastbank/", "http://www.southcentralweldchamber.com/lasalleoil/", "http://www.southcentralweldchamber.com/farmersinn/", "http://www.southcentralweldchamber.com/firstbaptistchurch/", "http://www.southcentralweldchamber.com/foothillssales/", "http://www.southcentralweldchamber.com/freemansservice/", "http://www.southcentralweldchamber.com/lasalleliquor/", "http://www.southcentralweldchamber.com/townoflasalle/", "http://www.southcentralweldchamber.com/Y&M/", "http://www.southcentralweldchamber.com/tricountyautosales/", "http://www.southcentralweldchamber.com/valleypacking/", "http://www.southcentralweldchamber.com/airxtreme/", "http://www.southcentralweldchamber.com/reliantaccounting/", "http://www.southcentralweldchamber.com/dianeoldfield/", "http://www.southcentralweldchamber.com/childhousechair/") //configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
********************
<!----- Add this line in the head ------------->
<script language="javascript" src='slideshow.js'></script>
<!--------- Add these lines in the body at desired Location of show ----------------->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0 width="345" ></a>
<script language="javascript" >slideit();</script>
<end node> 5P9i0s8y19Z
<node>with forward and previous
2
Script from the Headlines
OK, Let's start by placing your script tag between the head tags of your webpage.
<head>
<title>Alanna's JavaScript slide show tutorial</title>
<script language="JavaScript">
<!--
// -->
</script>
</head>
Next let's create a couple of global variables that we're going to need later on.
var interval = 1500;
var random_display = 0;
var imageDir = "my_images/";
The interval variable indicates the length of the pause we'll have between images. In JavaScript, 1000 is equal to one second, so I've set mine at 1.5 seconds.
The random_display variable tells the script whether we want our slide show to display our images in a random or sequential order. In this case, 0 is equal to sequential, 1 is equal to random.
Our imageDir variable will store the path name for our images so we'll only need to worry about the filename.
An Array of Arrays
Next we create an array of all the images we want in our slide show. An array is basically a list, and in our case, it will keep track of the image names as well as what number they are in the list.
For all the nitty, gritty details about JavaScript arrays, read Thau's array lesson.
For our array, let's create a variable to hold the image's number (or Index). We'll call that variable "imageNum" and assign it an initial value of 0. Keep in mind that JavaScript arrays start at 0, so the third item in the array has an index of 2, not 3.
Then we'll create a new array called "imageArray". We want the index to increase by one every time we add an image to the array. We can do that with imageNum++ (which is a JavaScript shorthand way of saying 'imageNum + 1') in the index brackets of the element in our new array. Then to have it equal a new element in the list, we'll call "imageItem". This contains the value of the variable "imageDir", which we've already created, plus the name of the image.
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
Then just copy and paste that line, change the image names for each one, and we've got ourselves an array.
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
We need to know how many items we've got in our array, total, so let's create a variable called totalImages that's equal to the length of imageArray. We can do this with ".length", which is a handy property that's built into arrays.
var totalImages = imageArray.length;
Onward, Upward with Forward, Backward
We'll need to write a couple functions to tell the script what to use for each image's location. The first function below creates the image location, the second one returns the location.
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
Since we might want to display our images randomly. we need a function to generate some random index numbers for us.
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
Get the Next Image
Now let's tell the script how to get the next image in the sequence. First, if we've chosen to display the images randomly, we make the imageNum equal to the random number, while making sure it's not more than the total number of images in the array.
If it's not random, we just increment the imageNum by 1. Then to make sure we don't go over the total number of images, we use the handy dandy modulus operator (%). This will give us a remainder of 1, as soon as we go over the total number, but will just return the incremented imageNum until then. So when we go over, we go back to the beginning! Neat huh?
function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}
else {
imageNum = (imageNum+1) % totalImages;
}
Now that we know which image to display, we just need to return the value:
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Adding a Previous Button
Since we've already done most of the work, let's add a couple of functions so the user can go both forwards and backwards through our slide show. First, let's assign a value by creating a getPrevNum variable. It's based on our getNextImage variable but I've changed the +1 to a -1.
function getPrevImage() {
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Then we'll add a function to call the right value for the new_image variable we've been using.
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
The switch image function
Phew, we're almost there! We'll now create a function that will tie all our hard work together. We'll call it switchImage, use the getNextImage function we just created, and use JavaScript's setTimeout method to change the image depending on what value we initialized in our "interval" variable.
function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}
Play Time!
We're done with the script part of our tutorial, all that remains is plugging the right stuff into our HTML.
Here's what your image tag should look like. Make sure you give it a name so the script will know which image you're talking about. I'll call ours "slideimg." Remember to change your height and width tags to the appropriate values or take them out if you're using images with different sizes.
<img name="slideImg" src="27.jpg" width=500 height=375 border=0>
Adding the Controls
To create a play button, use an onClick in an anchor tag. You don't have to be as boring as me here, you can wrap this anchor tag around any image you like, or just use a regular text link.
<a href="#" onClick="switchImage('slideImg')">play slide show</a>
I put the "#" in there so that it'll work on all browsers. Some browsers will ignore the anchor tag if there is no URL specified. The "switchImage" function calls the getNextImage function.
To pause our slide show, we can use JavaScript's built-in clearTimeout method, like so:
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
Our previous button will look like this:
<a href="#" onClick="prevImage('slideImg'); clearTimeout(timerID)"> previous</a>
And for the Next button, I sort of cheated a bit. This starts up the switchImage function and then stops it again after it increments by 1.
<a href="#" onClick="switchImage('slideImg'); clearTimeout(timerID)">next </a>
Auto Start
If you'd like your slide show to start up as soon as the page loads (again, this might alienate your slower, dial-up users, so use with caution), just add an onLoad to your body tag, like this one.
<body onLoad="switchImage('slideImg')">
<end node> 5P9i0s8y19Z
<node>String
1
<end node> 5P9i0s8y19Z
<node> split Strings
2
<SCRIPT language="JavaScript">
<!--
function divide_string()
{
var where_is_mytool="home/mytool/mytool.cgi";
var mytool_array=where_is_mytool.split("/");
alert(mytool_array[0]+" "+mytool_array[1]+" "+mytool_array[2]);
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="button" onClick="divide_string()" value="Go!">
</FORM>
<end node> 5P9i0s8y19Z
<node>replace
2
Like php's replace
s = s.replace(",","");
var=var0.replace(/[^0-9$.,]/g, '')
<end node> 5P9i0s8y19Z
<node>Sentence Caps
2
http://www.x-developer.com/javascript/content/forms/sentence-caps/index.html
Sentence Caps Browser : ALL
Action: Capitalizes first letters of every sentence.
Usage: Saves time for a visitor when writing long text.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- --------------------------------------------------- -->
function capsLc(){
if (navigator.appVersion.substring(0,1)=="2"){
navOld();
}
else navNew();
}
function navOld(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
cmp=" "+wrd+" ";
if (tst.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
function navNew(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
punc=",.?!:;)'";
punc+='"';
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
wrdpre="";
if (punc.indexOf(wrd.substring(0,1))>-1){
wrdpre=wrd.substring(0,1);
wrd=wrd.substring(1,wrd.length);
}
cmp=" "+wrd+" ";
for (var i=0;i<9;i++){
p=wrd.indexOf(punc.substring(i,i+1));
if (p==wrd.length-1){
cmp=" "+wrd.substring(0,wrd.length-1)+" ";
i=9;
}
}
if (cmp.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrdpre+wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
</script>
<FORM NAME="isn">
<center>
<INPUT TYPE="text" NAME="caps" SIZE=40 VALUE="">
<INPUT TYPE="button" NAME="html1" VALUE=" Submit " onClick="capsLc()">
</center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>substring
2
<script type="text/javascript">var str="Hello world!"
document.write(str.substring(3,7))</script>
The output of the code above will be:
lo w
<end node> 5P9i0s8y19Z
<node>Text Initial Caps
2
http://www.x-developer.com/javascript/content/forms/text-initial-caps/index.html
Text Initial Caps Browser : ALL
Action: Converts every first letter to TOP caps.
Usage: Makes text easy to read.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com -->
<!-- Original: W. H. (billy@technical-solutions.co.uk) -->
<!-- --------------------------------------------------- -->
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
<node>length
2
var str = "Hello World!";
var n = str.length;
<end node> 5P9i0s8y19Z
<node>TABS
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- This page is copyright Elated Communications Ltd. (www.elated.com) -->
<title>JavaScript tabs example</title>
<style type="text/css">
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
</style>
<script type="text/javascript">
//<![CDATA[
var tabLinks = new Array();
var contentDivs = new Array();
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
//]]>
</script>
</head>
<body onload="init()">
<h1>JavaScript tabs example</h1>
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
<div class="tabContent" id="advantages">
<h2>Advantages of tabs</h2>
<div>
<p>JavaScript tabs are great if your Web page contains a large amount of content.</p>
<p>They're also good for things like multi-step Web forms.</p>
</div>
</div>
<div class="tabContent" id="usage">
<h2>Using tabs</h2>
<div>
<p>Click a tab to view the tab's content. Using tabs couldn't be easier!</p>
</div>
</div>
<p><a href="/articles/javascript-tabs/">Return to the JavaScript Tabs article</a></p>
</body>
</html>
[end code -- Start expalin
This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked — perfect if your page needs to hold a large amount of content. It's also great for things such as multi-step ("wizard"-style) Web forms.
Click the link below to see a tabbed page in action:
JavaScript tabs screenshot
See JavaScript tabs in action
The JavaScript and markup are coded in such a way that the page degrades gracefully in browsers that don't support JavaScript.
In this tutorial you learn how this tabbed page is put together. You can then use the code and ideas to build your own tabbed Web pages. Let's get started!
Creating the HTML for the tabbed page
The HTML for the tabs and content is very simple. You store each tab's content within a div element with a class of tabContent and a unique id for reference. Here's the first of the 3 tab content divs in the example:
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
The tabs themselves are simply links within an unordered list:
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
Give the ul an id of "tabs" so that the JavaScript code can locate it. Each link within the list links to its corresponding content div by referencing the id of the div ("about", "advantages", or "usage"). Since these are standard HTML links, they work fine even without JavaScript.
You can add as many tabs as you like to the page. Simply add a new content div and give it a unique id, then add a link to it within the tabs list.
Creating the CSS
Some CSS is needed in order to make the tabs look like tabs (and make them nice to look at):
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
These CSS rules work as follows:
body
This sets a nice font and font size for the page.
ul#tabs
Styles the tabs list, turning off bullet points.
ul#tabs li
The display: inline; property makes the tabs appear across the page.
ul#tabs li a
Styles the links within the list. Each link is given a border around every side except the bottom, so that the active tab blends nicely with its content div below.
ul#tabs li a:hover
Highlights a tab when hovered over with the mouse.
ul#tabs li a.selected
Styles a selected tab by giving it a lighter background and bold text, and making it bigger. Notice that the bottom padding is increased to 0.38em to make sure that the tab blends with the content div.
div.tabContent
Sets a style for the tab content areas so that they match the tab design.
div.tabContent.hide
Used to hide unselected tabs.
Creating the JavaScript code
Finally, of course, you need JavaScript to make the tabs work. Here's what the JavaScript needs to do:
* Attach a showTab() onclick event handler to each of the tab links.
* Hide all content divs except the first, so that only the leftmost tab's content is visible when the page loads.
* When a tab is clicked, showTab() displays the current tab content, and hides all other tab content divs. It also highlights the clicked tab and dims the other tabs.
The JavaScript kicks off by creating two arrays to hold the tab link elements and the content divs:
var tabLinks = new Array();
var contentDivs = new Array();
Four functions control the tabs:
* init() sets up the tabs.
* showTab() displays a clicked tab's content and highlights the tab.
* getFirstChildWithTagName() is a helper function that retrieves the first child of a given element that has a given tag name.
* getHash() is another short helper function that takes a URL and returns the part of the URL that appears after the hash (#) symbol.
Here's how these functions work.
The init() function
The first, and most complex, function is init(). It's called when the page loads, thanks to the body element's onload event:
<body onload="init()">
Here's the function itself:
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
This function does 3 things:
1. It loops through all the li elements in the tabs unordered list. For each li element, it calls the getFirstChildWithTagName() helper function to retrieve the a link element inside. Then it calls the getHash() helper function to extract the part of the link's URL after the hash; this is the ID of the corresponding content div. The link element is then stored by ID in the tabLinks array, and the content div is stored by ID in the contentDivs array.
2. It assigns an onclick event handler function called showTab() to each tab link, and highlights the first tab by setting its CSS class to 'selected'.
3. It hides all content divs except the first by setting each div's CSS class to 'tabContent hide'.
So that init() runs when the page loads, make sure you register it as the body element's onload event handler:
<body onload="init()">
The showTab() function
showTab() is called whenever a tab link is clicked. It highlights the selected tab and shows the associated content div. It also dims all other tabs and hides all other content divs:
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
The function extracts the selected ID from the clicked link's href attribute and stores it in selectedId. It then loops through all the IDs. For the selected ID it highlights the corresponding tab and shows the content div; for all other IDs it dims the tab and hides the content div. It does all this by setting CSS classes on the tab links and content divs.
Finally the function returns false to prevent the browser from following the clicked link and adding the link to the browser history.
The getFirstChildWithTagName() function
This helper function returns the first child of a specified element that matches a specified tag name. init() calls this function to retrieve the a (link) element inside each list item in the tabs list.
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
The function loops through the child nodes of element until it finds a node that matches tagName. It then returns the node.
Learn about the childNodes and nodeName properties in the article Looking inside DOM page elements.
The getHash() function
The getHash() helper function returns the portion of a URL after any hash symbol. Used by init() and showTab() to extract the content div ID referenced in a tab link.
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
Putting it together
That's all there is to creating JavaScript-enabled tabs! Take another look at the demo again, and view the page source to see how the HTML, CSS and JavaScript code appear in the page:
* The CSS and JavaScript go inside the page's head element. (You can move these into separate .css and .js files and link to them, if you prefer.)
* The page's body element contains the onload event handler to trigger the init() function.
* The tabs ul element contains the tab links.
* Each tab's content is stored in a div with a class of tabContent and a unique id (referenced in the corresponding tab link).
Feel free to use this code in your own Web pages. Happy tabbing!
<end node> 5P9i0s8y19Z
<node>tool tips
1
http://www.walterzorn.com/tooltip/tooltip_e.htm#extensions
http://www.walterzorn.com/tooltip/extensions.htm
Example profiles/profile_form2.php on Norcowib.com
<body bgcolor="#ffffff">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
<script type="text/javascript" src="../scripts/tip_balloon.js"></script>
<script type="text/javascript" src="../scripts/tip_centerwindow.js"></script>
<script type="text/javascript" src="../scripts/tip_followscroll.js"></script>
onmouseover="Tip('Some text')" onmouseout="UnTip()"
How To Use The Script
1. Download the library
Download wz_tooltip.js and unzipp it.
DHTML: Tooltips via JavaScript
Top of page
2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script>
If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.
3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\\'t trigger a JavaScript error.');
The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.
Of course you may also use different eventhandlers for Tip() and/or UnTip().
<end node> 5P9i0s8y19Z
<node>TRANSITIONS
1
http://javascriptweenie.com/wacky/transitions/transitions.html
===
Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages - just like in the movies.
These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.
Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.
0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkerboard across
11 - Checkerboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random
That's the whole deal. Don't miss the WackyPages.
Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions - that's what we're fooling around with here. Works with IE only though.
<end node> 5P9i0s8y19Z
<node>UTITILIES
1
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|05|22|JS_27569|JS_27569~xml.0.jhtml?cda=true#
Hexadecimal Code Generator
Published 05/22/2000
By Hugh Dannatt
This is just a script that allows you to experiment with hexadecimal codes.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = = =
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD><TITLE>Change the background color</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function both() {
background()
swaptext()
}
function two() {
background()
textswap()
}
function background() {
var newcolor = document.change.color.value;
var oldcolor = document.bgColor;
document.bgColor = newcolor;
document.change.old.value = oldcolor;
}
function swaptext() {
document.change.style.color="FFFFFF";
}
function textswap() {
document.change.style.color="000000";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<FORM NAME="change">
You want the new color to be: <INPUT NAME="color" TYPE="text"><INPUT TYPE="button" VALUE="Change Background" onClick="background()"><BR>
The old color was: <INPUT NAME="old" TYPE="text"><INPUT TYPE="button" VALUE="Change text" onclick="swaptext()" ondblclick="textswap()">
<INPUT TYPE="button" VALUE="Both" onclick="both()" ondblclick="two()"></FORM></P><BR><B><I>How to use:</I></B> Enter the hexadecimal
code for the background color that you want the page to be. Then press the 'Change Background' button. Watch what happens! If you find
the text unreadable because the the background has gone very dark, just click the 'Change text' button. Problem sorted! If you want to both
jobs at once, enter the background color, and then the 'Both' button, if you find that yu then change the background back toi something too light to see
the text against, but the 'Change Text' button is not doing anything try double clicking it. Also do this to sort out the same problem with the
'Both' button.
</BODY>
</HTML>
<!-- Simba says Roar. -->
<end node> 5P9i0s8y19Z
<node>Windows
1
IT IS NOT POSSIBLE TO USE JAVASCRIPT TO OPEN A WINDOW THAT IS NOT CONSIDERED A POPUP. IT CAN BE DONE BY MANUAL LINKS THOUGH
<end node> 5P9i0s8y19Z
<node>"Regular" full screen window Opener
2
http://www.wsabstract.com/script/cut125.shtml
"Regular" full screen window Opener
Description: Opens up a window in regular full screen mode, with only the title bar present (Be sure to check out a variation of this script in the IE 4.x section that opens up a window in true full screen mode).
Directions: Insert the below into the <body> section of your page. Change the target url to your own.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!--
/*Full screen window opener script: Written by Website Abstraction (www.wsabstract.com) More free scripts here*/
function winopen(){
var targeturl="../index.html"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>
<form>
<input type="button" onClick="winopen()" value="Open window">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
<node>close
2
<a HREF="javascript:window.close()">
<end node> 5P9i0s8y19Z
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
or
parent.rigtht.location.href=
<end node> 5P9i0s8y19Z
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
*******************************************************************
<script language="JavaScript">
function ChangeWindow() {
window.location = "subwind2.htm"
}
</script>
<h1>This is the first window!</h1>
<script language=javascript>
window.setTimeout("ChangeWindow()",5000)
</script>
[ssl check]
<script language="javascript">
if (document.location.protocol != "https:") {
document.location.href = "https://secure3.ntwebb.com/storeitwise-com/online_payment.html";
}
</script>
[Place in parent]
<script language="javascript">parent.location.href="pdf/FMLAposter909.pdf"</script>
<end node> 5P9i0s8y19Z
<node>mywindow.resizeTo
2
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0;
var op_dir = (document.form1.dir.checked == true) ? 1 : 0;
var op_stat = (document.form1.stat.checked == true) ? 1 : 0;
var op_menu = (document.form1.menu.checked == true) ? 1 : 0;
var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form) {
document.form1.wid.value="";
document.form1.heigh.value="";
}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1 ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text" NAME="wid" value= >: Width
<INPUT TYPE="text" NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>
*****************************************************************
This is a JavaScript that shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.
--------------------------------------------------------------------------------
Default Netscape Browser sizes:
640 x 480
Mac = 470x300:
PC = 580x300:
800 x 600
Mac = 470x430:
PC = 580x430:
1024 x 768
Mac = 470x600:
PC = 580x600
- - - - - - - - - - - - - - - - -
<!-- TWO STEPS TO INSTALL WINDOW SIZER:
1. Paste the first code into the HEAD of your HTML document -->
2. Copy the final coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function regular() {
window.open('window-sizer.html','640x480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('window-sizer.html','800x600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<FORM>
Open a window 640 x 480 pixels:
<INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()">
<P>
Open a window 800 x 600 pixels:
<INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>
Mac = 470x300:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580x300:
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470x430:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580x430:
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>
Mac = 470x600:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window:
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.79 KB -->
*******************************
// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Get what is below onto one line
TheNewWin =window.open("untitled.html",'TheNewpop',
'fullscreen=yes,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no');
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
<!-- TWO STEPS TO INSTALL HTML PREVIEW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: nsabs@1nsyncfan.com -->
<!-- Web Site: http://www.envy.nu/gjelly -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function displayHTML(form) {
var inf = form.htmlArea.value;
win = window.open(", ", 'popup', 'toolbar = no, status = no');
win.document.write("" + inf + "");
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<form>
<textarea name="htmlArea" cols=45 rows=6>
</textarea>
<br>
<input type="button" value=" view " onclick="displayHTML(this.form)">
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.07 KB -->
<end node> 5P9i0s8y19Z
<node>print page
2
<form>Click Here To <input type=button name=print value='Print' onClick='javascript:window.print()'> This Page!</form>
****************************************************
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>Window Closer
2
http://www.x-developer.com/javascript/content/buttons/window-closer/index.html
Window Closer
Action: Closes your windowafter the button is pressed.
Usage: Save time and closewindows without looking for CLOSE button inyour browser window
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<form>
<!-- Please do not remove these comments. Thank you! -->
<!-- 1000's of best scripts for you: www.x-developer.com --> <!-- --------------------------------------------------- --> <input type=button value="Close Window" onClick="javascript:window.close();">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>window.location
2
window.location = 'http://www.yourdomain.com'
<end node> 5P9i0s8y19Z
<node>window.location.reload
2
REFREST THE CURRENT PAGE
<script language="JavaScript1.2">
<!--
function refresh()
{
window.location.reload( false );
}
//-->
</script>
<end node> 5P9i0s8y19Z
<node>window.open
2
<script language='javascript'>
myWindow=window.open('http://www.jkryan.globalprobuilder.com','newpage');
myWindow.focus();
location.href='$urlreturn';
</script>";
OR
<script>
myWindow=window.open("https://2000bestfriends.org/sign-up.php");
myWindow.blur();
window.focus();
</script>
************************
Window Position
Do you not where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!
--------------------------------------------------------------------------------
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<end node> 5P9i0s8y19Z
<node>window.scrollTo
2
onLoad="javascript:window.scrollTo(0,400);"
OR
<script language='javascript'> window.scrollTo(0,300); </script>
at the end of the page. CANNOT USE INSIDE OF A TABLE
function Scrolldown() {
window.scroll(0,300);
}
<script type="text/javascript">
var a = 5;
alert("hello world. The value of a is: " + a);
</script>
<end node> 5P9i0s8y19Z
<node>md5
1
<h2>Demonstration</h2>
<script src="2.2/md5-min.js" type="text/javascript"></script>
<script src="2.2/sha1-min.js" type="text/javascript"></script>
<div class="indented">
<table>
<tr><th>Input</th><td><input type="text" id="input" size="40"></td></tr>
<tr><th>Calculate</th>
<td style="text-align:center">
<input type="button" onclick="document.getElementById('hash').value = hex_md5(document.getElementById('input').value)" value="MD5">
<input type="button" onclick="document.getElementById('hash').value = hex_sha1(document.getElementById('input').value)" value="SHA-1"></td></tr>
<tr><th>Result</th><td><input type="text" id="hash" size="40"></td></tr>
</table>
<end node> 5P9i0s8y19Z
<node>HTML Code
<node>BackGround
<node>Gradient
<node>Sound
<node>body
<node>Form
<node>checkboxes
<node>controls
<node>combo select
<node>dynamic
<node>grouping
<node>Events
<node>mouseover
<node>onblur
<node>onchange
<node>onclick
<node>onkey
<node>Labels
<node>TextArea
<node>multipleSections
<node>radio button
<node>submit buttons
<node>sample
<node>text
<node>textarea
<node>FORMATING
<node><LI> Replacement
<node>Colors
<node>frames
<node>Icon Address bar
<node>iframe
<node>img
<node>map
<node>META Tag Basics
<node>Meta tag caching
<node>META: What is it used for?
<node>Refreshing Using the META Tag
<node>ROBOTS
<node>ScreenEffects
<node>Printing
<node>SetTimeout
<node>special Characters
<node>both
<Treepad version 3.0>
dt=
<node>HTML Code
0
<end node> 5P9i0s8y19Z
dt=
<node>BackGround
1
bgproperties="fixed"
background="images/pic.jpg"
background-color:white;opacity:.5;filter:alpha(opacity=50);
<end node> 5P9i0s8y19Z
dt=
<node>Gradient
2
Create a Gradient Background Effect
You can use the style tag to create a gradient background effect within your web page. This effect can be used for your entire web page background, or within your table cells.
To use the gradient effect as your web page background, use the following BODY tag:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">
To use the gradient effect within your tables, place the following code within your table tag:
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"
Although you can edit the gradient colors indicated in red, keep in mind, in order for the effect to display properly, you must use a light color and a darker color.
<end node> 5P9i0s8y19Z
dt=
<node>Sound
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=538
===
Q & A - BGSOUND, EMBED, META: Playing a background sound
Applies to These Versions Categories
Version Numbers Not Applicable Sound
Tags
--------------------------------------------------------------------------------
How do I get sound to play on my Web site?
First, your sound should be in a format that the maximum number of browsers can use. The principal cross-platform sound formats are .au, .wav. and .ra. A good place to visit to find sound conversion tools is MAZ Sound Tools Page, at http://www.th-zwickau.de/~maz. (It takes a while to load, but it's worth the wait.)
As with graphics, you need to keep the file size in mind. The larger the file, the longer it will take to download. I recommend lowering the sample-rate of the sound (if you haven't already done so) to 22 kHz, 16 or even 8 kHz. The lower the quality, the faster the sound will load (although it will sound concomitantly worse). You will have to make your own judgements when you reach this point. Try not to make the sound too annoying-that's a sure way to keep people from coming back to visit your site.
There are three ways to get sounds to play in the background of your page: Via the META tag, the BGSOUND tag, or by using EMBED.
Using META to play sounds
<META HTTP-EQUIV=REFRESH CONTENT="15; URL=http://www.projectcool.com/sounds/demo.au">
This tag lives in the HEAD section of the document. The number next to CONTENT tells the server how many seconds to wait before sending the sound-file to your browser. Don't make it one second, otherwise the sound will play before your page has completely loaded. The URL should show the full-path (yes, it should also include http://... even if it's in the same directory). Also, pay strict attention to where the quotes and spaces are (an extra or missing quote and the file will not be loaded).
Using BGSOUND to play sounds
<BGSOUND SRC="http://www.projectcool.com/sounds/demo.au" LOOP=3>
This tag lives in the BODY of the document and only works with Microsoft's browser (Internet Explorer 2.0 or greater). The SRC can be either relative or full-path. The loop attribute defines how many times you want the sound to play; to play it continuously define LOOP=INFINITE.
Using EMBED to play sounds
<EMBED SRC="http://www.best.com/~paz/homie/sounds/giggle.au" AUTOSTART="TRUE" VOLUME=50%>
This tag lives in the BODY of the document and is supported by both Netscape and Microsoft IE. The SRC can be either relative or full-path. AUTOSTART will determine whether you want the file to begin playing after it has loaded. Volume can be defined from 0-100% (don't set it at 100 unless you want to loose some friends). This tag is actually quite flexible, it also allows for the user to determine where,within the sound file, it begins to play.
<end node> 5P9i0s8y19Z
dt=
<node>body
1
Block elements
P paragraphs
The paragraph element requires a start tag, but the end tag can always be omitted. Use the ALIGN attribute to set the text alignment within a paragraph, e.g. <P ALIGN=RIGHT>
UL unordered lists
These require start and end tags, and contain one or more LI elements representing individual list items.
OL ordered (i.e. numbered) lists
These require start and end tags, and contain one or more LI elements representing individual list items.
DL definition lists
These require start and end tags and contain DT elements that give the terms, and DD elements that give corresponding definitions.
PRE preformatted text
Requires start and end tags. These elements are rendered with a monospaced font and preserve layout defined by whitespace and line break characters.
DIV document divisions
Requires start and end tags. It is used with the ALIGN attribute to set the text alignment of the block elements it contains. ALIGN can be one of LEFT, CENTER or RIGHT.
CENTER text alignment
Requires start and end tags. It is used to center text lines enclosed by the CENTER element. See DIV for a more general solution.
BLOCKQUOTE quoted passage
Requires start and end tags. It is used to enclose extended quotations and is typically rendered with indented margins.
FORM fill-out forms
Requires start and end tags. This element is used to define a fill-out form for processing by HTTP servers. The attributes are ACTION, METHOD and ENCTYPE. Form elements can't be nested.
ISINDEX primitive HTML forms
Not a container, so the end tag is forbidden. This predates FORM and is used for simple kinds of forms which have a single text input field, implied by this element. A single ISINDEX can appear in the document head or body.
HR horizontal rules
Not a container, so the end tag is forbidden. attributes are ALIGN, NOSHADE, SIZE and WIDTH.
TABLE can be nested
Requires start and end tags. Each table starts with an optional CAPTION followed by one or more TR elements defining table rows. Each row has one or more cells defined by TH or TD elements. attributes for TABLE elements are WIDTH, BORDER, CELLSPACING and CELLPADDING.
--------------------------------------------------------------------------------
<end node> 5P9i0s8y19Z
dt=
<node>Form
1
See Java-Forms also
<form name=myform action="" method=post>
<INPUT TYPE = "hidden" SIZE = 0 maxlength= 30 NAME = "Info">
<input type = "submit" value = "Send" name="submit">
<end node> 5P9i0s8y19Z
dt=
<node>checkboxes
2
javascript
if(document.frmInput.iunderstand.checked==false){
error_message = error_message + '*You have NOT read the Affidavit. Please do so and check the box after reading.\\n';
error = 1;
}
<input type='checkbox' value='o_prop_tax' name='select[0]' checked>Property Taxes<br>
<input type='checkbox' value='o_insure' name='select[1]' checked>Insurance<br>
<p><input type='checkbox' value='email_note' name='email_note' >Notify me by email if someone views my Rental.</p>
ARRAY CHECK BOXES
function showBoxes(frm){
var verify = frm['regOpt[]'];
if(verify[0].checked==true){
for (var i = 1; i < verify.length; i++) {
verify[i].checked=false;
}
}
}
<tr><td width=34 align=right><input type=checkbox name=regOpt[] value=1 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>Main Conference: July 15th, 16th and 17th , 2010 (does not include Pre-Sessions)</b> $429 on/before June 19; $459 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=2 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>1/2 day only Thursday July 15th (does not include Welcome Reception)</b> $149 on/before June 19; $179 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=3 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>Friday, July 17th only</b> $280 on/before June 19; $310 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=5 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>1/2 day only Saturday, July 17th</b> $149 on/before June 19; $179 after June 19
</td></table>
<end node> 5P9i0s8y19Z
dt=
<node>controls
2
<end node> 5P9i0s8y19Z
dt=
<node>combo select
3
<select size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
function message(form){
var value = form.payment.options[form.payment.selectedIndex].value;
var message="";
if(value=="PHONE"){
message="Complete your order by scrolling to the bottom of this page and clicking the NEXT button.\\n\\n That will complete your order and provide you with your order number and total.\\n\\n I accept Visa or MasterCard.\\n\\n Call Denise at 970-454-2152 or cell phone at 970-590-2162.\\n\\n I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card.\\n\\n I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine.\\n\\n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time).\\n\\n Thank You.";
}
if(value=="CHECK"){
message="You have selected pay by check";
}
if(value=="MONEY ORDER"){
message="You have selected MONEY ORDER";
}
if(value=="PAYPAL"){
message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\\n\\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order.";
}
alert (message);
}
*************
<select name="payment" class="small" id="payment" onChange="message(this.form);">
<option value="uncola" selected>Select Payment Option Here</option>
<option value="CHECK">Check (via mail)</option>
<option value="MONEY ORDER">Money Order
(via mail)</option>
<option value="PAYPAL" >Credit Card</option>
<option value="PAYPAL" >PAY PAL</option>
<option value="PHONE">Credit Card (via Phone)</option>
</select>
[example 2]
How do I find the value of a SELECT element?
Apr 17th, 2000 16:04
Martin Honnen,
NN6 and IE4+ provide a
value
property for SELECT elements thus
document.formName.selectName.value
is sufficient with these browsers. For other browsers and cross browser
code use
var select = document.formName.selectName;
var value = select.options[select.selectedIndex].value
__________________________________
[select name='navi' onChange="go()">
function go()
{
box = document.forms[0].navi;
destination = box.options[box.selectedIndex].value;
if (destination) location.href = destination;
}
____________________________________________________
Where: qxq-features.php
<script language="JavaScript">
function bookmark(){
var select = document.titles.title;
var value = select.options[select.selectedIndex].value;
if (value!=0) location.href = "features.php#"+value;
}
</script>
<end node> 5P9i0s8y19Z
dt=
<node>dynamic
4
Create Dynamic Combobox using php and onselection change values of another dynamic Combobox
http://stackoverflow.com/questions/11451150/create-dynamic-combobox-using-php-and-onselection-change-values-of-another-dynam
want to Create HTML Dynamic Combobox which populate using php scripting from db and onselection change values of another dynamic Combobox. Initially 2nd combobox should be invisible and on selection of 1st combobox make 2nd combobox visible related with similar data. for example, I have this table :
Category Name
Airport ABC
Airport XYZ
College a1
College b1
College b2
busstop a
busstop b
busstop c
busstop d
So, 1st Combobox will contain Unique Category listing (like: Airport, College, busStop) and on the base of this selection enable 2nd combobox with related values like if user selected Airport then 2nd combobox will contain only (ABC, XYZ).
I basically want to do this with only HTML,JAVASCRIPT AND PHP only.
any suggestions are appreciated..
php javascript html combobox
share|improve this question
asked Jul 12 '12 at 11:47
anand
2518
Here is a basic example with what you want. Test it and come back if you have problems implementing this. - Ovidiu Jul 12 '12 at 11:54
Hi ovidiu, I think you forgot to give some link .. - anand Jul 12 '12 at 12:33
plus2net.com/php_tutorial/ajax_drop_down_list.php - sorry :) - Ovidiu Jul 12 '12 at 12:38
@ovidiu, its very nice example but with ajax. I do not want to use ajax. if you have any other example then it really will be useful.. please let me know. Thanks .. - anand Jul 12 '12 at 13:06
I don't have an example without ajax. But to do it without, you need to submit the selection from first dropdown, pass it as a get/post then on reload fill the second one based on passed value. No need for javascript then. - Ovidiu Jul 12 '12 at 13:22
2 Answers
active oldest votes
up vote 2 down vote accepted
With the following snippet I make the assumption you have an array filled with your database rows as objects, which I will name $results;
edit: How to get your query objects: http://www.php.net/manual/en/mysqli-result.fetch-object.php
I start with gathering the data for creating the comboboxes:
$combobox_data = array();
$results = mysqli_query("SELECT * FROM TABLE");
//create a multi dimensional array with names per category
while($row = mysqli_fetch_object($results)){
$combobox_data[$row->Category][] = $row->Name;
}
$category_combobox_html = "";
$name_combo_boxes_html = "";
//create category combo_box
foreach($combobox_data as $category=>$names){
//Add category option to category combo-box
$category_combobox_html .= '<option value="'.$category.'">'.$category.'</option>';
//Create Names combo-box for this category
$name_combo_boxes_html .= '<select id="'.$category.'" name="'.$category.'" class="hidden_combobox">';
//loop names, to add Names in the combo-box for this category
foreach($names as $name){
$name_combo_boxes_html .= '<option value="'.$name.'">'.$name.'</option>';
}
//end your combo box for this category
$name_combo_boxes_html .= '</select>';
}
your css
<style type="text/css" media="screen">
.hidden_combobox{
display:none;
}
</style>
your html
<select name="categories" id="categories">
<?php echo $category_combobox_html; ?>
</select>
<?php echo name_combo_boxes_html ;?>
your javascript
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
//when you select something from category box
$("#categories").change(function(){
//get selected category
var selectedValue = $(this).find(":selected").val();
//hide all nameboxes
$('.namebox').each(function(){
$(this).hide();
});
//show combobox for this select
$('#'+selectedValue).show();
});
</script>
Your result will be this:
All name comboboxes will be hidden unless you select a category which matches the combo_box
<select name="categories" id="categories">
<option value="Airport">Airport</option>
<option value="College">College</option>
<option value="busstop">busstop</option>
</select>
<select id="Airport" name="Airport" class="namesbox hidden_combobox">
<option value="ABC">ABC</option>
<option value="XYZ">XYZ</option>
</select>
<select id="College" name="College" class="namesbox hidden_combobox">
<option value="a1">a1</option>
<option value="b1">b1</option>
<option value="b2">b2</option>
</select>
<select id="busstop" name="busstop" class="namesbox hidden_combobox">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
</select>
<end node> 5P9i0s8y19Z
dt=
<node>grouping
4
<html>
<body>
<select>
<optgroup label="Numbers">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</optgroup>
<optgroup label="Letters" disabled="true">
<option value="4">A</option>
<option value="5">B</option>
<option value="6">C</option>
</optgroup>
</select>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Events
3
<end node> 5P9i0s8y19Z
dt=
<node>mouseover
4
onmouseover="this.style.cursor='hand'"
<end node> 5P9i0s8y19Z
dt=
<node>onblur
4
onblur=window.close()
onblur="myOnblur(getElementById(id).value);" onchange="myOnchange(getElementById(id).value);" onclick="myOnclick(getElementById(id).value);" onkey="myOnKey(getElementById(id).value);"
<end node> 5P9i0s8y19Z
dt=
<node>onchange
4
<select name="sort" onChange="submit();">
<select name="sort" onChange="submit();">
<form method=post action="propsearch.php" name="propsearchform" id="propsearchform"><table cellspacing=1 cellpadding=2><tr align=left><td> <b>Counties:</b></td></tr><tr align=center><td><select name="counties[]" multiple size=8><option value='ALL' selected>All Counties</option><option value='Alameda'>Alameda</option><option value='Alpine'>Alpine</option><option value='Amador'>Amador</option><option value='Butte'>Butte</option><option value='Calaveras'>Calaveras</option><option value='Colusa'>Colusa</option><option value='Contra Costa'>Contra Costa</option><option value='Del Norte'>Del Norte</option><option value='El Dorado'>El Dorado</option><option value='Fresno'>Fresno</option><option value='Glenn'>Glenn</option><option value='Humboldt'>Humboldt</option><option value='Imperial'>Imperial</option><option value='Inyo'>Inyo</option><option value='Kern'>Kern</option><option value='Kings'>Kings</option><option value='Lake'>Lake</option><option value='Lassen'>Lassen</option><option value='Los Angeles'>Los Angeles</option><option value='Madera'>Madera</option><option value='Marin'>Marin</option><option value='Mariposa'>Mariposa</option><option value='Mendocino'>Mendocino</option><option value='Merced'>Merced</option><option value='Modoc'>Modoc</option><option value='Mono'>Mono</option><option value='Monterey'>Monterey</option><option value='Napa'>Napa</option><option value='Nevada'>Nevada</option><option value='Orange'>Orange</option><option value='Placer'>Placer</option><option value='Plumas'>Plumas</option><option value='Riverside'>Riverside</option><option value='Sacramento'>Sacramento</option><option value='San Benito'>San Benito</option><option value='San Bernardino'>San Bernardino</option><option value='San Diego'>San Diego</option><option value='San Francisco'>San Francisco</option><option value='San Joaquin'>San Joaquin</option><option value='San Luis Obispo'>San Luis Obispo</option><option value='San Mateo'>San Mateo</option><option value='Santa Barbara'>Santa Barbara</option><option value='Santa Clara'>Santa Clara</option><option value='Santa Cruz'>Santa Cruz</option><option value='Shasta'>Shasta</option><option value='Sierra'>Sierra</option><option value='Siskiyou'>Siskiyou</option><option value='Solano'>Solano</option><option value='Sonoma'>Sonoma</option><option value='Stanislaus'>Stanislaus</option><option value='Sutter'>Sutter</option><option value='Tehama'>Tehama</option><option value='Trinity'>Trinity</option><option value='Tulare'>Tulare</option><option value='Tuolumne'>Tuolumne</option><option value='Ventura'>Ventura</option><option value='Yolo'>Yolo</option><option value='Yuba'>Yuba</option></select><div class='alertlight' style='width:200px'>(Hold down CTRL on a PC or Apple on a Mac to make multiple selections.)</div></td></tr><tr align=left><td><p style='padding:5px;'><b>Property Type:</b></p><input type=checkbox name="ranches" id="ranches" value='x' checked>Cattle Ranches<br><input type=checkbox name="equestrian" id="equestrian" value='x' checked>Equestrian Ranches<br><input type=checkbox name="agriculture" id="agriculture" value='x' checked>Farms and Orchards<br><input type=checkbox name="vineyards" id="vineyards" value='x' checked>Vineyards<br><input type=checkbox name="water" id="water" value='x' checked>Water - Ocean, Rivers, Lakes<br><input type=checkbox name="duckclub" id="duckclub" value='x' checked>Duck Club<br><input type=checkbox name="recreation" id="recreation" value='x' checked>Recreation - Hunting and Timber<br><input type=checkbox name="land" id="land" value='x' checked>Land<br><input type=checkbox name="commercial" id="commercial" value='x' checked>Commercial<br><input type=checkbox name="resranchette" id="resranchette" value='x' checked>Ranchette and Residential<br></td></tr><tr align=left><td><p style='padding:5px;'><b>Parcel Range:</b></p></td></tr><tr align=left><td><table cellspacing=0 cellpadding=0 width=100%><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="0-10" id="0-10" value='x'>Under 10 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="10-50" id="10-50" value='x'>10-50 acres </td></tr><tr align=left><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="50-100" id="50-100" value='x'>50-100 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="100-200" id="100-200" value='x'>100-200 acres </td></tr><tr align=left><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="200-500" id="200-500" value='x'>200-500 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="500-1000000" id="500-1000000" value='x'>Over 500 acres </td></tr><tr align=left></tr></table></td></tr><tr align=right><td colspan=2><input type=checkbox name='allparcels' id='allparcels' value='x' onClick="if(this.checked) { document.getElementById('0-10').checked=true;document.getElementById('10-50').checked=true;document.getElementById('50-100').checked=true;document.getElementById('100-200').checked=true;document.getElementById('200-500').checked=true;document.getElementById('500-1000000').checked=true; }" checked>All Parcel Sizes</td></tr></td></tr><tr align=left><td><p style='padding:5px;'><b>Price Range:</b></p></td></tr><tr align=left><td><table cellspacing=0 cellpadding=0 width=100%><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="0-200000" id="0-200000" value='x'>Under $200,000 </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="200001-400000" id="200001-400000" value='x'>$200,000-$400,000 </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="400001-800000" id="400001-800000" value='x'>$400,000-$800,000 </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="800001-1000000" id="800001-1000000" value='x'>$800,000-$1 million </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="1000000-2000000" id="1000000-2000000" value='x'>$1 million-$2 million </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="2000000-100000000" id="2000000-100000000" value='x'>Over $2 million </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="auction" id="auction" value='x'>Auctions </td></tr></table></td></tr><tr align=right><td colspan=2><input type=checkbox name='allprices' id='allprices' value='x' onClick="if(this.checked) {document.getElementById('0-200000').checked=true;document.getElementById('200001-400000').checked=true;document.getElementById('400001-800000').checked=true;document.getElementById('800001-1000000').checked=true;document.getElementById('1000000-2000000').checked=true;document.getElementById('2000000-100000000').checked=true; }" checked>All Prices</td></tr></td></tr><tr align=center><td><div class="searchbutton" onclick="document.getElementById('quicktext').value='';document.forms['propsearchform'].submit();"> </div></td></tr></table></div><br><br><h7><b>Quick Search:</b></h7><br><p style="text-align:left;"><font style="font-size:9pt;">Enter the name of a property or word describing the type of property you're looking for.</font></p><div style="width:99%;" class=paper><table cellspacing=0 cellpadding=0><tr height='50px' align=left><td><input style='height:30px;width:225px;font-size:100%;' type=text name="quicktext" id="quicktext" value=""></td><td><div class="searchbutton" style='margin-left:5px;' onclick="document.forms['propsearchform'].submit();"> </div></td></tr></table></form></td></tr></table><div style='clear:both;'></div><br><br><br></td></tr><tr valign=bottom align=center bgcolor='#e6dac6'><td style="padding-right:5px;border-bottom:#614f35 3px solid;"><table style="width:95%;font-size:95%;" cellspacing=1 cellpadding=1><tr valign=top align=center><td><img src="images/homepage2_2014.png" style="width:950px;border:none;"></td></tr></table></td></tr></table></div><table width='1000px' cellspacing=0 cellpadding=0 style='margin:0px'><tr align=left><td><div style='margin:5px;float:right;'><a href="http://www.LandProsSystems.com" target="_blank" title="LandProsSystems.com"><img alt="powered by Land Pros" src="http://landpros.com/images/poweredby_landpros_logo.png"></a></div><div class='login'><a href='http://www.californiaoutdoorproperties.com/login.php'><b>Login</b></a></div></td></tr><tr align=center><td><div id='footer'><a href="index.php">Home</a> <a href="propsearch.php?justlisted=90">Properties</a> <a href="auction.php">Auction</a> <a href="sell.php">Sell</a> <a href="buy.php">Buy</a> <a href="agents.php">Agents</a> <a href="aboutus.php">About Us</a> <a href="contact.php">Contact</a> <a href="sitemap.html">Site Map</a></div></td></tr><tr align=center><td>
<end node> 5P9i0s8y19Z
dt=
<node>onclick
4
onclick="location.href='calendarShow.php'"
<td class=clk onclick="window.open('calendarShow.php','new','width=800,height=700');" onmouseover="this.style.cursor='hand'">
[COMBO CHANGE]
var value = document.mainForm.payment.options[document.mainForm.payment.selectedIndex].value;
var message="";
if(value=="PHONE"){
message="Complete your order by scrolling to the bottom of this page and clicking the "NEXT" button. That will complete your order and provide you with your order number and total.\\n I accept Visa or MasterCard.\\n Then call Denise at 970-454-2152 or on her cell phone at 970-590-2162. I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card. I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine./n/n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time)./n Thank You.";
}
if(value=="CHECK"){
message="You have selected pay by check";
}
if(value=="MONEY ORDER"){
message="You have selected MONEY ORDER";
}
if(value=="PAY PAL"){
message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\\n\\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order.";
}
alert (message);
<end node> 5P9i0s8y19Z
dt=
<node>onkey
4
onkeyup will return the key that has been pressed while filling text box. Onkeypress and onkeydown will not
window.event.keyCode == returns ascii value of the key pressed
<end node> 5P9i0s8y19Z
dt=
<node>Labels
3
<lable>test</label>
[Change Text]
See textarea to see a method
<end node> 5P9i0s8y19Z
dt=
<node>TextArea
3
[maxlength]
<textarea cols="60" rows="5" onkeypress="if (this.value.length > 100) { return false; }"></textarea>
[counter]
<label id="count"></label>
<br><textarea name="comment" rows="3" cols="50" onkeypress="document.getElementById('count').innerHTML=this.value.length"></textarea>
<end node> 5P9i0s8y19Z
dt=
<node>multipleSections
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kendall Printing Quote Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="JavaScript">
<!--
var reWhitespace = /^\\s+$/;
var reEmail = /^.+\\@.+\\..+$/;
var reInteger = /^\\d+$/;
var reSignedInteger = /^(\\+|-)?\\d+$/;
var sec1, sec2, sec3, sec4, sec5;
var Header1, Header2, Header3, Header4, Header5;
var defaultEmptyOK = false
function warnEmpty (theField, s)
{
theField.style.backgroundColor='#ff3333';
alert(s);
return false;
}
function warnInvalid (theField, s)
{
theField.style.backgroundColor='#ff3333';
alert(s);
return false;
}
function isSignedInteger (s)
{ if (isEmpty(s))
if (isSignedInteger.arguments.length == 1) return defaultEmptyOK;
else return (isSignedInteger.arguments[1] == true);
else {
return reSignedInteger.test(s);
}
}
function isPositiveInteger (s)
{ var secondArg = defaultEmptyOK;
if (isPositiveInteger.arguments.length > 1)
secondArg = isPositiveInteger.arguments[1];
return (isSignedInteger(s, secondArg)
&& ( (isEmpty(s) && secondArg) || (parseInt (s) > 0) ) );
}
function checkPositiveInteger (theField, s, emptyOK)
{
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
if (isPositiveInteger(theField.value.replace(",","")))
return true;
else
return warnInvalid(theField, s);
}
function isEmpty(s)
{ return ((s == null) || (s.length == 0));
}
function isWhitespace (s)
{
return (isEmpty(s) || reWhitespace.test(s));
}
function isEmail (s)
{ if (isEmpty(s))
if (isEmail.arguments.length == 1) return defaultEmptyOK;
else return (isEmail.arguments[1] == true);
else {
return reEmail.test(s)
}
}
function checkEmail (theField, s, emptyOK)
{ if (checkEmail.arguments.length == 1) emptyOK = defaultEmptyOK;
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
else if (!isEmail(theField.value, false))
return warnInvalid (theField, s);
else return true;
}
function checkString (theField, s, emptyOK)
{
if (checkString.arguments.length == 2) emptyOK = defaultEmptyOK;
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
if (isWhitespace(theField.value))
return warnEmpty (theField, s);
else return true;
}
function validatePage5(){
df=document.forms[0];
if(!checkString(df.ContactName,'Contact Name is Required', false))return false;
if(!checkString(df.Phone,'Phone is Required', false))return false;
if(!checkString(df.Fax,'Fax is Required', false))return false;
if(!checkString(df.Email,'Email is Required', false))return false;
if(!checkEmail(df.Email,'Email must be in the correct format', true))return false;
return true;
}
function init(){
sec1 = document.getElementById('Section1');
sec2 = document.getElementById('Section2');
sec3 = document.getElementById('Section3');
sec4 = document.getElementById('Section4');
sec5 = document.getElementById('Section5');
Header1 = document.getElementById('Header1');
Header2 = document.getElementById('Header2');
Header3 = document.getElementById('Header3');
Header4 = document.getElementById('Header4');
Header5 = document.getElementById('Header5');
}
function hideAllDivs(){
sec1.style.display='none';
sec2.style.display='none';
sec3.style.display='none';
sec4.style.display='none';
sec5.style.display='none';
// also grey all headers
Header1.style.color='#cccccc';
Header1.style.fontWeight='500';
Header2.style.color='#cccccc';
Header2.style.fontWeight='500';
Header3.style.color='#cccccc';
Header3.style.fontWeight='500';
Header4.style.color='#cccccc';
Header4.style.fontWeight='500';
Header5.style.color='#cccccc';
Header5.style.fontWeight='500';
}
function showStep1(){
hideAllDivs();
sec1.style.display='block';
Header1.style.color='#ffffff';
Header1.style.fontWeight='900';
}
function showStep2(){
hideAllDivs();
sec2.style.display='block';
Header2.style.color='#ffffff';
Header2.style.fontWeight='900';
}
function showStep3(){
hideAllDivs();
sec3.style.display='block';
Header3.style.color='#ffffff';
Header3.style.fontWeight='900';
}
function showStep4(){
hideAllDivs();
sec4.style.display='block';
Header4.style.color='#ffffff';
Header4.style.fontWeight='900';
}
function showStep5(){
hideAllDivs();
sec5.style.display='block';
Header5.style.color='#ffffff';
Header5.style.fontWeight='900';
}
//-->
</script>
<style type="text/css">
input.blue{background-color:#0066cc;color:#dddddd;font-weight:900}
</style>
</head>
<body bgcolor="#eeeeee" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()">
<table width="599" height="23" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0066CC">
<tr>
<td width="109" height="20" align="center"><font style="color:#ffffff;background-color:#0066cc;font-weight:900" ID="Header1">Job
Overview</font></td>
<td width="121" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header2">Paper
& Ink</font></td>
<td width="103" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header3">Finishing</font></td>
<td width="119" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header4">Special
Instr</font></td>
<td width="147" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header5">Shipping
/ Contact</font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td valign='top'><form name='form1' method='post' action='quote_form_action.asp' onSubmit="return validatePage5()">
<div ID="Section1" style="visibility:visible;height:0;">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td height="26" colspan="4" align="center" bgcolor="#CCCCCC"><strong> </strong>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="25"> </td>
<td align="center"><strong>Job Overview</strong></td>
<td width="25%" align="right"><strong> Step 1 of 5 </strong></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="35" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a required field</font></td>
<td width="35"> </td>
</tr>
<tr>
<td height="26"> </td>
<td width="149">Project Title:</td>
<td width="384" align="left"><input name="ProjectTitle" type="text" id="ProjectTitle" value="" size="30" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Quantity:</td>
<td align="left"><input name="Quantity" type="text" id="Quantity" size="5" value="" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="28"> </td>
<td># of pages:</td>
<td><input name="NumberPages" type="text" id="NumberPages" size="5" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Flat size:</td>
<td><input name="FlatSize" type="text" id="FlatSize"></td>
<td> </td>
</tr>
<tr>
<td height="29"> </td>
<td>Finished size:</td>
<td><input name="FinishedSize" type="text" id="FinishedSize3"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Cover:</td>
<td align="left"><input name="Cover" type="checkbox" id="Cover" value="Self-Cover">
self cover
<input name="Cover" type="checkbox" id="Cover" value="Plus Cover">
plus cover</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td valign="top">Media Supplied:</td>
<td align="left"><textarea name="MediaSupplied" cols="35" id="MediaSupplied"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="145"> </td>
<td height="145"> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td> </td>
<td align="right"><input class='blue' type="button" name="Button2" value="Next" onClick="showStep2()" ></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section2" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Paper & Ink</strong></td>
<td width="25%" align="right"><strong> Step 2 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="34" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="35"> </td>
</tr>
<tr>
<td height="125"> </td>
<td colspan="2" valign="top"><table width="409" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="72" height="26"><strong>Paper: </strong></td>
<td width="56"><u>Text</u></td>
<td width="153"><input name="Paper_Text_Stock" type="text" id="Paper_Text_Stock"></td>
<td width="128">stock & wt </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td><input name="Paper_Text_Color" type="text" id="Paper_Text_Color"></td>
<td>color</td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="3"><hr size="1"></td>
</tr>
<tr>
<td height="27"> </td>
<td><u>Cover</u></td>
<td><input name="Paper_Cover_Stock" type="text" id="Paper_Cover_Stock"></td>
<td>stock & wt</td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td><input name="Paper_Cover_Color" type="text" id="Paper_Cover_Color"></td>
<td>color</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td width="34" height="232"> </td>
<td colspan="2" valign="top"><table width="494" height="232" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="44" height="26"><strong>Ink: </strong></td>
<td width="43"><u>Text</u></td>
<td width="72">Colors:</td>
<td width="286">
<select name="Ink_Text_Colors" id="Ink_Text_Colors">
<option value="None " selected>None </option>
<option value="1 Color - Black Only ">1 Color - Black Only </option>
<option value="1 Color ">1 Color </option>
<option value="2 Colors ">2 Colors </option>
<option value="3 Colors ">3 Colors </option>
<option value="(4/C)Process ">(4/C)Process </option>
<option value="(4/C)Process + 1 PMS ">(4/C)Process + 1 PMS </option>
<option value="(4/C)Process + 2 PMS ">(4/C)Process + 2 PMS </option>
<option value="(4/C)Process + 3 PMS ">(4/C)Process + 3 PMS </option>
<option value="(4/C)Process + 4PMS ">(4/C)Process + 4PMS </option>
<option value="Other ">Other </option>
</select></td>
<td width="49"> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Bleeds</td>
<td><input type="radio" name="Ink_Text_Bleeds" value="1">
Yes / No
<input name="Ink_Text_Bleeds" type="radio" value="0" checked></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Coverage:</td>
<td>
<select name="Ink_Text_Coverage" id="Ink_Text_Coverage">
<option value="Heavy">Heavy</option>
<option value="Light">Light</option>
<option value="Medium" selected>Medium</option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Coating: </td>
<td><select name="Ink_Text_Coating" id="Ink_Text_Coating">
<option value="No Special Coating" selected>No Special Coating
<option value="Varnish/Flood">Varnish/Flood
<option value="Varnish/Spot">Varnish/Spot
<option value="Aqueous Coating">Aqueous Coating
<option value="UV Gloss">UV Gloss
<option value="UV Dull">UV Dull
<option value="Matte Laminate">Matte Laminate
<option value="Gloss Laminate">Gloss Laminate
</select>
</td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="3"><hr size="1">
</td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td><u>Cover</u></td>
<td>Colors: </td>
<td><select name="Ink_Cover_Colors" id="Ink_Cover_Colors">
<option value="None " selected>None </option>
<option value="1 Color - Black Only ">1 Color - Black Only </option>
<option value="1 Color ">1 Color </option>
<option value="2 Colors ">2 Colors </option>
<option value="3 Colors ">3 Colors </option>
<option value="(4/C)Process ">(4/C)Process </option>
<option value="(4/C)Process + 1 PMS ">(4/C)Process + 1 PMS </option>
<option value="(4/C)Process + 2 PMS ">(4/C)Process + 2 PMS </option>
<option value="(4/C)Process + 3 PMS ">(4/C)Process + 3 PMS </option>
<option value="(4/C)Process + 4PMS ">(4/C)Process + 4PMS </option>
<option value="Other ">Other </option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td>Bleeds</td>
<td><input type="radio" name="Ink_Cover_Bleeds" value="1">
Yes / No
<input name="Ink_Cover_Bleeds" type="radio" value="0" checked></td>
<td> </td>
</tr>
<tr>
<td height="29"> </td>
<td> </td>
<td>Coverage:</td>
<td><select name="Ink_Cover_Coverage" id="Ink_Cover_Coverage">
<option value="Heavy">Heavy</option>
<option value="Light">Light</option>
<option value="Medium" selected>Medium</option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="24" colspan="2"> </td>
<td valign="top">Coating:</td>
<td>
<select name="Ink_Cover_Coating" id="Ink_Cover_Coating">
<option value="No Special Coating" selected>No Special Coating
<option value="Varnish/Flood">Varnish/Flood
<option value="Varnish/Spot">Varnish/Spot
<option value="Aqueous Coating">Aqueous Coating
<option value="UV Gloss">UV Gloss
<option value="UV Dull">UV Dull
<option value="Matte Laminate">Matte Laminate
<option value="Gloss Laminate">Gloss Laminate
</select>
</td>
<td align="right"> </td>
</tr>
</table></td>
<td width="35"> </td>
</tr>
<tr>
<td> </td>
<td width="217"><input type="button" name="Button4" class='blue' value="Previous" onClick="javascript:showStep1()"></td>
<td width="314" align="right"><input type="button" class='blue' name="Button3" value="Next" onClick="javascript:showStep3()"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
</table>
</div>
<div id="Section3" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Finishing</strong></td>
<td width="25%" align="right"><strong> Step 3 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="34"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="34"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"><strong>Proofs: </strong>
<input name="Proofs" type="checkbox" id="Proofs" value="Digital Color Proof">
Digital Color Proof
<input name="Proofs" type="checkbox" id="Proofs" value="PlotterProof">
Plotter Proof </td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="2" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2" valign="top"><strong>How would you like your document bound?</strong></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td colspan="2"><input name="Binding" type="checkbox" id="Binding" value="Saddlebind">
Saddlebind
<input name="Binding" type="checkbox" id="Binding" value="Perfect Bind">
Perfect Bind
<input name="Binding" type="checkbox" id="Binding" value="Wire0">
Wire-0 <br>
<input name="Binding" type="checkbox" id="Binding" value="Spiral">
Spiral
<input name="Binding" type="checkbox" id="Binding" value="Corner Staple ">
Corner Staple
<input name="Binding" type="checkbox" id="Binding" value="Looseleaf ">
Looseleaf</td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td colspan="2"><strong>Other options:</strong></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"><input name="OtherOptions" type="checkbox" id="OtherOptions" value="Diecut">
Diecut
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Perf / Score ">
Perf/Score
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Numbering">
Numbering
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Fold">
Fold
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Padding">
Padding</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td height="149"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td width="326"><input type="button" name="Button" class='blue' value="Previous" onClick="javascript:showStep2()"></td>
<td width="206" align="right"><input type="button" class='blue' name="Button" value="Next" onClick="javascript:showStep4()"></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section4" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Special Instructions</strong></td>
<td width="25%" align="right"><strong> Step 4 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="35" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="34"> </td>
</tr>
<tr>
<td height="19"> </td>
<td width="156"> </td>
<td width="375" align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="186"> </td>
<td valign="top">Special Instructions</td>
<td align="left" valign="top"><textarea name="SpecialInstructions" cols="40" rows="8" id="textarea2"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="177"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td><input type="button" name="Button" value="Previous" class='blue' onClick="javascript:showStep3()"></td>
<td align="right"><input type="button" name="Button" value="Next" class='blue' onClick="javascript:showStep5()"></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section5" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"> </td>
<td align="center"><strong>Shipping / Contact Information</strong></td>
<td width="25%" align="right"><strong> Step 5 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="36"> </td>
<td width="149"> </td>
<td width="382"> </td>
<td width="33"> </td>
</tr>
<tr>
<td height="27"> </td>
<td valign="top">Packaging:</td>
<td><select name="Packaging" id="Packaging">
<option selected>select
<option value="Bulk">Bulk
<option value="Shrinkwrap">Shrinkwrap
<option value="Band">Band
</select>
Number Per Package
<input name="NumberPerPackage" type="text" id="NumberPerPackage" size="8">
</td>
<td> </td>
</tr>
<tr>
<td height="25"> </td>
<td valign="top">Shipping Method:</td>
<td><input type="radio" name="ShippingMethod" value="UPS">
UPS
<input type="radio" name="ShippingMethod" value="USPS">
USPS <input type="radio" name="ShippingMethod" value="FedEx">
Fed Ex
<input type="radio" name="ShippingMethod" value="CustomerPickup">
Customer Pickup<br>
</td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td valign="top">Account #:</td>
<td><input name="AccountNumber" type="text" id="AccountNumber"></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Req. Delivery Date:</td>
<td><input name="RequestedDeliveryDate" type="text" id="RequestedDeliveryDate">
(mm/dd/yyyy)</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Contact Name:<font color="#3366FF">*</font></td>
<td><input name="ContactName" type="text" id="ContactName"></td>
<td> </td>
</tr>
<tr>
<td height="31"> </td>
<td>Company Name:</td>
<td><input name="CompanyName" type="text" id="CompanyName">
</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Deliver To:</td>
<td><input name="DeliverTo" type="text" id="DeliverTo">
(department or individual)</td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td>Delivery Address:</td>
<td><input name="Address" type="text" id="Address"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>City, State, Zip:</td>
<td><input name="City" type="text" id="City" size="20" value="">
<select name="State" id="State">
<option value="">select</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
</select>
<input name="Zip" type="text" id="Zip" size="10"></td>
<td> </td>
</tr>
<tr>
<td height="23"> </td>
<td>Phone:<font color="#3366ff">*</font></td>
<td><input name="Phone" type="text" id="Phone"></td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td>Fax:<font color="#3366ff">*</font></td>
<td align="left"><input name="Fax" type="text" id="Fax"></td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td>Email:<font color="#3366ff">*</font></td>
<td align="left"><input name="Email" type="text" id="Email" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'" size="35"></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td colspan="2">Note: standard quote deviation is 5% over and 5% under for
any job</td>
<td> </td>
</tr>
<tr>
<td height="39"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td><input type="button" name="Button" value="Previous" class='blue' onClick="javascript:showStep4()"></td>
<td align="right"><input type="submit" name="Submit" class='blue' value="Submit Form" ></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div></form>
</td></tr></table>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>radio button
2
<input type='radio' name='radio1' value='choice1'>
ARRAY RADIO BUTTON CHECK
function getRadioValue(idOrName) {
var value = null;
var element = document.getElementById(idOrName);
var radioGroupName = null;
// if null, then the id must be the radio group name
if (element == null) {
radioGroupName = idOrName;
} else {
radioGroupName = element.name;
}
if (radioGroupName == null) {
return -1;
}
var radios = document.getElementsByTagName('input');
for (var i=0; i<radios.length; i++) {
var input = radios[ i ];
if (input.type == 'radio' && input.name == radioGroupName && input.checked) {
value = input.value;
break;
}
}
if(value==null)value=-1;
return value;
}
if(getRadioValue("ses0")==-1){
error_message = error_message + '*Session 1 Option has not been checked.\\n';
error = 1;
}
if(getRadioValue("ses1")==-1){
error_message = error_message + '*Session 2 Option has not been checked.\\n';
error = 1;
}
<tr><td class=tableSubHead colspan=2>Thursday - Session 1: 3:00-4:00 PM <br><input type=radio name=session[1] id=ses0 value='T4' />T4<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T5' />T5<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T6' />T6<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T7' />T7<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T8' />T8<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T9' />T9<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T10' />T10<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='None Requested' />None Requested<span style='margin-left:10px;'></span>
<td width=4%> </td>
</tr><tr><td class=tableSubHead colspan=2>Friday - Session 2: 7:30-8:30 AM <br><input type=radio name=session[2] id=ses1 value='F11' />F11<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F12' />F12<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F13' />F13<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F14' />F14<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F15' />F15<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='None Requested' />None Requested<span style='margin-left:10px;'></span>
=====================================================================================================================
What size pizza?<P>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="S" >small<BR>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="M" CHECKED >medium<BR>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="L" >large<P>
<INPUT TYPE=SUBMIT VALUE="submit">
</FORM>
******************** with check *****************
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Contact us</title>
<script Language="JavaScript">
function SubmitForm(){
if (validRadio()==false) return false;
if (validText()==false) return false;
return true;
}
function validText(){
var box=document.ContactUs.Comment.value;
if(box=='') {
alert('Please Enter in a comment.');
return false;
}
return true;
}
function validRadio(){
var result = true;
var radioSelected=false;
var num=document.ContactUs.default1.length;
alert(num);
for (var i=0; i<num; i++){
if (document.ContactUs.default1[i].checked==1) {
radioSelected = true;
}
}
if (radioSelected==false){
alert('Please select an option .');
//formField.focus();
result = false;
}
return result;
}
</script>
</head>
<body bgcolor="#ffffff">
<form name="ContactUs" ENCTYPE="text/plain" method="post" action="mailto:davchurcon@comcast.net?subject='Submit Construction'" onSubmit="return SubmitForm()">
Area the Comment is on:
<p><input type="radio" value="register" name="default1">Registering<br>
<input type="radio" value="PlacingARental" name="default1">Placing A Rental<br>
<input type="radio" value="UpdatingAnExistingRental" name="default1">Updating an Existing Rental<br>
<input type="radio" value="ResizingPhotos" name="default1">Resizing photos<br>
<input type="radio" value="UploadingNewPictures" name="default1">Uploading New Pictures/Captions<br>
<input type="radio" value="UpdatingPhotos" name="default1">Updating Photos/Captions<br>
<input type="radio" value="Other" name="default1">Other</p>
<p>Description:</p>
<p> <textarea name="Comment" cols="80" rows="10"></textarea></p>
<p><input type="submit" name="submit1" value=" S E N D N O W "></p>
</form>
<p></p>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>submit buttons
2
<form action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi">
<label for="yourin">Your input: <input type="text" name="yourinput" id="yourin">
</label>
<input type="image" src="submit.gif"
name="Send" value="Send" alt="Send"
onmouseover="this.src='go.gif'"
onmouseout="this.src='submit.gif'">
</form>
**************************************************
<script type="text/javascript" language="JavaScript">
<!--
//--------------------------------/
// CODE BY JOE CRAWFORD
// http://artlung.com/
//
// This code is a means of using
// image as a replacement
// for a submit button, which
// allows for validation to
// take place
//---------------------------------/
function validate_and_submit_Form() {
if (document.forms[0].bar.value != 'cat')
{ alert ('You didn\\'t change dog to cat!'); }
else
{ document.forms[0].submit() }
}
//-->
</script>
<form method="GET" action="../">
<p>
This form will only submit if you change <strong>dog</strong> to
<strong>cat</strong>
</p>
<input type="text" value="dog" name="bar">
<br>
<a href="javascript:validate_and_submit_Form();"><img
src="/images/go.gif" alt="Go" width="100" height="49" border="0"></a>
</form>
<end node> 5P9i0s8y19Z
dt=
<node>sample
3
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this
// notice with the code.
var resetRolls = new Object();
function resetimage(src)
{
this.src=src;
this.confirm=true;
this.alt="Reset";
this.write=resetimage_write;
}
function resetimage_write()
{
document.write('<A ');
if (this.rollover)
{
if (! this.name)
{
alert('to create a rollover you must give the image a name');
return;
}
resetRolls[this.name] = new Object();
resetRolls[this.name].over = new Image();
resetRolls[this.name].over.src=this.rollover;
resetRolls[this.name].out = new Image();
resetRolls[this.name].out.src=this.src;
document.write(
' onMouseOver="if (document.images)document.images[\\'' +
this.name + '\\'].src=resetRolls[\\'' + this.name + '\\'].over.src"' +
' onMouseOut="if (document.images)document.images[\\'' +
this.name + '\\'].src=resetRolls[\\'' + this.name + '\\'].out.src"'
);
}
document.write(' HREF="javascript:');
if (this.confirm)
document.write('if(confirm(\\'Are you sure you want to reset?\\'))');
document.write(
'document.forms[' +
(document.forms.length - 1) + '].reset();void(0);">');
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '"');
document.write(' BORDER=0');
if (this.name)document.write(' NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH=' + this.width);
if (this.otheratts)document.write(' '+ this.otheratts);
document.write('></A>');
}
//-->
</SCRIPT>
************************************
<FORM ACTION="../cgi-bin/mycgi.pl">
<INPUT NAME="query">
<INPUT TYPE=IMAGE SRC="go2.gif" HEIGHT=22 WIDTH=50 ALT="go!" BORDER=0>
<SCRIPT TYPE="text/javascript">
<!--
var ri = new resetimage("reset.gif");
ri.write();
//-->
</SCRIPT>
<NOSCRIPT><INPUT TYPE=RESET></NOSCRIPT>
</FORM>
<FORM ACTION="../cgi-bin/mycgi.pl">
email: <INPUT NAME="email">
<SCRIPT TYPE="text/javascript">
<!--
var sr = new submitroll("submit.out.gif","submit.over.gif","mysubmit");
sr.write();
//-->
</SCRIPT>
<NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Go!">
</NOSCRIPT>
</FORM>
------------------------
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this
// notice with the code.
var submitRolls = new Object();
function submitroll(src, oversrc, name)
{
this.src=src;
this.oversrc=oversrc;
this.name=name;
this.alt="Submit Query";
this.write=submitroll_write;
}
function submitroll_write()
{
var thisform = 'document.forms[' + (document.forms.length - 1) + ']';
submitRolls[this.name] = new Object();
submitRolls[this.name].over = new Image();
submitRolls[this.name].over.src = this.oversrc;
submitRolls[this.name].out = new Image();
submitRolls[this.name].out.src = this.src;
document.write
(
'<A onMouseOver="if (document.images)document.images[\\'' + this.name + "'].src=submitRolls['" + this.name + '\\'].over.src"' +
' onMouseOut="if (document.images)document.images[\\'' + this.name + "'].src=submitRolls['" + this.name + '\\'].out.src"' +
' HREF="javascript:'
);
if (this.sendfield)
{
if (! this.sendvalue)
this.sendvalue = 1;
document.write(thisform, ".elements['", this.sendfield, "'].value='", this.sendvalue, "';");
}
document.write(thisform + '.submit();void(0);"');
if (this.msg)document.write(' onClick="return confirm(\\'' , this.msg, '\\')"');
document.write('>');
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '" BORDER=0 NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH=' + this.width);
if (this.otheratts)document.write(' ' + this.otheratts);
document.write('></A>');
if (this.sendfield)
{
document.write('<INPUT TYPE=HIDDEN NAME="' + this.sendfield + '">');
document.forms[document.forms.length - 1].elements[this.sendfield].value='';
}
}
//-->
</SCRIPT>
<end node> 5P9i0s8y19Z
dt=
<node>text
2
html5: <input type="password" name="password" placeholder="password" required>
<input type='text' name='city' value='$city' size=25 maxlength=25><BR>
[place text right]
style="text-align: right"
[using arrays]
document.getElementById('text_focus').focus()"
javascript "text box array" read value
function showcalendar(quantityid){
show_calendar('document.getElementById(22)', '')
alert(document.getElementById(22).value);
alert(document.frmInput.shit.value);
alert(document.frmInput.getElementsByName(DEL)[22]);
alert(document.frmInput.getElementById(22).value);
document.frmInput.DEL[quantityid].value=document.frmInput.daterequested.value;
}
UPDATE orderquantity SET prodquantity=32767,unitprice=0.09,pronumber='777-990',deliverydate=,urlid='0' WHERE quantityid=5
<end node> 5P9i0s8y19Z
dt=
<node>textarea
2
<textarea name='longadd' cols=70 rows=20>None</textarea>
<end node> 5P9i0s8y19Z
dt=
<node>FORMATING
1
[SUPPERSCRIPTING]
<SUP><SMALL>TM</SMALL></SUP>
<end node> 5P9i0s8y19Z
dt=
<node><LI> Replacement
2
Replacing Your Standard Bullets With Graphic Bullets
You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag. <DL>
List Item one
List Item two
List Item three
List Item four
<DL>
<DD><IMG SRC="yourimage.gif">List Item one</DD>
<DD><IMG SRC="yourimage.gif">List Item two</DD>
<DD><IMG SRC="yourimage.gif">List Item three</DD>
<DD><IMG SRC="yourimage.gif">List Item four</DD>
</DL>
<end node> 5P9i0s8y19Z
dt=
<node>Colors
2
Literal Color RGB Literal Color RGB
"black" "#000000"
"silver" "#C0C0C0"
"grey" "#808080"
"white" "#FFFFFF"
"maroon" "#8E236B"
"red" "#FF0000"
"purple" "#800080"
"fuchsia" "#FF00FF"
"lime" "#32CD32"
"green" "#00FF00"
"olive" "#808000"
"yellow" "#FFFF00"
"navy" "#000080"
"blue" "#0000FF"
"teal" "#008080"
"cyan" "#00FFFF"
black, silver, grey, white, maroon, red, purple, fuchsia, lime, green, olive, yellow, navy, blue, teal, cyan
****
<div style='border:solid windowtext .5pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;
background:#EFEFFF;mso-shading:windowtext;mso-pattern:gray-20 blue'>
<end node> 5P9i0s8y19Z
dt=
<node>frames
1
Frames
Frames are a way to subdivide the screen into distinct, addressable sections. The frame setup information is contained in a special page of the form:
<html>
<head>
<title>title of entire framed document</title>
</head>
<frameset rows|cols="pixels|#%|*,pixels|#%|*,..." frameborder="yes|no" framespacing="pixels" border="pixels" bordercolor="RGB|literal">
<frame src="url" name="frame_name" frameborder="pixels" framecolor="RGB|literal" marginheight="pixels" marginwidth="pixels" scrolling"yes|no" noresize>
...
...
<noframes>
Message for browsers without frames capabilities.
</noframes>
</frameset>
</html>
The FRAMESET tag replaces the body tag.
ROWS or COLS determines whether the screen is divided into either rows or columns. The parameter for the ROWS and COLS attribute may be either a set number of pixels (for frames containing set data that must be displayed at all times), or a percent of the screen (with the % sign), or an asterisk (*) which indicates that the frame will use the remainder of the window. Each FRAMESET is limited to either rows or columns. To create a screen with both rows and columns, nest FRAMESETs.
FRAMEBORDER determines if the overall FRAMESET has borders.
FRAMESPACING sets the distance between frames.
BORDER sets the width of the FRAMESET border.
BORDERCOLOR sets the color.
There must be a <FRAME> or <FRAMESET> tag for each of the numbers in the ROWS or COLS attribute. The <FRAME> tag sets various attributes for the frame, loads contents and names the frame for later reference by TARGET attributes.
SRC is the URL for the page that will be initially loaded into the frame.
NAME sets a name which can be used by the TARGET attribute of hyperlinks.
FRAMEBORDER sets the width of the border of the individual frame.
FRAMECOLOR sets the color of the border of the individual frame.
MARGINHEIGHT sets the distance between the top and bottom border of the frame and the information inside.
MARGINWIDTH sets the distance between the left and right side borders of the frame and the information inside.
SCROLLING determines if scroll bars will be allowed. Setting SCROLLING to no may cause information in the frame to be inaccessible.
NORESIZE prevents the user from changing the size of the frame.
The <NOFRAMES> tags enclose text that will be shown to users of browsers without frames capabilities. Although this is rare with current browsers, a message should be included. A non-frames alternative page should also be considered.
There are several design considerations when creating a framed page. Some people still use browsers which do not support frames and these users will not be able to view your site, or you will have to maintain parallel sites for framed and non-framed pages. The frames themselves take up valuable screen real estate limiting the amount of information that can be presented at any time. Persons using large fonts on their browsers or small screen sizes may be forced to constantly scroll vertically and horizontally to access the content, and, if you disable scrolling, may not be able to access some content. Screens with large number of frames look messy and are hard to navigate. Finally, if a link set its TARGET attribute to _top, the new page will break out of your frameset. Unless frames provide added functionality, they should be avoided. This page is set up with frames so that the Table of Contents would always be visible. The code for the htmltutr.htm page is:
<html>
<head>
<title>An HTML Tutorial</title>
</head>
<frameset ROWS="150,*">
<frameset COLS="45%,*">
<frame frameborder="1" src="htmltutrtitle.htm" title="tutorial title" name="title" noresize scrolling="no">
<frame frameborder="0" src="htmltutrtoc.htm" title="table of contents" name="toc" noresize>
</frameset>
<frame SRC="htmltutrmain.htm" title="Tutorial" NAME="main">
<noframes>
<P>
Your browser is unable to read this frames-formatted site.
If you wish to access all of the capabilities of this site,
you will need to upgrade your browser.
If you need assistance completing this upgrade,
you may need to contact your network consultant,
or your Internet Service Provider's Technical Support Desk.
To view the main Tutorial document click <a href="htmltutrmain.htm">here</a>.
</noframes>
</frameset>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Icon Address bar
1
How to display your web site logo on the address bar and in the favorites list
See Also
Why use the same old icons when you can use thumbnails?
Place your own bitmap on Internet Explorer's toolbar
Forget the association
Windows programs heaven
Adjust the size and spacing of your icons
How to change folder icons
Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site.
First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site.
Source Image :
Preview:
Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers.
Method 1
This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.
If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.
Method 2
If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".
<LINK REL="SHORTCUT ICON"
HREF="/~your_directory/logo.ico">
Listing #1 : HTML code. Download logo.htm (0.2 KB).
NOTE: Above tag should be inserted in-between the <HEAD> and </HEAD> tags.
By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page.
<end node> 5P9i0s8y19Z
dt=
<node>iframe
1
ul>
<li><a href="http://softwarewebdesign.com" target="iframed">software</a></li>
<li><a href="http://wolterfamily.org" target="iframed">Wolter</a></li>
<li><a href="http://sellhay.com" target="iframed">hay</a></li>
</ul>
<iframe style="Position:relative;left:25px;height: 800px; width: 800px; border: 1px solid black;" src="LoginScreen.php" name="iframed" id="iframed" allowtransparency="true" frameborder="0"></iframe>
And these are the properties allowed in the starting iframe tag. You may notice that most of these are extremely similar to normal FRAME coding.
src Specified the URL of the document to be displayed in the frame.
src="FileName.html"
name Specifies the name of the frame for the purpose of linking and targeting.
name="MyIframe"
width
height Specifies the width/height of the iframe space in pixels or percentages.
width="200" height="100"
align Aligns the iframe to the left, center, or right side of the page.
align="center"
noresize Kills the visitors ability to resize the iframe borders manually.
noresize="noresize"
scrolling Indicates the ability of a scrollbar to appear (or not) with a value of yes, no, or auto.
scrolling="auto"
frameborder Carries a value of 0 or 1 depending if you want a border to appear around the iframe or not.
frameborder="1"
marginwidth
marginheight Specifies the width/height of the margin in pixels.
marginwidth="1" marginheight="1"
vspace
hspace Specifies the verticle/horizontal margin space in pixels.
vspace="1" hspace="1"
You don't have to use ALL of these properties. Most of the time, you will use the first four : SRC, NAME, WIDTH, and HEIGHT.
The space between the opening and closing iframe tags is used just like the NOFRAMES tag in frames and the default text in the TEXTAREA tag. The text you enter within this area will be shown on the webpage IF the visitor's browser does not support the IFRAME tag.
The next part is linking. Iframes behave the exact same way as regular frames when it comes to linking. The Iframe has a NAME property assigned to it, the link tags get a TARGET property in them.
<end node> 5P9i0s8y19Z
dt=
<node>img
1
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=556
===
Q & A - IMG: How do I use images on my Web site?
Applies to These Versions Categories
Version Numbers Not Applicable Basics
Graphics
Tags
--------------------------------------------------------------------------------
How do I use images on my Web site?
THE BASICS
The <IMG SRC> tag is an HTML tag that calls images in an HTML document.
The anatomy of an <IMG SRC> tag is:
<IMG SRC="image location">
and example:
<IMG SRC="picopaz.GIF">
MORE BASICS
There are many attributes to this tag; some of them and their uses are listed below, along with an example. These attributes are to be inserted in the <IMG SRC> tag as follows:
<IMG SRC="location" ATTRIBUTE="definition" >
See the examples below to get more of a feel of how to use these attributes within the <IMG SRC> tag.
ALT
Alternate is a place to type text so that a person viewing your page without a graphical browser will see your description of the picture.
Example: <IMG SRC="picopaz.GIF" ALT="picture of paz">
BORDER
Border can be defined in the form of a number to denote how thick you would like it to be in pixels. If you do not want a border at all you can define BORDER=0.
HEIGHT
Height, the image's height in pixels. See WIDTH, below, for more information.
WIDTH
Width, the image's width in pixels. There are a couple of ways to use this attribute, along with its cohort HEIGHT. The most commonly used way is to define the image's dimensions in pixels so that Netscape will leave a space for the image and and give the user accessing the page something to read while the image is loading. Another way to use these attributes is to distort a GIF by either making it proportionally larger, smaller or disproportionally representing it -- see the example below.
ALIGN
Align can be defined as: LEFT, RIGHT or CENTER. This attribute allows you to define where the image will allign itself on your page horizontally.
VALIGN
Vertical Alignment can be defined as TOP, BOTTOM or CENTER. This attribute allows you to define where the image will allign itself on your page vertically.
HSPACE
Horizontal Spacing will allow you to determine how much horizontal space you want on both the left and right of your image in pixels.
VSPACE
Horizontal Spacing will allow you to determine how much horizontal space you want on both the top and bottom of your image in pixels.
LOWSRC
Low Resolution Source, can define the location of another image that is at its lowest resolution. The low-resolution image will load first, and the high-quality image will load on top of that.
Example: <IMG SRC="picopaz.GIF" LOWSRC="lowres.GIF">
This attribute is only necessary if you have large graphics that would, on their own, take quite a bit of time to load.
EXAMPLES
<IMG SRC="picopaz.GIF" BORDER=5 > <IMG SRC="picopaz.GIF" BORDER=0 HEIGHT=60 WIDTH=90 > <IMG SRC="picopaz.GIF" ALIGN=RIGHT VALIGN=BOTTOM> text<IMG SRC="picopaz.GIF" HSPACE=20>text
BEYOND THE BASICS
Usage of the <BR CLEAR=ALL> tag
<IMG SRC="picopaz.GIF" ALIGN=RIGHT>
Here is your text; notice the image location and what the insertion of a <BR CLEAR=ALL> tag can do to the location of your text.
<IMG SRC="picopaz.GIF" ALIGN=RIGHT><BR CLEAR=ALL>
Here is your text; notice the image location and what the insertion of a <BR CLEAR=ALL> tag can do to the location of your text.
When you begin adding attributes to <IMG SRC>, the element begins to behave differently in relation to other elements on your page. The key is to use the difference to your advantage instead of letting it wreak havoc on your site; to save you hours, days and weeks of frustration. The examples to the right introduce you to the <BR CLEAR=ALL> tag and how it affects the text around your image.
Another nifty thing you could do is turn your image into a link. So when a user clicks on the image it can take them to a different page, location or site. The anatomy of a link containg an image is:
<A HREF="location"><IMG SRC="picture.gif"></A>
Example: <A HREF="http://www.best.com/~paz"><IMG SRC="picopaz.GIF"></A>.
Written by inquiry.com Staff on 3/11/97.
<end node> 5P9i0s8y19Z
dt=
<node>map
1
Specifies the coordinates that define the corners of the shape. The coordinates depend on the shape specified in the shape attribute:
Shape Coordinates
rect coords="x1,y1,x2,y2"
(The top left and bottom right corners of the rectangle)
circle coords="x,y,r"
(The centre and radius of the circle)
poly coords="x1,y1,x2,y2,x3,y3,..."
(The corners of the polygon)
START WITH TOP LEFT HAND CORNER OF IMAGE.
example using rectangle 126w x 29 h
cords=top, left, width, height
<img src='images/MorePhotosButton.gif' usemap='#ImageMap1' width="106" height="29">
<map name="ImageMap1">
<area shape="rect" coords="0,0,60,29" href="gallery.html">
<area shape="rect" coords="61,0,85,29" href="gallery2.html">
<area shape="rect" coords="86,0,106,29" href="gallery.html">
</map>
=========================
<img src="images/08_01_01.jpg" width="684" height="441" border="0" align="top" usemap="#ImageMap1"></a></p>
..
<map name="ImageMap1">
<area shape="rect" coords="11, 85, 101, 110" href="01_0_Directory.htm">
<area shape="rect" coords="10, 118, 102, 146" href="02_01_EntryScn.htm">
<area shape="rect" coords="9, 152, 101, 178" href="03_01_ComIndv.htm">
<area shape="rect" coords="8, 185, 101, 214" href="04_1_Reservations.htm">
<area shape="rect" coords="9, 254, 103, 281" href="06_0_Roster.htm">
<area shape="rect" coords="501, 172, 6028, 192" href="08_01_03.htm">
<area shape="rect" coords="373, 173, 495, 189" href="08_01_02.htm">
<area shape="rect" coords="438, 49, 591, 70" href="#Nextpage1">
<area shape="rect" coords="124, 76, 184, 99" href="#Nextpage1">
<area shape="rect" coords="193, 76, 292, 100" href="#Nextpage1">
<area shape="rect" coords="295, 77, 406, 99" href="#Nextpage1">
<area shape="rect" coords="194, 105, 217, 134" href="#Nextpage1">
<area shape="rect" coords="598, 52, 659, 69" href="#Nextpage1">
<area shape="rect" coords="125, 147, 188, 177" href="08_01_01.htm">
</map></body>
The different regions of the image are described using a MAP element. The map describes each region in the image and indicates where it links. The basic format for the MAP element is as follows:
<MAP NAME=" name ">
<AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
</MAP>
The name specifies the name of the map so that it can be referenced by an IMG element. The shape gives the shape of this area. Currently supported shapes include rectangles (RECT), polygons (POLY), circles (CIRCLE), and default (DEFAULT), but the syntax is defined in a way that allows other shapes to be added. If the SHAPE tag is omitted, SHAPE="RECT" is assumed. The COORDS tag gives the coordinates of the shape, using image pixels as the units. For a rectangle, the coordinates are given as "left,top,right,bottom". The rectangular region defined includes the lower right corner specified (i.e. to specify the entire area of a 100-by-100-pixel image, the coordinates would be "0,0,99,99"). Circles are defined as a center point and then a radius (a total of three numbers).
The NOHREF tag indicates that clicks in this region should perform no action. An HREF tag specifies where a click in that area should lead. Note that a relative anchor specification will be expanded using the URL of the map description as a base, rather than using the URL of the document from which the map description is referenced. If a BASE tag is present in the document containing the map description, that URL will be used as the base.
An arbitrary number of AREA tags may be specified. If two areas intersect, the one that appears first in the map definition takes precedence in the overlapping region. For example, a button bar in a document might use a 160-by-60-pixel image and appear like this:
<MAP NAME="buttonbar">
<AREA SHAPE="RECT" COORDS="10,10,49,49" HREF="about_us.html">
<AREA SHAPE="RECT" COORDS="60,10,99,49" HREF="products.html">
<AREA SHAPE="RECT" COORDS="110,10,149,49" HREF="index.html">
<AREA SHAPE="RECT" COORDS="0,0,159,59" NOHREF>
</MAP>
<IMG SRC="../images/tech/bar.gif" USEMAP="#buttonbar">
<end node> 5P9i0s8y19Z
dt=
<node>META Tag Basics
1
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=2642
===
Q & A - META Tag Basics
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What HTML tag can I use to control how long a page will be displayed before taking the viewer to another page?
The following META tag can be added to your HTML pages and will take the user to any URL you choose after a specified number of seconds.
<META HTTP-EQUIV="REFRESH" CONTENT="5; URL=http://www.dbbasics.com">
The "Content" item specifies the number of seconds to wait. The "URL" item determines which URL the user will be taken to.
Written by Charles C. Caison, Jr. on 2/9/99.
<end node> 5P9i0s8y19Z
dt=
<node>Meta tag caching
2
Q & A - Meta tag caching
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
How can I stop a dynamic document from caching?
I have seen two meta http-equivs used. Which of the following is better? What are the differences?
<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
and this:
<Meta http-equiv="Pragma" Content="no-cache">
Your browser caches files, sounds and images by placing a copy of them in a folder or directory on your local drive. Caching exists so that when a user hits the back button or visits the same site on several occasions, the browser can display the page without having to make repeated calls to the server to display the same file or image.
Sometimes people don't want their page cached because it may be updated frequently (if cached, the user would continue to see the old version) or because the page contains sensitive information.
Since different browsers support different HTTP protocols, you'd have to use all three META tags below to stop a page from caching. Even then, if the user has an older browser, you have no way of ensuring that the file is not being cached.
<META HTTP-EQUIV="Cache-Control" CONTENT="no cache">
<META HTTP-EQUIV="Pragma" CONTENT="no cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
In a test I conducted, Netscape was able to cache files with each method.
For more information visit:
http://vancouver-webpages.com/META/
http://www.ics.uci.edu/pub/ietf/http/
Written by inquiry.com Staff on 6/4/97.
<end node> 5P9i0s8y19Z
dt=
<node>META: What is it used for?
2
Q & A - META: What is it used for?
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What is the <META> tag used for?
The <META> tag lives in the HEAD of a document and is really used to send a message to a server. It tells the server to do certain things. For example:
Motion (Client Pull)
The meta tag can be used to pull, or call, another page from the server. For example, if you used this line of text in the head of your document called mydoc.html. In about 15 seconds, the viewer of mydoc.html will be taken to the specified URL (in this case Netscape).
<META HTTP-EQUIV="Refresh" CONTENT="15; URL=http://www.netscape.com">
Where CONTENT tells the browser how long to wait before pulling the next file specified in URL. Take a look at a poem called "Stood Up" I wrote using the META tag for dramatization.
Document Information (useful to search engines)
Many search engines look for the meta tag to see certain keywords for example:
<META NAME="description" CONTENT="inquiry.com is a free service for software developers, providing information on software products, development techniques, and emerging technologies.">
<META NAME="keywords" CONTENT="software development, programming, vb, visual basic, java, c, c++, sql">
The meta tag can be used to provide information about a document. It's especially useful if several people edit the same website:
<META NAME="Author" CONTENT="Web Pro">
<META NAME="Version" CONTENT="3">
<META NAME="Posted" CONTENT="July 31, 1996">
Where NAME can contain any name relative to the values in CONTENT. View the source of our home page and see how we used the META tag.
Sound
The META tag can also be used to include sounds on a web page.
<META HTTP-EQUIV=REFRESH CONTENT="15; URL=http://www.projectcool.com/sounds/demo.au">
Where CONTENT tells the server how many seconds to wait before sending the sound file the browser (don't make it one second, otherwise the sound will play before your page has completely loaded); URL contains the full-path (yes, it should also include http://.. even if it's in the same directory). If you are interested in finding out about where to get sounds or other ways to add sounds to your page, use the search engine to find my tip on adding sound.
Note that you should pay strict attention to where the quotes and spaces in the above examples as an extra or missing quote and the file will not be loaded.
Written by inquiry.com Staff on 3/11/97.
<end node> 5P9i0s8y19Z
dt=
<node>Refreshing Using the META Tag
2
Q & A - Refreshing Using the META Tag
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What HTML tag do I use to have the screen refresh every two minutes?
The following META tag will work. The value of the CONTENT parameter will determine the number of seconds to wait before refreshing. Put this tag in the <HEAD> section.
<META HTTP-EQUIV="REFRESH" CONTENT="120">
Written by Charles C. Caison, Jr. on 2/9/99.
<end node> 5P9i0s8y19Z
dt=
<node>ROBOTS
2
Robots.txt and meta tags
--------------------------------------------------------------------------------
Introduction
The robots.txt file
The meta element
The robots meta tag
The decription and keywords tags
Further information
For relevant URIs see http://web-support.csx.cam.ac.uk/websupport/Servers.html#robots. For help contact web-support@ucs.cam.ac.uk.
--------------------------------------------------------------------------------
Introduction
The Computing Service has purchased Ultraseek, a commercial search engine from Infoseek, to set up a searchable site-wide index of web servers. The aim is to avoid people needing to know which of the 200+ server Department and College servers include the information they want. Additionally, it is possible for servers around the University to use the search engine to provide them with a "search this server" facility, looking only at information on the particular server. We will index all "official" web servers in the cam.ac.uk domain, unless there are good reasons why we should not. For full details about how Ultraseek works and what it will index, see http://software.infoseek.com/products/ultraseek/ultrafeatures.htm.
The information below is an adaptation of the standard W3C recipe for creating a robots.txt file (see http://info.webcrawler.com/mak/projects/robots/norobots.html for formal definition). It is desirable to exclude search engines from indexing cgi scripts and server logs (as it will pick up links to files long since moved or gone). It is recommended to exclude search engines from indexing files that are being worked on, hold sensitive information with restricted access or (possibly) personal information.
If you do not exclude the directories, restricted access information will be indexed by Ultraseek because it is a local computer so it has access to the files. The links in the search results that are for restricted access cannot be followed by computers outside the cambridge domain, but the first block of text will be produced as part of the search results. If the information is particularly sensitive you may wish to insert a META tag for the description to override this (see below). Once the search engine is working and available, check that your robots.txt is working as expected, e.g. by a search quoting "+site:www.whatever.cam.ac.uk" (i.e. limit search to your site) and a term that should match some of the hidden pages (with a + prefix to make a match mandatory, e.g. "+site:www.cam.ac.uk +usage" to see if the main server usage stats are correctly excluded).
It might also be useful to have a spring clean and remove redundant information before indexing! A robots.txt file will apply to all robots, so it would be most instructive to set User-agent: *. If however you wish to apply different restrictions just to the site wide search engine, the User agent name is Ultraseek (webmaster@ucs.cam.ac.uk)
The robots.txt file
When a robot visits a Web site, say http://www.example.com/, it firsts checks for http://www.example.com/robots.txt. All major search engines will observe robots.txt. If it can find this document, it will analyse its contents to see if it is allowed to retrieve the document. You can create a customised robots.txt file to apply to all or only specific robots, and to disallow access to specific directories or files. The robots.txt file is simply a text file and must be at the root level in your server.
If you want to give any robot access to a restricted set of files:
User-agent: *
Disallow: /Architext/
Disallow: /bin/
Disallow: /cgi/
Disallow: /Excite/
Disallow: /includes/
Disallow: /tmp/
Disallow: /~
Disallow: /stats/
Here is a sample robots.txt file that prevents any robot from visiting the entire site except for the CS Ultraseek robot
User-agent: Ultraseek (webmaster@ucs.cam.ac.uk) # CS search robot
Disallow: /Architext/
Disallow: /bin/
Disallow: /cgi/
Disallow: /Excite/
Disallow: /includes/
Disallow: /tmp/
Disallow: /~
Disallow: /stats/
# tell all others to go away
User-agent: *
Disallow: /
The Robot will simply look for a "/robots.txt" URI at the top level on your site, where a site is defined as an http server running on a particular host and port number. Look at the robots.txt file at these locations for approaches to limiting access:
Site URI URI for robots.txt
http://www.w3.org/ http://www.w3.org/robots.txt
http://w3.org/ http://w3.org/robots.txt
http://www.cam.ac.uk/ http://www.cam.ac.uk/robots.txt
The single "/robots.txt" at the top level on a site is the only one that is used by robots. A robot will never look at "robots.txt" files in directories. If you want your users to be able to create their own "robots.txt", you will need to merge them all into a single "/robots.txt". If you don't want to do this, your users might want to use the robots meta tag instead (see below).
Some tips: URI's are case-sensitive, and "/robots.txt" string must be all lower-case. Blank lines are not permitted.
There must be exactly one "User-agent" field per record. The robot should be liberal in interpreting this field. A case-insensitive substring match of the name without version information is recommended.
If the value is "*", the record describes the default access policy for any robot that has not matched any of the other records. It is not allowed to have multiple such records in the "/robots.txt" file.
The "Disallow" field specifies a partial URI that is not to be visited. This can be a full path, or a partial path; any URI that starts with this value will not be retrieved. For example,
Disallow: /help disallows both /contact.html and /help/index.html, whereas
Disallow: /help/ disallows /help/index.html but allows /contact.html.
An empty value for "Disallow" indicates that all URIs can be retrieved. At least one "Disallow" field must be present in the robots.txt file.
The meta element
Note: Not all web search engines use description and keyword meta tags, notably Excite, Northern Light, Google and Lycos do not. Meta tags will boost the rankings in Infoseek and Inktomi-mediated searches (Inktomi is used by Snap, HotBot and Yahoo). All major search engines will observe the robots meta tag.
The robots meta tag
The robots meta tag allows HTML authors to tell visiting robots whether a single document may be indexed or used to harvest more links. No server administrator action is required. The meta elements work in tandem with a robots.txt file, though, with the robots.txt as the first line of exclusion. Only if a robot is allowed to look at files can the robots meta element be observed.
The content of the robots meta tag contains directives separated by commas. The currently defined directives are: [NO]INDEX and [NO]FOLLOW (the [] means optional). The INDEX directive specifies if an indexing robot should index the page. The FOLLOW directive specifies if a robot is to follow links on the page. The defaults are INDEX and FOLLOW. The values ALL and NONE set all directives on or off: ALL=INDEX,FOLLOW and NONE=NOINDEX,NOFOLLOW.
Some examples:
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
Note the "robots" name of the tag and the content are case insensitive.
You obviously should not specify conflicting or repeating directives such as:
<meta name="robots" content="INDEX,NOINDEX,NOFOLLOW,FOLLOW,FOLLOW">
The description and keywords meta tags
In the absence of other information, robots will index all the text in a document (but not HTML tags) including ALT tags but excepting comments, and will use the first few words as a summary to describe your page in the search results. If your page is of suitable construction for this system to give a clear idea of the contents, then nothing else is necessary, although you may wish to add some keywords, especially if your page is in a specialist area. If the page does not contain any descriptive text, such as a frameset or a page with description in an imagemap, then add a META tag containing a description to ensure the search engine indexes it and presents suitable text when it is shown as a result.
You can use the HTML description META tag to specify the summary text that will appear in a search results list. The keyword META tag allows you to add further keywords (up to 1000 characters) for indexing that are not in the description or in the page text itself (if they are, they will be indexed already). The robots META tag allows you to control if and how Ultraseek indexes your page. The META tags must be placed within the HEAD portion of your web page. Do not use any HTML tags within the META tag itself.
Suppose your page contains:
<meta name="description" content="Xsoft specializes in software products that help organizations improve how they create and use documents.">
<meta name="keywords" content="document management Xerox">
Ultraseek will do two things with these tags:
1.It will index both fields as words, so a search on either XSoft or "document management" will match.
2.It will show the "description" with the search results. Instead of showing the first few of lines of the page as the summary, it would be listed as follows:
XSoft Home Page
XSoft specializes in software products that help organizations improve how they create and use documents. http://www.xsoft.com/
Note that the description and keywords META tags should not contain any HTML formatting information.
Further information
Search Engine Watch, information for webmasters
*********************
No Index
< META name="Robots" content="noindex,nofollow" >
. . . Robots (spiders) are automated scripts and programs that visit websites and attempt to index (spider) all links and content that they find on your webpages. They follow all the links on your site until there's no more, indexing everything it finds. To stop this from happening robots (spiders) must be guided or instructed in which pages to index and search. This tag will allow you to control which pages the robot can spider, and which it will ignore. There may be certain webpages or directories (Example: CGI or JAVA Scripts) you may have that you do not want indexed in the search engines. Using the robots tag, you can define which pages to follow, which to index and which to ignore completely. The "content" can be any one of or combination of the four commands
noindex, NOINDEX prevents anything on the page from being indexed
index,
nofollow, NOFOLLOW prevents the crawler from following the links on the page and indexing the linked pages
or follow
Server Side Robots (robots.txt) Usage
User-agent: AGENT
Disallow: /PATH/. . .
The robots.txt file is a plain text file placed into your web (site) root directory such that any user or client can access it by going to www.yoursite.com/robots.txt or www.paidserver.com/yoursite/robots.txt. If you are not allowed or unable to create a file to this location, you'll need to implement the META Robots Tag instead.
AGENT represents the name of a search engine Agent or use an asterisk (*) to represent all agents. PATH represents a relative path you do not want to be accessed.
<end node> 5P9i0s8y19Z
dt=
<node>ScreenEffects
2
<meta http-equiv="window-target" content="_top">
Page Enter-Blend (2 sec.) <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">
Page Exit-Box In (2 sec.) <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=0)">
Site Enter-Box Out (2 sec.) <meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=1)">
Site Exit-Circle In (2 sec.) <meta http-equiv="Site-Exit" content="revealTrans(Duration=2.0,Transition=2)">
Circle Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
Wipe Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
Wipe Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
Wipe Right <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
Wipe Left <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
Vertical Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
Horizontal Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
Checkerboard Across <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
Checkerboard Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
Random Dissolve <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
Split Vertical In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
Split Vertical Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
Split Horizontal In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
Split Horizontal Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
Strips Right Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
Strips Right Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
Strips Left Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
Strips Left Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
Random Bars Horizontal <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
Random Bars Vertical <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
Random <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
<end node> 5P9i0s8y19Z
dt=
<node>Printing
1
CSS and Printing
By Joe Burns
Use these to jump around or read it all...
[Page Break]
[The Format]
[Setting A Specific Page Break]
I get a lot of questions asking if there are ways to "force" people's browsers to do certain things. The events most often asked for are to force a browser to bookmark the page, to set user preferences, and this one: How can I force a person's browser to print my page?
The short and truthful answer is that you can't. There's no command or tag, to my knowledge, that produces a print when your page loads. There are just too many factors involved. Is the user's printer turned on? Can the Web page fit nicely in the print space set by the viewer? And most importantly: Does the viewer want to print your page? It would cheese me if I logged into your page and all of a sudden my printer was humming.
Update! As of 10/99 there is still no way to force a printer to print a page; however, you can initiate a print request. See the tutorial.
You can take some control when the user decides he or she does want to print your page. Through the magic of Style Sheets, you can now make a point of indicating where the pages will break during the print process.
As of 12/21/98, this CSS2 command is supported only by Internet Explorer browsers version 4 and above.
--------------------------------------------------------------------------------
Page Break
There are two commands you're worried about here:
page-break-after
page-break-before
You can pretty much pick out what each does. The first sets the printing page break just before the element, the second sets the page break just after.
Each command has, in theory anyway, four attributes:
always | auto | left | right
always tells the browser to break the print page after this element always.
auto is the default. You're telling the browser to do what it would do anyway: Page break where the page ends.
left is not supported by any browser yet. It is used if your printer will print both sides of a page, like a manuscript. If the page is a left-facing page, use this attribute.
right is what you use if it's a right-facing page.
--------------------------------------------------------------------------------
The Format
Here's what it looks like in your page's <HEAD> tags:
<STYLE TYPE="text/css">
H2 {page-break-before: always}
</STYLE>
That format will produce a print page break before each H2 on the page. Would you like to try it out? This page has four H2 headings. Go ahead and print the page. Each H2 will use a new page and will act as the Header for the printed page. Remember, though, that you have to be using Internet Explorer 4 or better.
--------------------------------------------------------------------------------
Setting A Specific Page Break
Maybe it's better not to have every H2 break the page. Maybe you'd like a page break at a specific point to keep a particular look. You do that by setting up a class of page breaks.
You can set up the class on any HTML command, but I think the best method is to set up the class within a <BR> or <P> command. That way there's some white space where the page can break. Here's a look at the format (this will sit between your <HEAD> tags):
<STYLE TYPE="text/css">
P.breakhere {page-break-before: always}
</STYLE>
This then will be the activator for the page break:
<P CLASS="breakhere">
You can set up as many different classes as you'd like as long as you keep following the same format as above.
--------------------------------------------------------------------------------
And That's That...
This is another one of those commands that I would use if there's a need for it, regardless of the type of browser the viewer is running. Those that understand the command get the effect, and those that don't just get a straight page print. Either way, the user gets a nice print of the page. It's just that in one of the prints, you're able to set a few parameters.
Enjoy!
<end node> 5P9i0s8y19Z
dt=
<node>SetTimeout
1
<HTML>
<HEAD>
<TITLE>COMPUTER USERS GROUP OF GREELEY</TITLE>
</HEAD>
<BODY TEXT="#000000" VLINK="#FF0000" LINK="#0000FF">
<BODY BACKGROUND=brick.gif>
<body onload=setTimeout("location.href='http://www.cugg.org'",4000)>
<B><CENTER><IMG SRC="blueline.gif"><BR><H1>COMPUTER USERS GROUP OF GREELEY</H1><H3>Greeley, Colorado</H3><IMG SRC=blueline.gif></CENTER>
<BR><BR><BR>
<IMG SRC="ball1.gif">
<A HREF=http://www.cugg.org>We have moved to a new Location. </A><IMG SRC=update.gif> Please Set your bookmark. The new page will load in 4 seconds.<BR>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>special Characters
1
Character Numeric Symbolic Character Numeric Symbolic
< < < > > >
& & & " " "
non-breaking space ¢ ¢ ¢
£ £ £ ¥ ¥ ¥
® ® ® © © ©
™ ™ ™(NS6,IE5,OP5) ° ° °
¼ ¼ ¼ ½ ½ ½
¾ ¾ ¾ ± ± ±
÷ ÷ ÷ × × ×
ñ ñ ñ Ñ Ñ Ñ
¡ ¡ ¡ ¿ ¿ ¿
<p>< how dow you do ></p>
Description Char Code Entity
_____________________________________________
Quotation " " "
Ampersand & & &
Less-than sign < < <
Greater-than sign > > >
at symbol @ @
Euro € €
Dagger † †
0/00 ‰ ‰
Trademark ™ ™
Angle quote mark, left « « «
Angle quote mark, right » » »
Inverted exclamation ¡ ¡ ¡
Inverted question mark ¿ ¿ ¿
Cent sign ¢ ¢ ¢
Pound sign £ £ £
Currency sign ¤ ¤ ¤
Yen sign ¥ ¥ ¥
Broken vertical bar ¦ ¦ ¦
Section sign § § §
Copyright sign © © ©
Circled R registered sign ® ® ®
Middle dot · · ·
Fraction 1/4 ¼ ¼ ¼
Fraction 1/2 ½ ½ ½
Fraction 3/4 ¾ ¾ ¾
Superscript 1 ¹ ¹ ¹
Superscript 2 ² ² ²
Superscript 3 ³ ³ ³
Degree sign ° ° °
Multiplication sign × × ×
Division sign ÷ ÷ ÷
Plus-or-minus sign ± ± ±
Quotation " " "
Ampersand & & &
Less-than sign < < <
Greater-than sign > > >
Non-breaking space
Inverted exclamation ¡ ¡ ¡
Cent sign ¢ ¢ ¢
Pound sign £ £ £
Currency sign ¤ ¤ ¤
Yen sign ¥ ¥ ¥
Broken vertical bar ¦ ¦ ¦
Section sign § § §
Spacing diaresis ¨ ¨ ¨
Copyright sign © © ©
Feminine ordinal indicator ª ª ª
Angle quotation mark, left « « «
Negation sign ¬ ¬ ¬
Soft hyphen
Circled R registered sign ® ® ®
Spacing macron ¯ ¯ &hibar;
Degree sign ° ° °
Plus-or-minus sign ± ± ±
Superscript 1 ¹ ¹ ¹
Superscript 2 ² ² ²
Superscript 3 ³ ³ ³
Spacing acute ´ ´ ´
Micro sign µ µ µ
Paragraph sign ¶ ¶ ¶
Middle dot · · ·
Spacing cedilla ¸ ¸ ¸
Masculine ordinal indicator º º º
Angle quotation mark, right » » »
Fraction 1/4 ¼ ¼ ¼
Fraction 1/2 ½ ½ ½
Fraction 3/4 ¾ ¾ ¾
Inverted question mark ¿ ¿ ¿
Capital A, grave accent À À À
Capital A, acute accent Á Á Á
Capital A, circumflex accent   Â
Capital A, tilde à à Ã
Capital A, dieresis (umlaut) Ä Ä Ä
Capital A, ring Å Å Å
Capital AE diphthong (ligature) Æ Æ Æ
Capital C, cedilla Ç Ç Ç
Capital E, grave accent È È È
Capital E, acute accent É É É
Capital E, circumflex accent Ê Ê Ê
Capital E, dieresis (umlaut) Ë Ë Ë
Capital I, grave accent Ì Ì Ì
Capital I, acute accent Í Í Í
Capital I, circumflex accent Î Î Î
Capital I, dieresis (umlaut) Ï Ï Ï
Capital Eth, Icelandic Ð Ð Ð
Capital N, tilde Ñ Ñ Ñ
Capital O, grave accent Ò Ò Ò
Capital O, acute accent Ó Ó Ó
Capital O, circumflex accent Ô Ô Ô
Capital O, tilde Õ Õ Õ
Capital O, dieresis (umlaut) Ö Ö Ö
Multiplication sign × × ×
Capital O, slash Ø Ø Ø
Capital U, grave accent Ù Ù Ù
Capital U, acute accent Ú Ú Ú
Capital U, circumflex accent Û Û Û
Capital U, dieresis (umlaut) Ü Ü Ü
Capital Y, acute accent Ý Ý Ý
Capital THORN, Icelandic Þ Þ Þ
Small sharp German sz ligature ß ß ß
Small a, grave accent à à à
Small a, acute accent á á á
Small a, circumflex accent â â â
Small a, tilde ã ã ã
Small a, dieresis (umlaut) ä ä ä
Small a, ring å å å
Small ae diphthong (ligature) æ æ æ
Small c, cedilla ç ç ç
Small e, grave accent è è è
Small e, acute accent é é é
Small e, circumflex accent ê ê ê
Small e, dieresis (umlaut) ë ë ë
Small i, grave accent ì ì ì
Small i, acute accent í í í
Small i, circumflex accent î î î
Small i, dieresis (umlaut) ï ï ï
Small eth, Icelandic ð ð ð
Small n, tilde ñ ñ ñ
Small o, grave accent ò ò ò
Small o, acute accent ó ó ó
Small o, circumflex accent ô ô ô
Small o, tilde õ õ õ
Small o, dieresis (umlaut) ö ö ö
Division sign ÷ ÷ ÷
Small o, slash ø ø ø
Small u, grave accent ù ù ù
Small u, acute accent ú ú ú
Small u, circumflex accent û û û
Small u, dieresis (umlaut) ü ü ü
Small y, acute accent ý ý ý
Small thorn, Icelandic þ þ þ
Small y, dieresis (umlaut) ÿ ÿ ÿ
***************************************
horizontal tab ‘ ‘ left curly quote mark
line feed ’ ’ right curly quote mark/apostrophe
carriage return “ “ left curly quote marks
space ” ” right curly quote marks
! ! exclamation point • • bullet
" " " straight quote marks - – “en” (short) dash
# # hash mark/number sign - — “em” (long) dash
$ $ dollar sign ˜ ˜ tilde
% % percent sign ™ ™ trademark
& & & ampersand š š
' ' straight quote mark/apostrophe › ›
( ( left parenthesis œ œ small oe ligature
) ) right parenthesis Ÿ Ÿ capital Y, umlaut
* * asterisk non-breaking space
+ + plus sign ¡ ¡ ¡ inverted exclamation point
, , comma ¢ ¢ ¢ cent sign
- - hyphen £ £ £ pound sterling sign
. . period/dot ¤ ¤ ¤ general currency sign
/ / slash ¥ ¥ ¥ yen sign
0 0 zero ¦ ¦ ¦ broken vertical bar
&brkbar;
1 1 one § § § section sign
2 2 two ¨ ¨ ¨ umlaut/dieresis
¨
3 3 three © © © copyright symbol
4 4 four ª ª ª feminine ordinal
5 5 five « « « left angle quote marks
6 6 six ¬ ¬ ¬ not sign
7 7 seven soft hyphen
8 8 eight ® ® ® registered symbol
9 9 nine ¯ ¯ ¯ macron accent
&hibar;
: : colon ° ° ° degree sign
; ; semi-colon ± ± ± plus or minus
< < < less than sign ² ² ² superscript 2
= = equals sign ³ ³ ³ superscript 3
> > > greater than sign ´ ´ ´ acute accent
? ? question mark µ µ µ micro sign (Greek mu)
@ @ commercial “at” sign ¶ ¶ ¶ paragraph sign
A A capital A · · · middle dot
B B capital B ¸ ¸ ¸ cedilla
C C capital C ¹ ¹ ¹ superscript 1
D D capital D º º º masculine ordinal
E E capital E » » » right angle quote marks
F F capital F ¼ ¼ ¼ fraction one-fourth
G G capital G ½ ½ ½ fraction one-half
H H capital H ¾ ¾ ¾ fraction three-fourths
I I capital I ¿ ¿ ¿ inverted question mark
J J capital J À À À capital A, grave accent
K K capital K Á Á Á capital A, acute accent
L L capital L Â Â Â capital A, circumflex accent
M M capital M Ã Ã Ã capital A, tilde
N N capital N Ä Ä Ä capital A, umlaut/dieresis
O O capital O Å Å Å capital A, ring
P P capital P Æ Æ &Aelig; capital AE ligature, dipthong
Q Q capital Q Ç Ç Ç capital C, cedilla
R R capital R È È È capital E, grave accent
S S capital S É É É capital E, acute accent
T T capital T Ê Ê &Ecicr; capital E, circumflex accent
U U capital U Ë Ë Ë capital E, umlaut/dieresis
V V capital V Ì Ì Ì capital I, grave accent
W W capital W Í Í Í capital I, acute accent
X X capital X Î Î Î capital I, circumflex accent
Y Y capital Y Ï Ï Ï capital I, umlaut/dieresis mark
Z Z capital Z Ð Ð Ð capital Eth, Icelandic
Đ
[ [ left square bracket Ñ Ñ Ñ capital N, tilde
\\ \ backslash Ò Ò Ò capital O, grave accent/null set
] ] right square bracket Ó Ó Ó capital O, acute accent
^ ^ caret Ô Ô Ô capital O, circumflex accent
_ _ underscore bar Õ Õ Õ capital O, tilde
` ` grave accent Ö Ö Ö capital O, umlaut/dieresis mark
a a small a × × × multiplication sign
b b small b Ø Ø Ø capital O, slash
c c small c Ù Ù Ù capital U, grave accent
d d small d Ú Ú Ú capital U, acute accent
e e small e Û Û Û capital U, circumflex accent
f f small f Ü Ü Ü capital U, umlaut/dieresis mark
g g small g Ý Ý Ý capital Y, acute accent
h h small h Þ Þ Þ capital Thorn, Icelandic
i i small i ß ß ß small sz ligature, German
j j small j à à à small a, grave accent
k k small k á á á small a, acute accent
l l small l â â â small a, circumflex accent
m m small m ã ã ã small a, tilde
n n small n ä ä ä small a, umlaut/dieresis mark
o o small o å å å small a, ring
p p small p æ æ æ small ae ligature, dipthong
q q small q ç ç ç small c, cedilla
r r small r è è è small e, grave accent
s s small s é é é small e, acute accent
t t small t ê ê ê small e, circumflex accent
u u small u ë ë ë small e, umlaut/dieresis mark
v v small v ì ì ì small i, grave accent
w w small w í í í small i, acute accent
x x small x î î î small i, circumflex accent
y y small y ï ï ï small i, umlaut/dieresis mark
z z small z ð ð ð small eth, Icelandic
{ { left curly brace ñ ñ ñ small n, tilde
| | solid vertical bar ò ò ò small o, grave accent
} } right curly brace ó ó ó small o, acute accent
~ ~ tilde ô ô ô small o, circumflex accent
box õ õ õ small o, tilde
‚ ‚ comma ö ö ö small o, umlaut/dieresis mark
ƒ ƒ florin ÷ ÷ ÷ division sign
„ „ ø ø ø small o, slash/null set
… … ellipsis ù ù ù small u, grave accent
† † dagger ú ú ú small u, acute accent
‡ ‡ double dagger û û û small u, circumflex accent
ˆ ˆ circumflex accent ü ü ü small u, umlaut,dieresis mark
‰ ‰ permil ý ý ý small y, acute accent
Š Š þ þ þ small thorn, Icelandic
‹ ‹ ÿ ÿ ÿ small y, umlaut/dieresis mark
ΠΠcapital OE ligature
<end node> 5P9i0s8y19Z
dt=
<node>both
2
$newstring=substr($teaser,25,1);$acii=ord($newstring);
echo "<p>$newstring=======$ascii";
The 160 is a space problem for browsers
Code Entity Hex Character Description
------ -------------- --- --------- -----------------------------------
� %00 Unused
%01 Unused
%02 Unused
%03 Unused
%04 Unused
%05 Unused
%06 Unused
%07 Unused
%08 Unused
%09 Horizontal tab
%0A Line feed
%0B Unused
%0C Unused
%0D Carriage return
%0E Unused
%0F Unused
%10 Unused
%11 Unused
%12 Unused
%13 Unused
%14 Unused
%15 Unused
%16 Unused
%17 Unused
%18 Unused
%19 Unused
%1A Unused
%1B Unused
%1C Unused
%1D Unused
%1E Unused
%1F Unused
%20 Space
! %21 ! Exclamation mark
" " %22 " Quotation mark
# %23 # Number sign
$ %24 $ Dollar sign
% %25 % Percent sign
& & %26 & Ampersand
' %27 ' Apostrophe
( %28 ( Left parenthesis
) %29 ) Right parenthesis
* %2A * Asterisk
+ %2B + Plus sign
, %2C , Comma
- %2D - Hyphen
. %2E . Period (fullstop)
/ %2F / Solidus (slash)
0 %30 0 0
1 %31 1 1
2 %32 2 2
3 %33 3 3
4 %34 4 4
5 %35 5 5
6 %36 6 6
7 %37 7 7
8 %38 8 8
9 %39 9 9
: %3A : Colon
; %3B ; Semi-colon
< < %3C < Less than
= %3D = Equals sign
> > %3E > Greater than
? %3F ? Question mark
@ %40 @ Commercial at
A %41 A A
B %42 B B
C %43 C C
D %44 D D
E %45 E E
F %46 F F
G %47 G G
H %48 H H
I %49 I I
J %4A J J
K %4B K K
L %4C L L
M %4D M M
N %4E N N
O %4F O O
P %50 P P
Q %51 Q Q
R %52 R R
S %53 S S
T %54 T T
U %55 U U
V %56 V V
W %57 W W
X %58 X X
Y %59 Y Y
Z %5A Z Z
[ %5B [ Left square bracket
\ %5C \\ Reverse solidus (backslash)
] %5D ] Right square bracket
^ %5E ^ Caret
_ %5F _ Horizontal bar (underscore)
` %60 ` Acute accent
a %61 a a
b %62 b b
c %63 c c
d %64 d d
e %65 e e
f %66 f f
g %67 g g
h %68 h h
i %69 i i
j %6A j j
k %6B k k
l %6C l l
m %6D m m
n %6E n n
o %6F o o
p %70 p p
q %71 q q
r %72 r r
s %73 s s
t %74 t t
u %75 u u
v %76 v v
w %77 w w
x %78 x x
y %79 y y
z %7A z z
{ %7B { Left curly brace
| %7C | Vertical bar
} %7D } Right curly brace
~ %7E ~ Tilde
%7F Unused
€ %80 Unused
%81 Unused
‚ %82 Unused
ƒ %83 Unused
„ %84 Unused
… %85 Unused
† %86 Unused
‡ %87 Unused
ˆ %88 Unused
‰ %89 Unused
Š %8A Unused
‹ %8B Unused
Π%8C Unused
%8D Unused
Ž %8E Unused
%8F Unused
%90 Unused
‘ %91 Unused
’ %92 Unused
“ %93 Unused
” %94 Unused
• %95 Unused
– %96 Unused
— %97 Unused
˜ %98 Unused
™ %99 TM TM TM TM TM
š %9A Unused
› %9B Unused
œ %9C Unused
%9D Unused
ž %9E Unused
Ÿ %9F Unused
[3.2] %A0 Non-breaking space
¡ ¡ [3.2] %A1 ¡ Inverted exclamation
¢ ¢ [3.2] %A2 ¢ Cent sign
£ £ [3.2] %A3 £ Pound sterling
¤ ¤ [3.2] %A4 ¤ General currency sign
¥ ¥ [3.2] %A5 ¥ Yen sign
¦ ¦ [3.2] %A6 ¦ Broken vertical bar
§ § [3.2] %A7 § Section sign
¨ ¨ [3.2] %A8 ¨ Umlaut (dieresis)
© © [3.2] %A9 © Copyright
ª ª [3.2] %AA ª Feminine ordinal
« « [3.2] %AB « Left angle quote, guillemotleft
¬ ¬ [3.2] %AC ¬ Not sign
[3.2] %AD Soft hyphen
® ® [3.2] %AE ® Registered trademark
¯ ¯ [3.2] %AF ¯ Macron accent
° ° [3.2] %B0 ° Degree sign
± ± [3.2] %B1 ± Plus or minus
² ² [3.2] %B2 ² Superscript two
³ ³ [3.2] %B3 ³ Superscript three
´ ´ [3.2] %B4 ´ Acute accent
µ µ [3.2] %B5 µ Micro sign
¶ ¶ [3.2] %B6 ¶ Paragraph sign
· · [3.2] %B7 · Middle dot
¸ ¸ [3.2] %B8 ¸ Cedilla
¹ ¹ [3.2] %B9 ¹ Superscript one
º º [3.2] %BA º Masculine ordinal
» » [3.2] %BB » Right angle quote, guillemotright
¼ ¼ [3.2] %BC ¼ Fraction one-fourth
½ ½ [3.2] %BD ½ Fraction one-half
¾ ¾ [3.2] %BE ¾ Fraction three-fourths
¿ ¿ [3.2] %BF ¿ Inverted question mark
À À %C0 À Capital A, grave accent
Á Á %C1 Á Capital A, acute accent
  %C2  Capital A, circumflex accent
à à %C3 à Capital A, tilde
Ä Ä %C4 Ä Capital A, dieresis or umlaut mark
Å Å %C5 Å Capital A, ring
Æ Æ %C6 Æ Capital AE dipthong (ligature)
Ç Ç %C7 Ç Capital C, cedilla
È È %C8 È Capital E, grave accent
É É %C9 É Capital E, acute accent
Ê Ê %CA Ê Capital E, circumflex accent
Ë Ë %CB Ë Capital E, dieresis or umlaut mark
Ì Ì %CC Ì Capital I, grave accent
Í Í %CD Í Capital I, acute accent
Î Î %CE Î Capital I, circumflex accent
Ï Ï %CF Ï Capital I, dieresis or umlaut mark
Ð Ð %D0 Ð Capital Eth, Icelandic
Ñ Ñ %D1 Ñ Capital N, tilde
Ò Ò %D2 Ò Capital O, grave accent
Ó Ó %D3 Ó Capital O, acute accent
Ô Ô %D4 Ô Capital O, circumflex accent
Õ Õ %D5 Õ Capital O, tilde
Ö Ö %D6 Ö Capital O, dieresis or umlaut mark
× × [3.2] %D7 × Multiply sign
Ø Ø %D8 Ø Capital O, slash
Ù Ù %D9 Ù Capital U, grave accent
Ú Ú %DA Ú Capital U, acute accent
Û Û %DB Û Capital U, circumflex accent
Ü Ü %DC Ü Capital U, dieresis or umlaut mark
Ý Ý %DD Ý Capital Y, acute accent
Þ Þ %DE Þ Capital THORN, Icelandic
ß ß %DF ß Small sharp s, German (sz ligature)
à à %E0 à Small a, grave accent
á á %E1 á Small a, acute accent
â â %E2 â Small a, circumflex accent
ã ã %E3 ã Small a, tilde
ä ä %E4 ä Small a, dieresis or umlaut mark
å å %E5 å Small a, ring
æ æ %E6 æ Small ae dipthong (ligature)
ç ç %E7 ç Small c, cedilla
è è %E8 è Small e, grave accent
é é %E9 é Small e, acute accent
ê ê %EA ê Small e, circumflex accent
ë ë %EB ë Small e, dieresis or umlaut mark
ì ì %EC ì Small i, grave accent
í í %ED í Small i, acute accent
î î %EE î Small i, circumflex accent
ï ï %EF ï Small i, dieresis or umlaut mark
ð ð %F0 ð Small eth, Icelandic
ñ ñ %F1 ñ Small n, tilde
ò ò %F2 ò Small o, grave accent
ó ó %F3 ó Small o, acute accent
ô ô %F4 ô Small o, circumflex accent
õ õ %F5 õ Small o, tilde
ö ö %F6 ö Small o, dieresis or umlaut mark
÷ ÷ [3.2] %F7 ÷ Division sign
ø ø %F8 ø Small o, slash
ù ù %F9 ù Small u, grave accent
ú ú %FA ú Small u, acute accent
û û %FB û Small u, circumflex accent
ü ü %FC ü Small u, dieresis or umlaut mark
ý ý %FD ý Small y, acute accent
þ þ %FE þ Small thorn, Icelandic
ÿ ÿ %FF ÿ Small y, dieresis or umlaut mark
<end node> 5P9i0s8y19Z
dt=
<node>other
2
https://www.utexas.edu/learn/html/spchar.html
HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands.
For example, to render Düsseldorf the HTML source should read
Düsseldorf or Düsseldorf
While many similar lists are available on the Web (run your favorite search engine using "ISO Latin" or "HTML Entities"), none I've seen account for the standard character sets of different operating systems (e.g. Windows vs. DOS vs. Macintosh, etc.); this list should produce the same results on all platforms.
Punctuation
HTML Entity
(case sensitive)
ISO Latin-1 code
name or meaning
-
– – en dash
-
— — em dash
¡
¡ ¡ inverted exclamation
¿
¿ ¿ inverted question mark
"
" " quotation mark
“
“ “ left double curly quote
”
” ” right double curly quote
'
' apostrophe (single quote)
‘
‘ ‘ left single curly quote
’
’ ’ right single curly quote
«
» «
» «
» guillemets (used as quotation marks in some languages, e.g., French)
(Its there, but you can't see it!) non-breaking space
Symbols
&
& & ampersand
¢
¢ ¢ cent
©
© © copyright
÷
÷ ÷ divide
>
> > greater than
<
< < less than
µ
µ µ micron
·
· · middle dot
¶
¶ ¶ pilcrow (paragraph sign)
±
± ± plus/minus
€
€ € Euro
£
£ £ British Pound Sterling
®
® ® registered
§
§ § section
™
™ ™ trademark
¥
¥ ¥ Japanese Yen
°
° ° Degree
Diacritics
á
Á á
Á á
Á lower-case "a" with acute accent
upper-case "A" with acute accent
à
À à
À à
À lower-case "a" with grave accent
upper-case "A" with grave accent
â
 â
 â
 lower-case "a" with circumflex
upper-case "A" with circumflex
å
Å å
Å å
Å lower-case "a" with ring
upper-case "A" with ring
ã
à ã
à ã
à lower-case "a" with tilde
upper-case "A" with tilde
ä
Ä ä
Ä ä
Ä lower-case "a" with diaeresis/umlaut
upper-case "A" with diaeresis/umlaut
æ
Æ æ
Æ æ
Æ lower-case "ae" ligature
upper-case "AE" ligature
ç
Ç ç
Ç ç
Ç lower-case "c" with cedilla
upper-case "C" with cedilla
é
É é
É é
É lower-case "e" with acute accent
upper-case "E" with acute accent
è
È è
È è
È lower-case "e" with grave accent
upper-case "E" with grave accent
ê
Ê ê
Ê ê
Ê lower-case "e" with circumflex
upper-case "E" with circumflex
ë
Ë ë
Ë ë
Ë lower-case "e" with diaeresis/umlaut
upper-case "E" with diaeresis/umlaut
í
Í í
Í í
Í lower-case "i" with acute accent
upper-case "I" with acute accent
ì
Ì ì
Ì ì
Ì lower-case "i" with grave accent
upper-case "I" with grave accent
î
Î î
Î î
Î lower-case "i" with circumflex
upper-case "I" with circumflex
ï
Ï ï
Ï ï
Ï lower-case "i" with diaeresis/umlaut
upper-case "I" with diaeresis/umlaut
ñ
Ñ ñ
Ñ ñ
Ñ lower-case "n" with tilde
upper-case "N" with tilde
ó
Ó ó
Ó ó
Ó lower-case "o" with acute accent
upper-case "O" with acute accent
ò
Ò ò
Ò ò
Ò lower-case "o" with grave accent
upper-case "O" with grave accent
ô
Ô ô
Ô ô
Ô lower-case "o" with circumflex
upper-case "O" with circumflex
ø
Ø ø
Ø ø
Ø lower-case "o" with slash
upper-case "O" with slash
õ
Õ õ
Õ õ
Õ lower-case "o" with tilde
upper-case "O" with tilde
ö
Ö ö
Ö ö
Ö lower-case "o" with diaeresis/umlaut
upper-case "O" with diaeresis/umlaut
ß
ß ß ess-tsett
ú
Ú ú
Ú ú
Ú lower-case "u" with acute accent
upper-case "U" with acute accent
ù
Ù ù
Ù ù
Ù lower-case "u" with grave accent
upper-case "U" with grave accent
û
Û û
Û û
Û lower-case "u" with circumflex
upper-case "U" with circumflex
ü
Ü ü
Ü ü
Ü lower-case "u" with diaeresis/umlaut
upper-case "U" with diaeresis/umlaut
ÿ
ÿ ÿ lower-case "y" with diaeresis/umlaut
´
` ´
` acute accent with no letter
grave accent/reversed apostrophe with no letter
Notes:
1.The " entity was mistakenly omitted from the HTML 3.2 specification. While use of " generates error reports when validating against 3.2, browsers have continued to recognize the entity and its use is generally safe (sticklers may wish to use " instead). The omission has been corrected in the HTML 4.0 specification.
2.The non-breaking space ( or ) can be used not only to prevent the separation of words by line wraps, but also to force a space equal in size to a keyboard/spacebar space (useful for indentation or wider word separation) or to "hold" space in the empty cell of a table (as in the table above).
3.The middle dot (· or ·) can be used as a bullet and embedded anywhere in text. Because it is equal in size to a period, however, it may be necessary to apply <B> </B> or tags to enhance its graphic effect (use of <FONT SIZE="x"> </FONT> or <BIG> </BIG> elements is not recommended, as these will alter the character's vertical spacing relative to other characters in the same line).
™ TM
© © ! ! _ _ Û Û
® ® " " ` ` ž ž Ü Ü
# # a a Ÿ Ÿ Ý Ý
" " $ $ b b Þ Þ
& & % % c c ¡ ¡ ß ß
< < & & d d ¢ ¢ à à
> > ' ' e e £ £ á á
À À ( ( f f ¤ ¤ â â
Á Á ) ) g g ¥ ¥ ã ã
  * * h h ¦ ¦ ä ä
à à + + i i § § å å
Ä Ä , , j j ¨ ¨ æ æ
Å Å - - k k © © ç ç
Æ Æ . . l l ª ª è è
Ç Ç / / m m « « é é
È È 0 0 n n ¬ ¬ ê ê
É É 1 1 o o ë ë
Ê Ê 2 2 p p ® ® ì ì
Ë Ë 3 3 q q ¯ ¯ í í
Ì Ì 4 4 r r ° ° î î
Í Í 5 5 s s ± ± ï ï
Î Î 6 6 t t ² ² ð ð
Ï Ï 7 7 u u ³ ³ ñ ñ
Ð Ð 8 8 v v ´ ´ ò ò
Ñ Ñ 9 9 w w µ µ ó ó
Õ Õ : : x x ¶ ¶ ô ô
Ö Ö ; ; y y · · õ õ
Ø Ø < < z z ¸ ¸ ö ö
Ù Ù = = { { ¹ ¹ ÷ ÷
Ú Ú > > | | º º ø ø
Û Û ? ? } } » » ù ù
Ü Ü @ @ ~ ~ ¼ ¼ ú ú
Ý Ý A A ? ½ ½ û û
Þ Þ B B € € ¾ ¾ ü ü
ß ß C C ¿ ¿ ý ý
à à D D ‚ ‚ À À þ þ
á á E E ƒ ƒ Á Á ÿ ÿ
å å F F „ „ Â Â
æ æ G G … … Ã Ã
ç ç H H † † Ä Ä
è è I I ‡ ‡ Å Å
é é J J ˆ ˆ Æ Æ
ê ê K K ‰ ‰ Ç Ç
ë ë L L Š Š È È
ì ì M M ‹ ‹ É É
í í N N Œ Œ Ê ?
î î O O Ë Ë
ï ï P P Ž Ž Ì Ì
ð ð Q Q Í Í
ñ ñ R R Î Î
ò ò S S ‘ ‘ Ï Ï
ó ó T T ’ ’ Ð Ð
ô ô U U “ “ Ñ Ñ
õ õ V V ” ” Ò Ò
ö ö W W • • Ó Ó
ø ø X X – - Ô Ô
ù ù Y Y — - Õ Õ
ú ú Z Z ˜ ˜ Ö Ö
û û [ [ ™ ™ × ×
ý ý \ \\ š š Ø Ø
þ þ ] ] › › Ù Ù
ÿ ÿ ^ ^ œ œ Ú Ú
<end node> 5P9i0s8y19Z
dt=
<node>Tables
1
How to Build a Table in HTML
<table border=1 cellspacing=0 cellpadding=0 style='border-collapse:collapse;
border:none;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
Table Tags:
<table></table> for the table
<tr></tr> for table rows
<th></th> for table header cells
<td></td> for table data cells
Simple Table Code
<table>
<tr>
<td>cell one</td>
<td>cell two</td>
<td>cell three</td>
</tr>
<tr>
<td>cell four</td>
<td>cell five</td>
<td>cell six </td>
</tr>
</table>
Table Rows
These attributes affects the content of all the cells in the row. Values in the <tr> tags override those in the <table> tag. Likewise <tr> values can be overridden in the <td> tag values. You can also override these attributes in individual cells. *the baseline attribute aligns data cell contents with the baseline of the top line of text in adjoining cells.
<table><tr></tr></table>
You create table rows inside the table tags and then table cells inside the row tags:
<table><tr><td>cell content</td></tr></table>
<tr> attributes include:
align=left, right, center
valign=top, bottom, baseline
bgcolor=#rrggbb
border color=#rrggbb
bordercolorlight=#rrggbb
bordercolordark=#rrggbb
nowrap>
Table Headers and Table Data
<th> table header and <td> table data tags are placed inside the table tags and bracket your designated content. The attributes of these tags tell the browser how to arrange the content within each individual cell. These attributes can override both the <table> and <tr> attributes.
<td> attributes
<td
align=left, right, center
valign=top, bottom, baseline
background=image.gif *IE
bgcolor=#rrggbb
border color=#rrggbb
bordercolorlight=#rrggbb
bordercolordark=#rrggbb
nowrap
colspan=n
rowspan=n
width=n, n%
height=n, n%>
Alignment:
Tables are rectangular objects which are aligned on the page relative to the alignment of the current text flow. You can <center></center> a table for instance, or use <div align=right></div> .
You can align text relative to the table as you can with image/text relationships:
<table align=right> or <table align=left> ***this is different than aligning a data or header cell’s content using <td align=right>, for instance.
Table Width and Height
<table width=n height=n> sets the measurements of the table in pixels or percentages of the screen size. This may be overridden if cell content is too large.
Cell Spacing Attribute
<table cellspacing=n> designates the spacing between cells in pixel numbers
the default is 2 pixels
Cell Padding Attribute
<table cellpadding=n> designates the padding around all four sides of the contents of the cell in pixels. By default, its one pixel.
Bgcolor and Background Attributes:
<table bgcolor=#rrggbb> will set the table’s bg color different than that of the web page.
<table background=image.gif> will set the table’s bg image, although it looks slightly different in Netscape when compared to IE.
IE support for border color:
<table border color= #rrggbb bordercolorlight= #rrggbb bordercolordark= #rrggbb> to set 3d appearance of table borders.
Border Frame and Rules Attributes:
<table border=n> sets the thickness of the table and cell borders in pixels
<table frame=above, below, lhs, rhs, hsides, vsides> works only in IE, drawing designated lines on the various sides of a table--
Cols Attribute
<table cols=n> tells the browser how many columns to expect and aids in loading time of especially long tables
Hspace and Vspace attributes
<table hspace=n> designates breathing space around the table on its sides in pixel measurements
<table vspace=n> designates breathing space on the top and bottom of a table in pixel measurements
Default Vertical Alignment for Table contents
<table valign=top, bottom> in IE only will set the vertical alignment within all the table’s cells
Missing Features:
You can align a cell’s contents on an individual basis, but not between cells.
Netscape and IE give you the ability to set the thickness of table and cell borders in different ways--Netscape, the border size is global. In IE, you can vary the rule widths between header, body, and footer of a table.
Except in IE, html tables don’t have running headers or footers
************************************************************************************************
Tables take the general form:
<TABLE BORDER=3 CELLSPACING=2 CELLPADDING=2 WIDTH="80%">
<CAPTION> ... table caption ... </CAPTION>
<TR><TD> first cell <TD> second cell
<TR> ...
...
</TABLE>
The attributes on TABLE are all optional. By default, the table is rendered without a surrounding border. The table is generally sized automatically to fit the contents, but you can also set the table width using the WIDTH attribute. BORDER, CELLSPACING and CELLPADDING provide further control over the table's appearence. Captions are rendered at the top or bottom of the table depending on the ALIGN attribute.
Each table row is contained in a TR element, although the end tag can always be omitted. Table cells are defined by TD elements for data and TH elements for headers. Like TR, these are containers and can be given without trailing end tags. TH and TD support several attributes: ALIGN and VALIGN for aligning cell content, ROWSPAN and COLSPAN for cells which span more than one row or column. A cell can contain a wide variety of other block and text level elements including form fields and other tables.
The TABLE element always requires both start and end tags. It supports the following attributes:
align
This takes one of the case insensitive values: LEFT, CENTER or RIGHT. It specifies the horizontal placement of the table relative to the current left and right margins. It defaults to left alignment, but this can be overridden by an enclosing DIV or CENTER element.
width
In the absence of this attribute the table width is automatically determined from the table contents. You can use the WIDTH attribute to set the table width to a fixed value in pixels (e.g. WIDTH=212) or as a percentage of the space between the current left and right margins (e.g. WIDTH="80%").
border
This attribute can be used to specify the width of the outer border around the table to a given number of pixels (e.g. BORDER=4). The value can be set to zero to suppress the border altogether. In the absence of this attribute the border should be suppressed. Note that some browsers also accept <TABLE BORDER> with the same semantics as BORDER=1.
cellspacing
In traditional desktop publishing software, adjacent table cells share a common border. This is not the case in HTML. Each cell is given its own border which is separated from the borders around neighboring cells. This separation can be set in pixels using the CELLSPACING attribute, (e.g. CELLSPACING=10). The same value also determines the separation between the table border and the borders of the outermost cells.
cellpadding
This sets the padding in pixels between the border around each cell and the cell's contents.
The CAPTION element has one attribute ALIGN which can be either ALIGN=TOP or ALIGN=BOTTOM. This can be used to force the caption to be placed above the top or below the bottom of the table respectively. Most user agents default to placing the caption above the table. CAPTION always requires both start and end tags. Captions are limited to plain text and text-level elements as defined by the %text entity. Block level elements are not permitted.
The TR or table row element requires a start tag, but the end tag can always be left out. TR acts as a container for table cells. It has two attributes:
align
Sets the default horizontal alignment of cell contents. It takes one of the case insensitive values: LEFT, CENTER or RIGHT and plays the same role as the ALIGN attribute on paragraph elements.
valign
This can be used to set the default vertical alignment of cell contents within each cell. It takes one of the case insensitive values: TOP, MIDDLE or BOTTOM to position the cell contents at the top, middle or bottom of the cell respectively.
There are two elements for defining table cells. TH is used for header cells and TD for data cells. This distinction allows user agents to render header and data cells in different fonts, and enables speech based browsers to do a better job. The start tags for TH and TD are always needed but the end tags can be left out. Table cells can have the following attributes:
nowrap
The presence of this attribute disables automatic word wrap within the contents of this cell (e.g. <TD NOWRAP>). This is equivalent to using the entity for non-breaking spaces within the content of the cell.
rowspan
This takes a positive integer value specifying the number of rows spanned by this cell. It defaults to one.
colspan
This takes a positive integer value specifying the number of columns spanned by this cell. It defaults to one.
align
Specifies the default horizontal alignment of cell contents, and overrides the ALIGN attribute on the table row. It takes the same values: LEFT, CENTER and RIGHT. If you don't specify an ALIGN attribute value on the cell, the default is left alignment for <td> and center alignment for <th> although you can override this with an ALIGN attribute on the TR element.
valign
Specifies the default vertical alignment of cell contents, overriding the VALIGN attribute on the table row. It takes the same values: TOP, MIDDLE and BOTTOM. If you don't specify a VALIGN attribute value on the cell, the default is middle although you can override this with a VALIGN attribute on the TR element.
width
Specifies the suggested width for a cell content in pixels excluding the cell padding. This value will normally be used except when it conflicts with the width requirements for other cells in the same column.
height
Specifies the suggested height for a cell content in pixels excluding the cell padding. This value will normally be used except when it conflicts with the height requirements for other cells in the same row.
Tables are commonly rendered in bas-relief, raised up with the outer border as a bevel, and individual cells inset into this raised surface. Borders around individual cells are only drawn if the cell has explicit content. White space doesn't count for this purpose with the exception of .
The algorithms used to automatically size tables should take into account the minimum and maximum width requirements for each cell. This is used to determine the minimum and maximum width requirements for each column and hence for the table itself.
Cells spanning more than one column contribute to the widths of each of the columns spanned. One approach is to evenly apportion the cell's minimum and maximum width between these columns, another is to weight the apportioning according to the contributions from cells that don't span multiple columns.
For some user agents it may be necessary or desirable to break text lines within words. In such cases a visual indication that this has occurred is advised.
The minimum and maximum width of nested tables contribute to the minimum and maximum width of the cell in which they occur. Once the width requirements are known for the top level table, the column widths for that table can be assigned. This allows the widths of nested tables to be assigned and hence in turn the column widths of such tables. If practical, all columns should be assigned at least their minimum widths. It is suggested that any surplus space is then shared out proportional to the difference between the minimum and maximum width requirements of each column.
Note that pixel values for width and height refer to screen pixels, and should be multiplied by an appropriate factor when rendering to very high resolution devices such as laser printers. For instance if a user agent has a display with 75 pixels per inch and is rendering to a laser printer with 600 dots per inch, then the pixel values given in HTML attributes should be multiplied by a factor of 8.
<end node> 5P9i0s8y19Z
dt=
<node>border
2
" BORDERCOLOR="#C6C6C6
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
<end node> 5P9i0s8y19Z
dt=
<node>cells
2
[background image]
<h4>Cell backgrounds:</h4>
<table border="1">
<tr>
<td bgcolor="red">First</td>
<td>Row</td>
</tr>
<tr>
<td
background="../images/bgdesert.jpg">
Second</td>
<td>Row</td>
</tr>
</table>
<end node> 5P9i0s8y19Z
dt=
<node>Video
1
[mp4]
html5
<video controls="controls" height="320">
<source src="/wp-content/uploads/2016/test.mp4" type="video/mp4" />
</video>
<video width="640" height="360" poster="__POSTER__.jpg" controls="controls">
<source src="/wp-content/uploads/2016/test.mp4" type="video/mp4" />
<source src="__VIDEO__.webm" type="video/webm" />
<source src="__VIDEO__.ogv" type="video/ogg" /><!--[if gt IE 6]>
<object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><!
[endif]--><!--[if !IE]><!-->
<object width="640" height="375" type="video/quicktime" data="/wp-content/uploads/2016/test.mp4"><!--<![endif]-->
<param name="src" value="/wp-content/uploads/2016/test.mp4" />
<param name="autoplay" value="false" />
<param name="showlogo" value="false" />
<object width="640" height="380" type="application/x-shockwave-flash"
data="__FLASH__.swf?image=__POSTER__.jpg&file=/wp-content/uploads/2016/test.mp4">
<param name="movie" value="__FLASH__.swf?image=__POSTER__.jpg&file=__VIDEO__.mp4" />
<img src="__POSTER__.jpg" width="640" height="360" />
<p>
<strong>No video playback capabilities detected.</strong>
Why not try to download the file instead?<br />
<a href="__VIDEO__.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> |
<a href="__VIDEO__.ogv">Ogg Theora & Vorbis “.ogv” (Linux)</a>
</p>
</object><!--[if gt IE 6]><!-->
</object><!--<![endif]-->
</video>
<div style="margin:0 0 25px 25px">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="480" height="300">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/homepagevideoshot.jpg" />
<param name="movie" value="video/mediaplayer.swf" />
<embed src="video/mediaplayer.swf" width="480" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/homepagevideoshot.jpg" /></object>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>Embed
2
<OBJECT ID="Player"
WIDTH="320"
HEIGHT="300"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
STANDBY="Loading Windows Media Player components..."
TYPE="application/x-oleobject"
ALIGN="bottom"
VIEWASTEXT>
<PARAM NAME="FileName" VALUE="missionProduce.wmv">
<PARAM NAME="AutoStart" VALUE="1">
<PARAM NAME="AutoSize" VALUE="1">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="DisplaySize" VALUE="0">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="1">
<PARAM NAME="EnableContextMenu" VALUE="0">
<PARAM NAME="ShowControls" VALUE="1">
<EMBED TYPE="video/x-ms-asf-plugin" PLUGINSPAGE="http://www.microsoft.com/windows/mediaplayer/download/default.asp" SRC="missionProduce.wmv" WIDTH="320px" HEIGHT="300px" SHOWCONTROLS="1" SHOWPOSITIONCONTROLS="0" SHOWSTATUSBAR="1" ALIGN="bottom" AUTOSIZE="1" DISPLAYSIZE="0"></EMBED>
</OBJECT>
<OBJECT
ID="mediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
STANDBY="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject">
<PARAM NAME="fileName" VALUE="THIS IS WHERE YOU PUT THE MUSIC/VIDEO LINK">
<PARAM NAME="animationatStart" VALUE="true">
<PARAM NAME="transparentatStart" VALUE="true">
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="true">
<PARAM NAME="ShowDisplay" VALUE="true">
</OBJECT>
[Drop down Menus]
<param name="wmode" value="transparent" />
to the <object> and/or
wmode="transparent"
to the <embed> has solved the problem.
<end node> 5P9i0s8y19Z
dt=
<node>flash
2
[show static image]
<object>
<param name="flashvars" value="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/municipal-button.jpg" />
<embed src="video/mediaplayer.swf" width="480" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/municipal-button.jpg" /></object>
Parameters
Name Description
Parameter name Parameter description
flv The URL of the FLV video to be played.
width Forces the video width.
height Forces the video height.
autoplay 1 to auto-play
autoload 1 to automatically load
buffer The number of seconds to buffer. By default set to 5.
config The URL of the configuration text file, similar to flv_config.txt
configxml The URL of the configuration XML file, similar to flv_config.xml
title The title shown before loading the video
margin The margin of the video with respect to the Flash object. (useful for skins).
srt 1 to use SRT subtitles (the file must be at the same place as the video and have the same name, with .srt extension)
showstop 1 to show the STOP button.
showvolume 1 to show the VOLUME button.
showtime 1 to show the TIME button
loop 1 to loop.
startimage The URL of the JPEG file (not progressive) to be shown before loading the video
skin The URL of the JPEG file (not progressive) to load
playercolor The background color of the player bar (not the flash)
loadingcolor The color of loading bar
bgcolor The background color
bgcolor1 The first color of the background gradient
bgcolor2 The second color of the background gradient
buttoncolor The color of the buttons
buttonovercolor Hover color of buttons
slidercolor1 The first color of the bar gradient
slidercolor2 The second color of the bar gradient
sliderovercolor Hover color of the bar
loadonstop 0 to stop the video loading by cliking on STOP button
phpstream 1 to use php stream
Keyboard shortcuts
<end node> 5P9i0s8y19Z
dt=
<node>flv
2
[NOTE]
The move path reqiures ../ to make it find movie. the image or swf path does not require such logic
<div style="margin:25px 0 0px 0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="200" height="200">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=../videos/boc.flv&image=images/homepagevideoshot.jpg" />
<param name="movie" value="../videos/mediaplayer.swf" />
<embed src="../videos/mediaplayer.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=../videos/boc.flv&image=images/homepagevideoshot.jpg" /></object>
</div>
[Greeley Chamber]
$movie="../videos/GreatFromGroundUp.flv";$img="../videos/greeley.jpg"; ?>
<div style="margin:25px 0 0px 0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="200" height="200">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=<?php echo $movie; ?>&image=<?php echo $img; ?>" />
<param name="movie" value="../videos/mediaplayer.swf" />
<embed src="../videos/mediaplayer.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=<?php echo $movie; ?>&image=<?php echo $img; ?>" /></object>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>sound
2
Can be above body
<bgsound src="../SoundBites/stdatas[1].wav" loop="1">
<end node> 5P9i0s8y19Z
<node>HTML Code
<node>BackGround
<node>Gradient
<node>Sound
<node>body
<node>Form
<node>checkboxes
<node>controls
<node>combo select
<node>dynamic
<node>grouping
<node>Events
<node>mouseover
<node>onblur
<node>onchange
<node>onclick
<node>onkey
<node>Labels
<node>TextArea
<node>multipleSections
<node>radio button
<node>submit buttons
<node>sample
<node>text
<node>textarea
<node>FORMATING
<node><LI> Replacement
<node>Colors
<node>frames
<node>Icon Address bar
<node>iframe
<node>img
<node>map
<node>META Tag Basics
<node>Meta tag caching
<node>META: What is it used for?
<node>Refreshing Using the META Tag
<node>ROBOTS
<node>ScreenEffects
<node>Printing
<node>SetTimeout
<node>special Characters
<node>both
<Treepad version 3.0>
dt=
<node>HTML Code
0
<end node> 5P9i0s8y19Z
dt=
<node>BackGround
1
bgproperties="fixed"
background="images/pic.jpg"
background-color:white;opacity:.5;filter:alpha(opacity=50);
<end node> 5P9i0s8y19Z
dt=
<node>Gradient
2
Create a Gradient Background Effect
You can use the style tag to create a gradient background effect within your web page. This effect can be used for your entire web page background, or within your table cells.
To use the gradient effect as your web page background, use the following BODY tag:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">
To use the gradient effect within your tables, place the following code within your table tag:
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"
Although you can edit the gradient colors indicated in red, keep in mind, in order for the effect to display properly, you must use a light color and a darker color.
<end node> 5P9i0s8y19Z
dt=
<node>Sound
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=538
===
Q & A - BGSOUND, EMBED, META: Playing a background sound
Applies to These Versions Categories
Version Numbers Not Applicable Sound
Tags
--------------------------------------------------------------------------------
How do I get sound to play on my Web site?
First, your sound should be in a format that the maximum number of browsers can use. The principal cross-platform sound formats are .au, .wav. and .ra. A good place to visit to find sound conversion tools is MAZ Sound Tools Page, at http://www.th-zwickau.de/~maz. (It takes a while to load, but it's worth the wait.)
As with graphics, you need to keep the file size in mind. The larger the file, the longer it will take to download. I recommend lowering the sample-rate of the sound (if you haven't already done so) to 22 kHz, 16 or even 8 kHz. The lower the quality, the faster the sound will load (although it will sound concomitantly worse). You will have to make your own judgements when you reach this point. Try not to make the sound too annoying-that's a sure way to keep people from coming back to visit your site.
There are three ways to get sounds to play in the background of your page: Via the META tag, the BGSOUND tag, or by using EMBED.
Using META to play sounds
<META HTTP-EQUIV=REFRESH CONTENT="15; URL=http://www.projectcool.com/sounds/demo.au">
This tag lives in the HEAD section of the document. The number next to CONTENT tells the server how many seconds to wait before sending the sound-file to your browser. Don't make it one second, otherwise the sound will play before your page has completely loaded. The URL should show the full-path (yes, it should also include http://... even if it's in the same directory). Also, pay strict attention to where the quotes and spaces are (an extra or missing quote and the file will not be loaded).
Using BGSOUND to play sounds
<BGSOUND SRC="http://www.projectcool.com/sounds/demo.au" LOOP=3>
This tag lives in the BODY of the document and only works with Microsoft's browser (Internet Explorer 2.0 or greater). The SRC can be either relative or full-path. The loop attribute defines how many times you want the sound to play; to play it continuously define LOOP=INFINITE.
Using EMBED to play sounds
<EMBED SRC="http://www.best.com/~paz/homie/sounds/giggle.au" AUTOSTART="TRUE" VOLUME=50%>
This tag lives in the BODY of the document and is supported by both Netscape and Microsoft IE. The SRC can be either relative or full-path. AUTOSTART will determine whether you want the file to begin playing after it has loaded. Volume can be defined from 0-100% (don't set it at 100 unless you want to loose some friends). This tag is actually quite flexible, it also allows for the user to determine where,within the sound file, it begins to play.
<end node> 5P9i0s8y19Z
dt=
<node>body
1
Block elements
P paragraphs
The paragraph element requires a start tag, but the end tag can always be omitted. Use the ALIGN attribute to set the text alignment within a paragraph, e.g. <P ALIGN=RIGHT>
UL unordered lists
These require start and end tags, and contain one or more LI elements representing individual list items.
OL ordered (i.e. numbered) lists
These require start and end tags, and contain one or more LI elements representing individual list items.
DL definition lists
These require start and end tags and contain DT elements that give the terms, and DD elements that give corresponding definitions.
PRE preformatted text
Requires start and end tags. These elements are rendered with a monospaced font and preserve layout defined by whitespace and line break characters.
DIV document divisions
Requires start and end tags. It is used with the ALIGN attribute to set the text alignment of the block elements it contains. ALIGN can be one of LEFT, CENTER or RIGHT.
CENTER text alignment
Requires start and end tags. It is used to center text lines enclosed by the CENTER element. See DIV for a more general solution.
BLOCKQUOTE quoted passage
Requires start and end tags. It is used to enclose extended quotations and is typically rendered with indented margins.
FORM fill-out forms
Requires start and end tags. This element is used to define a fill-out form for processing by HTTP servers. The attributes are ACTION, METHOD and ENCTYPE. Form elements can't be nested.
ISINDEX primitive HTML forms
Not a container, so the end tag is forbidden. This predates FORM and is used for simple kinds of forms which have a single text input field, implied by this element. A single ISINDEX can appear in the document head or body.
HR horizontal rules
Not a container, so the end tag is forbidden. attributes are ALIGN, NOSHADE, SIZE and WIDTH.
TABLE can be nested
Requires start and end tags. Each table starts with an optional CAPTION followed by one or more TR elements defining table rows. Each row has one or more cells defined by TH or TD elements. attributes for TABLE elements are WIDTH, BORDER, CELLSPACING and CELLPADDING.
--------------------------------------------------------------------------------
<end node> 5P9i0s8y19Z
dt=
<node>Form
1
See Java-Forms also
<form name=myform action="" method=post>
<INPUT TYPE = "hidden" SIZE = 0 maxlength= 30 NAME = "Info">
<input type = "submit" value = "Send" name="submit">
<end node> 5P9i0s8y19Z
dt=
<node>checkboxes
2
javascript
if(document.frmInput.iunderstand.checked==false){
error_message = error_message + '*You have NOT read the Affidavit. Please do so and check the box after reading.\\n';
error = 1;
}
<input type='checkbox' value='o_prop_tax' name='select[0]' checked>Property Taxes<br>
<input type='checkbox' value='o_insure' name='select[1]' checked>Insurance<br>
<p><input type='checkbox' value='email_note' name='email_note' >Notify me by email if someone views my Rental.</p>
ARRAY CHECK BOXES
function showBoxes(frm){
var verify = frm['regOpt[]'];
if(verify[0].checked==true){
for (var i = 1; i < verify.length; i++) {
verify[i].checked=false;
}
}
}
<tr><td width=34 align=right><input type=checkbox name=regOpt[] value=1 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>Main Conference: July 15th, 16th and 17th , 2010 (does not include Pre-Sessions)</b> $429 on/before June 19; $459 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=2 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>1/2 day only Thursday July 15th (does not include Welcome Reception)</b> $149 on/before June 19; $179 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=3 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>Friday, July 17th only</b> $280 on/before June 19; $310 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=5 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>1/2 day only Saturday, July 17th</b> $149 on/before June 19; $179 after June 19
</td></table>
<end node> 5P9i0s8y19Z
dt=
<node>controls
2
<end node> 5P9i0s8y19Z
dt=
<node>combo select
3
<select size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
function message(form){
var value = form.payment.options[form.payment.selectedIndex].value;
var message="";
if(value=="PHONE"){
message="Complete your order by scrolling to the bottom of this page and clicking the NEXT button.\\n\\n That will complete your order and provide you with your order number and total.\\n\\n I accept Visa or MasterCard.\\n\\n Call Denise at 970-454-2152 or cell phone at 970-590-2162.\\n\\n I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card.\\n\\n I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine.\\n\\n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time).\\n\\n Thank You.";
}
if(value=="CHECK"){
message="You have selected pay by check";
}
if(value=="MONEY ORDER"){
message="You have selected MONEY ORDER";
}
if(value=="PAYPAL"){
message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\\n\\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order.";
}
alert (message);
}
*************
<select name="payment" class="small" id="payment" onChange="message(this.form);">
<option value="uncola" selected>Select Payment Option Here</option>
<option value="CHECK">Check (via mail)</option>
<option value="MONEY ORDER">Money Order
(via mail)</option>
<option value="PAYPAL" >Credit Card</option>
<option value="PAYPAL" >PAY PAL</option>
<option value="PHONE">Credit Card (via Phone)</option>
</select>
[example 2]
How do I find the value of a SELECT element?
Apr 17th, 2000 16:04
Martin Honnen,
NN6 and IE4+ provide a
value
property for SELECT elements thus
document.formName.selectName.value
is sufficient with these browsers. For other browsers and cross browser
code use
var select = document.formName.selectName;
var value = select.options[select.selectedIndex].value
__________________________________
[select name='navi' onChange="go()">
function go()
{
box = document.forms[0].navi;
destination = box.options[box.selectedIndex].value;
if (destination) location.href = destination;
}
____________________________________________________
Where: qxq-features.php
<script language="JavaScript">
function bookmark(){
var select = document.titles.title;
var value = select.options[select.selectedIndex].value;
if (value!=0) location.href = "features.php#"+value;
}
</script>
<end node> 5P9i0s8y19Z
dt=
<node>dynamic
4
Create Dynamic Combobox using php and onselection change values of another dynamic Combobox
http://stackoverflow.com/questions/11451150/create-dynamic-combobox-using-php-and-onselection-change-values-of-another-dynam
want to Create HTML Dynamic Combobox which populate using php scripting from db and onselection change values of another dynamic Combobox. Initially 2nd combobox should be invisible and on selection of 1st combobox make 2nd combobox visible related with similar data. for example, I have this table :
Category Name
Airport ABC
Airport XYZ
College a1
College b1
College b2
busstop a
busstop b
busstop c
busstop d
So, 1st Combobox will contain Unique Category listing (like: Airport, College, busStop) and on the base of this selection enable 2nd combobox with related values like if user selected Airport then 2nd combobox will contain only (ABC, XYZ).
I basically want to do this with only HTML,JAVASCRIPT AND PHP only.
any suggestions are appreciated..
php javascript html combobox
share|improve this question
asked Jul 12 '12 at 11:47
anand
2518
Here is a basic example with what you want. Test it and come back if you have problems implementing this. - Ovidiu Jul 12 '12 at 11:54
Hi ovidiu, I think you forgot to give some link .. - anand Jul 12 '12 at 12:33
plus2net.com/php_tutorial/ajax_drop_down_list.php - sorry :) - Ovidiu Jul 12 '12 at 12:38
@ovidiu, its very nice example but with ajax. I do not want to use ajax. if you have any other example then it really will be useful.. please let me know. Thanks .. - anand Jul 12 '12 at 13:06
I don't have an example without ajax. But to do it without, you need to submit the selection from first dropdown, pass it as a get/post then on reload fill the second one based on passed value. No need for javascript then. - Ovidiu Jul 12 '12 at 13:22
2 Answers
active oldest votes
up vote 2 down vote accepted
With the following snippet I make the assumption you have an array filled with your database rows as objects, which I will name $results;
edit: How to get your query objects: http://www.php.net/manual/en/mysqli-result.fetch-object.php
I start with gathering the data for creating the comboboxes:
$combobox_data = array();
$results = mysqli_query("SELECT * FROM TABLE");
//create a multi dimensional array with names per category
while($row = mysqli_fetch_object($results)){
$combobox_data[$row->Category][] = $row->Name;
}
$category_combobox_html = "";
$name_combo_boxes_html = "";
//create category combo_box
foreach($combobox_data as $category=>$names){
//Add category option to category combo-box
$category_combobox_html .= '<option value="'.$category.'">'.$category.'</option>';
//Create Names combo-box for this category
$name_combo_boxes_html .= '<select id="'.$category.'" name="'.$category.'" class="hidden_combobox">';
//loop names, to add Names in the combo-box for this category
foreach($names as $name){
$name_combo_boxes_html .= '<option value="'.$name.'">'.$name.'</option>';
}
//end your combo box for this category
$name_combo_boxes_html .= '</select>';
}
your css
<style type="text/css" media="screen">
.hidden_combobox{
display:none;
}
</style>
your html
<select name="categories" id="categories">
<?php echo $category_combobox_html; ?>
</select>
<?php echo name_combo_boxes_html ;?>
your javascript
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
//when you select something from category box
$("#categories").change(function(){
//get selected category
var selectedValue = $(this).find(":selected").val();
//hide all nameboxes
$('.namebox').each(function(){
$(this).hide();
});
//show combobox for this select
$('#'+selectedValue).show();
});
</script>
Your result will be this:
All name comboboxes will be hidden unless you select a category which matches the combo_box
<select name="categories" id="categories">
<option value="Airport">Airport</option>
<option value="College">College</option>
<option value="busstop">busstop</option>
</select>
<select id="Airport" name="Airport" class="namesbox hidden_combobox">
<option value="ABC">ABC</option>
<option value="XYZ">XYZ</option>
</select>
<select id="College" name="College" class="namesbox hidden_combobox">
<option value="a1">a1</option>
<option value="b1">b1</option>
<option value="b2">b2</option>
</select>
<select id="busstop" name="busstop" class="namesbox hidden_combobox">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
</select>
<end node> 5P9i0s8y19Z
dt=
<node>grouping
4
<html>
<body>
<select>
<optgroup label="Numbers">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</optgroup>
<optgroup label="Letters" disabled="true">
<option value="4">A</option>
<option value="5">B</option>
<option value="6">C</option>
</optgroup>
</select>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Events
3
<end node> 5P9i0s8y19Z
dt=
<node>mouseover
4
onmouseover="this.style.cursor='hand'"
<end node> 5P9i0s8y19Z
dt=
<node>onblur
4
onblur=window.close()
onblur="myOnblur(getElementById(id).value);" onchange="myOnchange(getElementById(id).value);" onclick="myOnclick(getElementById(id).value);" onkey="myOnKey(getElementById(id).value);"
<end node> 5P9i0s8y19Z
dt=
<node>onchange
4
<select name="sort" onChange="submit();">
<select name="sort" onChange="submit();">
<form method=post action="propsearch.php" name="propsearchform" id="propsearchform"><table cellspacing=1 cellpadding=2><tr align=left><td> <b>Counties:</b></td></tr><tr align=center><td><select name="counties[]" multiple size=8><option value='ALL' selected>All Counties</option><option value='Alameda'>Alameda</option><option value='Alpine'>Alpine</option><option value='Amador'>Amador</option><option value='Butte'>Butte</option><option value='Calaveras'>Calaveras</option><option value='Colusa'>Colusa</option><option value='Contra Costa'>Contra Costa</option><option value='Del Norte'>Del Norte</option><option value='El Dorado'>El Dorado</option><option value='Fresno'>Fresno</option><option value='Glenn'>Glenn</option><option value='Humboldt'>Humboldt</option><option value='Imperial'>Imperial</option><option value='Inyo'>Inyo</option><option value='Kern'>Kern</option><option value='Kings'>Kings</option><option value='Lake'>Lake</option><option value='Lassen'>Lassen</option><option value='Los Angeles'>Los Angeles</option><option value='Madera'>Madera</option><option value='Marin'>Marin</option><option value='Mariposa'>Mariposa</option><option value='Mendocino'>Mendocino</option><option value='Merced'>Merced</option><option value='Modoc'>Modoc</option><option value='Mono'>Mono</option><option value='Monterey'>Monterey</option><option value='Napa'>Napa</option><option value='Nevada'>Nevada</option><option value='Orange'>Orange</option><option value='Placer'>Placer</option><option value='Plumas'>Plumas</option><option value='Riverside'>Riverside</option><option value='Sacramento'>Sacramento</option><option value='San Benito'>San Benito</option><option value='San Bernardino'>San Bernardino</option><option value='San Diego'>San Diego</option><option value='San Francisco'>San Francisco</option><option value='San Joaquin'>San Joaquin</option><option value='San Luis Obispo'>San Luis Obispo</option><option value='San Mateo'>San Mateo</option><option value='Santa Barbara'>Santa Barbara</option><option value='Santa Clara'>Santa Clara</option><option value='Santa Cruz'>Santa Cruz</option><option value='Shasta'>Shasta</option><option value='Sierra'>Sierra</option><option value='Siskiyou'>Siskiyou</option><option value='Solano'>Solano</option><option value='Sonoma'>Sonoma</option><option value='Stanislaus'>Stanislaus</option><option value='Sutter'>Sutter</option><option value='Tehama'>Tehama</option><option value='Trinity'>Trinity</option><option value='Tulare'>Tulare</option><option value='Tuolumne'>Tuolumne</option><option value='Ventura'>Ventura</option><option value='Yolo'>Yolo</option><option value='Yuba'>Yuba</option></select><div class='alertlight' style='width:200px'>(Hold down CTRL on a PC or Apple on a Mac to make multiple selections.)</div></td></tr><tr align=left><td><p style='padding:5px;'><b>Property Type:</b></p><input type=checkbox name="ranches" id="ranches" value='x' checked>Cattle Ranches<br><input type=checkbox name="equestrian" id="equestrian" value='x' checked>Equestrian Ranches<br><input type=checkbox name="agriculture" id="agriculture" value='x' checked>Farms and Orchards<br><input type=checkbox name="vineyards" id="vineyards" value='x' checked>Vineyards<br><input type=checkbox name="water" id="water" value='x' checked>Water - Ocean, Rivers, Lakes<br><input type=checkbox name="duckclub" id="duckclub" value='x' checked>Duck Club<br><input type=checkbox name="recreation" id="recreation" value='x' checked>Recreation - Hunting and Timber<br><input type=checkbox name="land" id="land" value='x' checked>Land<br><input type=checkbox name="commercial" id="commercial" value='x' checked>Commercial<br><input type=checkbox name="resranchette" id="resranchette" value='x' checked>Ranchette and Residential<br></td></tr><tr align=left><td><p style='padding:5px;'><b>Parcel Range:</b></p></td></tr><tr align=left><td><table cellspacing=0 cellpadding=0 width=100%><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="0-10" id="0-10" value='x'>Under 10 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="10-50" id="10-50" value='x'>10-50 acres </td></tr><tr align=left><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="50-100" id="50-100" value='x'>50-100 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="100-200" id="100-200" value='x'>100-200 acres </td></tr><tr align=left><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="200-500" id="200-500" value='x'>200-500 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="500-1000000" id="500-1000000" value='x'>Over 500 acres </td></tr><tr align=left></tr></table></td></tr><tr align=right><td colspan=2><input type=checkbox name='allparcels' id='allparcels' value='x' onClick="if(this.checked) { document.getElementById('0-10').checked=true;document.getElementById('10-50').checked=true;document.getElementById('50-100').checked=true;document.getElementById('100-200').checked=true;document.getElementById('200-500').checked=true;document.getElementById('500-1000000').checked=true; }" checked>All Parcel Sizes</td></tr></td></tr><tr align=left><td><p style='padding:5px;'><b>Price Range:</b></p></td></tr><tr align=left><td><table cellspacing=0 cellpadding=0 width=100%><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="0-200000" id="0-200000" value='x'>Under $200,000 </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="200001-400000" id="200001-400000" value='x'>$200,000-$400,000 </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="400001-800000" id="400001-800000" value='x'>$400,000-$800,000 </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="800001-1000000" id="800001-1000000" value='x'>$800,000-$1 million </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="1000000-2000000" id="1000000-2000000" value='x'>$1 million-$2 million </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="2000000-100000000" id="2000000-100000000" value='x'>Over $2 million </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="auction" id="auction" value='x'>Auctions </td></tr></table></td></tr><tr align=right><td colspan=2><input type=checkbox name='allprices' id='allprices' value='x' onClick="if(this.checked) {document.getElementById('0-200000').checked=true;document.getElementById('200001-400000').checked=true;document.getElementById('400001-800000').checked=true;document.getElementById('800001-1000000').checked=true;document.getElementById('1000000-2000000').checked=true;document.getElementById('2000000-100000000').checked=true; }" checked>All Prices</td></tr></td></tr><tr align=center><td><div class="searchbutton" onclick="document.getElementById('quicktext').value='';document.forms['propsearchform'].submit();"> </div></td></tr></table></div><br><br><h7><b>Quick Search:</b></h7><br><p style="text-align:left;"><font style="font-size:9pt;">Enter the name of a property or word describing the type of property you're looking for.</font></p><div style="width:99%;" class=paper><table cellspacing=0 cellpadding=0><tr height='50px' align=left><td><input style='height:30px;width:225px;font-size:100%;' type=text name="quicktext" id="quicktext" value=""></td><td><div class="searchbutton" style='margin-left:5px;' onclick="document.forms['propsearchform'].submit();"> </div></td></tr></table></form></td></tr></table><div style='clear:both;'></div><br><br><br></td></tr><tr valign=bottom align=center bgcolor='#e6dac6'><td style="padding-right:5px;border-bottom:#614f35 3px solid;"><table style="width:95%;font-size:95%;" cellspacing=1 cellpadding=1><tr valign=top align=center><td><img src="images/homepage2_2014.png" style="width:950px;border:none;"></td></tr></table></td></tr></table></div><table width='1000px' cellspacing=0 cellpadding=0 style='margin:0px'><tr align=left><td><div style='margin:5px;float:right;'><a href="http://www.LandProsSystems.com" target="_blank" title="LandProsSystems.com"><img alt="powered by Land Pros" src="http://landpros.com/images/poweredby_landpros_logo.png"></a></div><div class='login'><a href='http://www.californiaoutdoorproperties.com/login.php'><b>Login</b></a></div></td></tr><tr align=center><td><div id='footer'><a href="index.php">Home</a> <a href="propsearch.php?justlisted=90">Properties</a> <a href="auction.php">Auction</a> <a href="sell.php">Sell</a> <a href="buy.php">Buy</a> <a href="agents.php">Agents</a> <a href="aboutus.php">About Us</a> <a href="contact.php">Contact</a> <a href="sitemap.html">Site Map</a></div></td></tr><tr align=center><td>
<end node> 5P9i0s8y19Z
dt=
<node>onclick
4
onclick="location.href='calendarShow.php'"
<td class=clk onclick="window.open('calendarShow.php','new','width=800,height=700');" onmouseover="this.style.cursor='hand'">
[COMBO CHANGE]
var value = document.mainForm.payment.options[document.mainForm.payment.selectedIndex].value;
var message="";
if(value=="PHONE"){
message="Complete your order by scrolling to the bottom of this page and clicking the "NEXT" button. That will complete your order and provide you with your order number and total.\\n I accept Visa or MasterCard.\\n Then call Denise at 970-454-2152 or on her cell phone at 970-590-2162. I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card. I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine./n/n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time)./n Thank You.";
}
if(value=="CHECK"){
message="You have selected pay by check";
}
if(value=="MONEY ORDER"){
message="You have selected MONEY ORDER";
}
if(value=="PAY PAL"){
message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\\n\\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order.";
}
alert (message);
<end node> 5P9i0s8y19Z
dt=
<node>onkey
4
onkeyup will return the key that has been pressed while filling text box. Onkeypress and onkeydown will not
window.event.keyCode == returns ascii value of the key pressed
<end node> 5P9i0s8y19Z
dt=
<node>Labels
3
<lable>test</label>
[Change Text]
See textarea to see a method
<end node> 5P9i0s8y19Z
dt=
<node>TextArea
3
[maxlength]
<textarea cols="60" rows="5" onkeypress="if (this.value.length > 100) { return false; }"></textarea>
[counter]
<label id="count"></label>
<br><textarea name="comment" rows="3" cols="50" onkeypress="document.getElementById('count').innerHTML=this.value.length"></textarea>
<end node> 5P9i0s8y19Z
dt=
<node>multipleSections
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kendall Printing Quote Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="JavaScript">
<!--
var reWhitespace = /^\\s+$/;
var reEmail = /^.+\\@.+\\..+$/;
var reInteger = /^\\d+$/;
var reSignedInteger = /^(\\+|-)?\\d+$/;
var sec1, sec2, sec3, sec4, sec5;
var Header1, Header2, Header3, Header4, Header5;
var defaultEmptyOK = false
function warnEmpty (theField, s)
{
theField.style.backgroundColor='#ff3333';
alert(s);
return false;
}
function warnInvalid (theField, s)
{
theField.style.backgroundColor='#ff3333';
alert(s);
return false;
}
function isSignedInteger (s)
{ if (isEmpty(s))
if (isSignedInteger.arguments.length == 1) return defaultEmptyOK;
else return (isSignedInteger.arguments[1] == true);
else {
return reSignedInteger.test(s);
}
}
function isPositiveInteger (s)
{ var secondArg = defaultEmptyOK;
if (isPositiveInteger.arguments.length > 1)
secondArg = isPositiveInteger.arguments[1];
return (isSignedInteger(s, secondArg)
&& ( (isEmpty(s) && secondArg) || (parseInt (s) > 0) ) );
}
function checkPositiveInteger (theField, s, emptyOK)
{
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
if (isPositiveInteger(theField.value.replace(",","")))
return true;
else
return warnInvalid(theField, s);
}
function isEmpty(s)
{ return ((s == null) || (s.length == 0));
}
function isWhitespace (s)
{
return (isEmpty(s) || reWhitespace.test(s));
}
function isEmail (s)
{ if (isEmpty(s))
if (isEmail.arguments.length == 1) return defaultEmptyOK;
else return (isEmail.arguments[1] == true);
else {
return reEmail.test(s)
}
}
function checkEmail (theField, s, emptyOK)
{ if (checkEmail.arguments.length == 1) emptyOK = defaultEmptyOK;
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
else if (!isEmail(theField.value, false))
return warnInvalid (theField, s);
else return true;
}
function checkString (theField, s, emptyOK)
{
if (checkString.arguments.length == 2) emptyOK = defaultEmptyOK;
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
if (isWhitespace(theField.value))
return warnEmpty (theField, s);
else return true;
}
function validatePage5(){
df=document.forms[0];
if(!checkString(df.ContactName,'Contact Name is Required', false))return false;
if(!checkString(df.Phone,'Phone is Required', false))return false;
if(!checkString(df.Fax,'Fax is Required', false))return false;
if(!checkString(df.Email,'Email is Required', false))return false;
if(!checkEmail(df.Email,'Email must be in the correct format', true))return false;
return true;
}
function init(){
sec1 = document.getElementById('Section1');
sec2 = document.getElementById('Section2');
sec3 = document.getElementById('Section3');
sec4 = document.getElementById('Section4');
sec5 = document.getElementById('Section5');
Header1 = document.getElementById('Header1');
Header2 = document.getElementById('Header2');
Header3 = document.getElementById('Header3');
Header4 = document.getElementById('Header4');
Header5 = document.getElementById('Header5');
}
function hideAllDivs(){
sec1.style.display='none';
sec2.style.display='none';
sec3.style.display='none';
sec4.style.display='none';
sec5.style.display='none';
// also grey all headers
Header1.style.color='#cccccc';
Header1.style.fontWeight='500';
Header2.style.color='#cccccc';
Header2.style.fontWeight='500';
Header3.style.color='#cccccc';
Header3.style.fontWeight='500';
Header4.style.color='#cccccc';
Header4.style.fontWeight='500';
Header5.style.color='#cccccc';
Header5.style.fontWeight='500';
}
function showStep1(){
hideAllDivs();
sec1.style.display='block';
Header1.style.color='#ffffff';
Header1.style.fontWeight='900';
}
function showStep2(){
hideAllDivs();
sec2.style.display='block';
Header2.style.color='#ffffff';
Header2.style.fontWeight='900';
}
function showStep3(){
hideAllDivs();
sec3.style.display='block';
Header3.style.color='#ffffff';
Header3.style.fontWeight='900';
}
function showStep4(){
hideAllDivs();
sec4.style.display='block';
Header4.style.color='#ffffff';
Header4.style.fontWeight='900';
}
function showStep5(){
hideAllDivs();
sec5.style.display='block';
Header5.style.color='#ffffff';
Header5.style.fontWeight='900';
}
//-->
</script>
<style type="text/css">
input.blue{background-color:#0066cc;color:#dddddd;font-weight:900}
</style>
</head>
<body bgcolor="#eeeeee" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()">
<table width="599" height="23" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0066CC">
<tr>
<td width="109" height="20" align="center"><font style="color:#ffffff;background-color:#0066cc;font-weight:900" ID="Header1">Job
Overview</font></td>
<td width="121" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header2">Paper
& Ink</font></td>
<td width="103" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header3">Finishing</font></td>
<td width="119" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header4">Special
Instr</font></td>
<td width="147" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header5">Shipping
/ Contact</font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td valign='top'><form name='form1' method='post' action='quote_form_action.asp' onSubmit="return validatePage5()">
<div ID="Section1" style="visibility:visible;height:0;">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td height="26" colspan="4" align="center" bgcolor="#CCCCCC"><strong> </strong>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="25"> </td>
<td align="center"><strong>Job Overview</strong></td>
<td width="25%" align="right"><strong> Step 1 of 5 </strong></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="35" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a required field</font></td>
<td width="35"> </td>
</tr>
<tr>
<td height="26"> </td>
<td width="149">Project Title:</td>
<td width="384" align="left"><input name="ProjectTitle" type="text" id="ProjectTitle" value="" size="30" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Quantity:</td>
<td align="left"><input name="Quantity" type="text" id="Quantity" size="5" value="" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="28"> </td>
<td># of pages:</td>
<td><input name="NumberPages" type="text" id="NumberPages" size="5" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Flat size:</td>
<td><input name="FlatSize" type="text" id="FlatSize"></td>
<td> </td>
</tr>
<tr>
<td height="29"> </td>
<td>Finished size:</td>
<td><input name="FinishedSize" type="text" id="FinishedSize3"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Cover:</td>
<td align="left"><input name="Cover" type="checkbox" id="Cover" value="Self-Cover">
self cover
<input name="Cover" type="checkbox" id="Cover" value="Plus Cover">
plus cover</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td valign="top">Media Supplied:</td>
<td align="left"><textarea name="MediaSupplied" cols="35" id="MediaSupplied"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="145"> </td>
<td height="145"> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td> </td>
<td align="right"><input class='blue' type="button" name="Button2" value="Next" onClick="showStep2()" ></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section2" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Paper & Ink</strong></td>
<td width="25%" align="right"><strong> Step 2 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="34" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="35"> </td>
</tr>
<tr>
<td height="125"> </td>
<td colspan="2" valign="top"><table width="409" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="72" height="26"><strong>Paper: </strong></td>
<td width="56"><u>Text</u></td>
<td width="153"><input name="Paper_Text_Stock" type="text" id="Paper_Text_Stock"></td>
<td width="128">stock & wt </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td><input name="Paper_Text_Color" type="text" id="Paper_Text_Color"></td>
<td>color</td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="3"><hr size="1"></td>
</tr>
<tr>
<td height="27"> </td>
<td><u>Cover</u></td>
<td><input name="Paper_Cover_Stock" type="text" id="Paper_Cover_Stock"></td>
<td>stock & wt</td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td><input name="Paper_Cover_Color" type="text" id="Paper_Cover_Color"></td>
<td>color</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td width="34" height="232"> </td>
<td colspan="2" valign="top"><table width="494" height="232" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="44" height="26"><strong>Ink: </strong></td>
<td width="43"><u>Text</u></td>
<td width="72">Colors:</td>
<td width="286">
<select name="Ink_Text_Colors" id="Ink_Text_Colors">
<option value="None " selected>None </option>
<option value="1 Color - Black Only ">1 Color - Black Only </option>
<option value="1 Color ">1 Color </option>
<option value="2 Colors ">2 Colors </option>
<option value="3 Colors ">3 Colors </option>
<option value="(4/C)Process ">(4/C)Process </option>
<option value="(4/C)Process + 1 PMS ">(4/C)Process + 1 PMS </option>
<option value="(4/C)Process + 2 PMS ">(4/C)Process + 2 PMS </option>
<option value="(4/C)Process + 3 PMS ">(4/C)Process + 3 PMS </option>
<option value="(4/C)Process + 4PMS ">(4/C)Process + 4PMS </option>
<option value="Other ">Other </option>
</select></td>
<td width="49"> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Bleeds</td>
<td><input type="radio" name="Ink_Text_Bleeds" value="1">
Yes / No
<input name="Ink_Text_Bleeds" type="radio" value="0" checked></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Coverage:</td>
<td>
<select name="Ink_Text_Coverage" id="Ink_Text_Coverage">
<option value="Heavy">Heavy</option>
<option value="Light">Light</option>
<option value="Medium" selected>Medium</option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Coating: </td>
<td><select name="Ink_Text_Coating" id="Ink_Text_Coating">
<option value="No Special Coating" selected>No Special Coating
<option value="Varnish/Flood">Varnish/Flood
<option value="Varnish/Spot">Varnish/Spot
<option value="Aqueous Coating">Aqueous Coating
<option value="UV Gloss">UV Gloss
<option value="UV Dull">UV Dull
<option value="Matte Laminate">Matte Laminate
<option value="Gloss Laminate">Gloss Laminate
</select>
</td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="3"><hr size="1">
</td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td><u>Cover</u></td>
<td>Colors: </td>
<td><select name="Ink_Cover_Colors" id="Ink_Cover_Colors">
<option value="None " selected>None </option>
<option value="1 Color - Black Only ">1 Color - Black Only </option>
<option value="1 Color ">1 Color </option>
<option value="2 Colors ">2 Colors </option>
<option value="3 Colors ">3 Colors </option>
<option value="(4/C)Process ">(4/C)Process </option>
<option value="(4/C)Process + 1 PMS ">(4/C)Process + 1 PMS </option>
<option value="(4/C)Process + 2 PMS ">(4/C)Process + 2 PMS </option>
<option value="(4/C)Process + 3 PMS ">(4/C)Process + 3 PMS </option>
<option value="(4/C)Process + 4PMS ">(4/C)Process + 4PMS </option>
<option value="Other ">Other </option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td>Bleeds</td>
<td><input type="radio" name="Ink_Cover_Bleeds" value="1">
Yes / No
<input name="Ink_Cover_Bleeds" type="radio" value="0" checked></td>
<td> </td>
</tr>
<tr>
<td height="29"> </td>
<td> </td>
<td>Coverage:</td>
<td><select name="Ink_Cover_Coverage" id="Ink_Cover_Coverage">
<option value="Heavy">Heavy</option>
<option value="Light">Light</option>
<option value="Medium" selected>Medium</option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="24" colspan="2"> </td>
<td valign="top">Coating:</td>
<td>
<select name="Ink_Cover_Coating" id="Ink_Cover_Coating">
<option value="No Special Coating" selected>No Special Coating
<option value="Varnish/Flood">Varnish/Flood
<option value="Varnish/Spot">Varnish/Spot
<option value="Aqueous Coating">Aqueous Coating
<option value="UV Gloss">UV Gloss
<option value="UV Dull">UV Dull
<option value="Matte Laminate">Matte Laminate
<option value="Gloss Laminate">Gloss Laminate
</select>
</td>
<td align="right"> </td>
</tr>
</table></td>
<td width="35"> </td>
</tr>
<tr>
<td> </td>
<td width="217"><input type="button" name="Button4" class='blue' value="Previous" onClick="javascript:showStep1()"></td>
<td width="314" align="right"><input type="button" class='blue' name="Button3" value="Next" onClick="javascript:showStep3()"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
</table>
</div>
<div id="Section3" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Finishing</strong></td>
<td width="25%" align="right"><strong> Step 3 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="34"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="34"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"><strong>Proofs: </strong>
<input name="Proofs" type="checkbox" id="Proofs" value="Digital Color Proof">
Digital Color Proof
<input name="Proofs" type="checkbox" id="Proofs" value="PlotterProof">
Plotter Proof </td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="2" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2" valign="top"><strong>How would you like your document bound?</strong></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td colspan="2"><input name="Binding" type="checkbox" id="Binding" value="Saddlebind">
Saddlebind
<input name="Binding" type="checkbox" id="Binding" value="Perfect Bind">
Perfect Bind
<input name="Binding" type="checkbox" id="Binding" value="Wire0">
Wire-0 <br>
<input name="Binding" type="checkbox" id="Binding" value="Spiral">
Spiral
<input name="Binding" type="checkbox" id="Binding" value="Corner Staple ">
Corner Staple
<input name="Binding" type="checkbox" id="Binding" value="Looseleaf ">
Looseleaf</td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td colspan="2"><strong>Other options:</strong></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"><input name="OtherOptions" type="checkbox" id="OtherOptions" value="Diecut">
Diecut
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Perf / Score ">
Perf/Score
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Numbering">
Numbering
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Fold">
Fold
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Padding">
Padding</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td height="149"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td width="326"><input type="button" name="Button" class='blue' value="Previous" onClick="javascript:showStep2()"></td>
<td width="206" align="right"><input type="button" class='blue' name="Button" value="Next" onClick="javascript:showStep4()"></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section4" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Special Instructions</strong></td>
<td width="25%" align="right"><strong> Step 4 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="35" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="34"> </td>
</tr>
<tr>
<td height="19"> </td>
<td width="156"> </td>
<td width="375" align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="186"> </td>
<td valign="top">Special Instructions</td>
<td align="left" valign="top"><textarea name="SpecialInstructions" cols="40" rows="8" id="textarea2"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="177"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td><input type="button" name="Button" value="Previous" class='blue' onClick="javascript:showStep3()"></td>
<td align="right"><input type="button" name="Button" value="Next" class='blue' onClick="javascript:showStep5()"></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section5" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"> </td>
<td align="center"><strong>Shipping / Contact Information</strong></td>
<td width="25%" align="right"><strong> Step 5 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="36"> </td>
<td width="149"> </td>
<td width="382"> </td>
<td width="33"> </td>
</tr>
<tr>
<td height="27"> </td>
<td valign="top">Packaging:</td>
<td><select name="Packaging" id="Packaging">
<option selected>select
<option value="Bulk">Bulk
<option value="Shrinkwrap">Shrinkwrap
<option value="Band">Band
</select>
Number Per Package
<input name="NumberPerPackage" type="text" id="NumberPerPackage" size="8">
</td>
<td> </td>
</tr>
<tr>
<td height="25"> </td>
<td valign="top">Shipping Method:</td>
<td><input type="radio" name="ShippingMethod" value="UPS">
UPS
<input type="radio" name="ShippingMethod" value="USPS">
USPS <input type="radio" name="ShippingMethod" value="FedEx">
Fed Ex
<input type="radio" name="ShippingMethod" value="CustomerPickup">
Customer Pickup<br>
</td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td valign="top">Account #:</td>
<td><input name="AccountNumber" type="text" id="AccountNumber"></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Req. Delivery Date:</td>
<td><input name="RequestedDeliveryDate" type="text" id="RequestedDeliveryDate">
(mm/dd/yyyy)</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Contact Name:<font color="#3366FF">*</font></td>
<td><input name="ContactName" type="text" id="ContactName"></td>
<td> </td>
</tr>
<tr>
<td height="31"> </td>
<td>Company Name:</td>
<td><input name="CompanyName" type="text" id="CompanyName">
</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Deliver To:</td>
<td><input name="DeliverTo" type="text" id="DeliverTo">
(department or individual)</td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td>Delivery Address:</td>
<td><input name="Address" type="text" id="Address"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>City, State, Zip:</td>
<td><input name="City" type="text" id="City" size="20" value="">
<select name="State" id="State">
<option value="">select</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
</select>
<input name="Zip" type="text" id="Zip" size="10"></td>
<td> </td>
</tr>
<tr>
<td height="23"> </td>
<td>Phone:<font color="#3366ff">*</font></td>
<td><input name="Phone" type="text" id="Phone"></td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td>Fax:<font color="#3366ff">*</font></td>
<td align="left"><input name="Fax" type="text" id="Fax"></td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td>Email:<font color="#3366ff">*</font></td>
<td align="left"><input name="Email" type="text" id="Email" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'" size="35"></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td colspan="2">Note: standard quote deviation is 5% over and 5% under for
any job</td>
<td> </td>
</tr>
<tr>
<td height="39"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td><input type="button" name="Button" value="Previous" class='blue' onClick="javascript:showStep4()"></td>
<td align="right"><input type="submit" name="Submit" class='blue' value="Submit Form" ></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div></form>
</td></tr></table>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>radio button
2
<input type='radio' name='radio1' value='choice1'>
ARRAY RADIO BUTTON CHECK
function getRadioValue(idOrName) {
var value = null;
var element = document.getElementById(idOrName);
var radioGroupName = null;
// if null, then the id must be the radio group name
if (element == null) {
radioGroupName = idOrName;
} else {
radioGroupName = element.name;
}
if (radioGroupName == null) {
return -1;
}
var radios = document.getElementsByTagName('input');
for (var i=0; i<radios.length; i++) {
var input = radios[ i ];
if (input.type == 'radio' && input.name == radioGroupName && input.checked) {
value = input.value;
break;
}
}
if(value==null)value=-1;
return value;
}
if(getRadioValue("ses0")==-1){
error_message = error_message + '*Session 1 Option has not been checked.\\n';
error = 1;
}
if(getRadioValue("ses1")==-1){
error_message = error_message + '*Session 2 Option has not been checked.\\n';
error = 1;
}
<tr><td class=tableSubHead colspan=2>Thursday - Session 1: 3:00-4:00 PM <br><input type=radio name=session[1] id=ses0 value='T4' />T4<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T5' />T5<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T6' />T6<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T7' />T7<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T8' />T8<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T9' />T9<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T10' />T10<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='None Requested' />None Requested<span style='margin-left:10px;'></span>
<td width=4%> </td>
</tr><tr><td class=tableSubHead colspan=2>Friday - Session 2: 7:30-8:30 AM <br><input type=radio name=session[2] id=ses1 value='F11' />F11<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F12' />F12<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F13' />F13<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F14' />F14<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F15' />F15<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='None Requested' />None Requested<span style='margin-left:10px;'></span>
=====================================================================================================================
What size pizza?<P>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="S" >small<BR>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="M" CHECKED >medium<BR>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="L" >large<P>
<INPUT TYPE=SUBMIT VALUE="submit">
</FORM>
******************** with check *****************
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Contact us</title>
<script Language="JavaScript">
function SubmitForm(){
if (validRadio()==false) return false;
if (validText()==false) return false;
return true;
}
function validText(){
var box=document.ContactUs.Comment.value;
if(box=='') {
alert('Please Enter in a comment.');
return false;
}
return true;
}
function validRadio(){
var result = true;
var radioSelected=false;
var num=document.ContactUs.default1.length;
alert(num);
for (var i=0; i<num; i++){
if (document.ContactUs.default1[i].checked==1) {
radioSelected = true;
}
}
if (radioSelected==false){
alert('Please select an option .');
//formField.focus();
result = false;
}
return result;
}
</script>
</head>
<body bgcolor="#ffffff">
<form name="ContactUs" ENCTYPE="text/plain" method="post" action="mailto:davchurcon@comcast.net?subject='Submit Construction'" onSubmit="return SubmitForm()">
Area the Comment is on:
<p><input type="radio" value="register" name="default1">Registering<br>
<input type="radio" value="PlacingARental" name="default1">Placing A Rental<br>
<input type="radio" value="UpdatingAnExistingRental" name="default1">Updating an Existing Rental<br>
<input type="radio" value="ResizingPhotos" name="default1">Resizing photos<br>
<input type="radio" value="UploadingNewPictures" name="default1">Uploading New Pictures/Captions<br>
<input type="radio" value="UpdatingPhotos" name="default1">Updating Photos/Captions<br>
<input type="radio" value="Other" name="default1">Other</p>
<p>Description:</p>
<p> <textarea name="Comment" cols="80" rows="10"></textarea></p>
<p><input type="submit" name="submit1" value=" S E N D N O W "></p>
</form>
<p></p>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>submit buttons
2
<form action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi">
<label for="yourin">Your input: <input type="text" name="yourinput" id="yourin">
</label>
<input type="image" src="submit.gif"
name="Send" value="Send" alt="Send"
onmouseover="this.src='go.gif'"
onmouseout="this.src='submit.gif'">
</form>
**************************************************
<script type="text/javascript" language="JavaScript">
<!--
//--------------------------------/
// CODE BY JOE CRAWFORD
// http://artlung.com/
//
// This code is a means of using
// image as a replacement
// for a submit button, which
// allows for validation to
// take place
//---------------------------------/
function validate_and_submit_Form() {
if (document.forms[0].bar.value != 'cat')
{ alert ('You didn\\'t change dog to cat!'); }
else
{ document.forms[0].submit() }
}
//-->
</script>
<form method="GET" action="../">
<p>
This form will only submit if you change <strong>dog</strong> to
<strong>cat</strong>
</p>
<input type="text" value="dog" name="bar">
<br>
<a href="javascript:validate_and_submit_Form();"><img
src="/images/go.gif" alt="Go" width="100" height="49" border="0"></a>
</form>
<end node> 5P9i0s8y19Z
dt=
<node>sample
3
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this
// notice with the code.
var resetRolls = new Object();
function resetimage(src)
{
this.src=src;
this.confirm=true;
this.alt="Reset";
this.write=resetimage_write;
}
function resetimage_write()
{
document.write('<A ');
if (this.rollover)
{
if (! this.name)
{
alert('to create a rollover you must give the image a name');
return;
}
resetRolls[this.name] = new Object();
resetRolls[this.name].over = new Image();
resetRolls[this.name].over.src=this.rollover;
resetRolls[this.name].out = new Image();
resetRolls[this.name].out.src=this.src;
document.write(
' onMouseOver="if (document.images)document.images[\\'' +
this.name + '\\'].src=resetRolls[\\'' + this.name + '\\'].over.src"' +
' onMouseOut="if (document.images)document.images[\\'' +
this.name + '\\'].src=resetRolls[\\'' + this.name + '\\'].out.src"'
);
}
document.write(' HREF="javascript:');
if (this.confirm)
document.write('if(confirm(\\'Are you sure you want to reset?\\'))');
document.write(
'document.forms[' +
(document.forms.length - 1) + '].reset();void(0);">');
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '"');
document.write(' BORDER=0');
if (this.name)document.write(' NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH=' + this.width);
if (this.otheratts)document.write(' '+ this.otheratts);
document.write('></A>');
}
//-->
</SCRIPT>
************************************
<FORM ACTION="../cgi-bin/mycgi.pl">
<INPUT NAME="query">
<INPUT TYPE=IMAGE SRC="go2.gif" HEIGHT=22 WIDTH=50 ALT="go!" BORDER=0>
<SCRIPT TYPE="text/javascript">
<!--
var ri = new resetimage("reset.gif");
ri.write();
//-->
</SCRIPT>
<NOSCRIPT><INPUT TYPE=RESET></NOSCRIPT>
</FORM>
<FORM ACTION="../cgi-bin/mycgi.pl">
email: <INPUT NAME="email">
<SCRIPT TYPE="text/javascript">
<!--
var sr = new submitroll("submit.out.gif","submit.over.gif","mysubmit");
sr.write();
//-->
</SCRIPT>
<NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Go!">
</NOSCRIPT>
</FORM>
------------------------
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this
// notice with the code.
var submitRolls = new Object();
function submitroll(src, oversrc, name)
{
this.src=src;
this.oversrc=oversrc;
this.name=name;
this.alt="Submit Query";
this.write=submitroll_write;
}
function submitroll_write()
{
var thisform = 'document.forms[' + (document.forms.length - 1) + ']';
submitRolls[this.name] = new Object();
submitRolls[this.name].over = new Image();
submitRolls[this.name].over.src = this.oversrc;
submitRolls[this.name].out = new Image();
submitRolls[this.name].out.src = this.src;
document.write
(
'<A onMouseOver="if (document.images)document.images[\\'' + this.name + "'].src=submitRolls['" + this.name + '\\'].over.src"' +
' onMouseOut="if (document.images)document.images[\\'' + this.name + "'].src=submitRolls['" + this.name + '\\'].out.src"' +
' HREF="javascript:'
);
if (this.sendfield)
{
if (! this.sendvalue)
this.sendvalue = 1;
document.write(thisform, ".elements['", this.sendfield, "'].value='", this.sendvalue, "';");
}
document.write(thisform + '.submit();void(0);"');
if (this.msg)document.write(' onClick="return confirm(\\'' , this.msg, '\\')"');
document.write('>');
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '" BORDER=0 NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH=' + this.width);
if (this.otheratts)document.write(' ' + this.otheratts);
document.write('></A>');
if (this.sendfield)
{
document.write('<INPUT TYPE=HIDDEN NAME="' + this.sendfield + '">');
document.forms[document.forms.length - 1].elements[this.sendfield].value='';
}
}
//-->
</SCRIPT>
<end node> 5P9i0s8y19Z
dt=
<node>text
2
html5: <input type="password" name="password" placeholder="password" required>
<input type='text' name='city' value='$city' size=25 maxlength=25><BR>
[place text right]
style="text-align: right"
[using arrays]
document.getElementById('text_focus').focus()"
javascript "text box array" read value
function showcalendar(quantityid){
show_calendar('document.getElementById(22)', '')
alert(document.getElementById(22).value);
alert(document.frmInput.shit.value);
alert(document.frmInput.getElementsByName(DEL)[22]);
alert(document.frmInput.getElementById(22).value);
document.frmInput.DEL[quantityid].value=document.frmInput.daterequested.value;
}
UPDATE orderquantity SET prodquantity=32767,unitprice=0.09,pronumber='777-990',deliverydate=,urlid='0' WHERE quantityid=5
<end node> 5P9i0s8y19Z
dt=
<node>textarea
2
<textarea name='longadd' cols=70 rows=20>None</textarea>
<end node> 5P9i0s8y19Z
dt=
<node>FORMATING
1
[SUPPERSCRIPTING]
<SUP><SMALL>TM</SMALL></SUP>
<end node> 5P9i0s8y19Z
dt=
<node><LI> Replacement
2
Replacing Your Standard Bullets With Graphic Bullets
You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag. <DL>
List Item one
List Item two
List Item three
List Item four
<DL>
<DD><IMG SRC="yourimage.gif">List Item one</DD>
<DD><IMG SRC="yourimage.gif">List Item two</DD>
<DD><IMG SRC="yourimage.gif">List Item three</DD>
<DD><IMG SRC="yourimage.gif">List Item four</DD>
</DL>
<end node> 5P9i0s8y19Z
dt=
<node>Colors
2
Literal Color RGB Literal Color RGB
"black" "#000000"
"silver" "#C0C0C0"
"grey" "#808080"
"white" "#FFFFFF"
"maroon" "#8E236B"
"red" "#FF0000"
"purple" "#800080"
"fuchsia" "#FF00FF"
"lime" "#32CD32"
"green" "#00FF00"
"olive" "#808000"
"yellow" "#FFFF00"
"navy" "#000080"
"blue" "#0000FF"
"teal" "#008080"
"cyan" "#00FFFF"
black, silver, grey, white, maroon, red, purple, fuchsia, lime, green, olive, yellow, navy, blue, teal, cyan
****
<div style='border:solid windowtext .5pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;
background:#EFEFFF;mso-shading:windowtext;mso-pattern:gray-20 blue'>
<end node> 5P9i0s8y19Z
dt=
<node>frames
1
Frames
Frames are a way to subdivide the screen into distinct, addressable sections. The frame setup information is contained in a special page of the form:
<html>
<head>
<title>title of entire framed document</title>
</head>
<frameset rows|cols="pixels|#%|*,pixels|#%|*,..." frameborder="yes|no" framespacing="pixels" border="pixels" bordercolor="RGB|literal">
<frame src="url" name="frame_name" frameborder="pixels" framecolor="RGB|literal" marginheight="pixels" marginwidth="pixels" scrolling"yes|no" noresize>
...
...
<noframes>
Message for browsers without frames capabilities.
</noframes>
</frameset>
</html>
The FRAMESET tag replaces the body tag.
ROWS or COLS determines whether the screen is divided into either rows or columns. The parameter for the ROWS and COLS attribute may be either a set number of pixels (for frames containing set data that must be displayed at all times), or a percent of the screen (with the % sign), or an asterisk (*) which indicates that the frame will use the remainder of the window. Each FRAMESET is limited to either rows or columns. To create a screen with both rows and columns, nest FRAMESETs.
FRAMEBORDER determines if the overall FRAMESET has borders.
FRAMESPACING sets the distance between frames.
BORDER sets the width of the FRAMESET border.
BORDERCOLOR sets the color.
There must be a <FRAME> or <FRAMESET> tag for each of the numbers in the ROWS or COLS attribute. The <FRAME> tag sets various attributes for the frame, loads contents and names the frame for later reference by TARGET attributes.
SRC is the URL for the page that will be initially loaded into the frame.
NAME sets a name which can be used by the TARGET attribute of hyperlinks.
FRAMEBORDER sets the width of the border of the individual frame.
FRAMECOLOR sets the color of the border of the individual frame.
MARGINHEIGHT sets the distance between the top and bottom border of the frame and the information inside.
MARGINWIDTH sets the distance between the left and right side borders of the frame and the information inside.
SCROLLING determines if scroll bars will be allowed. Setting SCROLLING to no may cause information in the frame to be inaccessible.
NORESIZE prevents the user from changing the size of the frame.
The <NOFRAMES> tags enclose text that will be shown to users of browsers without frames capabilities. Although this is rare with current browsers, a message should be included. A non-frames alternative page should also be considered.
There are several design considerations when creating a framed page. Some people still use browsers which do not support frames and these users will not be able to view your site, or you will have to maintain parallel sites for framed and non-framed pages. The frames themselves take up valuable screen real estate limiting the amount of information that can be presented at any time. Persons using large fonts on their browsers or small screen sizes may be forced to constantly scroll vertically and horizontally to access the content, and, if you disable scrolling, may not be able to access some content. Screens with large number of frames look messy and are hard to navigate. Finally, if a link set its TARGET attribute to _top, the new page will break out of your frameset. Unless frames provide added functionality, they should be avoided. This page is set up with frames so that the Table of Contents would always be visible. The code for the htmltutr.htm page is:
<html>
<head>
<title>An HTML Tutorial</title>
</head>
<frameset ROWS="150,*">
<frameset COLS="45%,*">
<frame frameborder="1" src="htmltutrtitle.htm" title="tutorial title" name="title" noresize scrolling="no">
<frame frameborder="0" src="htmltutrtoc.htm" title="table of contents" name="toc" noresize>
</frameset>
<frame SRC="htmltutrmain.htm" title="Tutorial" NAME="main">
<noframes>
<P>
Your browser is unable to read this frames-formatted site.
If you wish to access all of the capabilities of this site,
you will need to upgrade your browser.
If you need assistance completing this upgrade,
you may need to contact your network consultant,
or your Internet Service Provider's Technical Support Desk.
To view the main Tutorial document click <a href="htmltutrmain.htm">here</a>.
</noframes>
</frameset>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Icon Address bar
1
How to display your web site logo on the address bar and in the favorites list
See Also
Why use the same old icons when you can use thumbnails?
Place your own bitmap on Internet Explorer's toolbar
Forget the association
Windows programs heaven
Adjust the size and spacing of your icons
How to change folder icons
Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site.
First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site.
Source Image :
Preview:
Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers.
Method 1
This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.
If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.
Method 2
If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".
<LINK REL="SHORTCUT ICON"
HREF="/~your_directory/logo.ico">
Listing #1 : HTML code. Download logo.htm (0.2 KB).
NOTE: Above tag should be inserted in-between the <HEAD> and </HEAD> tags.
By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page.
<end node> 5P9i0s8y19Z
dt=
<node>iframe
1
ul>
<li><a href="http://softwarewebdesign.com" target="iframed">software</a></li>
<li><a href="http://wolterfamily.org" target="iframed">Wolter</a></li>
<li><a href="http://sellhay.com" target="iframed">hay</a></li>
</ul>
<iframe style="Position:relative;left:25px;height: 800px; width: 800px; border: 1px solid black;" src="LoginScreen.php" name="iframed" id="iframed" allowtransparency="true" frameborder="0"></iframe>
And these are the properties allowed in the starting iframe tag. You may notice that most of these are extremely similar to normal FRAME coding.
src Specified the URL of the document to be displayed in the frame.
src="FileName.html"
name Specifies the name of the frame for the purpose of linking and targeting.
name="MyIframe"
width
height Specifies the width/height of the iframe space in pixels or percentages.
width="200" height="100"
align Aligns the iframe to the left, center, or right side of the page.
align="center"
noresize Kills the visitors ability to resize the iframe borders manually.
noresize="noresize"
scrolling Indicates the ability of a scrollbar to appear (or not) with a value of yes, no, or auto.
scrolling="auto"
frameborder Carries a value of 0 or 1 depending if you want a border to appear around the iframe or not.
frameborder="1"
marginwidth
marginheight Specifies the width/height of the margin in pixels.
marginwidth="1" marginheight="1"
vspace
hspace Specifies the verticle/horizontal margin space in pixels.
vspace="1" hspace="1"
You don't have to use ALL of these properties. Most of the time, you will use the first four : SRC, NAME, WIDTH, and HEIGHT.
The space between the opening and closing iframe tags is used just like the NOFRAMES tag in frames and the default text in the TEXTAREA tag. The text you enter within this area will be shown on the webpage IF the visitor's browser does not support the IFRAME tag.
The next part is linking. Iframes behave the exact same way as regular frames when it comes to linking. The Iframe has a NAME property assigned to it, the link tags get a TARGET property in them.
<end node> 5P9i0s8y19Z
dt=
<node>img
1
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=556
===
Q & A - IMG: How do I use images on my Web site?
Applies to These Versions Categories
Version Numbers Not Applicable Basics
Graphics
Tags
--------------------------------------------------------------------------------
How do I use images on my Web site?
THE BASICS
The <IMG SRC> tag is an HTML tag that calls images in an HTML document.
The anatomy of an <IMG SRC> tag is:
<IMG SRC="image location">
and example:
<IMG SRC="picopaz.GIF">
MORE BASICS
There are many attributes to this tag; some of them and their uses are listed below, along with an example. These attributes are to be inserted in the <IMG SRC> tag as follows:
<IMG SRC="location" ATTRIBUTE="definition" >
See the examples below to get more of a feel of how to use these attributes within the <IMG SRC> tag.
ALT
Alternate is a place to type text so that a person viewing your page without a graphical browser will see your description of the picture.
Example: <IMG SRC="picopaz.GIF" ALT="picture of paz">
BORDER
Border can be defined in the form of a number to denote how thick you would like it to be in pixels. If you do not want a border at all you can define BORDER=0.
HEIGHT
Height, the image's height in pixels. See WIDTH, below, for more information.
WIDTH
Width, the image's width in pixels. There are a couple of ways to use this attribute, along with its cohort HEIGHT. The most commonly used way is to define the image's dimensions in pixels so that Netscape will leave a space for the image and and give the user accessing the page something to read while the image is loading. Another way to use these attributes is to distort a GIF by either making it proportionally larger, smaller or disproportionally representing it -- see the example below.
ALIGN
Align can be defined as: LEFT, RIGHT or CENTER. This attribute allows you to define where the image will allign itself on your page horizontally.
VALIGN
Vertical Alignment can be defined as TOP, BOTTOM or CENTER. This attribute allows you to define where the image will allign itself on your page vertically.
HSPACE
Horizontal Spacing will allow you to determine how much horizontal space you want on both the left and right of your image in pixels.
VSPACE
Horizontal Spacing will allow you to determine how much horizontal space you want on both the top and bottom of your image in pixels.
LOWSRC
Low Resolution Source, can define the location of another image that is at its lowest resolution. The low-resolution image will load first, and the high-quality image will load on top of that.
Example: <IMG SRC="picopaz.GIF" LOWSRC="lowres.GIF">
This attribute is only necessary if you have large graphics that would, on their own, take quite a bit of time to load.
EXAMPLES
<IMG SRC="picopaz.GIF" BORDER=5 > <IMG SRC="picopaz.GIF" BORDER=0 HEIGHT=60 WIDTH=90 > <IMG SRC="picopaz.GIF" ALIGN=RIGHT VALIGN=BOTTOM> text<IMG SRC="picopaz.GIF" HSPACE=20>text
BEYOND THE BASICS
Usage of the <BR CLEAR=ALL> tag
<IMG SRC="picopaz.GIF" ALIGN=RIGHT>
Here is your text; notice the image location and what the insertion of a <BR CLEAR=ALL> tag can do to the location of your text.
<IMG SRC="picopaz.GIF" ALIGN=RIGHT><BR CLEAR=ALL>
Here is your text; notice the image location and what the insertion of a <BR CLEAR=ALL> tag can do to the location of your text.
When you begin adding attributes to <IMG SRC>, the element begins to behave differently in relation to other elements on your page. The key is to use the difference to your advantage instead of letting it wreak havoc on your site; to save you hours, days and weeks of frustration. The examples to the right introduce you to the <BR CLEAR=ALL> tag and how it affects the text around your image.
Another nifty thing you could do is turn your image into a link. So when a user clicks on the image it can take them to a different page, location or site. The anatomy of a link containg an image is:
<A HREF="location"><IMG SRC="picture.gif"></A>
Example: <A HREF="http://www.best.com/~paz"><IMG SRC="picopaz.GIF"></A>.
Written by inquiry.com Staff on 3/11/97.
<end node> 5P9i0s8y19Z
dt=
<node>map
1
Specifies the coordinates that define the corners of the shape. The coordinates depend on the shape specified in the shape attribute:
Shape Coordinates
rect coords="x1,y1,x2,y2"
(The top left and bottom right corners of the rectangle)
circle coords="x,y,r"
(The centre and radius of the circle)
poly coords="x1,y1,x2,y2,x3,y3,..."
(The corners of the polygon)
START WITH TOP LEFT HAND CORNER OF IMAGE.
example using rectangle 126w x 29 h
cords=top, left, width, height
<img src='images/MorePhotosButton.gif' usemap='#ImageMap1' width="106" height="29">
<map name="ImageMap1">
<area shape="rect" coords="0,0,60,29" href="gallery.html">
<area shape="rect" coords="61,0,85,29" href="gallery2.html">
<area shape="rect" coords="86,0,106,29" href="gallery.html">
</map>
=========================
<img src="images/08_01_01.jpg" width="684" height="441" border="0" align="top" usemap="#ImageMap1"></a></p>
..
<map name="ImageMap1">
<area shape="rect" coords="11, 85, 101, 110" href="01_0_Directory.htm">
<area shape="rect" coords="10, 118, 102, 146" href="02_01_EntryScn.htm">
<area shape="rect" coords="9, 152, 101, 178" href="03_01_ComIndv.htm">
<area shape="rect" coords="8, 185, 101, 214" href="04_1_Reservations.htm">
<area shape="rect" coords="9, 254, 103, 281" href="06_0_Roster.htm">
<area shape="rect" coords="501, 172, 6028, 192" href="08_01_03.htm">
<area shape="rect" coords="373, 173, 495, 189" href="08_01_02.htm">
<area shape="rect" coords="438, 49, 591, 70" href="#Nextpage1">
<area shape="rect" coords="124, 76, 184, 99" href="#Nextpage1">
<area shape="rect" coords="193, 76, 292, 100" href="#Nextpage1">
<area shape="rect" coords="295, 77, 406, 99" href="#Nextpage1">
<area shape="rect" coords="194, 105, 217, 134" href="#Nextpage1">
<area shape="rect" coords="598, 52, 659, 69" href="#Nextpage1">
<area shape="rect" coords="125, 147, 188, 177" href="08_01_01.htm">
</map></body>
The different regions of the image are described using a MAP element. The map describes each region in the image and indicates where it links. The basic format for the MAP element is as follows:
<MAP NAME=" name ">
<AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
</MAP>
The name specifies the name of the map so that it can be referenced by an IMG element. The shape gives the shape of this area. Currently supported shapes include rectangles (RECT), polygons (POLY), circles (CIRCLE), and default (DEFAULT), but the syntax is defined in a way that allows other shapes to be added. If the SHAPE tag is omitted, SHAPE="RECT" is assumed. The COORDS tag gives the coordinates of the shape, using image pixels as the units. For a rectangle, the coordinates are given as "left,top,right,bottom". The rectangular region defined includes the lower right corner specified (i.e. to specify the entire area of a 100-by-100-pixel image, the coordinates would be "0,0,99,99"). Circles are defined as a center point and then a radius (a total of three numbers).
The NOHREF tag indicates that clicks in this region should perform no action. An HREF tag specifies where a click in that area should lead. Note that a relative anchor specification will be expanded using the URL of the map description as a base, rather than using the URL of the document from which the map description is referenced. If a BASE tag is present in the document containing the map description, that URL will be used as the base.
An arbitrary number of AREA tags may be specified. If two areas intersect, the one that appears first in the map definition takes precedence in the overlapping region. For example, a button bar in a document might use a 160-by-60-pixel image and appear like this:
<MAP NAME="buttonbar">
<AREA SHAPE="RECT" COORDS="10,10,49,49" HREF="about_us.html">
<AREA SHAPE="RECT" COORDS="60,10,99,49" HREF="products.html">
<AREA SHAPE="RECT" COORDS="110,10,149,49" HREF="index.html">
<AREA SHAPE="RECT" COORDS="0,0,159,59" NOHREF>
</MAP>
<IMG SRC="../images/tech/bar.gif" USEMAP="#buttonbar">
<end node> 5P9i0s8y19Z
dt=
<node>META Tag Basics
1
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=2642
===
Q & A - META Tag Basics
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What HTML tag can I use to control how long a page will be displayed before taking the viewer to another page?
The following META tag can be added to your HTML pages and will take the user to any URL you choose after a specified number of seconds.
<META HTTP-EQUIV="REFRESH" CONTENT="5; URL=http://www.dbbasics.com">
The "Content" item specifies the number of seconds to wait. The "URL" item determines which URL the user will be taken to.
Written by Charles C. Caison, Jr. on 2/9/99.
<end node> 5P9i0s8y19Z
dt=
<node>Meta tag caching
2
Q & A - Meta tag caching
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
How can I stop a dynamic document from caching?
I have seen two meta http-equivs used. Which of the following is better? What are the differences?
<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
and this:
<Meta http-equiv="Pragma" Content="no-cache">
Your browser caches files, sounds and images by placing a copy of them in a folder or directory on your local drive. Caching exists so that when a user hits the back button or visits the same site on several occasions, the browser can display the page without having to make repeated calls to the server to display the same file or image.
Sometimes people don't want their page cached because it may be updated frequently (if cached, the user would continue to see the old version) or because the page contains sensitive information.
Since different browsers support different HTTP protocols, you'd have to use all three META tags below to stop a page from caching. Even then, if the user has an older browser, you have no way of ensuring that the file is not being cached.
<META HTTP-EQUIV="Cache-Control" CONTENT="no cache">
<META HTTP-EQUIV="Pragma" CONTENT="no cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
In a test I conducted, Netscape was able to cache files with each method.
For more information visit:
http://vancouver-webpages.com/META/
http://www.ics.uci.edu/pub/ietf/http/
Written by inquiry.com Staff on 6/4/97.
<end node> 5P9i0s8y19Z
dt=
<node>META: What is it used for?
2
Q & A - META: What is it used for?
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What is the <META> tag used for?
The <META> tag lives in the HEAD of a document and is really used to send a message to a server. It tells the server to do certain things. For example:
Motion (Client Pull)
The meta tag can be used to pull, or call, another page from the server. For example, if you used this line of text in the head of your document called mydoc.html. In about 15 seconds, the viewer of mydoc.html will be taken to the specified URL (in this case Netscape).
<META HTTP-EQUIV="Refresh" CONTENT="15; URL=http://www.netscape.com">
Where CONTENT tells the browser how long to wait before pulling the next file specified in URL. Take a look at a poem called "Stood Up" I wrote using the META tag for dramatization.
Document Information (useful to search engines)
Many search engines look for the meta tag to see certain keywords for example:
<META NAME="description" CONTENT="inquiry.com is a free service for software developers, providing information on software products, development techniques, and emerging technologies.">
<META NAME="keywords" CONTENT="software development, programming, vb, visual basic, java, c, c++, sql">
The meta tag can be used to provide information about a document. It's especially useful if several people edit the same website:
<META NAME="Author" CONTENT="Web Pro">
<META NAME="Version" CONTENT="3">
<META NAME="Posted" CONTENT="July 31, 1996">
Where NAME can contain any name relative to the values in CONTENT. View the source of our home page and see how we used the META tag.
Sound
The META tag can also be used to include sounds on a web page.
<META HTTP-EQUIV=REFRESH CONTENT="15; URL=http://www.projectcool.com/sounds/demo.au">
Where CONTENT tells the server how many seconds to wait before sending the sound file the browser (don't make it one second, otherwise the sound will play before your page has completely loaded); URL contains the full-path (yes, it should also include http://.. even if it's in the same directory). If you are interested in finding out about where to get sounds or other ways to add sounds to your page, use the search engine to find my tip on adding sound.
Note that you should pay strict attention to where the quotes and spaces in the above examples as an extra or missing quote and the file will not be loaded.
Written by inquiry.com Staff on 3/11/97.
<end node> 5P9i0s8y19Z
dt=
<node>Refreshing Using the META Tag
2
Q & A - Refreshing Using the META Tag
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What HTML tag do I use to have the screen refresh every two minutes?
The following META tag will work. The value of the CONTENT parameter will determine the number of seconds to wait before refreshing. Put this tag in the <HEAD> section.
<META HTTP-EQUIV="REFRESH" CONTENT="120">
Written by Charles C. Caison, Jr. on 2/9/99.
<end node> 5P9i0s8y19Z
dt=
<node>ROBOTS
2
Robots.txt and meta tags
--------------------------------------------------------------------------------
Introduction
The robots.txt file
The meta element
The robots meta tag
The decription and keywords tags
Further information
For relevant URIs see http://web-support.csx.cam.ac.uk/websupport/Servers.html#robots. For help contact web-support@ucs.cam.ac.uk.
--------------------------------------------------------------------------------
Introduction
The Computing Service has purchased Ultraseek, a commercial search engine from Infoseek, to set up a searchable site-wide index of web servers. The aim is to avoid people needing to know which of the 200+ server Department and College servers include the information they want. Additionally, it is possible for servers around the University to use the search engine to provide them with a "search this server" facility, looking only at information on the particular server. We will index all "official" web servers in the cam.ac.uk domain, unless there are good reasons why we should not. For full details about how Ultraseek works and what it will index, see http://software.infoseek.com/products/ultraseek/ultrafeatures.htm.
The information below is an adaptation of the standard W3C recipe for creating a robots.txt file (see http://info.webcrawler.com/mak/projects/robots/norobots.html for formal definition). It is desirable to exclude search engines from indexing cgi scripts and server logs (as it will pick up links to files long since moved or gone). It is recommended to exclude search engines from indexing files that are being worked on, hold sensitive information with restricted access or (possibly) personal information.
If you do not exclude the directories, restricted access information will be indexed by Ultraseek because it is a local computer so it has access to the files. The links in the search results that are for restricted access cannot be followed by computers outside the cambridge domain, but the first block of text will be produced as part of the search results. If the information is particularly sensitive you may wish to insert a META tag for the description to override this (see below). Once the search engine is working and available, check that your robots.txt is working as expected, e.g. by a search quoting "+site:www.whatever.cam.ac.uk" (i.e. limit search to your site) and a term that should match some of the hidden pages (with a + prefix to make a match mandatory, e.g. "+site:www.cam.ac.uk +usage" to see if the main server usage stats are correctly excluded).
It might also be useful to have a spring clean and remove redundant information before indexing! A robots.txt file will apply to all robots, so it would be most instructive to set User-agent: *. If however you wish to apply different restrictions just to the site wide search engine, the User agent name is Ultraseek (webmaster@ucs.cam.ac.uk)
The robots.txt file
When a robot visits a Web site, say http://www.example.com/, it firsts checks for http://www.example.com/robots.txt. All major search engines will observe robots.txt. If it can find this document, it will analyse its contents to see if it is allowed to retrieve the document. You can create a customised robots.txt file to apply to all or only specific robots, and to disallow access to specific directories or files. The robots.txt file is simply a text file and must be at the root level in your server.
If you want to give any robot access to a restricted set of files:
User-agent: *
Disallow: /Architext/
Disallow: /bin/
Disallow: /cgi/
Disallow: /Excite/
Disallow: /includes/
Disallow: /tmp/
Disallow: /~
Disallow: /stats/
Here is a sample robots.txt file that prevents any robot from visiting the entire site except for the CS Ultraseek robot
User-agent: Ultraseek (webmaster@ucs.cam.ac.uk) # CS search robot
Disallow: /Architext/
Disallow: /bin/
Disallow: /cgi/
Disallow: /Excite/
Disallow: /includes/
Disallow: /tmp/
Disallow: /~
Disallow: /stats/
# tell all others to go away
User-agent: *
Disallow: /
The Robot will simply look for a "/robots.txt" URI at the top level on your site, where a site is defined as an http server running on a particular host and port number. Look at the robots.txt file at these locations for approaches to limiting access:
Site URI URI for robots.txt
http://www.w3.org/ http://www.w3.org/robots.txt
http://w3.org/ http://w3.org/robots.txt
http://www.cam.ac.uk/ http://www.cam.ac.uk/robots.txt
The single "/robots.txt" at the top level on a site is the only one that is used by robots. A robot will never look at "robots.txt" files in directories. If you want your users to be able to create their own "robots.txt", you will need to merge them all into a single "/robots.txt". If you don't want to do this, your users might want to use the robots meta tag instead (see below).
Some tips: URI's are case-sensitive, and "/robots.txt" string must be all lower-case. Blank lines are not permitted.
There must be exactly one "User-agent" field per record. The robot should be liberal in interpreting this field. A case-insensitive substring match of the name without version information is recommended.
If the value is "*", the record describes the default access policy for any robot that has not matched any of the other records. It is not allowed to have multiple such records in the "/robots.txt" file.
The "Disallow" field specifies a partial URI that is not to be visited. This can be a full path, or a partial path; any URI that starts with this value will not be retrieved. For example,
Disallow: /help disallows both /contact.html and /help/index.html, whereas
Disallow: /help/ disallows /help/index.html but allows /contact.html.
An empty value for "Disallow" indicates that all URIs can be retrieved. At least one "Disallow" field must be present in the robots.txt file.
The meta element
Note: Not all web search engines use description and keyword meta tags, notably Excite, Northern Light, Google and Lycos do not. Meta tags will boost the rankings in Infoseek and Inktomi-mediated searches (Inktomi is used by Snap, HotBot and Yahoo). All major search engines will observe the robots meta tag.
The robots meta tag
The robots meta tag allows HTML authors to tell visiting robots whether a single document may be indexed or used to harvest more links. No server administrator action is required. The meta elements work in tandem with a robots.txt file, though, with the robots.txt as the first line of exclusion. Only if a robot is allowed to look at files can the robots meta element be observed.
The content of the robots meta tag contains directives separated by commas. The currently defined directives are: [NO]INDEX and [NO]FOLLOW (the [] means optional). The INDEX directive specifies if an indexing robot should index the page. The FOLLOW directive specifies if a robot is to follow links on the page. The defaults are INDEX and FOLLOW. The values ALL and NONE set all directives on or off: ALL=INDEX,FOLLOW and NONE=NOINDEX,NOFOLLOW.
Some examples:
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
Note the "robots" name of the tag and the content are case insensitive.
You obviously should not specify conflicting or repeating directives such as:
<meta name="robots" content="INDEX,NOINDEX,NOFOLLOW,FOLLOW,FOLLOW">
The description and keywords meta tags
In the absence of other information, robots will index all the text in a document (but not HTML tags) including ALT tags but excepting comments, and will use the first few words as a summary to describe your page in the search results. If your page is of suitable construction for this system to give a clear idea of the contents, then nothing else is necessary, although you may wish to add some keywords, especially if your page is in a specialist area. If the page does not contain any descriptive text, such as a frameset or a page with description in an imagemap, then add a META tag containing a description to ensure the search engine indexes it and presents suitable text when it is shown as a result.
You can use the HTML description META tag to specify the summary text that will appear in a search results list. The keyword META tag allows you to add further keywords (up to 1000 characters) for indexing that are not in the description or in the page text itself (if they are, they will be indexed already). The robots META tag allows you to control if and how Ultraseek indexes your page. The META tags must be placed within the HEAD portion of your web page. Do not use any HTML tags within the META tag itself.
Suppose your page contains:
<meta name="description" content="Xsoft specializes in software products that help organizations improve how they create and use documents.">
<meta name="keywords" content="document management Xerox">
Ultraseek will do two things with these tags:
1.It will index both fields as words, so a search on either XSoft or "document management" will match.
2.It will show the "description" with the search results. Instead of showing the first few of lines of the page as the summary, it would be listed as follows:
XSoft Home Page
XSoft specializes in software products that help organizations improve how they create and use documents. http://www.xsoft.com/
Note that the description and keywords META tags should not contain any HTML formatting information.
Further information
Search Engine Watch, information for webmasters
*********************
No Index
< META name="Robots" content="noindex,nofollow" >
. . . Robots (spiders) are automated scripts and programs that visit websites and attempt to index (spider) all links and content that they find on your webpages. They follow all the links on your site until there's no more, indexing everything it finds. To stop this from happening robots (spiders) must be guided or instructed in which pages to index and search. This tag will allow you to control which pages the robot can spider, and which it will ignore. There may be certain webpages or directories (Example: CGI or JAVA Scripts) you may have that you do not want indexed in the search engines. Using the robots tag, you can define which pages to follow, which to index and which to ignore completely. The "content" can be any one of or combination of the four commands
noindex, NOINDEX prevents anything on the page from being indexed
index,
nofollow, NOFOLLOW prevents the crawler from following the links on the page and indexing the linked pages
or follow
Server Side Robots (robots.txt) Usage
User-agent: AGENT
Disallow: /PATH/. . .
The robots.txt file is a plain text file placed into your web (site) root directory such that any user or client can access it by going to www.yoursite.com/robots.txt or www.paidserver.com/yoursite/robots.txt. If you are not allowed or unable to create a file to this location, you'll need to implement the META Robots Tag instead.
AGENT represents the name of a search engine Agent or use an asterisk (*) to represent all agents. PATH represents a relative path you do not want to be accessed.
<end node> 5P9i0s8y19Z
dt=
<node>ScreenEffects
2
<meta http-equiv="window-target" content="_top">
Page Enter-Blend (2 sec.) <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">
Page Exit-Box In (2 sec.) <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=0)">
Site Enter-Box Out (2 sec.) <meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=1)">
Site Exit-Circle In (2 sec.) <meta http-equiv="Site-Exit" content="revealTrans(Duration=2.0,Transition=2)">
Circle Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
Wipe Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
Wipe Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
Wipe Right <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
Wipe Left <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
Vertical Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
Horizontal Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
Checkerboard Across <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
Checkerboard Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
Random Dissolve <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
Split Vertical In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
Split Vertical Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
Split Horizontal In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
Split Horizontal Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
Strips Right Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
Strips Right Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
Strips Left Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
Strips Left Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
Random Bars Horizontal <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
Random Bars Vertical <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
Random <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
<end node> 5P9i0s8y19Z
dt=
<node>Printing
1
CSS and Printing
By Joe Burns
Use these to jump around or read it all...
[Page Break]
[The Format]
[Setting A Specific Page Break]
I get a lot of questions asking if there are ways to "force" people's browsers to do certain things. The events most often asked for are to force a browser to bookmark the page, to set user preferences, and this one: How can I force a person's browser to print my page?
The short and truthful answer is that you can't. There's no command or tag, to my knowledge, that produces a print when your page loads. There are just too many factors involved. Is the user's printer turned on? Can the Web page fit nicely in the print space set by the viewer? And most importantly: Does the viewer want to print your page? It would cheese me if I logged into your page and all of a sudden my printer was humming.
Update! As of 10/99 there is still no way to force a printer to print a page; however, you can initiate a print request. See the tutorial.
You can take some control when the user decides he or she does want to print your page. Through the magic of Style Sheets, you can now make a point of indicating where the pages will break during the print process.
As of 12/21/98, this CSS2 command is supported only by Internet Explorer browsers version 4 and above.
--------------------------------------------------------------------------------
Page Break
There are two commands you're worried about here:
page-break-after
page-break-before
You can pretty much pick out what each does. The first sets the printing page break just before the element, the second sets the page break just after.
Each command has, in theory anyway, four attributes:
always | auto | left | right
always tells the browser to break the print page after this element always.
auto is the default. You're telling the browser to do what it would do anyway: Page break where the page ends.
left is not supported by any browser yet. It is used if your printer will print both sides of a page, like a manuscript. If the page is a left-facing page, use this attribute.
right is what you use if it's a right-facing page.
--------------------------------------------------------------------------------
The Format
Here's what it looks like in your page's <HEAD> tags:
<STYLE TYPE="text/css">
H2 {page-break-before: always}
</STYLE>
That format will produce a print page break before each H2 on the page. Would you like to try it out? This page has four H2 headings. Go ahead and print the page. Each H2 will use a new page and will act as the Header for the printed page. Remember, though, that you have to be using Internet Explorer 4 or better.
--------------------------------------------------------------------------------
Setting A Specific Page Break
Maybe it's better not to have every H2 break the page. Maybe you'd like a page break at a specific point to keep a particular look. You do that by setting up a class of page breaks.
You can set up the class on any HTML command, but I think the best method is to set up the class within a <BR> or <P> command. That way there's some white space where the page can break. Here's a look at the format (this will sit between your <HEAD> tags):
<STYLE TYPE="text/css">
P.breakhere {page-break-before: always}
</STYLE>
This then will be the activator for the page break:
<P CLASS="breakhere">
You can set up as many different classes as you'd like as long as you keep following the same format as above.
--------------------------------------------------------------------------------
And That's That...
This is another one of those commands that I would use if there's a need for it, regardless of the type of browser the viewer is running. Those that understand the command get the effect, and those that don't just get a straight page print. Either way, the user gets a nice print of the page. It's just that in one of the prints, you're able to set a few parameters.
Enjoy!
<end node> 5P9i0s8y19Z
dt=
<node>SetTimeout
1
<HTML>
<HEAD>
<TITLE>COMPUTER USERS GROUP OF GREELEY</TITLE>
</HEAD>
<BODY TEXT="#000000" VLINK="#FF0000" LINK="#0000FF">
<BODY BACKGROUND=brick.gif>
<body onload=setTimeout("location.href='http://www.cugg.org'",4000)>
<B><CENTER><IMG SRC="blueline.gif"><BR><H1>COMPUTER USERS GROUP OF GREELEY</H1><H3>Greeley, Colorado</H3><IMG SRC=blueline.gif></CENTER>
<BR><BR><BR>
<IMG SRC="ball1.gif">
<A HREF=http://www.cugg.org>We have moved to a new Location. </A><IMG SRC=update.gif> Please Set your bookmark. The new page will load in 4 seconds.<BR>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>special Characters
1
Character Numeric Symbolic Character Numeric Symbolic
< < < > > >
& & & " " "
non-breaking space ¢ ¢ ¢
£ £ £ ¥ ¥ ¥
® ® ® © © ©
™ ™ ™(NS6,IE5,OP5) ° ° °
¼ ¼ ¼ ½ ½ ½
¾ ¾ ¾ ± ± ±
÷ ÷ ÷ × × ×
ñ ñ ñ Ñ Ñ Ñ
¡ ¡ ¡ ¿ ¿ ¿
<p>< how dow you do ></p>
Description Char Code Entity
_____________________________________________
Quotation " " "
Ampersand & & &
Less-than sign < < <
Greater-than sign > > >
at symbol @ @
Euro € €
Dagger † †
0/00 ‰ ‰
Trademark ™ ™
Angle quote mark, left « « «
Angle quote mark, right » » »
Inverted exclamation ¡ ¡ ¡
Inverted question mark ¿ ¿ ¿
Cent sign ¢ ¢ ¢
Pound sign £ £ £
Currency sign ¤ ¤ ¤
Yen sign ¥ ¥ ¥
Broken vertical bar ¦ ¦ ¦
Section sign § § §
Copyright sign © © ©
Circled R registered sign ® ® ®
Middle dot · · ·
Fraction 1/4 ¼ ¼ ¼
Fraction 1/2 ½ ½ ½
Fraction 3/4 ¾ ¾ ¾
Superscript 1 ¹ ¹ ¹
Superscript 2 ² ² ²
Superscript 3 ³ ³ ³
Degree sign ° ° °
Multiplication sign × × ×
Division sign ÷ ÷ ÷
Plus-or-minus sign ± ± ±
Quotation " " "
Ampersand & & &
Less-than sign < < <
Greater-than sign > > >
Non-breaking space
Inverted exclamation ¡ ¡ ¡
Cent sign ¢ ¢ ¢
Pound sign £ £ £
Currency sign ¤ ¤ ¤
Yen sign ¥ ¥ ¥
Broken vertical bar ¦ ¦ ¦
Section sign § § §
Spacing diaresis ¨ ¨ ¨
Copyright sign © © ©
Feminine ordinal indicator ª ª ª
Angle quotation mark, left « « «
Negation sign ¬ ¬ ¬
Soft hyphen
Circled R registered sign ® ® ®
Spacing macron ¯ ¯ &hibar;
Degree sign ° ° °
Plus-or-minus sign ± ± ±
Superscript 1 ¹ ¹ ¹
Superscript 2 ² ² ²
Superscript 3 ³ ³ ³
Spacing acute ´ ´ ´
Micro sign µ µ µ
Paragraph sign ¶ ¶ ¶
Middle dot · · ·
Spacing cedilla ¸ ¸ ¸
Masculine ordinal indicator º º º
Angle quotation mark, right » » »
Fraction 1/4 ¼ ¼ ¼
Fraction 1/2 ½ ½ ½
Fraction 3/4 ¾ ¾ ¾
Inverted question mark ¿ ¿ ¿
Capital A, grave accent À À À
Capital A, acute accent Á Á Á
Capital A, circumflex accent   Â
Capital A, tilde à à Ã
Capital A, dieresis (umlaut) Ä Ä Ä
Capital A, ring Å Å Å
Capital AE diphthong (ligature) Æ Æ Æ
Capital C, cedilla Ç Ç Ç
Capital E, grave accent È È È
Capital E, acute accent É É É
Capital E, circumflex accent Ê Ê Ê
Capital E, dieresis (umlaut) Ë Ë Ë
Capital I, grave accent Ì Ì Ì
Capital I, acute accent Í Í Í
Capital I, circumflex accent Î Î Î
Capital I, dieresis (umlaut) Ï Ï Ï
Capital Eth, Icelandic Ð Ð Ð
Capital N, tilde Ñ Ñ Ñ
Capital O, grave accent Ò Ò Ò
Capital O, acute accent Ó Ó Ó
Capital O, circumflex accent Ô Ô Ô
Capital O, tilde Õ Õ Õ
Capital O, dieresis (umlaut) Ö Ö Ö
Multiplication sign × × ×
Capital O, slash Ø Ø Ø
Capital U, grave accent Ù Ù Ù
Capital U, acute accent Ú Ú Ú
Capital U, circumflex accent Û Û Û
Capital U, dieresis (umlaut) Ü Ü Ü
Capital Y, acute accent Ý Ý Ý
Capital THORN, Icelandic Þ Þ Þ
Small sharp German sz ligature ß ß ß
Small a, grave accent à à à
Small a, acute accent á á á
Small a, circumflex accent â â â
Small a, tilde ã ã ã
Small a, dieresis (umlaut) ä ä ä
Small a, ring å å å
Small ae diphthong (ligature) æ æ æ
Small c, cedilla ç ç ç
Small e, grave accent è è è
Small e, acute accent é é é
Small e, circumflex accent ê ê ê
Small e, dieresis (umlaut) ë ë ë
Small i, grave accent ì ì ì
Small i, acute accent í í í
Small i, circumflex accent î î î
Small i, dieresis (umlaut) ï ï ï
Small eth, Icelandic ð ð ð
Small n, tilde ñ ñ ñ
Small o, grave accent ò ò ò
Small o, acute accent ó ó ó
Small o, circumflex accent ô ô ô
Small o, tilde õ õ õ
Small o, dieresis (umlaut) ö ö ö
Division sign ÷ ÷ ÷
Small o, slash ø ø ø
Small u, grave accent ù ù ù
Small u, acute accent ú ú ú
Small u, circumflex accent û û û
Small u, dieresis (umlaut) ü ü ü
Small y, acute accent ý ý ý
Small thorn, Icelandic þ þ þ
Small y, dieresis (umlaut) ÿ ÿ ÿ
***************************************
horizontal tab ‘ ‘ left curly quote mark
line feed ’ ’ right curly quote mark/apostrophe
carriage return “ “ left curly quote marks
space ” ” right curly quote marks
! ! exclamation point • • bullet
" " " straight quote marks - – “en” (short) dash
# # hash mark/number sign - — “em” (long) dash
$ $ dollar sign ˜ ˜ tilde
% % percent sign ™ ™ trademark
& & & ampersand š š
' ' straight quote mark/apostrophe › ›
( ( left parenthesis œ œ small oe ligature
) ) right parenthesis Ÿ Ÿ capital Y, umlaut
* * asterisk non-breaking space
+ + plus sign ¡ ¡ ¡ inverted exclamation point
, , comma ¢ ¢ ¢ cent sign
- - hyphen £ £ £ pound sterling sign
. . period/dot ¤ ¤ ¤ general currency sign
/ / slash ¥ ¥ ¥ yen sign
0 0 zero ¦ ¦ ¦ broken vertical bar
&brkbar;
1 1 one § § § section sign
2 2 two ¨ ¨ ¨ umlaut/dieresis
¨
3 3 three © © © copyright symbol
4 4 four ª ª ª feminine ordinal
5 5 five « « « left angle quote marks
6 6 six ¬ ¬ ¬ not sign
7 7 seven soft hyphen
8 8 eight ® ® ® registered symbol
9 9 nine ¯ ¯ ¯ macron accent
&hibar;
: : colon ° ° ° degree sign
; ; semi-colon ± ± ± plus or minus
< < < less than sign ² ² ² superscript 2
= = equals sign ³ ³ ³ superscript 3
> > > greater than sign ´ ´ ´ acute accent
? ? question mark µ µ µ micro sign (Greek mu)
@ @ commercial “at” sign ¶ ¶ ¶ paragraph sign
A A capital A · · · middle dot
B B capital B ¸ ¸ ¸ cedilla
C C capital C ¹ ¹ ¹ superscript 1
D D capital D º º º masculine ordinal
E E capital E » » » right angle quote marks
F F capital F ¼ ¼ ¼ fraction one-fourth
G G capital G ½ ½ ½ fraction one-half
H H capital H ¾ ¾ ¾ fraction three-fourths
I I capital I ¿ ¿ ¿ inverted question mark
J J capital J À À À capital A, grave accent
K K capital K Á Á Á capital A, acute accent
L L capital L Â Â Â capital A, circumflex accent
M M capital M Ã Ã Ã capital A, tilde
N N capital N Ä Ä Ä capital A, umlaut/dieresis
O O capital O Å Å Å capital A, ring
P P capital P Æ Æ &Aelig; capital AE ligature, dipthong
Q Q capital Q Ç Ç Ç capital C, cedilla
R R capital R È È È capital E, grave accent
S S capital S É É É capital E, acute accent
T T capital T Ê Ê &Ecicr; capital E, circumflex accent
U U capital U Ë Ë Ë capital E, umlaut/dieresis
V V capital V Ì Ì Ì capital I, grave accent
W W capital W Í Í Í capital I, acute accent
X X capital X Î Î Î capital I, circumflex accent
Y Y capital Y Ï Ï Ï capital I, umlaut/dieresis mark
Z Z capital Z Ð Ð Ð capital Eth, Icelandic
Đ
[ [ left square bracket Ñ Ñ Ñ capital N, tilde
\\ \ backslash Ò Ò Ò capital O, grave accent/null set
] ] right square bracket Ó Ó Ó capital O, acute accent
^ ^ caret Ô Ô Ô capital O, circumflex accent
_ _ underscore bar Õ Õ Õ capital O, tilde
` ` grave accent Ö Ö Ö capital O, umlaut/dieresis mark
a a small a × × × multiplication sign
b b small b Ø Ø Ø capital O, slash
c c small c Ù Ù Ù capital U, grave accent
d d small d Ú Ú Ú capital U, acute accent
e e small e Û Û Û capital U, circumflex accent
f f small f Ü Ü Ü capital U, umlaut/dieresis mark
g g small g Ý Ý Ý capital Y, acute accent
h h small h Þ Þ Þ capital Thorn, Icelandic
i i small i ß ß ß small sz ligature, German
j j small j à à à small a, grave accent
k k small k á á á small a, acute accent
l l small l â â â small a, circumflex accent
m m small m ã ã ã small a, tilde
n n small n ä ä ä small a, umlaut/dieresis mark
o o small o å å å small a, ring
p p small p æ æ æ small ae ligature, dipthong
q q small q ç ç ç small c, cedilla
r r small r è è è small e, grave accent
s s small s é é é small e, acute accent
t t small t ê ê ê small e, circumflex accent
u u small u ë ë ë small e, umlaut/dieresis mark
v v small v ì ì ì small i, grave accent
w w small w í í í small i, acute accent
x x small x î î î small i, circumflex accent
y y small y ï ï ï small i, umlaut/dieresis mark
z z small z ð ð ð small eth, Icelandic
{ { left curly brace ñ ñ ñ small n, tilde
| | solid vertical bar ò ò ò small o, grave accent
} } right curly brace ó ó ó small o, acute accent
~ ~ tilde ô ô ô small o, circumflex accent
box õ õ õ small o, tilde
‚ ‚ comma ö ö ö small o, umlaut/dieresis mark
ƒ ƒ florin ÷ ÷ ÷ division sign
„ „ ø ø ø small o, slash/null set
… … ellipsis ù ù ù small u, grave accent
† † dagger ú ú ú small u, acute accent
‡ ‡ double dagger û û û small u, circumflex accent
ˆ ˆ circumflex accent ü ü ü small u, umlaut,dieresis mark
‰ ‰ permil ý ý ý small y, acute accent
Š Š þ þ þ small thorn, Icelandic
‹ ‹ ÿ ÿ ÿ small y, umlaut/dieresis mark
ΠΠcapital OE ligature
<end node> 5P9i0s8y19Z
dt=
<node>both
2
$newstring=substr($teaser,25,1);$acii=ord($newstring);
echo "<p>$newstring=======$ascii";
The 160 is a space problem for browsers
Code Entity Hex Character Description
------ -------------- --- --------- -----------------------------------
� %00 Unused
%01 Unused
%02 Unused
%03 Unused
%04 Unused
%05 Unused
%06 Unused
%07 Unused
%08 Unused
%09 Horizontal tab
%0A Line feed
%0B Unused
%0C Unused
%0D Carriage return
%0E Unused
%0F Unused
%10 Unused
%11 Unused
%12 Unused
%13 Unused
%14 Unused
%15 Unused
%16 Unused
%17 Unused
%18 Unused
%19 Unused
%1A Unused
%1B Unused
%1C Unused
%1D Unused
%1E Unused
%1F Unused
%20 Space
! %21 ! Exclamation mark
" " %22 " Quotation mark
# %23 # Number sign
$ %24 $ Dollar sign
% %25 % Percent sign
& & %26 & Ampersand
' %27 ' Apostrophe
( %28 ( Left parenthesis
) %29 ) Right parenthesis
* %2A * Asterisk
+ %2B + Plus sign
, %2C , Comma
- %2D - Hyphen
. %2E . Period (fullstop)
/ %2F / Solidus (slash)
0 %30 0 0
1 %31 1 1
2 %32 2 2
3 %33 3 3
4 %34 4 4
5 %35 5 5
6 %36 6 6
7 %37 7 7
8 %38 8 8
9 %39 9 9
: %3A : Colon
; %3B ; Semi-colon
< < %3C < Less than
= %3D = Equals sign
> > %3E > Greater than
? %3F ? Question mark
@ %40 @ Commercial at
A %41 A A
B %42 B B
C %43 C C
D %44 D D
E %45 E E
F %46 F F
G %47 G G
H %48 H H
I %49 I I
J %4A J J
K %4B K K
L %4C L L
M %4D M M
N %4E N N
O %4F O O
P %50 P P
Q %51 Q Q
R %52 R R
S %53 S S
T %54 T T
U %55 U U
V %56 V V
W %57 W W
X %58 X X
Y %59 Y Y
Z %5A Z Z
[ %5B [ Left square bracket
\ %5C \\ Reverse solidus (backslash)
] %5D ] Right square bracket
^ %5E ^ Caret
_ %5F _ Horizontal bar (underscore)
` %60 ` Acute accent
a %61 a a
b %62 b b
c %63 c c
d %64 d d
e %65 e e
f %66 f f
g %67 g g
h %68 h h
i %69 i i
j %6A j j
k %6B k k
l %6C l l
m %6D m m
n %6E n n
o %6F o o
p %70 p p
q %71 q q
r %72 r r
s %73 s s
t %74 t t
u %75 u u
v %76 v v
w %77 w w
x %78 x x
y %79 y y
z %7A z z
{ %7B { Left curly brace
| %7C | Vertical bar
} %7D } Right curly brace
~ %7E ~ Tilde
%7F Unused
€ %80 Unused
%81 Unused
‚ %82 Unused
ƒ %83 Unused
„ %84 Unused
… %85 Unused
† %86 Unused
‡ %87 Unused
ˆ %88 Unused
‰ %89 Unused
Š %8A Unused
‹ %8B Unused
Π%8C Unused
%8D Unused
Ž %8E Unused
%8F Unused
%90 Unused
‘ %91 Unused
’ %92 Unused
“ %93 Unused
” %94 Unused
• %95 Unused
– %96 Unused
— %97 Unused
˜ %98 Unused
™ %99 TM TM TM TM TM
š %9A Unused
› %9B Unused
œ %9C Unused
%9D Unused
ž %9E Unused
Ÿ %9F Unused
[3.2] %A0 Non-breaking space
¡ ¡ [3.2] %A1 ¡ Inverted exclamation
¢ ¢ [3.2] %A2 ¢ Cent sign
£ £ [3.2] %A3 £ Pound sterling
¤ ¤ [3.2] %A4 ¤ General currency sign
¥ ¥ [3.2] %A5 ¥ Yen sign
¦ ¦ [3.2] %A6 ¦ Broken vertical bar
§ § [3.2] %A7 § Section sign
¨ ¨ [3.2] %A8 ¨ Umlaut (dieresis)
© © [3.2] %A9 © Copyright
ª ª [3.2] %AA ª Feminine ordinal
« « [3.2] %AB « Left angle quote, guillemotleft
¬ ¬ [3.2] %AC ¬ Not sign
[3.2] %AD Soft hyphen
® ® [3.2] %AE ® Registered trademark
¯ ¯ [3.2] %AF ¯ Macron accent
° ° [3.2] %B0 ° Degree sign
± ± [3.2] %B1 ± Plus or minus
² ² [3.2] %B2 ² Superscript two
³ ³ [3.2] %B3 ³ Superscript three
´ ´ [3.2] %B4 ´ Acute accent
µ µ [3.2] %B5 µ Micro sign
¶ ¶ [3.2] %B6 ¶ Paragraph sign
· · [3.2] %B7 · Middle dot
¸ ¸ [3.2] %B8 ¸ Cedilla
¹ ¹ [3.2] %B9 ¹ Superscript one
º º [3.2] %BA º Masculine ordinal
» » [3.2] %BB » Right angle quote, guillemotright
¼ ¼ [3.2] %BC ¼ Fraction one-fourth
½ ½ [3.2] %BD ½ Fraction one-half
¾ ¾ [3.2] %BE ¾ Fraction three-fourths
¿ ¿ [3.2] %BF ¿ Inverted question mark
À À %C0 À Capital A, grave accent
Á Á %C1 Á Capital A, acute accent
  %C2  Capital A, circumflex accent
à à %C3 à Capital A, tilde
Ä Ä %C4 Ä Capital A, dieresis or umlaut mark
Å Å %C5 Å Capital A, ring
Æ Æ %C6 Æ Capital AE dipthong (ligature)
Ç Ç %C7 Ç Capital C, cedilla
È È %C8 È Capital E, grave accent
É É %C9 É Capital E, acute accent
Ê Ê %CA Ê Capital E, circumflex accent
Ë Ë %CB Ë Capital E, dieresis or umlaut mark
Ì Ì %CC Ì Capital I, grave accent
Í Í %CD Í Capital I, acute accent
Î Î %CE Î Capital I, circumflex accent
Ï Ï %CF Ï Capital I, dieresis or umlaut mark
Ð Ð %D0 Ð Capital Eth, Icelandic
Ñ Ñ %D1 Ñ Capital N, tilde
Ò Ò %D2 Ò Capital O, grave accent
Ó Ó %D3 Ó Capital O, acute accent
Ô Ô %D4 Ô Capital O, circumflex accent
Õ Õ %D5 Õ Capital O, tilde
Ö Ö %D6 Ö Capital O, dieresis or umlaut mark
× × [3.2] %D7 × Multiply sign
Ø Ø %D8 Ø Capital O, slash
Ù Ù %D9 Ù Capital U, grave accent
Ú Ú %DA Ú Capital U, acute accent
Û Û %DB Û Capital U, circumflex accent
Ü Ü %DC Ü Capital U, dieresis or umlaut mark
Ý Ý %DD Ý Capital Y, acute accent
Þ Þ %DE Þ Capital THORN, Icelandic
ß ß %DF ß Small sharp s, German (sz ligature)
à à %E0 à Small a, grave accent
á á %E1 á Small a, acute accent
â â %E2 â Small a, circumflex accent
ã ã %E3 ã Small a, tilde
ä ä %E4 ä Small a, dieresis or umlaut mark
å å %E5 å Small a, ring
æ æ %E6 æ Small ae dipthong (ligature)
ç ç %E7 ç Small c, cedilla
è è %E8 è Small e, grave accent
é é %E9 é Small e, acute accent
ê ê %EA ê Small e, circumflex accent
ë ë %EB ë Small e, dieresis or umlaut mark
ì ì %EC ì Small i, grave accent
í í %ED í Small i, acute accent
î î %EE î Small i, circumflex accent
ï ï %EF ï Small i, dieresis or umlaut mark
ð ð %F0 ð Small eth, Icelandic
ñ ñ %F1 ñ Small n, tilde
ò ò %F2 ò Small o, grave accent
ó ó %F3 ó Small o, acute accent
ô ô %F4 ô Small o, circumflex accent
õ õ %F5 õ Small o, tilde
ö ö %F6 ö Small o, dieresis or umlaut mark
÷ ÷ [3.2] %F7 ÷ Division sign
ø ø %F8 ø Small o, slash
ù ù %F9 ù Small u, grave accent
ú ú %FA ú Small u, acute accent
û û %FB û Small u, circumflex accent
ü ü %FC ü Small u, dieresis or umlaut mark
ý ý %FD ý Small y, acute accent
þ þ %FE þ Small thorn, Icelandic
ÿ ÿ %FF ÿ Small y, dieresis or umlaut mark
<end node> 5P9i0s8y19Z
dt=
<node>other
2
https://www.utexas.edu/learn/html/spchar.html
HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands.
For example, to render Düsseldorf the HTML source should read
Düsseldorf or Düsseldorf
While many similar lists are available on the Web (run your favorite search engine using "ISO Latin" or "HTML Entities"), none I've seen account for the standard character sets of different operating systems (e.g. Windows vs. DOS vs. Macintosh, etc.); this list should produce the same results on all platforms.
Punctuation
HTML Entity
(case sensitive)
ISO Latin-1 code
name or meaning
-
– – en dash
-
— — em dash
¡
¡ ¡ inverted exclamation
¿
¿ ¿ inverted question mark
"
" " quotation mark
“
“ “ left double curly quote
”
” ” right double curly quote
'
' apostrophe (single quote)
‘
‘ ‘ left single curly quote
’
’ ’ right single curly quote
«
» «
» «
» guillemets (used as quotation marks in some languages, e.g., French)
(Its there, but you can't see it!) non-breaking space
Symbols
&
& & ampersand
¢
¢ ¢ cent
©
© © copyright
÷
÷ ÷ divide
>
> > greater than
<
< < less than
µ
µ µ micron
·
· · middle dot
¶
¶ ¶ pilcrow (paragraph sign)
±
± ± plus/minus
€
€ € Euro
£
£ £ British Pound Sterling
®
® ® registered
§
§ § section
™
™ ™ trademark
¥
¥ ¥ Japanese Yen
°
° ° Degree
Diacritics
á
Á á
Á á
Á lower-case "a" with acute accent
upper-case "A" with acute accent
à
À à
À à
À lower-case "a" with grave accent
upper-case "A" with grave accent
â
 â
 â
 lower-case "a" with circumflex
upper-case "A" with circumflex
å
Å å
Å å
Å lower-case "a" with ring
upper-case "A" with ring
ã
à ã
à ã
à lower-case "a" with tilde
upper-case "A" with tilde
ä
Ä ä
Ä ä
Ä lower-case "a" with diaeresis/umlaut
upper-case "A" with diaeresis/umlaut
æ
Æ æ
Æ æ
Æ lower-case "ae" ligature
upper-case "AE" ligature
ç
Ç ç
Ç ç
Ç lower-case "c" with cedilla
upper-case "C" with cedilla
é
É é
É é
É lower-case "e" with acute accent
upper-case "E" with acute accent
è
È è
È è
È lower-case "e" with grave accent
upper-case "E" with grave accent
ê
Ê ê
Ê ê
Ê lower-case "e" with circumflex
upper-case "E" with circumflex
ë
Ë ë
Ë ë
Ë lower-case "e" with diaeresis/umlaut
upper-case "E" with diaeresis/umlaut
í
Í í
Í í
Í lower-case "i" with acute accent
upper-case "I" with acute accent
ì
Ì ì
Ì ì
Ì lower-case "i" with grave accent
upper-case "I" with grave accent
î
Î î
Î î
Î lower-case "i" with circumflex
upper-case "I" with circumflex
ï
Ï ï
Ï ï
Ï lower-case "i" with diaeresis/umlaut
upper-case "I" with diaeresis/umlaut
ñ
Ñ ñ
Ñ ñ
Ñ lower-case "n" with tilde
upper-case "N" with tilde
ó
Ó ó
Ó ó
Ó lower-case "o" with acute accent
upper-case "O" with acute accent
ò
Ò ò
Ò ò
Ò lower-case "o" with grave accent
upper-case "O" with grave accent
ô
Ô ô
Ô ô
Ô lower-case "o" with circumflex
upper-case "O" with circumflex
ø
Ø ø
Ø ø
Ø lower-case "o" with slash
upper-case "O" with slash
õ
Õ õ
Õ õ
Õ lower-case "o" with tilde
upper-case "O" with tilde
ö
Ö ö
Ö ö
Ö lower-case "o" with diaeresis/umlaut
upper-case "O" with diaeresis/umlaut
ß
ß ß ess-tsett
ú
Ú ú
Ú ú
Ú lower-case "u" with acute accent
upper-case "U" with acute accent
ù
Ù ù
Ù ù
Ù lower-case "u" with grave accent
upper-case "U" with grave accent
û
Û û
Û û
Û lower-case "u" with circumflex
upper-case "U" with circumflex
ü
Ü ü
Ü ü
Ü lower-case "u" with diaeresis/umlaut
upper-case "U" with diaeresis/umlaut
ÿ
ÿ ÿ lower-case "y" with diaeresis/umlaut
´
` ´
` acute accent with no letter
grave accent/reversed apostrophe with no letter
Notes:
1.The " entity was mistakenly omitted from the HTML 3.2 specification. While use of " generates error reports when validating against 3.2, browsers have continued to recognize the entity and its use is generally safe (sticklers may wish to use " instead). The omission has been corrected in the HTML 4.0 specification.
2.The non-breaking space ( or ) can be used not only to prevent the separation of words by line wraps, but also to force a space equal in size to a keyboard/spacebar space (useful for indentation or wider word separation) or to "hold" space in the empty cell of a table (as in the table above).
3.The middle dot (· or ·) can be used as a bullet and embedded anywhere in text. Because it is equal in size to a period, however, it may be necessary to apply <B> </B> or tags to enhance its graphic effect (use of <FONT SIZE="x"> </FONT> or <BIG> </BIG> elements is not recommended, as these will alter the character's vertical spacing relative to other characters in the same line).
™ TM
© © ! ! _ _ Û Û
® ® " " ` ` ž ž Ü Ü
# # a a Ÿ Ÿ Ý Ý
" " $ $ b b Þ Þ
& & % % c c ¡ ¡ ß ß
< < & & d d ¢ ¢ à à
> > ' ' e e £ £ á á
À À ( ( f f ¤ ¤ â â
Á Á ) ) g g ¥ ¥ ã ã
  * * h h ¦ ¦ ä ä
à à + + i i § § å å
Ä Ä , , j j ¨ ¨ æ æ
Å Å - - k k © © ç ç
Æ Æ . . l l ª ª è è
Ç Ç / / m m « « é é
È È 0 0 n n ¬ ¬ ê ê
É É 1 1 o o ë ë
Ê Ê 2 2 p p ® ® ì ì
Ë Ë 3 3 q q ¯ ¯ í í
Ì Ì 4 4 r r ° ° î î
Í Í 5 5 s s ± ± ï ï
Î Î 6 6 t t ² ² ð ð
Ï Ï 7 7 u u ³ ³ ñ ñ
Ð Ð 8 8 v v ´ ´ ò ò
Ñ Ñ 9 9 w w µ µ ó ó
Õ Õ : : x x ¶ ¶ ô ô
Ö Ö ; ; y y · · õ õ
Ø Ø < < z z ¸ ¸ ö ö
Ù Ù = = { { ¹ ¹ ÷ ÷
Ú Ú > > | | º º ø ø
Û Û ? ? } } » » ù ù
Ü Ü @ @ ~ ~ ¼ ¼ ú ú
Ý Ý A A ? ½ ½ û û
Þ Þ B B € € ¾ ¾ ü ü
ß ß C C ¿ ¿ ý ý
à à D D ‚ ‚ À À þ þ
á á E E ƒ ƒ Á Á ÿ ÿ
å å F F „ „ Â Â
æ æ G G … … Ã Ã
ç ç H H † † Ä Ä
è è I I ‡ ‡ Å Å
é é J J ˆ ˆ Æ Æ
ê ê K K ‰ ‰ Ç Ç
ë ë L L Š Š È È
ì ì M M ‹ ‹ É É
í í N N Œ Œ Ê ?
î î O O Ë Ë
ï ï P P Ž Ž Ì Ì
ð ð Q Q Í Í
ñ ñ R R Î Î
ò ò S S ‘ ‘ Ï Ï
ó ó T T ’ ’ Ð Ð
ô ô U U “ “ Ñ Ñ
õ õ V V ” ” Ò Ò
ö ö W W • • Ó Ó
ø ø X X – - Ô Ô
ù ù Y Y — - Õ Õ
ú ú Z Z ˜ ˜ Ö Ö
û û [ [ ™ ™ × ×
ý ý \ \\ š š Ø Ø
þ þ ] ] › › Ù Ù
ÿ ÿ ^ ^ œ œ Ú Ú
<end node> 5P9i0s8y19Z
dt=
<node>Tables
1
How to Build a Table in HTML
<table border=1 cellspacing=0 cellpadding=0 style='border-collapse:collapse;
border:none;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
Table Tags:
<table></table> for the table
<tr></tr> for table rows
<th></th> for table header cells
<td></td> for table data cells
Simple Table Code
<table>
<tr>
<td>cell one</td>
<td>cell two</td>
<td>cell three</td>
</tr>
<tr>
<td>cell four</td>
<td>cell five</td>
<td>cell six </td>
</tr>
</table>
Table Rows
These attributes affects the content of all the cells in the row. Values in the <tr> tags override those in the <table> tag. Likewise <tr> values can be overridden in the <td> tag values. You can also override these attributes in individual cells. *the baseline attribute aligns data cell contents with the baseline of the top line of text in adjoining cells.
<table><tr></tr></table>
You create table rows inside the table tags and then table cells inside the row tags:
<table><tr><td>cell content</td></tr></table>
<tr> attributes include:
align=left, right, center
valign=top, bottom, baseline
bgcolor=#rrggbb
border color=#rrggbb
bordercolorlight=#rrggbb
bordercolordark=#rrggbb
nowrap>
Table Headers and Table Data
<th> table header and <td> table data tags are placed inside the table tags and bracket your designated content. The attributes of these tags tell the browser how to arrange the content within each individual cell. These attributes can override both the <table> and <tr> attributes.
<td> attributes
<td
align=left, right, center
valign=top, bottom, baseline
background=image.gif *IE
bgcolor=#rrggbb
border color=#rrggbb
bordercolorlight=#rrggbb
bordercolordark=#rrggbb
nowrap
colspan=n
rowspan=n
width=n, n%
height=n, n%>
Alignment:
Tables are rectangular objects which are aligned on the page relative to the alignment of the current text flow. You can <center></center> a table for instance, or use <div align=right></div> .
You can align text relative to the table as you can with image/text relationships:
<table align=right> or <table align=left> ***this is different than aligning a data or header cell’s content using <td align=right>, for instance.
Table Width and Height
<table width=n height=n> sets the measurements of the table in pixels or percentages of the screen size. This may be overridden if cell content is too large.
Cell Spacing Attribute
<table cellspacing=n> designates the spacing between cells in pixel numbers
the default is 2 pixels
Cell Padding Attribute
<table cellpadding=n> designates the padding around all four sides of the contents of the cell in pixels. By default, its one pixel.
Bgcolor and Background Attributes:
<table bgcolor=#rrggbb> will set the table’s bg color different than that of the web page.
<table background=image.gif> will set the table’s bg image, although it looks slightly different in Netscape when compared to IE.
IE support for border color:
<table border color= #rrggbb bordercolorlight= #rrggbb bordercolordark= #rrggbb> to set 3d appearance of table borders.
Border Frame and Rules Attributes:
<table border=n> sets the thickness of the table and cell borders in pixels
<table frame=above, below, lhs, rhs, hsides, vsides> works only in IE, drawing designated lines on the various sides of a table--
Cols Attribute
<table cols=n> tells the browser how many columns to expect and aids in loading time of especially long tables
Hspace and Vspace attributes
<table hspace=n> designates breathing space around the table on its sides in pixel measurements
<table vspace=n> designates breathing space on the top and bottom of a table in pixel measurements
Default Vertical Alignment for Table contents
<table valign=top, bottom> in IE only will set the vertical alignment within all the table’s cells
Missing Features:
You can align a cell’s contents on an individual basis, but not between cells.
Netscape and IE give you the ability to set the thickness of table and cell borders in different ways--Netscape, the border size is global. In IE, you can vary the rule widths between header, body, and footer of a table.
Except in IE, html tables don’t have running headers or footers
************************************************************************************************
Tables take the general form:
<TABLE BORDER=3 CELLSPACING=2 CELLPADDING=2 WIDTH="80%">
<CAPTION> ... table caption ... </CAPTION>
<TR><TD> first cell <TD> second cell
<TR> ...
...
</TABLE>
The attributes on TABLE are all optional. By default, the table is rendered without a surrounding border. The table is generally sized automatically to fit the contents, but you can also set the table width using the WIDTH attribute. BORDER, CELLSPACING and CELLPADDING provide further control over the table's appearence. Captions are rendered at the top or bottom of the table depending on the ALIGN attribute.
Each table row is contained in a TR element, although the end tag can always be omitted. Table cells are defined by TD elements for data and TH elements for headers. Like TR, these are containers and can be given without trailing end tags. TH and TD support several attributes: ALIGN and VALIGN for aligning cell content, ROWSPAN and COLSPAN for cells which span more than one row or column. A cell can contain a wide variety of other block and text level elements including form fields and other tables.
The TABLE element always requires both start and end tags. It supports the following attributes:
align
This takes one of the case insensitive values: LEFT, CENTER or RIGHT. It specifies the horizontal placement of the table relative to the current left and right margins. It defaults to left alignment, but this can be overridden by an enclosing DIV or CENTER element.
width
In the absence of this attribute the table width is automatically determined from the table contents. You can use the WIDTH attribute to set the table width to a fixed value in pixels (e.g. WIDTH=212) or as a percentage of the space between the current left and right margins (e.g. WIDTH="80%").
border
This attribute can be used to specify the width of the outer border around the table to a given number of pixels (e.g. BORDER=4). The value can be set to zero to suppress the border altogether. In the absence of this attribute the border should be suppressed. Note that some browsers also accept <TABLE BORDER> with the same semantics as BORDER=1.
cellspacing
In traditional desktop publishing software, adjacent table cells share a common border. This is not the case in HTML. Each cell is given its own border which is separated from the borders around neighboring cells. This separation can be set in pixels using the CELLSPACING attribute, (e.g. CELLSPACING=10). The same value also determines the separation between the table border and the borders of the outermost cells.
cellpadding
This sets the padding in pixels between the border around each cell and the cell's contents.
The CAPTION element has one attribute ALIGN which can be either ALIGN=TOP or ALIGN=BOTTOM. This can be used to force the caption to be placed above the top or below the bottom of the table respectively. Most user agents default to placing the caption above the table. CAPTION always requires both start and end tags. Captions are limited to plain text and text-level elements as defined by the %text entity. Block level elements are not permitted.
The TR or table row element requires a start tag, but the end tag can always be left out. TR acts as a container for table cells. It has two attributes:
align
Sets the default horizontal alignment of cell contents. It takes one of the case insensitive values: LEFT, CENTER or RIGHT and plays the same role as the ALIGN attribute on paragraph elements.
valign
This can be used to set the default vertical alignment of cell contents within each cell. It takes one of the case insensitive values: TOP, MIDDLE or BOTTOM to position the cell contents at the top, middle or bottom of the cell respectively.
There are two elements for defining table cells. TH is used for header cells and TD for data cells. This distinction allows user agents to render header and data cells in different fonts, and enables speech based browsers to do a better job. The start tags for TH and TD are always needed but the end tags can be left out. Table cells can have the following attributes:
nowrap
The presence of this attribute disables automatic word wrap within the contents of this cell (e.g. <TD NOWRAP>). This is equivalent to using the entity for non-breaking spaces within the content of the cell.
rowspan
This takes a positive integer value specifying the number of rows spanned by this cell. It defaults to one.
colspan
This takes a positive integer value specifying the number of columns spanned by this cell. It defaults to one.
align
Specifies the default horizontal alignment of cell contents, and overrides the ALIGN attribute on the table row. It takes the same values: LEFT, CENTER and RIGHT. If you don't specify an ALIGN attribute value on the cell, the default is left alignment for <td> and center alignment for <th> although you can override this with an ALIGN attribute on the TR element.
valign
Specifies the default vertical alignment of cell contents, overriding the VALIGN attribute on the table row. It takes the same values: TOP, MIDDLE and BOTTOM. If you don't specify a VALIGN attribute value on the cell, the default is middle although you can override this with a VALIGN attribute on the TR element.
width
Specifies the suggested width for a cell content in pixels excluding the cell padding. This value will normally be used except when it conflicts with the width requirements for other cells in the same column.
height
Specifies the suggested height for a cell content in pixels excluding the cell padding. This value will normally be used except when it conflicts with the height requirements for other cells in the same row.
Tables are commonly rendered in bas-relief, raised up with the outer border as a bevel, and individual cells inset into this raised surface. Borders around individual cells are only drawn if the cell has explicit content. White space doesn't count for this purpose with the exception of .
The algorithms used to automatically size tables should take into account the minimum and maximum width requirements for each cell. This is used to determine the minimum and maximum width requirements for each column and hence for the table itself.
Cells spanning more than one column contribute to the widths of each of the columns spanned. One approach is to evenly apportion the cell's minimum and maximum width between these columns, another is to weight the apportioning according to the contributions from cells that don't span multiple columns.
For some user agents it may be necessary or desirable to break text lines within words. In such cases a visual indication that this has occurred is advised.
The minimum and maximum width of nested tables contribute to the minimum and maximum width of the cell in which they occur. Once the width requirements are known for the top level table, the column widths for that table can be assigned. This allows the widths of nested tables to be assigned and hence in turn the column widths of such tables. If practical, all columns should be assigned at least their minimum widths. It is suggested that any surplus space is then shared out proportional to the difference between the minimum and maximum width requirements of each column.
Note that pixel values for width and height refer to screen pixels, and should be multiplied by an appropriate factor when rendering to very high resolution devices such as laser printers. For instance if a user agent has a display with 75 pixels per inch and is rendering to a laser printer with 600 dots per inch, then the pixel values given in HTML attributes should be multiplied by a factor of 8.
<end node> 5P9i0s8y19Z
dt=
<node>border
2
" BORDERCOLOR="#C6C6C6
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
<end node> 5P9i0s8y19Z
dt=
<node>cells
2
[background image]
<h4>Cell backgrounds:</h4>
<table border="1">
<tr>
<td bgcolor="red">First</td>
<td>Row</td>
</tr>
<tr>
<td
background="../images/bgdesert.jpg">
Second</td>
<td>Row</td>
</tr>
</table>
<end node> 5P9i0s8y19Z
dt=
<node>Video
1
[mp4]
html5
<video controls="controls" height="320">
<source src="/wp-content/uploads/2016/test.mp4" type="video/mp4" />
</video>
<video width="640" height="360" poster="__POSTER__.jpg" controls="controls">
<source src="/wp-content/uploads/2016/test.mp4" type="video/mp4" />
<source src="__VIDEO__.webm" type="video/webm" />
<source src="__VIDEO__.ogv" type="video/ogg" /><!--[if gt IE 6]>
<object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><!
[endif]--><!--[if !IE]><!-->
<object width="640" height="375" type="video/quicktime" data="/wp-content/uploads/2016/test.mp4"><!--<![endif]-->
<param name="src" value="/wp-content/uploads/2016/test.mp4" />
<param name="autoplay" value="false" />
<param name="showlogo" value="false" />
<object width="640" height="380" type="application/x-shockwave-flash"
data="__FLASH__.swf?image=__POSTER__.jpg&file=/wp-content/uploads/2016/test.mp4">
<param name="movie" value="__FLASH__.swf?image=__POSTER__.jpg&file=__VIDEO__.mp4" />
<img src="__POSTER__.jpg" width="640" height="360" />
<p>
<strong>No video playback capabilities detected.</strong>
Why not try to download the file instead?<br />
<a href="__VIDEO__.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> |
<a href="__VIDEO__.ogv">Ogg Theora & Vorbis “.ogv” (Linux)</a>
</p>
</object><!--[if gt IE 6]><!-->
</object><!--<![endif]-->
</video>
<div style="margin:0 0 25px 25px">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="480" height="300">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/homepagevideoshot.jpg" />
<param name="movie" value="video/mediaplayer.swf" />
<embed src="video/mediaplayer.swf" width="480" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/homepagevideoshot.jpg" /></object>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>Embed
2
<OBJECT ID="Player"
WIDTH="320"
HEIGHT="300"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
STANDBY="Loading Windows Media Player components..."
TYPE="application/x-oleobject"
ALIGN="bottom"
VIEWASTEXT>
<PARAM NAME="FileName" VALUE="missionProduce.wmv">
<PARAM NAME="AutoStart" VALUE="1">
<PARAM NAME="AutoSize" VALUE="1">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="DisplaySize" VALUE="0">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="1">
<PARAM NAME="EnableContextMenu" VALUE="0">
<PARAM NAME="ShowControls" VALUE="1">
<EMBED TYPE="video/x-ms-asf-plugin" PLUGINSPAGE="http://www.microsoft.com/windows/mediaplayer/download/default.asp" SRC="missionProduce.wmv" WIDTH="320px" HEIGHT="300px" SHOWCONTROLS="1" SHOWPOSITIONCONTROLS="0" SHOWSTATUSBAR="1" ALIGN="bottom" AUTOSIZE="1" DISPLAYSIZE="0"></EMBED>
</OBJECT>
<OBJECT
ID="mediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
STANDBY="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject">
<PARAM NAME="fileName" VALUE="THIS IS WHERE YOU PUT THE MUSIC/VIDEO LINK">
<PARAM NAME="animationatStart" VALUE="true">
<PARAM NAME="transparentatStart" VALUE="true">
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="true">
<PARAM NAME="ShowDisplay" VALUE="true">
</OBJECT>
[Drop down Menus]
<param name="wmode" value="transparent" />
to the <object> and/or
wmode="transparent"
to the <embed> has solved the problem.
<end node> 5P9i0s8y19Z
dt=
<node>flash
2
[show static image]
<object>
<param name="flashvars" value="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/municipal-button.jpg" />
<embed src="video/mediaplayer.swf" width="480" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/municipal-button.jpg" /></object>
Parameters
Name Description
Parameter name Parameter description
flv The URL of the FLV video to be played.
width Forces the video width.
height Forces the video height.
autoplay 1 to auto-play
autoload 1 to automatically load
buffer The number of seconds to buffer. By default set to 5.
config The URL of the configuration text file, similar to flv_config.txt
configxml The URL of the configuration XML file, similar to flv_config.xml
title The title shown before loading the video
margin The margin of the video with respect to the Flash object. (useful for skins).
srt 1 to use SRT subtitles (the file must be at the same place as the video and have the same name, with .srt extension)
showstop 1 to show the STOP button.
showvolume 1 to show the VOLUME button.
showtime 1 to show the TIME button
loop 1 to loop.
startimage The URL of the JPEG file (not progressive) to be shown before loading the video
skin The URL of the JPEG file (not progressive) to load
playercolor The background color of the player bar (not the flash)
loadingcolor The color of loading bar
bgcolor The background color
bgcolor1 The first color of the background gradient
bgcolor2 The second color of the background gradient
buttoncolor The color of the buttons
buttonovercolor Hover color of buttons
slidercolor1 The first color of the bar gradient
slidercolor2 The second color of the bar gradient
sliderovercolor Hover color of the bar
loadonstop 0 to stop the video loading by cliking on STOP button
phpstream 1 to use php stream
Keyboard shortcuts
<end node> 5P9i0s8y19Z
dt=
<node>flv
2
[NOTE]
The move path reqiures ../ to make it find movie. the image or swf path does not require such logic
<div style="margin:25px 0 0px 0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="200" height="200">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=../videos/boc.flv&image=images/homepagevideoshot.jpg" />
<param name="movie" value="../videos/mediaplayer.swf" />
<embed src="../videos/mediaplayer.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=../videos/boc.flv&image=images/homepagevideoshot.jpg" /></object>
</div>
[Greeley Chamber]
$movie="../videos/GreatFromGroundUp.flv";$img="../videos/greeley.jpg"; ?>
<div style="margin:25px 0 0px 0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="200" height="200">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=<?php echo $movie; ?>&image=<?php echo $img; ?>" />
<param name="movie" value="../videos/mediaplayer.swf" />
<embed src="../videos/mediaplayer.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=<?php echo $movie; ?>&image=<?php echo $img; ?>" /></object>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>sound
2
Can be above body
<bgsound src="../SoundBites/stdatas[1].wav" loop="1">
<end node> 5P9i0s8y19Z
<node>HTML Code
<node>Add to Favorites
<node>BackGround
<node>Gradient
<node>Sound
<node>BackGround Pictures
<node>body
<node>bookmark
<node>BOX
<node>Colors
<node>Embed
<node>Form
<node>checkboxes
<node>multipleSections
<node>radio button
<node>submit buttons
<node>sample
<node>text
<node>textarea
<node>FORMATING
<node><LI> Replacement
<node>frames
<node>Icon Address bar
<node>iframe
<node>Layers
<node>map
<node>menu-folder
<node>META Tag Basics
<node>Meta tag caching
<node>META: What is it used for?
<node>Refreshing Using the META Tag
<node>ScreenEffects
<node>Movie
<node>flash
<node>flv
<node>PICTURE BASICS
<node>POP-UP Window
<node>Write to a Window
<node>Printing
<node>ROBOTS
<node>SetTimeout
<node>sound
<node>special Characters
<hj-Treepad version 0.9>
<node>HTML Code
0
<end node> 5P9i0s8y19Z
<node>Add to Favorites
1
function addbookmark()
{
bookmarkurl="http://www.theinterviewwithgod.com"
bookmarktitle="The Interview With God"
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
// End -->
</script>
<end node> 5P9i0s8y19Z
<node>BackGround
1
bgproperties="fixed"
background="images/pic.jpg"
background-color:white;opacity:.5;filter:alpha(opacity=50);
<end node> 5P9i0s8y19Z
<node>Gradient
2
Create a Gradient Background Effect
You can use the style tag to create a gradient background effect within your web page. This effect can be used for your entire web page background, or within your table cells.
To use the gradient effect as your web page background, use the following BODY tag:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">
To use the gradient effect within your tables, place the following code within your table tag:
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"
Although you can edit the gradient colors indicated in red, keep in mind, in order for the effect to display properly, you must use a light color and a darker color.
<end node> 5P9i0s8y19Z
<node>Sound
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=538
===
Q & A - BGSOUND, EMBED, META: Playing a background sound
Applies to These Versions Categories
Version Numbers Not Applicable Sound
Tags
--------------------------------------------------------------------------------
How do I get sound to play on my Web site?
First, your sound should be in a format that the maximum number of browsers can use. The principal cross-platform sound formats are .au, .wav. and .ra. A good place to visit to find sound conversion tools is MAZ Sound Tools Page, at http://www.th-zwickau.de/~maz. (It takes a while to load, but it's worth the wait.)
As with graphics, you need to keep the file size in mind. The larger the file, the longer it will take to download. I recommend lowering the sample-rate of the sound (if you haven't already done so) to 22 kHz, 16 or even 8 kHz. The lower the quality, the faster the sound will load (although it will sound concomitantly worse). You will have to make your own judgements when you reach this point. Try not to make the sound too annoying—that's a sure way to keep people from coming back to visit your site.
There are three ways to get sounds to play in the background of your page: Via the META tag, the BGSOUND tag, or by using EMBED.
Using META to play sounds
<META HTTP-EQUIV=REFRESH CONTENT="15; URL=http://www.projectcool.com/sounds/demo.au">
This tag lives in the HEAD section of the document. The number next to CONTENT tells the server how many seconds to wait before sending the sound-file to your browser. Don't make it one second, otherwise the sound will play before your page has completely loaded. The URL should show the full-path (yes, it should also include http://... even if it's in the same directory). Also, pay strict attention to where the quotes and spaces are (an extra or missing quote and the file will not be loaded).
Using BGSOUND to play sounds
<BGSOUND SRC="http://www.projectcool.com/sounds/demo.au" LOOP=3>
This tag lives in the BODY of the document and only works with Microsoft's browser (Internet Explorer 2.0 or greater). The SRC can be either relative or full-path. The loop attribute defines how many times you want the sound to play; to play it continuously define LOOP=INFINITE.
Using EMBED to play sounds
<EMBED SRC="http://www.best.com/~paz/homie/sounds/giggle.au" AUTOSTART="TRUE" VOLUME=50%>
This tag lives in the BODY of the document and is supported by both Netscape and Microsoft IE. The SRC can be either relative or full-path. AUTOSTART will determine whether you want the file to begin playing after it has loaded. Volume can be defined from 0-100% (don't set it at 100 unless you want to loose some friends). This tag is actually quite flexible, it also allows for the user to determine where,within the sound file, it begins to play.
<end node> 5P9i0s8y19Z
<node>BackGround Pictures
1
If you wish to use any of these files, please note that the href is as follows. For example if you wanted to use the backdrop softgrid your entry would look like:-
<body background ="/backdrops/mild/softgrid.gif">
<end node> 5P9i0s8y19Z
<node>body
1
Block elements
P paragraphs
The paragraph element requires a start tag, but the end tag can always be omitted. Use the ALIGN attribute to set the text alignment within a paragraph, e.g. <P ALIGN=RIGHT>
UL unordered lists
These require start and end tags, and contain one or more LI elements representing individual list items.
OL ordered (i.e. numbered) lists
These require start and end tags, and contain one or more LI elements representing individual list items.
DL definition lists
These require start and end tags and contain DT elements that give the terms, and DD elements that give corresponding definitions.
PRE preformatted text
Requires start and end tags. These elements are rendered with a monospaced font and preserve layout defined by whitespace and line break characters.
DIV document divisions
Requires start and end tags. It is used with the ALIGN attribute to set the text alignment of the block elements it contains. ALIGN can be one of LEFT, CENTER or RIGHT.
CENTER text alignment
Requires start and end tags. It is used to center text lines enclosed by the CENTER element. See DIV for a more general solution.
BLOCKQUOTE quoted passage
Requires start and end tags. It is used to enclose extended quotations and is typically rendered with indented margins.
FORM fill-out forms
Requires start and end tags. This element is used to define a fill-out form for processing by HTTP servers. The attributes are ACTION, METHOD and ENCTYPE. Form elements can't be nested.
ISINDEX primitive HTML forms
Not a container, so the end tag is forbidden. This predates FORM and is used for simple kinds of forms which have a single text input field, implied by this element. A single ISINDEX can appear in the document head or body.
HR horizontal rules
Not a container, so the end tag is forbidden. attributes are ALIGN, NOSHADE, SIZE and WIDTH.
TABLE can be nested
Requires start and end tags. Each table starts with an optional CAPTION followed by one or more TR elements defining table rows. Each row has one or more cells defined by TH or TD elements. attributes for TABLE elements are WIDTH, BORDER, CELLSPACING and CELLPADDING.
--------------------------------------------------------------------------------
<end node> 5P9i0s8y19Z
<node>bookmark
1
<A HREF="#Nerd"><B><FONT FACE="Arial">Nerd Joke</B></FONT></A>
For frames add the filename in front of the #Nerd to identify the file. Make sure to add the target for the file name to be bookmarked.
<B><FONT FACE="Arial" SIZE=4><P><A NAME="Nerd">Words of Wisdom to Start the Week...</A></P>
<end node> 5P9i0s8y19Z
<node>BOX
1
<fieldset><legend>
<end node> 5P9i0s8y19Z
<node>Colors
1
Literal Color RGB Literal Color RGB
"black" "#000000"
"silver" "#C0C0C0"
"grey" "#808080"
"white" "#FFFFFF"
"maroon" "#8E236B"
"red" "#FF0000"
"purple" "#800080"
"fuchsia" "#FF00FF"
"lime" "#32CD32"
"green" "#00FF00"
"olive" "#808000"
"yellow" "#FFFF00"
"navy" "#000080"
"blue" "#0000FF"
"teal" "#008080"
"cyan" "#00FFFF"
black, silver, grey, white, maroon, red, purple, fuchsia, lime, green, olive, yellow, navy, blue, teal, cyan
****
<div style='border:solid windowtext .5pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;
background:#EFEFFF;mso-shading:windowtext;mso-pattern:gray-20 blue'>
<end node> 5P9i0s8y19Z
<node>Embed
1
<OBJECT ID="Player"
WIDTH="320"
HEIGHT="300"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
STANDBY="Loading Windows Media Player components..."
TYPE="application/x-oleobject"
ALIGN="bottom"
VIEWASTEXT>
<PARAM NAME="FileName" VALUE="missionProduce.wmv">
<PARAM NAME="AutoStart" VALUE="1">
<PARAM NAME="AutoSize" VALUE="1">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="DisplaySize" VALUE="0">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="1">
<PARAM NAME="EnableContextMenu" VALUE="0">
<PARAM NAME="ShowControls" VALUE="1">
<EMBED TYPE="video/x-ms-asf-plugin" PLUGINSPAGE="http://www.microsoft.com/windows/mediaplayer/download/default.asp" SRC="missionProduce.wmv" WIDTH="320px" HEIGHT="300px" SHOWCONTROLS="1" SHOWPOSITIONCONTROLS="0" SHOWSTATUSBAR="1" ALIGN="bottom" AUTOSIZE="1" DISPLAYSIZE="0"></EMBED>
</OBJECT>
<OBJECT
ID="mediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
STANDBY="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject">
<PARAM NAME="fileName" VALUE="THIS IS WHERE YOU PUT THE MUSIC/VIDEO LINK">
<PARAM NAME="animationatStart" VALUE="true">
<PARAM NAME="transparentatStart" VALUE="true">
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="true">
<PARAM NAME="ShowDisplay" VALUE="true">
</OBJECT>
[Drop down Menus]
<param name="wmode" value="transparent" />
to the <object> and/or
wmode="transparent"
to the <embed> has solved the problem.
<end node> 5P9i0s8y19Z
<node>Form
1
See Java-Forms also
<form name=myform action="" method=post>
<INPUT TYPE = "hidden" SIZE = 0 maxlength= 30 NAME = "Info">
<input type = "submit" value = "Send" name="submit">
<end node> 5P9i0s8y19Z
<node>checkboxes
2
javascript
if(document.frmInput.iunderstand.checked==false){
error_message = error_message + '*You have NOT read the Affidavit. Please do so and check the box after reading.\\n';
error = 1;
}
<input type='checkbox' value='o_prop_tax' name='select[0]' checked>Property Taxes<br>
<input type='checkbox' value='o_insure' name='select[1]' checked>Insurance<br>
<p><input type='checkbox' value='email_note' name='email_note' >Notify me by email if someone views my Rental.</p>
ARRAY CHECK BOXES
function showBoxes(frm){
var verify = frm['regOpt[]'];
if(verify[0].checked==true){
for (var i = 1; i < verify.length; i++) {
verify[i].checked=false;
}
}
}
<tr><td width=34 align=right><input type=checkbox name=regOpt[] value=1 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>Main Conference: July 15th, 16th and 17th , 2010 (does not include Pre-Sessions)</b> $429 on/before June 19; $459 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=2 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>1/2 day only Thursday July 15th (does not include Welcome Reception)</b> $149 on/before June 19; $179 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=3 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>Friday, July 17th only</b> $280 on/before June 19; $310 after June 19
</td><tr><td width=34 align=right><input type=checkbox name=regOpt[] value=5 onclick='showBoxes(this.form);'></td>
<td align=left class=tableSubHead>
<b>1/2 day only Saturday, July 17th</b> $149 on/before June 19; $179 after June 19
</td></table>
<end node> 5P9i0s8y19Z
<node>multipleSections
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kendall Printing Quote Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="JavaScript">
<!--
var reWhitespace = /^\\s+$/;
var reEmail = /^.+\\@.+\\..+$/;
var reInteger = /^\\d+$/;
var reSignedInteger = /^(\\+|-)?\\d+$/;
var sec1, sec2, sec3, sec4, sec5;
var Header1, Header2, Header3, Header4, Header5;
var defaultEmptyOK = false
function warnEmpty (theField, s)
{
theField.style.backgroundColor='#ff3333';
alert(s);
return false;
}
function warnInvalid (theField, s)
{
theField.style.backgroundColor='#ff3333';
alert(s);
return false;
}
function isSignedInteger (s)
{ if (isEmpty(s))
if (isSignedInteger.arguments.length == 1) return defaultEmptyOK;
else return (isSignedInteger.arguments[1] == true);
else {
return reSignedInteger.test(s);
}
}
function isPositiveInteger (s)
{ var secondArg = defaultEmptyOK;
if (isPositiveInteger.arguments.length > 1)
secondArg = isPositiveInteger.arguments[1];
return (isSignedInteger(s, secondArg)
&& ( (isEmpty(s) && secondArg) || (parseInt (s) > 0) ) );
}
function checkPositiveInteger (theField, s, emptyOK)
{
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
if (isPositiveInteger(theField.value.replace(",","")))
return true;
else
return warnInvalid(theField, s);
}
function isEmpty(s)
{ return ((s == null) || (s.length == 0));
}
function isWhitespace (s)
{
return (isEmpty(s) || reWhitespace.test(s));
}
function isEmail (s)
{ if (isEmpty(s))
if (isEmail.arguments.length == 1) return defaultEmptyOK;
else return (isEmail.arguments[1] == true);
else {
return reEmail.test(s)
}
}
function checkEmail (theField, s, emptyOK)
{ if (checkEmail.arguments.length == 1) emptyOK = defaultEmptyOK;
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
else if (!isEmail(theField.value, false))
return warnInvalid (theField, s);
else return true;
}
function checkString (theField, s, emptyOK)
{
if (checkString.arguments.length == 2) emptyOK = defaultEmptyOK;
if ((emptyOK == true) && (isEmpty(theField.value))) return true;
if (isWhitespace(theField.value))
return warnEmpty (theField, s);
else return true;
}
function validatePage5(){
df=document.forms[0];
if(!checkString(df.ContactName,'Contact Name is Required', false))return false;
if(!checkString(df.Phone,'Phone is Required', false))return false;
if(!checkString(df.Fax,'Fax is Required', false))return false;
if(!checkString(df.Email,'Email is Required', false))return false;
if(!checkEmail(df.Email,'Email must be in the correct format', true))return false;
return true;
}
function init(){
sec1 = document.getElementById('Section1');
sec2 = document.getElementById('Section2');
sec3 = document.getElementById('Section3');
sec4 = document.getElementById('Section4');
sec5 = document.getElementById('Section5');
Header1 = document.getElementById('Header1');
Header2 = document.getElementById('Header2');
Header3 = document.getElementById('Header3');
Header4 = document.getElementById('Header4');
Header5 = document.getElementById('Header5');
}
function hideAllDivs(){
sec1.style.display='none';
sec2.style.display='none';
sec3.style.display='none';
sec4.style.display='none';
sec5.style.display='none';
// also grey all headers
Header1.style.color='#cccccc';
Header1.style.fontWeight='500';
Header2.style.color='#cccccc';
Header2.style.fontWeight='500';
Header3.style.color='#cccccc';
Header3.style.fontWeight='500';
Header4.style.color='#cccccc';
Header4.style.fontWeight='500';
Header5.style.color='#cccccc';
Header5.style.fontWeight='500';
}
function showStep1(){
hideAllDivs();
sec1.style.display='block';
Header1.style.color='#ffffff';
Header1.style.fontWeight='900';
}
function showStep2(){
hideAllDivs();
sec2.style.display='block';
Header2.style.color='#ffffff';
Header2.style.fontWeight='900';
}
function showStep3(){
hideAllDivs();
sec3.style.display='block';
Header3.style.color='#ffffff';
Header3.style.fontWeight='900';
}
function showStep4(){
hideAllDivs();
sec4.style.display='block';
Header4.style.color='#ffffff';
Header4.style.fontWeight='900';
}
function showStep5(){
hideAllDivs();
sec5.style.display='block';
Header5.style.color='#ffffff';
Header5.style.fontWeight='900';
}
//-->
</script>
<style type="text/css">
input.blue{background-color:#0066cc;color:#dddddd;font-weight:900}
</style>
</head>
<body bgcolor="#eeeeee" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()">
<table width="599" height="23" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0066CC">
<tr>
<td width="109" height="20" align="center"><font style="color:#ffffff;background-color:#0066cc;font-weight:900" ID="Header1">Job
Overview</font></td>
<td width="121" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header2">Paper
& Ink</font></td>
<td width="103" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header3">Finishing</font></td>
<td width="119" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header4">Special
Instr</font></td>
<td width="147" align="center"><font style="color:#cccccc;background-color:#0066cc;font-weight:500" ID="Header5">Shipping
/ Contact</font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td valign='top'><form name='form1' method='post' action='quote_form_action.asp' onSubmit="return validatePage5()">
<div ID="Section1" style="visibility:visible;height:0;">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td height="26" colspan="4" align="center" bgcolor="#CCCCCC"><strong> </strong>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="25"> </td>
<td align="center"><strong>Job Overview</strong></td>
<td width="25%" align="right"><strong> Step 1 of 5 </strong></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="35" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a required field</font></td>
<td width="35"> </td>
</tr>
<tr>
<td height="26"> </td>
<td width="149">Project Title:</td>
<td width="384" align="left"><input name="ProjectTitle" type="text" id="ProjectTitle" value="" size="30" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Quantity:</td>
<td align="left"><input name="Quantity" type="text" id="Quantity" size="5" value="" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="28"> </td>
<td># of pages:</td>
<td><input name="NumberPages" type="text" id="NumberPages" size="5" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Flat size:</td>
<td><input name="FlatSize" type="text" id="FlatSize"></td>
<td> </td>
</tr>
<tr>
<td height="29"> </td>
<td>Finished size:</td>
<td><input name="FinishedSize" type="text" id="FinishedSize3"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>Cover:</td>
<td align="left"><input name="Cover" type="checkbox" id="Cover" value="Self-Cover">
self cover
<input name="Cover" type="checkbox" id="Cover" value="Plus Cover">
plus cover</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td valign="top">Media Supplied:</td>
<td align="left"><textarea name="MediaSupplied" cols="35" id="MediaSupplied"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="145"> </td>
<td height="145"> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td> </td>
<td align="right"><input class='blue' type="button" name="Button2" value="Next" onClick="showStep2()" ></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section2" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Paper & Ink</strong></td>
<td width="25%" align="right"><strong> Step 2 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="34" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="35"> </td>
</tr>
<tr>
<td height="125"> </td>
<td colspan="2" valign="top"><table width="409" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="72" height="26"><strong>Paper: </strong></td>
<td width="56"><u>Text</u></td>
<td width="153"><input name="Paper_Text_Stock" type="text" id="Paper_Text_Stock"></td>
<td width="128">stock & wt </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td><input name="Paper_Text_Color" type="text" id="Paper_Text_Color"></td>
<td>color</td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="3"><hr size="1"></td>
</tr>
<tr>
<td height="27"> </td>
<td><u>Cover</u></td>
<td><input name="Paper_Cover_Stock" type="text" id="Paper_Cover_Stock"></td>
<td>stock & wt</td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td><input name="Paper_Cover_Color" type="text" id="Paper_Cover_Color"></td>
<td>color</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td width="34" height="232"> </td>
<td colspan="2" valign="top"><table width="494" height="232" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="44" height="26"><strong>Ink: </strong></td>
<td width="43"><u>Text</u></td>
<td width="72">Colors:</td>
<td width="286">
<select name="Ink_Text_Colors" id="Ink_Text_Colors">
<option value="None " selected>None </option>
<option value="1 Color - Black Only ">1 Color - Black Only </option>
<option value="1 Color ">1 Color </option>
<option value="2 Colors ">2 Colors </option>
<option value="3 Colors ">3 Colors </option>
<option value="(4/C)Process ">(4/C)Process </option>
<option value="(4/C)Process + 1 PMS ">(4/C)Process + 1 PMS </option>
<option value="(4/C)Process + 2 PMS ">(4/C)Process + 2 PMS </option>
<option value="(4/C)Process + 3 PMS ">(4/C)Process + 3 PMS </option>
<option value="(4/C)Process + 4PMS ">(4/C)Process + 4PMS </option>
<option value="Other ">Other </option>
</select></td>
<td width="49"> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Bleeds</td>
<td><input type="radio" name="Ink_Text_Bleeds" value="1">
Yes / No
<input name="Ink_Text_Bleeds" type="radio" value="0" checked></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Coverage:</td>
<td>
<select name="Ink_Text_Coverage" id="Ink_Text_Coverage">
<option value="Heavy">Heavy</option>
<option value="Light">Light</option>
<option value="Medium" selected>Medium</option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td> </td>
<td>Coating: </td>
<td><select name="Ink_Text_Coating" id="Ink_Text_Coating">
<option value="No Special Coating" selected>No Special Coating
<option value="Varnish/Flood">Varnish/Flood
<option value="Varnish/Spot">Varnish/Spot
<option value="Aqueous Coating">Aqueous Coating
<option value="UV Gloss">UV Gloss
<option value="UV Dull">UV Dull
<option value="Matte Laminate">Matte Laminate
<option value="Gloss Laminate">Gloss Laminate
</select>
</td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="3"><hr size="1">
</td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td><u>Cover</u></td>
<td>Colors: </td>
<td><select name="Ink_Cover_Colors" id="Ink_Cover_Colors">
<option value="None " selected>None </option>
<option value="1 Color - Black Only ">1 Color - Black Only </option>
<option value="1 Color ">1 Color </option>
<option value="2 Colors ">2 Colors </option>
<option value="3 Colors ">3 Colors </option>
<option value="(4/C)Process ">(4/C)Process </option>
<option value="(4/C)Process + 1 PMS ">(4/C)Process + 1 PMS </option>
<option value="(4/C)Process + 2 PMS ">(4/C)Process + 2 PMS </option>
<option value="(4/C)Process + 3 PMS ">(4/C)Process + 3 PMS </option>
<option value="(4/C)Process + 4PMS ">(4/C)Process + 4PMS </option>
<option value="Other ">Other </option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td>Bleeds</td>
<td><input type="radio" name="Ink_Cover_Bleeds" value="1">
Yes / No
<input name="Ink_Cover_Bleeds" type="radio" value="0" checked></td>
<td> </td>
</tr>
<tr>
<td height="29"> </td>
<td> </td>
<td>Coverage:</td>
<td><select name="Ink_Cover_Coverage" id="Ink_Cover_Coverage">
<option value="Heavy">Heavy</option>
<option value="Light">Light</option>
<option value="Medium" selected>Medium</option>
</select></td>
<td> </td>
</tr>
<tr>
<td height="24" colspan="2"> </td>
<td valign="top">Coating:</td>
<td>
<select name="Ink_Cover_Coating" id="Ink_Cover_Coating">
<option value="No Special Coating" selected>No Special Coating
<option value="Varnish/Flood">Varnish/Flood
<option value="Varnish/Spot">Varnish/Spot
<option value="Aqueous Coating">Aqueous Coating
<option value="UV Gloss">UV Gloss
<option value="UV Dull">UV Dull
<option value="Matte Laminate">Matte Laminate
<option value="Gloss Laminate">Gloss Laminate
</select>
</td>
<td align="right"> </td>
</tr>
</table></td>
<td width="35"> </td>
</tr>
<tr>
<td> </td>
<td width="217"><input type="button" name="Button4" class='blue' value="Previous" onClick="javascript:showStep1()"></td>
<td width="314" align="right"><input type="button" class='blue' name="Button3" value="Next" onClick="javascript:showStep3()"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
</table>
</div>
<div id="Section3" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Finishing</strong></td>
<td width="25%" align="right"><strong> Step 3 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="34"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="34"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"><strong>Proofs: </strong>
<input name="Proofs" type="checkbox" id="Proofs" value="Digital Color Proof">
Digital Color Proof
<input name="Proofs" type="checkbox" id="Proofs" value="PlotterProof">
Plotter Proof </td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="2" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2" valign="top"><strong>How would you like your document bound?</strong></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td colspan="2"><input name="Binding" type="checkbox" id="Binding" value="Saddlebind">
Saddlebind
<input name="Binding" type="checkbox" id="Binding" value="Perfect Bind">
Perfect Bind
<input name="Binding" type="checkbox" id="Binding" value="Wire0">
Wire-0 <br>
<input name="Binding" type="checkbox" id="Binding" value="Spiral">
Spiral
<input name="Binding" type="checkbox" id="Binding" value="Corner Staple ">
Corner Staple
<input name="Binding" type="checkbox" id="Binding" value="Looseleaf ">
Looseleaf</td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td colspan="2"><strong>Other options:</strong></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"><input name="OtherOptions" type="checkbox" id="OtherOptions" value="Diecut">
Diecut
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Perf / Score ">
Perf/Score
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Numbering">
Numbering
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Fold">
Fold
<input name="OtherOptions" type="checkbox" id="OtherOptions" value="Padding">
Padding</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td height="149"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td width="326"><input type="button" name="Button" class='blue' value="Previous" onClick="javascript:showStep2()"></td>
<td width="206" align="right"><input type="button" class='blue' name="Button" value="Next" onClick="javascript:showStep4()"></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section4" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td height="23" colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="23"> </td>
<td align="center"><strong>Special Instructions</strong></td>
<td width="25%" align="right"><strong> Step 4 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="35" height="19"> </td>
<td colspan="2" align="center"><font color="#3366ff">*</font><font size="2"> indicates a
required field</font></td>
<td width="34"> </td>
</tr>
<tr>
<td height="19"> </td>
<td width="156"> </td>
<td width="375" align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="186"> </td>
<td valign="top">Special Instructions</td>
<td align="left" valign="top"><textarea name="SpecialInstructions" cols="40" rows="8" id="textarea2"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="177"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td><input type="button" name="Button" value="Previous" class='blue' onClick="javascript:showStep3()"></td>
<td align="right"><input type="button" name="Button" value="Next" class='blue' onClick="javascript:showStep5()"></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div ID="Section5" style="display:none">
<table width="600" height="467" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr bgcolor="#CCCCCC">
<td colspan="4" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"> </td>
<td align="center"><strong>Shipping / Contact Information</strong></td>
<td width="25%" align="right"><strong> Step 5 of 5 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td width="36"> </td>
<td width="149"> </td>
<td width="382"> </td>
<td width="33"> </td>
</tr>
<tr>
<td height="27"> </td>
<td valign="top">Packaging:</td>
<td><select name="Packaging" id="Packaging">
<option selected>select
<option value="Bulk">Bulk
<option value="Shrinkwrap">Shrinkwrap
<option value="Band">Band
</select>
Number Per Package
<input name="NumberPerPackage" type="text" id="NumberPerPackage" size="8">
</td>
<td> </td>
</tr>
<tr>
<td height="25"> </td>
<td valign="top">Shipping Method:</td>
<td><input type="radio" name="ShippingMethod" value="UPS">
UPS
<input type="radio" name="ShippingMethod" value="USPS">
USPS <input type="radio" name="ShippingMethod" value="FedEx">
Fed Ex
<input type="radio" name="ShippingMethod" value="CustomerPickup">
Customer Pickup<br>
</td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td valign="top">Account #:</td>
<td><input name="AccountNumber" type="text" id="AccountNumber"></td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Req. Delivery Date:</td>
<td><input name="RequestedDeliveryDate" type="text" id="RequestedDeliveryDate">
(mm/dd/yyyy)</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Contact Name:<font color="#3366FF">*</font></td>
<td><input name="ContactName" type="text" id="ContactName"></td>
<td> </td>
</tr>
<tr>
<td height="31"> </td>
<td>Company Name:</td>
<td><input name="CompanyName" type="text" id="CompanyName">
</td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td>Deliver To:</td>
<td><input name="DeliverTo" type="text" id="DeliverTo">
(department or individual)</td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td>Delivery Address:</td>
<td><input name="Address" type="text" id="Address"></td>
<td> </td>
</tr>
<tr>
<td height="27"> </td>
<td>City, State, Zip:</td>
<td><input name="City" type="text" id="City" size="20" value="">
<select name="State" id="State">
<option value="">select</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
</select>
<input name="Zip" type="text" id="Zip" size="10"></td>
<td> </td>
</tr>
<tr>
<td height="23"> </td>
<td>Phone:<font color="#3366ff">*</font></td>
<td><input name="Phone" type="text" id="Phone"></td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td>Fax:<font color="#3366ff">*</font></td>
<td align="left"><input name="Fax" type="text" id="Fax"></td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td>Email:<font color="#3366ff">*</font></td>
<td align="left"><input name="Email" type="text" id="Email" style="background-color:#ffffff" onFocus="this.style.backgroundColor='#ffffff'" size="35"></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td colspan="2">Note: standard quote deviation is 5% over and 5% under for
any job</td>
<td> </td>
</tr>
<tr>
<td height="39"> </td>
<td> </td>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td height="24"> </td>
<td><input type="button" name="Button" value="Previous" class='blue' onClick="javascript:showStep4()"></td>
<td align="right"><input type="submit" name="Submit" class='blue' value="Submit Form" ></td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div></form>
</td></tr></table>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>radio button
2
<input type='radio' name='radio1' value='choice1'>
ARRAY RADIO BUTTON CHECK
function getRadioValue(idOrName) {
var value = null;
var element = document.getElementById(idOrName);
var radioGroupName = null;
// if null, then the id must be the radio group name
if (element == null) {
radioGroupName = idOrName;
} else {
radioGroupName = element.name;
}
if (radioGroupName == null) {
return -1;
}
var radios = document.getElementsByTagName('input');
for (var i=0; i<radios.length; i++) {
var input = radios[ i ];
if (input.type == 'radio' && input.name == radioGroupName && input.checked) {
value = input.value;
break;
}
}
if(value==null)value=-1;
return value;
}
if(getRadioValue("ses0")==-1){
error_message = error_message + '*Session 1 Option has not been checked.\\n';
error = 1;
}
if(getRadioValue("ses1")==-1){
error_message = error_message + '*Session 2 Option has not been checked.\\n';
error = 1;
}
<tr><td class=tableSubHead colspan=2>Thursday - Session 1: 3:00-4:00 PM <br><input type=radio name=session[1] id=ses0 value='T4' />T4<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T5' />T5<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T6' />T6<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T7' />T7<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T8' />T8<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T9' />T9<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='T10' />T10<span style='margin-left:10px;'></span>
<input type=radio name=session[1] id=ses0 value='None Requested' />None Requested<span style='margin-left:10px;'></span>
<td width=4%> </td>
</tr><tr><td class=tableSubHead colspan=2>Friday - Session 2: 7:30-8:30 AM <br><input type=radio name=session[2] id=ses1 value='F11' />F11<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F12' />F12<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F13' />F13<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F14' />F14<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='F15' />F15<span style='margin-left:10px;'></span>
<input type=radio name=session[2] id=ses1 value='None Requested' />None Requested<span style='margin-left:10px;'></span>
=====================================================================================================================
What size pizza?<P>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="S" >small<BR>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="M" CHECKED >medium<BR>
<INPUT TYPE=RADIO NAME="pizzasize" VALUE="L" >large<P>
<INPUT TYPE=SUBMIT VALUE="submit">
</FORM>
******************** with check *****************
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Contact us</title>
<script Language="JavaScript">
function SubmitForm(){
if (validRadio()==false) return false;
if (validText()==false) return false;
return true;
}
function validText(){
var box=document.ContactUs.Comment.value;
if(box=='') {
alert('Please Enter in a comment.');
return false;
}
return true;
}
function validRadio(){
var result = true;
var radioSelected=false;
var num=document.ContactUs.default1.length;
alert(num);
for (var i=0; i<num; i++){
if (document.ContactUs.default1[i].checked==1) {
radioSelected = true;
}
}
if (radioSelected==false){
alert('Please select an option .');
//formField.focus();
result = false;
}
return result;
}
</script>
</head>
<body bgcolor="#ffffff">
<form name="ContactUs" ENCTYPE="text/plain" method="post" action="mailto:davchurcon@comcast.net?subject='Submit Construction'" onSubmit="return SubmitForm()">
Area the Comment is on:
<p><input type="radio" value="register" name="default1">Registering<br>
<input type="radio" value="PlacingARental" name="default1">Placing A Rental<br>
<input type="radio" value="UpdatingAnExistingRental" name="default1">Updating an Existing Rental<br>
<input type="radio" value="ResizingPhotos" name="default1">Resizing photos<br>
<input type="radio" value="UploadingNewPictures" name="default1">Uploading New Pictures/Captions<br>
<input type="radio" value="UpdatingPhotos" name="default1">Updating Photos/Captions<br>
<input type="radio" value="Other" name="default1">Other</p>
<p>Description:</p>
<p> <textarea name="Comment" cols="80" rows="10"></textarea></p>
<p><input type="submit" name="submit1" value=" S E N D N O W "></p>
</form>
<p></p>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>submit buttons
2
<form action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi">
<label for="yourin">Your input: <input type="text" name="yourinput" id="yourin">
</label>
<input type="image" src="submit.gif"
name="Send" value="Send" alt="Send"
onmouseover="this.src='go.gif'"
onmouseout="this.src='submit.gif'">
</form>
**************************************************
<script type="text/javascript" language="JavaScript">
<!--
//--------------------------------/
// CODE BY JOE CRAWFORD
// http://artlung.com/
//
// This code is a means of using
// image as a replacement
// for a submit button, which
// allows for validation to
// take place
//---------------------------------/
function validate_and_submit_Form() {
if (document.forms[0].bar.value != 'cat')
{ alert ('You didn\\'t change dog to cat!'); }
else
{ document.forms[0].submit() }
}
//-->
</script>
<form method="GET" action="../">
<p>
This form will only submit if you change <strong>dog</strong> to
<strong>cat</strong>
</p>
<input type="text" value="dog" name="bar">
<br>
<a href="javascript:validate_and_submit_Form();"><img
src="/images/go.gif" alt="Go" width="100" height="49" border="0"></a>
</form>
<end node> 5P9i0s8y19Z
<node>sample
3
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this
// notice with the code.
var resetRolls = new Object();
function resetimage(src)
{
this.src=src;
this.confirm=true;
this.alt="Reset";
this.write=resetimage_write;
}
function resetimage_write()
{
document.write('<A ');
if (this.rollover)
{
if (! this.name)
{
alert('to create a rollover you must give the image a name');
return;
}
resetRolls[this.name] = new Object();
resetRolls[this.name].over = new Image();
resetRolls[this.name].over.src=this.rollover;
resetRolls[this.name].out = new Image();
resetRolls[this.name].out.src=this.src;
document.write(
' onMouseOver="if (document.images)document.images[\\'' +
this.name + '\\'].src=resetRolls[\\'' + this.name + '\\'].over.src"' +
' onMouseOut="if (document.images)document.images[\\'' +
this.name + '\\'].src=resetRolls[\\'' + this.name + '\\'].out.src"'
);
}
document.write(' HREF="javascript:');
if (this.confirm)
document.write('if(confirm(\\'Are you sure you want to reset?\\'))');
document.write(
'document.forms[' +
(document.forms.length - 1) + '].reset();void(0);">');
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '"');
document.write(' BORDER=0');
if (this.name)document.write(' NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH=' + this.width);
if (this.otheratts)document.write(' '+ this.otheratts);
document.write('></A>');
}
//-->
</SCRIPT>
************************************
<FORM ACTION="../cgi-bin/mycgi.pl">
<INPUT NAME="query">
<INPUT TYPE=IMAGE SRC="go2.gif" HEIGHT=22 WIDTH=50 ALT="go!" BORDER=0>
<SCRIPT TYPE="text/javascript">
<!--
var ri = new resetimage("reset.gif");
ri.write();
//-->
</SCRIPT>
<NOSCRIPT><INPUT TYPE=RESET></NOSCRIPT>
</FORM>
<FORM ACTION="../cgi-bin/mycgi.pl">
email: <INPUT NAME="email">
<SCRIPT TYPE="text/javascript">
<!--
var sr = new submitroll("submit.out.gif","submit.over.gif","mysubmit");
sr.write();
//-->
</SCRIPT>
<NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Go!">
</NOSCRIPT>
</FORM>
------------------------
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this
// notice with the code.
var submitRolls = new Object();
function submitroll(src, oversrc, name)
{
this.src=src;
this.oversrc=oversrc;
this.name=name;
this.alt="Submit Query";
this.write=submitroll_write;
}
function submitroll_write()
{
var thisform = 'document.forms[' + (document.forms.length - 1) + ']';
submitRolls[this.name] = new Object();
submitRolls[this.name].over = new Image();
submitRolls[this.name].over.src = this.oversrc;
submitRolls[this.name].out = new Image();
submitRolls[this.name].out.src = this.src;
document.write
(
'<A onMouseOver="if (document.images)document.images[\\'' + this.name + "'].src=submitRolls['" + this.name + '\\'].over.src"' +
' onMouseOut="if (document.images)document.images[\\'' + this.name + "'].src=submitRolls['" + this.name + '\\'].out.src"' +
' HREF="javascript:'
);
if (this.sendfield)
{
if (! this.sendvalue)
this.sendvalue = 1;
document.write(thisform, ".elements['", this.sendfield, "'].value='", this.sendvalue, "';");
}
document.write(thisform + '.submit();void(0);"');
if (this.msg)document.write(' onClick="return confirm(\\'' , this.msg, '\\')"');
document.write('>');
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '" BORDER=0 NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH=' + this.width);
if (this.otheratts)document.write(' ' + this.otheratts);
document.write('></A>');
if (this.sendfield)
{
document.write('<INPUT TYPE=HIDDEN NAME="' + this.sendfield + '">');
document.forms[document.forms.length - 1].elements[this.sendfield].value='';
}
}
//-->
</SCRIPT>
<end node> 5P9i0s8y19Z
<node>text
2
html5: <input type="password" name="password" placeholder="password" required>
<input type='text' name='city' value='$city' size=25 maxlength=25><BR>
[place text right]
style="text-align: right"
[using arrays]
document.getElementById('text_focus').focus()"
javascript "text box array" read value
function showcalendar(quantityid){
show_calendar('document.getElementById(22)', '')
alert(document.getElementById(22).value);
alert(document.frmInput.shit.value);
alert(document.frmInput.getElementsByName(DEL)[22]);
alert(document.frmInput.getElementById(22).value);
document.frmInput.DEL[quantityid].value=document.frmInput.daterequested.value;
}
UPDATE orderquantity SET prodquantity=32767,unitprice=0.09,pronumber='777-990',deliverydate=,urlid='0' WHERE quantityid=5
<end node> 5P9i0s8y19Z
<node>textarea
2
<textarea name='longadd' cols=70 rows=20>None</textarea>
<end node> 5P9i0s8y19Z
<node>FORMATING
1
[SUPPERSCRIPTING]
<SUP><SMALL>TM</SMALL></SUP>
<end node> 5P9i0s8y19Z
<node><LI> Replacement
2
Replacing Your Standard Bullets With Graphic Bullets
You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag. <DL>
List Item one
List Item two
List Item three
List Item four
<DL>
<DD><IMG SRC="yourimage.gif">List Item one</DD>
<DD><IMG SRC="yourimage.gif">List Item two</DD>
<DD><IMG SRC="yourimage.gif">List Item three</DD>
<DD><IMG SRC="yourimage.gif">List Item four</DD>
</DL>
<end node> 5P9i0s8y19Z
<node>frames
1
Frames
Frames are a way to subdivide the screen into distinct, addressable sections. The frame setup information is contained in a special page of the form:
<html>
<head>
<title>title of entire framed document</title>
</head>
<frameset rows|cols="pixels|#%|*,pixels|#%|*,..." frameborder="yes|no" framespacing="pixels" border="pixels" bordercolor="RGB|literal">
<frame src="url" name="frame_name" frameborder="pixels" framecolor="RGB|literal" marginheight="pixels" marginwidth="pixels" scrolling"yes|no" noresize>
...
...
<noframes>
Message for browsers without frames capabilities.
</noframes>
</frameset>
</html>
The FRAMESET tag replaces the body tag.
ROWS or COLS determines whether the screen is divided into either rows or columns. The parameter for the ROWS and COLS attribute may be either a set number of pixels (for frames containing set data that must be displayed at all times), or a percent of the screen (with the % sign), or an asterisk (*) which indicates that the frame will use the remainder of the window. Each FRAMESET is limited to either rows or columns. To create a screen with both rows and columns, nest FRAMESETs.
FRAMEBORDER determines if the overall FRAMESET has borders.
FRAMESPACING sets the distance between frames.
BORDER sets the width of the FRAMESET border.
BORDERCOLOR sets the color.
There must be a <FRAME> or <FRAMESET> tag for each of the numbers in the ROWS or COLS attribute. The <FRAME> tag sets various attributes for the frame, loads contents and names the frame for later reference by TARGET attributes.
SRC is the URL for the page that will be initially loaded into the frame.
NAME sets a name which can be used by the TARGET attribute of hyperlinks.
FRAMEBORDER sets the width of the border of the individual frame.
FRAMECOLOR sets the color of the border of the individual frame.
MARGINHEIGHT sets the distance between the top and bottom border of the frame and the information inside.
MARGINWIDTH sets the distance between the left and right side borders of the frame and the information inside.
SCROLLING determines if scroll bars will be allowed. Setting SCROLLING to no may cause information in the frame to be inaccessible.
NORESIZE prevents the user from changing the size of the frame.
The <NOFRAMES> tags enclose text that will be shown to users of browsers without frames capabilities. Although this is rare with current browsers, a message should be included. A non-frames alternative page should also be considered.
There are several design considerations when creating a framed page. Some people still use browsers which do not support frames and these users will not be able to view your site, or you will have to maintain parallel sites for framed and non-framed pages. The frames themselves take up valuable screen real estate limiting the amount of information that can be presented at any time. Persons using large fonts on their browsers or small screen sizes may be forced to constantly scroll vertically and horizontally to access the content, and, if you disable scrolling, may not be able to access some content. Screens with large number of frames look messy and are hard to navigate. Finally, if a link set its TARGET attribute to _top, the new page will break out of your frameset. Unless frames provide added functionality, they should be avoided. This page is set up with frames so that the Table of Contents would always be visible. The code for the htmltutr.htm page is:
<html>
<head>
<title>An HTML Tutorial</title>
</head>
<frameset ROWS="150,*">
<frameset COLS="45%,*">
<frame frameborder="1" src="htmltutrtitle.htm" title="tutorial title" name="title" noresize scrolling="no">
<frame frameborder="0" src="htmltutrtoc.htm" title="table of contents" name="toc" noresize>
</frameset>
<frame SRC="htmltutrmain.htm" title="Tutorial" NAME="main">
<noframes>
<P>
Your browser is unable to read this frames-formatted site.
If you wish to access all of the capabilities of this site,
you will need to upgrade your browser.
If you need assistance completing this upgrade,
you may need to contact your network consultant,
or your Internet Service Provider's Technical Support Desk.
To view the main Tutorial document click <a href="htmltutrmain.htm">here</a>.
</noframes>
</frameset>
</html>
<end node> 5P9i0s8y19Z
<node>Icon Address bar
1
How to display your web site logo on the address bar and in the favorites list
See Also
Why use the same old icons when you can use thumbnails?
Place your own bitmap on Internet Explorer's toolbar
Forget the association
Windows programs heaven
Adjust the size and spacing of your icons
How to change folder icons
Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site.
First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site.
Source Image :
Preview:
Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers.
Method 1
This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.
If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.
Method 2
If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".
<LINK REL="SHORTCUT ICON"
HREF="/~your_directory/logo.ico">
Listing #1 : HTML code. Download logo.htm (0.2 KB).
NOTE: Above tag should be inserted in-between the <HEAD> and </HEAD> tags.
By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page.
<end node> 5P9i0s8y19Z
<node>iframe
1
ul>
<li><a href="http://softwarewebdesign.com" target="iframed">software</a></li>
<li><a href="http://wolterfamily.org" target="iframed">Wolter</a></li>
<li><a href="http://sellhay.com" target="iframed">hay</a></li>
</ul>
<iframe style="Position:relative;left:25px;height: 800px; width: 800px; border: 1px solid black;" src="LoginScreen.php" name="iframed" id="iframed" allowtransparency="true" frameborder="0"></iframe>
And these are the properties allowed in the starting iframe tag. You may notice that most of these are extremely similar to normal FRAME coding.
src Specified the URL of the document to be displayed in the frame.
src="FileName.html"
name Specifies the name of the frame for the purpose of linking and targeting.
name="MyIframe"
width
height Specifies the width/height of the iframe space in pixels or percentages.
width="200" height="100"
align Aligns the iframe to the left, center, or right side of the page.
align="center"
noresize Kills the visitors ability to resize the iframe borders manually.
noresize="noresize"
scrolling Indicates the ability of a scrollbar to appear (or not) with a value of yes, no, or auto.
scrolling="auto"
frameborder Carries a value of 0 or 1 depending if you want a border to appear around the iframe or not.
frameborder="1"
marginwidth
marginheight Specifies the width/height of the margin in pixels.
marginwidth="1" marginheight="1"
vspace
hspace Specifies the verticle/horizontal margin space in pixels.
vspace="1" hspace="1"
You don't have to use ALL of these properties. Most of the time, you will use the first four : SRC, NAME, WIDTH, and HEIGHT.
The space between the opening and closing iframe tags is used just like the NOFRAMES tag in frames and the default text in the TEXTAREA tag. The text you enter within this area will be shown on the webpage IF the visitor's browser does not support the IFRAME tag.
The next part is linking. Iframes behave the exact same way as regular frames when it comes to linking. The Iframe has a NAME property assigned to it, the link tags get a TARGET property in them.
<end node> 5P9i0s8y19Z
<node>Layers
1
<DIV ID="layer0" STYLE="position:relative; top: 0%; left: 40%;
width: 20px; height: 20px; background-color: #FF0000; z-index: 0">
Red</DIV>
<DIV ID="layer1" STYLE="position:relative; top: 0%; left: 41%;
width: 20px; height: 20px; background-color: #FF6600; z-index: 1">
Orange</DIV>
<DIV ID="layer2" STYLE="position:relative; top: 0%; left: 42%;
width: 20px; height: 20px; background-color: #FFCC00; z-index: 2;
border: solid black 2px">Yellow</DIV>
The layer's
LAYER 1 ON TOP:
<div style="position:relative; font-size:50px; z-index:2;">LAYER 1</div>
<div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1">LAYER 2</div>
LAYER 2 ON TOP:
<div style="position:relative; font-size:50px; z-index:3;">LAYER 1</div>
<div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:4">LAYER 2</div>
<end node> 5P9i0s8y19Z
<node>map
1
Specifies the coordinates that define the corners of the shape. The coordinates depend on the shape specified in the shape attribute:
Shape Coordinates
rect coords="x1,y1,x2,y2"
(The top left and bottom right corners of the rectangle)
circle coords="x,y,r"
(The centre and radius of the circle)
poly coords="x1,y1,x2,y2,x3,y3,..."
(The corners of the polygon)
START WITH TOP LEFT HAND CORNER OF IMAGE.
example using rectangle 126w x 29 h
cords=top, left, width, height
<img src='images/MorePhotosButton.gif' usemap='#ImageMap1' width="106" height="29">
<map name="ImageMap1">
<area shape="rect" coords="0,0,60,29" href="gallery.html">
<area shape="rect" coords="61,0,85,29" href="gallery2.html">
<area shape="rect" coords="86,0,106,29" href="gallery.html">
</map>
=========================
<img src="images/08_01_01.jpg" width="684" height="441" border="0" align="top" usemap="#ImageMap1"></a></p>
..
<map name="ImageMap1">
<area shape="rect" coords="11, 85, 101, 110" href="01_0_Directory.htm">
<area shape="rect" coords="10, 118, 102, 146" href="02_01_EntryScn.htm">
<area shape="rect" coords="9, 152, 101, 178" href="03_01_ComIndv.htm">
<area shape="rect" coords="8, 185, 101, 214" href="04_1_Reservations.htm">
<area shape="rect" coords="9, 254, 103, 281" href="06_0_Roster.htm">
<area shape="rect" coords="501, 172, 6028, 192" href="08_01_03.htm">
<area shape="rect" coords="373, 173, 495, 189" href="08_01_02.htm">
<area shape="rect" coords="438, 49, 591, 70" href="#Nextpage1">
<area shape="rect" coords="124, 76, 184, 99" href="#Nextpage1">
<area shape="rect" coords="193, 76, 292, 100" href="#Nextpage1">
<area shape="rect" coords="295, 77, 406, 99" href="#Nextpage1">
<area shape="rect" coords="194, 105, 217, 134" href="#Nextpage1">
<area shape="rect" coords="598, 52, 659, 69" href="#Nextpage1">
<area shape="rect" coords="125, 147, 188, 177" href="08_01_01.htm">
</map></body>
The different regions of the image are described using a MAP element. The map describes each region in the image and indicates where it links. The basic format for the MAP element is as follows:
<MAP NAME=" name ">
<AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
</MAP>
The name specifies the name of the map so that it can be referenced by an IMG element. The shape gives the shape of this area. Currently supported shapes include rectangles (RECT), polygons (POLY), circles (CIRCLE), and default (DEFAULT), but the syntax is defined in a way that allows other shapes to be added. If the SHAPE tag is omitted, SHAPE="RECT" is assumed. The COORDS tag gives the coordinates of the shape, using image pixels as the units. For a rectangle, the coordinates are given as "left,top,right,bottom". The rectangular region defined includes the lower right corner specified (i.e. to specify the entire area of a 100-by-100-pixel image, the coordinates would be "0,0,99,99"). Circles are defined as a center point and then a radius (a total of three numbers).
The NOHREF tag indicates that clicks in this region should perform no action. An HREF tag specifies where a click in that area should lead. Note that a relative anchor specification will be expanded using the URL of the map description as a base, rather than using the URL of the document from which the map description is referenced. If a BASE tag is present in the document containing the map description, that URL will be used as the base.
An arbitrary number of AREA tags may be specified. If two areas intersect, the one that appears first in the map definition takes precedence in the overlapping region. For example, a button bar in a document might use a 160-by-60-pixel image and appear like this:
<MAP NAME="buttonbar">
<AREA SHAPE="RECT" COORDS="10,10,49,49" HREF="about_us.html">
<AREA SHAPE="RECT" COORDS="60,10,99,49" HREF="products.html">
<AREA SHAPE="RECT" COORDS="110,10,149,49" HREF="index.html">
<AREA SHAPE="RECT" COORDS="0,0,159,59" NOHREF>
</MAP>
<IMG SRC="../images/tech/bar.gif" USEMAP="#buttonbar">
<end node> 5P9i0s8y19Z
<node>menu-folder
1
<html>
3 Parts to this script
===================================================
part 1 - In this section you can change the position of where it is displayed on the page.
===================================================
<!-- --><style>
<!--
DIV.clTop{position:absolute; width:170}
DIV.clSub{position:absolute; left:10; width:170}
#divCont{position:relative; left:100; top:0; height:400; width:170;}
A.clMain{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black}
A.clSubb{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:black}
#divMain{position:absolute}
//-->
</style>
<!-- -->
======================================================
PART 2
======================================================
<script language="JavaScript">
/*
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
*/
/*
This script is a "foldout" menu script, all the "foldouts" will
stay outfolded in older browsers. Works in ie4+ and ns4+.
ADDED: Images
To change where the menu appears change the left and top values of the divCont
in the stylesheets, it's currently placed relative so you can
place this menu in tables or similar if you want. Change the
text colors and size in the A.clMain and A.clSubb classes.
*/
/*
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
*/
var stayFolded=false
//This is the image that it changes to when it expands.
var exImg=new Image(); exImg.src='arrow1.gif'
//This is the image is changes to with it's "unfolded" or something :}
//Remeber to change the actual images in the page aswell, but remember to
//keep the name of the image.
var unImg=new Image(); unImg.src='arrow.gif'
/*
Browsercheck
*/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
/*
Making cross-browser objects
*/
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
this.height=n?this.ref.height:eval(obj+'.offsetHeight')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/*
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
*/
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oTop[5]=new makeMenu('divTop6','divCont')
oTop[6]=new makeMenu('divTop7','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/*
This is the function that changes the sub menus to folded or unfolded state.
*/
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub[i].hideIt()
oTop[i].ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
oTop[num].ref["imgA"+num].src=exImg.src
}else{
oSub[num].hideIt()
oTop[num].ref["imgA"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;
</script>
===================================================
Part 3
====================================================
<body>
<!--A1 --><div id="divCont">
<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='A1 JavaScripts Menu';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> [A1 JavaScripts]</a><br>
<div id="divSub1" class="clSub">
<a href="http://www.a1javascripts.com/essential_scripts/" class="clSubb" ONMOUSEOVER="window.status='Essential Scripts';return true;" ONMOUSEOUT="window.status='';return true;">-Essential Scripts</a><br>
<a href="http://www.a1javascripts.com/mouseover_scripts/" class="clSubb" ONMOUSEOVER="window.status='Mouse Over Scripts';return true;" ONMOUSEOUT="window.status='';return true;">-Mouseover Scripts</a><br>
<a href="http://www.a1javascripts.com/page_effects/" class="clSubb" ONMOUSEOVER="window.status='Page Effect Scripts';return true;" ONMOUSEOUT="window.status='';return true;">-Page Effects</a><br>
<a href="http://www.a1javascripts.com/site_navigation/" class="clSubb" ONMOUSEOVER="window.status='Site Navigation Scripts';return true;" ONMOUSEOUT="window.status='';return true;">-Site navigation</a><br>
</div><br>
</div>
<div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> [choice 1]</a><br>
<div id="divSub2" class="clSub">
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 1</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 2</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whatever sh9t';return true;" ONMOUSEOUT="window.status='';return true;">-Submarine</a><br>
</div><br>
</div>
<div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> [choice 2]</a><br>
<div id="divSub3" class="clSub">
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 1</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 2</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 3</a><br>
</div><br>
</div>
<div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> [choice 3]</a><br>
<div id="divSub4" class="clSub">
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 1</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop5" class="clTop"><a href="" onclick="menu(4); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> [choice 4]</a><br>
<div id="divSub5" class="clSub">
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 1</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 2</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 3</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 4</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 5</a><br>
</div><br>
</div>
<div id="divTop6" class="clTop"><a href="" onclick="menu(5); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> [choice 5]</a><br>
<div id="divSub6" class="clSub">
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 1</a><br>
</div><br>
</div>
<div id="divTop7" class="clTop"><a href="" onclick="menu(6); return false" class="clMain" OnMousedown="window.focus()" OnMouseup="window.focus()" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;"><img src="arrow.gif" name="imgA6" width=12 height=12 alt="" border="0"> [choice 6]</a><br>
<div id="divSub7" class="clSub">
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 10</a><br>
<a href="#" class="clSubb" ONMOUSEOVER="window.status='Whateversay';return true;" ONMOUSEOUT="window.status='';return true;">-Sub 100</a><br>
</div><br>
</div>
</div>
<!-- -->
<end node> 5P9i0s8y19Z
<node>META Tag Basics
1
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=2642
===
Q & A - META Tag Basics
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What HTML tag can I use to control how long a page will be displayed before taking the viewer to another page?
The following META tag can be added to your HTML pages and will take the user to any URL you choose after a specified number of seconds.
<META HTTP-EQUIV="REFRESH" CONTENT="5; URL=http://www.dbbasics.com">
The "Content" item specifies the number of seconds to wait. The "URL" item determines which URL the user will be taken to.
Written by Charles C. Caison, Jr. on 2/9/99.
<end node> 5P9i0s8y19Z
<node>Meta tag caching
2
Q & A - Meta tag caching
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
How can I stop a dynamic document from caching?
I have seen two meta http-equivs used. Which of the following is better? What are the differences?
<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
and this:
<Meta http-equiv="Pragma" Content="no-cache">
Your browser caches files, sounds and images by placing a copy of them in a folder or directory on your local drive. Caching exists so that when a user hits the back button or visits the same site on several occasions, the browser can display the page without having to make repeated calls to the server to display the same file or image.
Sometimes people don't want their page cached because it may be updated frequently (if cached, the user would continue to see the old version) or because the page contains sensitive information.
Since different browsers support different HTTP protocols, you'd have to use all three META tags below to stop a page from caching. Even then, if the user has an older browser, you have no way of ensuring that the file is not being cached.
<META HTTP-EQUIV="Cache-Control" CONTENT="no cache">
<META HTTP-EQUIV="Pragma" CONTENT="no cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
In a test I conducted, Netscape was able to cache files with each method.
For more information visit:
http://vancouver-webpages.com/META/
http://www.ics.uci.edu/pub/ietf/http/
Written by inquiry.com Staff on 6/4/97.
<end node> 5P9i0s8y19Z
<node>META: What is it used for?
2
Q & A - META: What is it used for?
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What is the <META> tag used for?
The <META> tag lives in the HEAD of a document and is really used to send a message to a server. It tells the server to do certain things. For example:
Motion (Client Pull)
The meta tag can be used to pull, or call, another page from the server. For example, if you used this line of text in the head of your document called mydoc.html. In about 15 seconds, the viewer of mydoc.html will be taken to the specified URL (in this case Netscape).
<META HTTP-EQUIV="Refresh" CONTENT="15; URL=http://www.netscape.com">
Where CONTENT tells the browser how long to wait before pulling the next file specified in URL. Take a look at a poem called "Stood Up" I wrote using the META tag for dramatization.
Document Information (useful to search engines)
Many search engines look for the meta tag to see certain keywords for example:
<META NAME="description" CONTENT="inquiry.com is a free service for software developers, providing information on software products, development techniques, and emerging technologies.">
<META NAME="keywords" CONTENT="software development, programming, vb, visual basic, java, c, c++, sql">
The meta tag can be used to provide information about a document. It's especially useful if several people edit the same website:
<META NAME="Author" CONTENT="Web Pro">
<META NAME="Version" CONTENT="3">
<META NAME="Posted" CONTENT="July 31, 1996">
Where NAME can contain any name relative to the values in CONTENT. View the source of our home page and see how we used the META tag.
Sound
The META tag can also be used to include sounds on a web page.
<META HTTP-EQUIV=REFRESH CONTENT="15; URL=http://www.projectcool.com/sounds/demo.au">
Where CONTENT tells the server how many seconds to wait before sending the sound file the browser (don't make it one second, otherwise the sound will play before your page has completely loaded); URL contains the full-path (yes, it should also include http://.. even if it's in the same directory). If you are interested in finding out about where to get sounds or other ways to add sounds to your page, use the search engine to find my tip on adding sound.
Note that you should pay strict attention to where the quotes and spaces in the above examples as an extra or missing quote and the file will not be loaded.
Written by inquiry.com Staff on 3/11/97.
<end node> 5P9i0s8y19Z
<node>Refreshing Using the META Tag
2
Q & A - Refreshing Using the META Tag
Applies to These Versions Categories
Version Numbers Not Applicable Tags
--------------------------------------------------------------------------------
What HTML tag do I use to have the screen refresh every two minutes?
The following META tag will work. The value of the CONTENT parameter will determine the number of seconds to wait before refreshing. Put this tag in the <HEAD> section.
<META HTTP-EQUIV="REFRESH" CONTENT="120">
Written by Charles C. Caison, Jr. on 2/9/99.
<end node> 5P9i0s8y19Z
<node>ScreenEffects
2
<meta http-equiv="window-target" content="_top">
Page Enter-Blend (2 sec.) <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">
Page Exit-Box In (2 sec.) <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=0)">
Site Enter-Box Out (2 sec.) <meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=1)">
Site Exit-Circle In (2 sec.) <meta http-equiv="Site-Exit" content="revealTrans(Duration=2.0,Transition=2)">
Circle Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
Wipe Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
Wipe Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
Wipe Right <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
Wipe Left <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
Vertical Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
Horizontal Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
Checkerboard Across <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
Checkerboard Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
Random Dissolve <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
Split Vertical In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
Split Vertical Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
Split Horizontal In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
Split Horizontal Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
Strips Right Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
Strips Right Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
Strips Left Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
Strips Left Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
Random Bars Horizontal <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
Random Bars Vertical <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
Random <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
<end node> 5P9i0s8y19Z
<node>Movie
1
<html>
<head>
</head>
<body>
<object id="winplayer" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="320" height="240" standby="Media is loading..." type="application/x-oleobject">
<param name="url" value="http://www.timberlinechurch.org/video/121606040506.wmv" />
<param name="AutoStart" value="true" />
<param name="AutoSize" value="true" />
<param name="AllowChangeDisplaySize" value="true" />
<param name="standby" value="Media is loading..." />
<param name="AnimationAtStart" value="true" />
<param name="scale" value="aspect" />
<param name="ShowControls" value="true" />
<param name="ShowCaptioning" value="false" />
<param name="ShowDisplay" value="false" />
<param name="ShowStatusBar" value="false" />
<embed type="application/x-mplayer2" src="http://www.timberlinechurch.org/video/121606040506.wmv" width="320" height="240" scale="aspect" AutoStart="true" ShowDisplay="0" ShowStatusBar="0" AutoSize="1" AnimationAtStart="1" AllowChangeDisplaySize="1" ShowControls="1"></embed>
</object><br/><br/>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>flash
2
[show static image]
<object>
<param name="flashvars" value="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/municipal-button.jpg" />
<embed src="video/mediaplayer.swf" width="480" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/municipal-button.jpg" /></object>
Parameters
Name Description
Parameter name Parameter description
flv The URL of the FLV video to be played.
width Forces the video width.
height Forces the video height.
autoplay 1 to auto-play
autoload 1 to automatically load
buffer The number of seconds to buffer. By default set to 5.
config The URL of the configuration text file, similar to flv_config.txt
configxml The URL of the configuration XML file, similar to flv_config.xml
title The title shown before loading the video
margin The margin of the video with respect to the Flash object. (useful for skins).
srt 1 to use SRT subtitles (the file must be at the same place as the video and have the same name, with .srt extension)
showstop 1 to show the STOP button.
showvolume 1 to show the VOLUME button.
showtime 1 to show the TIME button
loop 1 to loop.
startimage The URL of the JPEG file (not progressive) to be shown before loading the video
skin The URL of the JPEG file (not progressive) to load
playercolor The background color of the player bar (not the flash)
loadingcolor The color of loading bar
bgcolor The background color
bgcolor1 The first color of the background gradient
bgcolor2 The second color of the background gradient
buttoncolor The color of the buttons
buttonovercolor Hover color of buttons
slidercolor1 The first color of the bar gradient
slidercolor2 The second color of the bar gradient
sliderovercolor Hover color of the bar
loadonstop 0 to stop the video loading by cliking on STOP button
phpstream 1 to use php stream
Keyboard shortcuts
<end node> 5P9i0s8y19Z
<node>flv
2
[NOTE]
The move path reqiures ../ to make it find movie. the image or swf path does not require such logic
<div style="margin:25px 0 0px 0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="200" height="200">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=../videos/boc.flv&image=images/homepagevideoshot.jpg" />
<param name="movie" value="../videos/mediaplayer.swf" />
<embed src="../videos/mediaplayer.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=../videos/boc.flv&image=images/homepagevideoshot.jpg" /></object>
</div>
[Greeley Chamber]
$movie="../videos/GreatFromGroundUp.flv";$img="../videos/greeley.jpg"; ?>
<div style="margin:25px 0 0px 0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="200" height="200">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=<?php echo $movie; ?>&image=<?php echo $img; ?>" />
<param name="movie" value="../videos/mediaplayer.swf" />
<embed src="../videos/mediaplayer.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=<?php echo $movie; ?>&image=<?php echo $img; ?>" /></object>
</div>
<end node> 5P9i0s8y19Z
<node>PICTURE BASICS
1
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=556
===
Q & A - IMG: How do I use images on my Web site?
Applies to These Versions Categories
Version Numbers Not Applicable Basics
Graphics
Tags
--------------------------------------------------------------------------------
How do I use images on my Web site?
THE BASICS
The <IMG SRC> tag is an HTML tag that calls images in an HTML document.
The anatomy of an <IMG SRC> tag is:
<IMG SRC="image location">
and example:
<IMG SRC="picopaz.GIF">
MORE BASICS
There are many attributes to this tag; some of them and their uses are listed below, along with an example. These attributes are to be inserted in the <IMG SRC> tag as follows:
<IMG SRC="location" ATTRIBUTE="definition" >
See the examples below to get more of a feel of how to use these attributes within the <IMG SRC> tag.
ALT
Alternate is a place to type text so that a person viewing your page without a graphical browser will see your description of the picture.
Example: <IMG SRC="picopaz.GIF" ALT="picture of paz">
BORDER
Border can be defined in the form of a number to denote how thick you would like it to be in pixels. If you do not want a border at all you can define BORDER=0.
HEIGHT
Height, the image's height in pixels. See WIDTH, below, for more information.
WIDTH
Width, the image's width in pixels. There are a couple of ways to use this attribute, along with its cohort HEIGHT. The most commonly used way is to define the image's dimensions in pixels so that Netscape will leave a space for the image and and give the user accessing the page something to read while the image is loading. Another way to use these attributes is to distort a GIF by either making it proportionally larger, smaller or disproportionally representing it -- see the example below.
ALIGN
Align can be defined as: LEFT, RIGHT or CENTER. This attribute allows you to define where the image will allign itself on your page horizontally.
VALIGN
Vertical Alignment can be defined as TOP, BOTTOM or CENTER. This attribute allows you to define where the image will allign itself on your page vertically.
HSPACE
Horizontal Spacing will allow you to determine how much horizontal space you want on both the left and right of your image in pixels.
VSPACE
Horizontal Spacing will allow you to determine how much horizontal space you want on both the top and bottom of your image in pixels.
LOWSRC
Low Resolution Source, can define the location of another image that is at its lowest resolution. The low-resolution image will load first, and the high-quality image will load on top of that.
Example: <IMG SRC="picopaz.GIF" LOWSRC="lowres.GIF">
This attribute is only necessary if you have large graphics that would, on their own, take quite a bit of time to load.
EXAMPLES
<IMG SRC="picopaz.GIF" BORDER=5 > <IMG SRC="picopaz.GIF" BORDER=0 HEIGHT=60 WIDTH=90 > <IMG SRC="picopaz.GIF" ALIGN=RIGHT VALIGN=BOTTOM> text<IMG SRC="picopaz.GIF" HSPACE=20>text
BEYOND THE BASICS
Usage of the <BR CLEAR=ALL> tag
<IMG SRC="picopaz.GIF" ALIGN=RIGHT>
Here is your text; notice the image location and what the insertion of a <BR CLEAR=ALL> tag can do to the location of your text.
<IMG SRC="picopaz.GIF" ALIGN=RIGHT><BR CLEAR=ALL>
Here is your text; notice the image location and what the insertion of a <BR CLEAR=ALL> tag can do to the location of your text.
When you begin adding attributes to <IMG SRC>, the element begins to behave differently in relation to other elements on your page. The key is to use the difference to your advantage instead of letting it wreak havoc on your site; to save you hours, days and weeks of frustration. The examples to the right introduce you to the <BR CLEAR=ALL> tag and how it affects the text around your image.
Another nifty thing you could do is turn your image into a link. So when a user clicks on the image it can take them to a different page, location or site. The anatomy of a link containg an image is:
<A HREF="location"><IMG SRC="picture.gif"></A>
Example: <A HREF="http://www.best.com/~paz"><IMG SRC="picopaz.GIF"></A>.
Written by inquiry.com Staff on 3/11/97.
<end node> 5P9i0s8y19Z
<node>POP-UP Window
1
function LoadPopup(file,x,y){
PopWindow=window.open(file, 'PopWindow',"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width="+y+",height="+x+",left=2,top=2");
return false;
}
<A HREF='#' onclick="LoadPopup('index.php',800,800);">
********************************
<a href="#" onClick="MyWindow=window.open('http://www.yahoo.com','MyWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300,left=20,top=20'); return false;">open window</a>
*******************************************************************************
<!-- TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End -->
</script>
<!-- STEP TWO: Add the last coding to the BODY of your HTML document -->
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<!-- Or you may use: <a href="javascript:win()">Open Window</a> -->
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.25 KB -->
*******************************************************
Target pop-ups
To avoid a proliferation of pop-up windows, it's often a good idea to load multiple files into one pop-up. Here's how to target the same pop-up window with multiple files.
In the initial window-opening function (you can use the Window builder Cool Tool to generate this), make sure to pass the URL and name as parameters:
= = =
function openWindow(url, name) {
popupWin = window.open(url, name, "width=300,height=200");
}
= = =
Each time you want a file to open in a particular remote window, pass the same name for the value of the name parameter. For example, say you want three separate links to open up three separate files in the same pop-up window. The code might look like this:
= = =
<a href="javascript:openWindow('moe.html',
'stoogeWin')">Moe</a>,
<a href="javascript:openWindow('larry.html',
'stoogeWin')">Larry</a>,
<a href="javascript:openWindow('curly.html',
'stoogeWin')">Curly</a>
= = =
If you pass in a different name, the file will open in a new window instead of reusing the existing window.
<end node> 5P9i0s8y19Z
<node>Write to a Window
2
open() and close(): write to a window
When you use document.write() to load content dynamically into a pop-up window, you may not always get the output you expected. To avoid this, remember to open the document before you begin writing to it and to close it after you're done:
popupWin = window.open("", "remote", "width=300,height=400");
// open document to begin writing to it
popupWin.document.open();
popupWin.document.write('<HTML><HEAD><TITLE>'
+ '</TITLE></HEAD><BODY bgcolor="#ffffff">'
+ 'your text here'
+ '</BODY></HTML>');
// close document when finished writing to it
popupWin.document.close();
<end node> 5P9i0s8y19Z
<node>Printing
1
CSS and Printing
By Joe Burns
Use these to jump around or read it all...
[Page Break]
[The Format]
[Setting A Specific Page Break]
I get a lot of questions asking if there are ways to "force" people's browsers to do certain things. The events most often asked for are to force a browser to bookmark the page, to set user preferences, and this one: How can I force a person's browser to print my page?
The short and truthful answer is that you can't. There's no command or tag, to my knowledge, that produces a print when your page loads. There are just too many factors involved. Is the user's printer turned on? Can the Web page fit nicely in the print space set by the viewer? And most importantly: Does the viewer want to print your page? It would cheese me if I logged into your page and all of a sudden my printer was humming.
Update! As of 10/99 there is still no way to force a printer to print a page; however, you can initiate a print request. See the tutorial.
You can take some control when the user decides he or she does want to print your page. Through the magic of Style Sheets, you can now make a point of indicating where the pages will break during the print process.
As of 12/21/98, this CSS2 command is supported only by Internet Explorer browsers version 4 and above.
--------------------------------------------------------------------------------
Page Break
There are two commands you're worried about here:
page-break-after
page-break-before
You can pretty much pick out what each does. The first sets the printing page break just before the element, the second sets the page break just after.
Each command has, in theory anyway, four attributes:
always | auto | left | right
always tells the browser to break the print page after this element always.
auto is the default. You're telling the browser to do what it would do anyway: Page break where the page ends.
left is not supported by any browser yet. It is used if your printer will print both sides of a page, like a manuscript. If the page is a left-facing page, use this attribute.
right is what you use if it's a right-facing page.
--------------------------------------------------------------------------------
The Format
Here's what it looks like in your page's <HEAD> tags:
<STYLE TYPE="text/css">
H2 {page-break-before: always}
</STYLE>
That format will produce a print page break before each H2 on the page. Would you like to try it out? This page has four H2 headings. Go ahead and print the page. Each H2 will use a new page and will act as the Header for the printed page. Remember, though, that you have to be using Internet Explorer 4 or better.
--------------------------------------------------------------------------------
Setting A Specific Page Break
Maybe it's better not to have every H2 break the page. Maybe you'd like a page break at a specific point to keep a particular look. You do that by setting up a class of page breaks.
You can set up the class on any HTML command, but I think the best method is to set up the class within a <BR> or <P> command. That way there's some white space where the page can break. Here's a look at the format (this will sit between your <HEAD> tags):
<STYLE TYPE="text/css">
P.breakhere {page-break-before: always}
</STYLE>
This then will be the activator for the page break:
<P CLASS="breakhere">
You can set up as many different classes as you'd like as long as you keep following the same format as above.
--------------------------------------------------------------------------------
And That's That...
This is another one of those commands that I would use if there's a need for it, regardless of the type of browser the viewer is running. Those that understand the command get the effect, and those that don't just get a straight page print. Either way, the user gets a nice print of the page. It's just that in one of the prints, you're able to set a few parameters.
Enjoy!
<end node> 5P9i0s8y19Z
<node>ROBOTS
1
Robots.txt and meta tags
--------------------------------------------------------------------------------
Introduction
The robots.txt file
The meta element
The robots meta tag
The decription and keywords tags
Further information
For relevant URIs see http://web-support.csx.cam.ac.uk/websupport/Servers.html#robots. For help contact web-support@ucs.cam.ac.uk.
--------------------------------------------------------------------------------
Introduction
The Computing Service has purchased Ultraseek, a commercial search engine from Infoseek, to set up a searchable site-wide index of web servers. The aim is to avoid people needing to know which of the 200+ server Department and College servers include the information they want. Additionally, it is possible for servers around the University to use the search engine to provide them with a "search this server" facility, looking only at information on the particular server. We will index all "official" web servers in the cam.ac.uk domain, unless there are good reasons why we should not. For full details about how Ultraseek works and what it will index, see http://software.infoseek.com/products/ultraseek/ultrafeatures.htm.
The information below is an adaptation of the standard W3C recipe for creating a robots.txt file (see http://info.webcrawler.com/mak/projects/robots/norobots.html for formal definition). It is desirable to exclude search engines from indexing cgi scripts and server logs (as it will pick up links to files long since moved or gone). It is recommended to exclude search engines from indexing files that are being worked on, hold sensitive information with restricted access or (possibly) personal information.
If you do not exclude the directories, restricted access information will be indexed by Ultraseek because it is a local computer so it has access to the files. The links in the search results that are for restricted access cannot be followed by computers outside the cambridge domain, but the first block of text will be produced as part of the search results. If the information is particularly sensitive you may wish to insert a META tag for the description to override this (see below). Once the search engine is working and available, check that your robots.txt is working as expected, e.g. by a search quoting "+site:www.whatever.cam.ac.uk" (i.e. limit search to your site) and a term that should match some of the hidden pages (with a + prefix to make a match mandatory, e.g. "+site:www.cam.ac.uk +usage" to see if the main server usage stats are correctly excluded).
It might also be useful to have a spring clean and remove redundant information before indexing! A robots.txt file will apply to all robots, so it would be most instructive to set User-agent: *. If however you wish to apply different restrictions just to the site wide search engine, the User agent name is Ultraseek (webmaster@ucs.cam.ac.uk)
The robots.txt file
When a robot visits a Web site, say http://www.example.com/, it firsts checks for http://www.example.com/robots.txt. All major search engines will observe robots.txt. If it can find this document, it will analyse its contents to see if it is allowed to retrieve the document. You can create a customised robots.txt file to apply to all or only specific robots, and to disallow access to specific directories or files. The robots.txt file is simply a text file and must be at the root level in your server.
If you want to give any robot access to a restricted set of files:
User-agent: *
Disallow: /Architext/
Disallow: /bin/
Disallow: /cgi/
Disallow: /Excite/
Disallow: /includes/
Disallow: /tmp/
Disallow: /~
Disallow: /stats/
Here is a sample robots.txt file that prevents any robot from visiting the entire site except for the CS Ultraseek robot
User-agent: Ultraseek (webmaster@ucs.cam.ac.uk) # CS search robot
Disallow: /Architext/
Disallow: /bin/
Disallow: /cgi/
Disallow: /Excite/
Disallow: /includes/
Disallow: /tmp/
Disallow: /~
Disallow: /stats/
# tell all others to go away
User-agent: *
Disallow: /
The Robot will simply look for a "/robots.txt" URI at the top level on your site, where a site is defined as an http server running on a particular host and port number. Look at the robots.txt file at these locations for approaches to limiting access:
Site URI URI for robots.txt
http://www.w3.org/ http://www.w3.org/robots.txt
http://w3.org/ http://w3.org/robots.txt
http://www.cam.ac.uk/ http://www.cam.ac.uk/robots.txt
The single "/robots.txt" at the top level on a site is the only one that is used by robots. A robot will never look at "robots.txt" files in directories. If you want your users to be able to create their own "robots.txt", you will need to merge them all into a single "/robots.txt". If you don't want to do this, your users might want to use the robots meta tag instead (see below).
Some tips: URI's are case-sensitive, and "/robots.txt" string must be all lower-case. Blank lines are not permitted.
There must be exactly one "User-agent" field per record. The robot should be liberal in interpreting this field. A case-insensitive substring match of the name without version information is recommended.
If the value is "*", the record describes the default access policy for any robot that has not matched any of the other records. It is not allowed to have multiple such records in the "/robots.txt" file.
The "Disallow" field specifies a partial URI that is not to be visited. This can be a full path, or a partial path; any URI that starts with this value will not be retrieved. For example,
Disallow: /help disallows both /contact.html and /help/index.html, whereas
Disallow: /help/ disallows /help/index.html but allows /contact.html.
An empty value for "Disallow" indicates that all URIs can be retrieved. At least one "Disallow" field must be present in the robots.txt file.
The meta element
Note: Not all web search engines use description and keyword meta tags, notably Excite, Northern Light, Google and Lycos do not. Meta tags will boost the rankings in Infoseek and Inktomi-mediated searches (Inktomi is used by Snap, HotBot and Yahoo). All major search engines will observe the robots meta tag.
The robots meta tag
The robots meta tag allows HTML authors to tell visiting robots whether a single document may be indexed or used to harvest more links. No server administrator action is required. The meta elements work in tandem with a robots.txt file, though, with the robots.txt as the first line of exclusion. Only if a robot is allowed to look at files can the robots meta element be observed.
The content of the robots meta tag contains directives separated by commas. The currently defined directives are: [NO]INDEX and [NO]FOLLOW (the [] means optional). The INDEX directive specifies if an indexing robot should index the page. The FOLLOW directive specifies if a robot is to follow links on the page. The defaults are INDEX and FOLLOW. The values ALL and NONE set all directives on or off: ALL=INDEX,FOLLOW and NONE=NOINDEX,NOFOLLOW.
Some examples:
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
Note the "robots" name of the tag and the content are case insensitive.
You obviously should not specify conflicting or repeating directives such as:
<meta name="robots" content="INDEX,NOINDEX,NOFOLLOW,FOLLOW,FOLLOW">
The description and keywords meta tags
In the absence of other information, robots will index all the text in a document (but not HTML tags) including ALT tags but excepting comments, and will use the first few words as a summary to describe your page in the search results. If your page is of suitable construction for this system to give a clear idea of the contents, then nothing else is necessary, although you may wish to add some keywords, especially if your page is in a specialist area. If the page does not contain any descriptive text, such as a frameset or a page with description in an imagemap, then add a META tag containing a description to ensure the search engine indexes it and presents suitable text when it is shown as a result.
You can use the HTML description META tag to specify the summary text that will appear in a search results list. The keyword META tag allows you to add further keywords (up to 1000 characters) for indexing that are not in the description or in the page text itself (if they are, they will be indexed already). The robots META tag allows you to control if and how Ultraseek indexes your page. The META tags must be placed within the HEAD portion of your web page. Do not use any HTML tags within the META tag itself.
Suppose your page contains:
<meta name="description" content="Xsoft specializes in software products that help organizations improve how they create and use documents.">
<meta name="keywords" content="document management Xerox">
Ultraseek will do two things with these tags:
1.It will index both fields as words, so a search on either XSoft or "document management" will match.
2.It will show the "description" with the search results. Instead of showing the first few of lines of the page as the summary, it would be listed as follows:
XSoft Home Page
XSoft specializes in software products that help organizations improve how they create and use documents. http://www.xsoft.com/
Note that the description and keywords META tags should not contain any HTML formatting information.
Further information
Search Engine Watch, information for webmasters
*********************
No Index
< META name="Robots" content="noindex,nofollow" >
. . . Robots (spiders) are automated scripts and programs that visit websites and attempt to index (spider) all links and content that they find on your webpages. They follow all the links on your site until there's no more, indexing everything it finds. To stop this from happening robots (spiders) must be guided or instructed in which pages to index and search. This tag will allow you to control which pages the robot can spider, and which it will ignore. There may be certain webpages or directories (Example: CGI or JAVA Scripts) you may have that you do not want indexed in the search engines. Using the robots tag, you can define which pages to follow, which to index and which to ignore completely. The "content" can be any one of or combination of the four commands
noindex, NOINDEX prevents anything on the page from being indexed
index,
nofollow, NOFOLLOW prevents the crawler from following the links on the page and indexing the linked pages
or follow
Server Side Robots (robots.txt) Usage
User-agent: AGENT
Disallow: /PATH/. . .
The robots.txt file is a plain text file placed into your web (site) root directory such that any user or client can access it by going to www.yoursite.com/robots.txt or www.paidserver.com/yoursite/robots.txt. If you are not allowed or unable to create a file to this location, you'll need to implement the META Robots Tag instead.
AGENT represents the name of a search engine Agent or use an asterisk (*) to represent all agents. PATH represents a relative path you do not want to be accessed.
<end node> 5P9i0s8y19Z
<node>SetTimeout
1
<HTML>
<HEAD>
<TITLE>COMPUTER USERS GROUP OF GREELEY</TITLE>
</HEAD>
<BODY TEXT="#000000" VLINK="#FF0000" LINK="#0000FF">
<BODY BACKGROUND=brick.gif>
<body onload=setTimeout("location.href='http://www.cugg.org'",4000)>
<B><CENTER><IMG SRC="blueline.gif"><BR><H1>COMPUTER USERS GROUP OF GREELEY</H1><H3>Greeley, Colorado</H3><IMG SRC=blueline.gif></CENTER>
<BR><BR><BR>
<IMG SRC="ball1.gif">
<A HREF=http://www.cugg.org>We have moved to a new Location. </A><IMG SRC=update.gif> Please Set your bookmark. The new page will load in 4 seconds.<BR>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
<node>sound
1
Can be above body
<bgsound src="../SoundBites/stdatas[1].wav" loop="1">
<end node> 5P9i0s8y19Z
<node>special Characters
1
Character Numeric Symbolic Character Numeric Symbolic
< < < > > >
& & & " " "
non-breaking space ¢ ¢ ¢
£ £ £ ¥ ¥ ¥
® ® ® © © ©
™ ™ ™(NS6,IE5,OP5) ° ° °
¼ ¼ ¼ ½ ½ ½
¾ ¾ ¾ ± ± ±
÷ ÷ ÷ × × ×
ñ ñ ñ Ñ Ñ Ñ
¡ ¡ ¡ ¿ ¿ ¿
<p>< how dow you do ></p>
Description Char Code Entity
_____________________________________________
Quotation " " "
Ampersand & & &
Less-than sign < < <
Greater-than sign > > >
at symbol @ @
Euro € €
Dagger † †
0/00 ‰ ‰
Trademark ™ ™
Angle quote mark, left « « «
Angle quote mark, right » » »
Inverted exclamation ¡ ¡ ¡
Inverted question mark ¿ ¿ ¿
Cent sign ¢ ¢ ¢
Pound sign £ £ £
Currency sign ¤ ¤ ¤
Yen sign ¥ ¥ ¥
Broken vertical bar ¦ ¦ ¦
Section sign § § §
Copyright sign © © ©
Circled R registered sign ® ® ®
Middle dot · · ·
Fraction 1/4 ¼ ¼ ¼
Fraction 1/2 ½ ½ ½
Fraction 3/4 ¾ ¾ ¾
Superscript 1 ¹ ¹ ¹
Superscript 2 ² ² ²
Superscript 3 ³ ³ ³
Degree sign ° ° °
Multiplication sign × × ×
Division sign ÷ ÷ ÷
Plus-or-minus sign ± ± ±
Quotation " " "
Ampersand & & &
Less-than sign < < <
Greater-than sign > > >
Non-breaking space
Inverted exclamation ¡ ¡ ¡
Cent sign ¢ ¢ ¢
Pound sign £ £ £
Currency sign ¤ ¤ ¤
Yen sign ¥ ¥ ¥
Broken vertical bar ¦ ¦ ¦
Section sign § § §
Spacing diaresis ¨ ¨ ¨
Copyright sign © © ©
Feminine ordinal indicator ª ª ª
Angle quotation mark, left « « «
Negation sign ¬ ¬ ¬
Soft hyphen
Circled R registered sign ® ® ®
Spacing macron ¯ ¯ &hibar;
Degree sign ° ° °
Plus-or-minus sign ± ± ±
Superscript 1 ¹ ¹ ¹
Superscript 2 ² ² ²
Superscript 3 ³ ³ ³
Spacing acute ´ ´ ´
Micro sign µ µ µ
Paragraph sign ¶ ¶ ¶
Middle dot · · ·
Spacing cedilla ¸ ¸ ¸
Masculine ordinal indicator º º º
Angle quotation mark, right » » »
Fraction 1/4 ¼ ¼ ¼
Fraction 1/2 ½ ½ ½
Fraction 3/4 ¾ ¾ ¾
Inverted question mark ¿ ¿ ¿
Capital A, grave accent À À À
Capital A, acute accent Á Á Á
Capital A, circumflex accent   Â
Capital A, tilde à à Ã
Capital A, dieresis (umlaut) Ä Ä Ä
Capital A, ring Å Å Å
Capital AE diphthong (ligature) Æ Æ Æ
Capital C, cedilla Ç Ç Ç
Capital E, grave accent È È È
Capital E, acute accent É É É
Capital E, circumflex accent Ê Ê Ê
Capital E, dieresis (umlaut) Ë Ë Ë
Capital I, grave accent Ì Ì Ì
Capital I, acute accent Í Í Í
Capital I, circumflex accent Î Î Î
Capital I, dieresis (umlaut) Ï Ï Ï
Capital Eth, Icelandic Ð Ð Ð
Capital N, tilde Ñ Ñ Ñ
Capital O, grave accent Ò Ò Ò
Capital O, acute accent Ó Ó Ó
Capital O, circumflex accent Ô Ô Ô
Capital O, tilde Õ Õ Õ
Capital O, dieresis (umlaut) Ö Ö Ö
Multiplication sign × × ×
Capital O, slash Ø Ø Ø
Capital U, grave accent Ù Ù Ù
Capital U, acute accent Ú Ú Ú
Capital U, circumflex accent Û Û Û
Capital U, dieresis (umlaut) Ü Ü Ü
Capital Y, acute accent Ý Ý Ý
Capital THORN, Icelandic Þ Þ Þ
Small sharp German sz ligature ß ß ß
Small a, grave accent à à à
Small a, acute accent á á á
Small a, circumflex accent â â â
Small a, tilde ã ã ã
Small a, dieresis (umlaut) ä ä ä
Small a, ring å å å
Small ae diphthong (ligature) æ æ æ
Small c, cedilla ç ç ç
Small e, grave accent è è è
Small e, acute accent é é é
Small e, circumflex accent ê ê ê
Small e, dieresis (umlaut) ë ë ë
Small i, grave accent ì ì ì
Small i, acute accent í í í
Small i, circumflex accent î î î
Small i, dieresis (umlaut) ï ï ï
Small eth, Icelandic ð ð ð
Small n, tilde ñ ñ ñ
Small o, grave accent ò ò ò
Small o, acute accent ó ó ó
Small o, circumflex accent ô ô ô
Small o, tilde õ õ õ
Small o, dieresis (umlaut) ö ö ö
Division sign ÷ ÷ ÷
Small o, slash ø ø ø
Small u, grave accent ù ù ù
Small u, acute accent ú ú ú
Small u, circumflex accent û û û
Small u, dieresis (umlaut) ü ü ü
Small y, acute accent ý ý ý
Small thorn, Icelandic þ þ þ
Small y, dieresis (umlaut) ÿ ÿ ÿ
***************************************
horizontal tab ‘ ‘ left curly quote mark
line feed ’ ’ right curly quote mark/apostrophe
carriage return “ “ left curly quote marks
space ” ” right curly quote marks
! ! exclamation point • • bullet
" " " straight quote marks – – “en” (short) dash
# # hash mark/number sign — — “em” (long) dash
$ $ dollar sign ˜ ˜ tilde
% % percent sign ™ ™ trademark
& & & ampersand š š
' ' straight quote mark/apostrophe › ›
( ( left parenthesis œ œ small oe ligature
) ) right parenthesis Ÿ Ÿ capital Y, umlaut
* * asterisk non-breaking space
+ + plus sign ¡ ¡ ¡ inverted exclamation point
, , comma ¢ ¢ ¢ cent sign
- - hyphen £ £ £ pound sterling sign
. . period/dot ¤ ¤ ¤ general currency sign
/ / slash ¥ ¥ ¥ yen sign
0 0 zero ¦ ¦ ¦ broken vertical bar
&brkbar;
1 1 one § § § section sign
2 2 two ¨ ¨ ¨ umlaut/dieresis
¨
3 3 three © © © copyright symbol
4 4 four ª ª ª feminine ordinal
5 5 five « « « left angle quote marks
6 6 six ¬ ¬ ¬ not sign
7 7 seven soft hyphen
8 8 eight ® ® ® registered symbol
9 9 nine ¯ ¯ ¯ macron accent
&hibar;
: : colon ° ° ° degree sign
; ; semi-colon ± ± ± plus or minus
< < < less than sign ² ² ² superscript 2
= = equals sign ³ ³ ³ superscript 3
> > > greater than sign ´ ´ ´ acute accent
? ? question mark µ µ µ micro sign (Greek mu)
@ @ commercial “at” sign ¶ ¶ ¶ paragraph sign
A A capital A · · · middle dot
B B capital B ¸ ¸ ¸ cedilla
C C capital C ¹ ¹ ¹ superscript 1
D D capital D º º º masculine ordinal
E E capital E » » » right angle quote marks
F F capital F ¼ ¼ ¼ fraction one-fourth
G G capital G ½ ½ ½ fraction one-half
H H capital H ¾ ¾ ¾ fraction three-fourths
I I capital I ¿ ¿ ¿ inverted question mark
J J capital J À À À capital A, grave accent
K K capital K Á Á Á capital A, acute accent
L L capital L Â Â Â capital A, circumflex accent
M M capital M Ã Ã Ã capital A, tilde
N N capital N Ä Ä Ä capital A, umlaut/dieresis
O O capital O Å Å Å capital A, ring
P P capital P Æ Æ &Aelig; capital AE ligature, dipthong
Q Q capital Q Ç Ç Ç capital C, cedilla
R R capital R È È È capital E, grave accent
S S capital S É É É capital E, acute accent
T T capital T Ê Ê &Ecicr; capital E, circumflex accent
U U capital U Ë Ë Ë capital E, umlaut/dieresis
V V capital V Ì Ì Ì capital I, grave accent
W W capital W Í Í Í capital I, acute accent
X X capital X Î Î Î capital I, circumflex accent
Y Y capital Y Ï Ï Ï capital I, umlaut/dieresis mark
Z Z capital Z Ð Ð Ð capital Eth, Icelandic
Đ
[ [ left square bracket Ñ Ñ Ñ capital N, tilde
\\ \ backslash Ò Ò Ò capital O, grave accent/null set
] ] right square bracket Ó Ó Ó capital O, acute accent
^ ^ caret Ô Ô Ô capital O, circumflex accent
_ _ underscore bar Õ Õ Õ capital O, tilde
` ` grave accent Ö Ö Ö capital O, umlaut/dieresis mark
a a small a × × × multiplication sign
b b small b Ø Ø Ø capital O, slash
c c small c Ù Ù Ù capital U, grave accent
d d small d Ú Ú Ú capital U, acute accent
e e small e Û Û Û capital U, circumflex accent
f f small f Ü Ü Ü capital U, umlaut/dieresis mark
g g small g Ý Ý Ý capital Y, acute accent
h h small h Þ Þ Þ capital Thorn, Icelandic
i i small i ß ß ß small sz ligature, German
j j small j à à à small a, grave accent
k k small k á á á small a, acute accent
l l small l â â â small a, circumflex accent
m m small m ã ã ã small a, tilde
n n small n ä ä ä small a, umlaut/dieresis mark
o o small o å å å small a, ring
p p small p æ æ æ small ae ligature, dipthong
q q small q ç ç ç small c, cedilla
r r small r è è è small e, grave accent
s s small s é é é small e, acute accent
t t small t ê ê ê small e, circumflex accent
u u small u ë ë ë small e, umlaut/dieresis mark
v v small v ì ì ì small i, grave accent
w w small w í í í small i, acute accent
x x small x î î î small i, circumflex accent
y y small y ï ï ï small i, umlaut/dieresis mark
z z small z ð ð ð small eth, Icelandic
{ { left curly brace ñ ñ ñ small n, tilde
| | solid vertical bar ò ò ò small o, grave accent
} } right curly brace ó ó ó small o, acute accent
~ ~ tilde ô ô ô small o, circumflex accent
box õ õ õ small o, tilde
‚ ‚ comma ö ö ö small o, umlaut/dieresis mark
ƒ ƒ florin ÷ ÷ ÷ division sign
„ „ ø ø ø small o, slash/null set
… … ellipsis ù ù ù small u, grave accent
† † dagger ú ú ú small u, acute accent
‡ ‡ double dagger û û û small u, circumflex accent
ˆ ˆ circumflex accent ü ü ü small u, umlaut,dieresis mark
‰ ‰ permil ý ý ý small y, acute accent
Š Š þ þ þ small thorn, Icelandic
‹ ‹ ÿ ÿ ÿ small y, umlaut/dieresis mark
ΠΠcapital OE ligature
<end node> 5P9i0s8y19Z
<node>both
2
$newstring=substr($teaser,25,1);$acii=ord($newstring);
echo "<p>$newstring=======$ascii";
The 160 is a space problem for browsers
Code Entity Hex Character Description
------ -------------- --- --------- -----------------------------------
� %00 Unused
%01 Unused
%02 Unused
%03 Unused
%04 Unused
%05 Unused
%06 Unused
%07 Unused
%08 Unused
%09 Horizontal tab
%0A Line feed
%0B Unused
%0C Unused
%0D Carriage return
%0E Unused
%0F Unused
%10 Unused
%11 Unused
%12 Unused
%13 Unused
%14 Unused
%15 Unused
%16 Unused
%17 Unused
%18 Unused
%19 Unused
%1A Unused
%1B Unused
%1C Unused
%1D Unused
%1E Unused
%1F Unused
%20 Space
! %21 ! Exclamation mark
" " %22 " Quotation mark
# %23 # Number sign
$ %24 $ Dollar sign
% %25 % Percent sign
& & %26 & Ampersand
' %27 ' Apostrophe
( %28 ( Left parenthesis
) %29 ) Right parenthesis
* %2A * Asterisk
+ %2B + Plus sign
, %2C , Comma
- %2D - Hyphen
. %2E . Period (fullstop)
/ %2F / Solidus (slash)
0 %30 0 0
1 %31 1 1
2 %32 2 2
3 %33 3 3
4 %34 4 4
5 %35 5 5
6 %36 6 6
7 %37 7 7
8 %38 8 8
9 %39 9 9
: %3A : Colon
; %3B ; Semi-colon
< < %3C < Less than
= %3D = Equals sign
> > %3E > Greater than
? %3F ? Question mark
@ %40 @ Commercial at
A %41 A A
B %42 B B
C %43 C C
D %44 D D
E %45 E E
F %46 F F
G %47 G G
H %48 H H
I %49 I I
J %4A J J
K %4B K K
L %4C L L
M %4D M M
N %4E N N
O %4F O O
P %50 P P
Q %51 Q Q
R %52 R R
S %53 S S
T %54 T T
U %55 U U
V %56 V V
W %57 W W
X %58 X X
Y %59 Y Y
Z %5A Z Z
[ %5B [ Left square bracket
\ %5C \\ Reverse solidus (backslash)
] %5D ] Right square bracket
^ %5E ^ Caret
_ %5F _ Horizontal bar (underscore)
` %60 ` Acute accent
a %61 a a
b %62 b b
c %63 c c
d %64 d d
e %65 e e
f %66 f f
g %67 g g
h %68 h h
i %69 i i
j %6A j j
k %6B k k
l %6C l l
m %6D m m
n %6E n n
o %6F o o
p %70 p p
q %71 q q
r %72 r r
s %73 s s
t %74 t t
u %75 u u
v %76 v v
w %77 w w
x %78 x x
y %79 y y
z %7A z z
{ %7B { Left curly brace
| %7C | Vertical bar
} %7D } Right curly brace
~ %7E ~ Tilde
%7F Unused
€ %80 Unused
%81 Unused
‚ %82 Unused
ƒ %83 Unused
„ %84 Unused
… %85 Unused
† %86 Unused
‡ %87 Unused
ˆ %88 Unused
‰ %89 Unused
Š %8A Unused
‹ %8B Unused
Π%8C Unused
%8D Unused
Ž %8E Unused
%8F Unused
%90 Unused
‘ %91 Unused
’ %92 Unused
“ %93 Unused
” %94 Unused
• %95 Unused
– %96 Unused
— %97 Unused
˜ %98 Unused
™ %99 TM TM TM TM TM
š %9A Unused
› %9B Unused
œ %9C Unused
%9D Unused
ž %9E Unused
Ÿ %9F Unused
[3.2] %A0 Non-breaking space
¡ ¡ [3.2] %A1 ¡ Inverted exclamation
¢ ¢ [3.2] %A2 ¢ Cent sign
£ £ [3.2] %A3 £ Pound sterling
¤ ¤ [3.2] %A4 ¤ General currency sign
¥ ¥ [3.2] %A5 ¥ Yen sign
¦ ¦ [3.2] %A6 ¦ Broken vertical bar
§ § [3.2] %A7 § Section sign
¨ ¨ [3.2] %A8 ¨ Umlaut (dieresis)
© © [3.2] %A9 © Copyright
ª ª [3.2] %AA ª Feminine ordinal
« « [3.2] %AB « Left angle quote, guillemotleft
¬ ¬ [3.2] %AC ¬ Not sign
[3.2] %AD Soft hyphen
® ® [3.2] %AE ® Registered trademark
¯ ¯ [3.2] %AF ¯ Macron accent
° ° [3.2] %B0 ° Degree sign
± ± [3.2] %B1 ± Plus or minus
² ² [3.2] %B2 ² Superscript two
³ ³ [3.2] %B3 ³ Superscript three
´ ´ [3.2] %B4 ´ Acute accent
µ µ [3.2] %B5 µ Micro sign
¶ ¶ [3.2] %B6 ¶ Paragraph sign
· · [3.2] %B7 · Middle dot
¸ ¸ [3.2] %B8 ¸ Cedilla
¹ ¹ [3.2] %B9 ¹ Superscript one
º º [3.2] %BA º Masculine ordinal
» » [3.2] %BB » Right angle quote, guillemotright
¼ ¼ [3.2] %BC ¼ Fraction one-fourth
½ ½ [3.2] %BD ½ Fraction one-half
¾ ¾ [3.2] %BE ¾ Fraction three-fourths
¿ ¿ [3.2] %BF ¿ Inverted question mark
À À %C0 À Capital A, grave accent
Á Á %C1 Á Capital A, acute accent
  %C2  Capital A, circumflex accent
à à %C3 à Capital A, tilde
Ä Ä %C4 Ä Capital A, dieresis or umlaut mark
Å Å %C5 Å Capital A, ring
Æ Æ %C6 Æ Capital AE dipthong (ligature)
Ç Ç %C7 Ç Capital C, cedilla
È È %C8 È Capital E, grave accent
É É %C9 É Capital E, acute accent
Ê Ê %CA Ê Capital E, circumflex accent
Ë Ë %CB Ë Capital E, dieresis or umlaut mark
Ì Ì %CC Ì Capital I, grave accent
Í Í %CD Í Capital I, acute accent
Î Î %CE Î Capital I, circumflex accent
Ï Ï %CF Ï Capital I, dieresis or umlaut mark
Ð Ð %D0 Ð Capital Eth, Icelandic
Ñ Ñ %D1 Ñ Capital N, tilde
Ò Ò %D2 Ò Capital O, grave accent
Ó Ó %D3 Ó Capital O, acute accent
Ô Ô %D4 Ô Capital O, circumflex accent
Õ Õ %D5 Õ Capital O, tilde
Ö Ö %D6 Ö Capital O, dieresis or umlaut mark
× × [3.2] %D7 × Multiply sign
Ø Ø %D8 Ø Capital O, slash
Ù Ù %D9 Ù Capital U, grave accent
Ú Ú %DA Ú Capital U, acute accent
Û Û %DB Û Capital U, circumflex accent
Ü Ü %DC Ü Capital U, dieresis or umlaut mark
Ý Ý %DD Ý Capital Y, acute accent
Þ Þ %DE Þ Capital THORN, Icelandic
ß ß %DF ß Small sharp s, German (sz ligature)
à à %E0 à Small a, grave accent
á á %E1 á Small a, acute accent
â â %E2 â Small a, circumflex accent
ã ã %E3 ã Small a, tilde
ä ä %E4 ä Small a, dieresis or umlaut mark
å å %E5 å Small a, ring
æ æ %E6 æ Small ae dipthong (ligature)
ç ç %E7 ç Small c, cedilla
è è %E8 è Small e, grave accent
é é %E9 é Small e, acute accent
ê ê %EA ê Small e, circumflex accent
ë ë %EB ë Small e, dieresis or umlaut mark
ì ì %EC ì Small i, grave accent
í í %ED í Small i, acute accent
î î %EE î Small i, circumflex accent
ï ï %EF ï Small i, dieresis or umlaut mark
ð ð %F0 ð Small eth, Icelandic
ñ ñ %F1 ñ Small n, tilde
ò ò %F2 ò Small o, grave accent
ó ó %F3 ó Small o, acute accent
ô ô %F4 ô Small o, circumflex accent
õ õ %F5 õ Small o, tilde
ö ö %F6 ö Small o, dieresis or umlaut mark
÷ ÷ [3.2] %F7 ÷ Division sign
ø ø %F8 ø Small o, slash
ù ù %F9 ù Small u, grave accent
ú ú %FA ú Small u, acute accent
û û %FB û Small u, circumflex accent
ü ü %FC ü Small u, dieresis or umlaut mark
ý ý %FD ý Small y, acute accent
þ þ %FE þ Small thorn, Icelandic
ÿ ÿ %FF ÿ Small y, dieresis or umlaut mark
<end node> 5P9i0s8y19Z
<node>other
2
https://www.utexas.edu/learn/html/spchar.html
HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands.
For example, to render Düsseldorf the HTML source should read
Düsseldorf or Düsseldorf
While many similar lists are available on the Web (run your favorite search engine using "ISO Latin" or "HTML Entities"), none I've seen account for the standard character sets of different operating systems (e.g. Windows vs. DOS vs. Macintosh, etc.); this list should produce the same results on all platforms.
Punctuation
HTML Entity
(case sensitive)
ISO Latin-1 code
name or meaning
–
– – en dash
—
— — em dash
¡
¡ ¡ inverted exclamation
¿
¿ ¿ inverted question mark
"
" " quotation mark
“
“ “ left double curly quote
”
” ” right double curly quote
'
' apostrophe (single quote)
‘
‘ ‘ left single curly quote
’
’ ’ right single curly quote
«
» «
» «
» guillemets (used as quotation marks in some languages, e.g., French)
(Its there, but you can't see it!) non-breaking space
Symbols
&
& & ampersand
¢
¢ ¢ cent
©
© © copyright
÷
÷ ÷ divide
>
> > greater than
<
< < less than
µ
µ µ micron
·
· · middle dot
¶
¶ ¶ pilcrow (paragraph sign)
±
± ± plus/minus
€
€ € Euro
£
£ £ British Pound Sterling
®
® ® registered
§
§ § section
™
™ ™ trademark
¥
¥ ¥ Japanese Yen
°
° ° Degree
Diacritics
á
Á á
Á á
Á lower-case "a" with acute accent
upper-case "A" with acute accent
à
À à
À à
À lower-case "a" with grave accent
upper-case "A" with grave accent
â
 â
 â
 lower-case "a" with circumflex
upper-case "A" with circumflex
å
Å å
Å å
Å lower-case "a" with ring
upper-case "A" with ring
ã
à ã
à ã
à lower-case "a" with tilde
upper-case "A" with tilde
ä
Ä ä
Ä ä
Ä lower-case "a" with diaeresis/umlaut
upper-case "A" with diaeresis/umlaut
æ
Æ æ
Æ æ
Æ lower-case "ae" ligature
upper-case "AE" ligature
ç
Ç ç
Ç ç
Ç lower-case "c" with cedilla
upper-case "C" with cedilla
é
É é
É é
É lower-case "e" with acute accent
upper-case "E" with acute accent
è
È è
È è
È lower-case "e" with grave accent
upper-case "E" with grave accent
ê
Ê ê
Ê ê
Ê lower-case "e" with circumflex
upper-case "E" with circumflex
ë
Ë ë
Ë ë
Ë lower-case "e" with diaeresis/umlaut
upper-case "E" with diaeresis/umlaut
í
Í í
Í í
Í lower-case "i" with acute accent
upper-case "I" with acute accent
ì
Ì ì
Ì ì
Ì lower-case "i" with grave accent
upper-case "I" with grave accent
î
Î î
Î î
Î lower-case "i" with circumflex
upper-case "I" with circumflex
ï
Ï ï
Ï ï
Ï lower-case "i" with diaeresis/umlaut
upper-case "I" with diaeresis/umlaut
ñ
Ñ ñ
Ñ ñ
Ñ lower-case "n" with tilde
upper-case "N" with tilde
ó
Ó ó
Ó ó
Ó lower-case "o" with acute accent
upper-case "O" with acute accent
ò
Ò ò
Ò ò
Ò lower-case "o" with grave accent
upper-case "O" with grave accent
ô
Ô ô
Ô ô
Ô lower-case "o" with circumflex
upper-case "O" with circumflex
ø
Ø ø
Ø ø
Ø lower-case "o" with slash
upper-case "O" with slash
õ
Õ õ
Õ õ
Õ lower-case "o" with tilde
upper-case "O" with tilde
ö
Ö ö
Ö ö
Ö lower-case "o" with diaeresis/umlaut
upper-case "O" with diaeresis/umlaut
ß
ß ß ess-tsett
ú
Ú ú
Ú ú
Ú lower-case "u" with acute accent
upper-case "U" with acute accent
ù
Ù ù
Ù ù
Ù lower-case "u" with grave accent
upper-case "U" with grave accent
û
Û û
Û û
Û lower-case "u" with circumflex
upper-case "U" with circumflex
ü
Ü ü
Ü ü
Ü lower-case "u" with diaeresis/umlaut
upper-case "U" with diaeresis/umlaut
ÿ
ÿ ÿ lower-case "y" with diaeresis/umlaut
´
` ´
` acute accent with no letter
grave accent/reversed apostrophe with no letter
Notes:
1.The " entity was mistakenly omitted from the HTML 3.2 specification. While use of " generates error reports when validating against 3.2, browsers have continued to recognize the entity and its use is generally safe (sticklers may wish to use " instead). The omission has been corrected in the HTML 4.0 specification.
2.The non-breaking space ( or ) can be used not only to prevent the separation of words by line wraps, but also to force a space equal in size to a keyboard/spacebar space (useful for indentation or wider word separation) or to "hold" space in the empty cell of a table (as in the table above).
3.The middle dot (· or ·) can be used as a bullet and embedded anywhere in text. Because it is equal in size to a period, however, it may be necessary to apply <B> </B> or tags to enhance its graphic effect (use of <FONT SIZE="x"> </FONT> or <BIG> </BIG> elements is not recommended, as these will alter the character's vertical spacing relative to other characters in the same line).
™ TM
© © ! ! _ _ Û Û
® ® " " ` ` ž ž Ü Ü
# # a a Ÿ Ÿ Ý Ý
" " $ $ b b Þ Þ
& & % % c c ¡ ¡ ß ß
< < & & d d ¢ ¢ à à
> > ' ' e e £ £ á á
À À ( ( f f ¤ ¤ â â
Á Á ) ) g g ¥ ¥ ã ã
  * * h h ¦ ¦ ä ä
à à + + i i § § å å
Ä Ä , , j j ¨ ¨ æ æ
Å Å - - k k © © ç ç
Æ Æ . . l l ª ª è è
Ç Ç / / m m « « é é
È È 0 0 n n ¬ ¬ ê ê
É É 1 1 o o ë ë
Ê Ê 2 2 p p ® ® ì ì
Ë Ë 3 3 q q ¯ ¯ í í
Ì Ì 4 4 r r ° ° î î
Í Í 5 5 s s ± ± ï ï
Î Î 6 6 t t ² ² ð ð
Ï Ï 7 7 u u ³ ³ ñ ñ
Ð Ð 8 8 v v ´ ´ ò ò
Ñ Ñ 9 9 w w µ µ ó ó
Õ Õ : : x x ¶ ¶ ô ô
Ö Ö ; ; y y · · õ õ
Ø Ø < < z z ¸ ¸ ö ö
Ù Ù = = { { ¹ ¹ ÷ ÷
Ú Ú > > | | º º ø ø
Û Û ? ? } } » » ù ù
Ü Ü @ @ ~ ~ ¼ ¼ ú ú
Ý Ý A A ? ½ ½ û û
Þ Þ B B € € ¾ ¾ ü ü
ß ß C C ¿ ¿ ý ý
à à D D ‚ ‚ À À þ þ
á á E E ƒ ƒ Á Á ÿ ÿ
å å F F „ „ Â Â
æ æ G G … … Ã Ã
ç ç H H † † Ä Ä
è è I I ‡ ‡ Å Å
é é J J ˆ ˆ Æ Æ
ê ê K K ‰ ‰ Ç Ç
ë ë L L Š Š È È
ì ì M M ‹ ‹ É É
í í N N Œ Œ Ê ?
î î O O Ë Ë
ï ï P P Ž Ž Ì Ì
ð ð Q Q Í Í
ñ ñ R R Î Î
ò ò S S ‘ ‘ Ï Ï
ó ó T T ’ ’ Ð Ð
ô ô U U “ “ Ñ Ñ
õ õ V V ” ” Ò Ò
ö ö W W • • Ó Ó
ø ø X X – – Ô Ô
ù ù Y Y — — Õ Õ
ú ú Z Z ˜ ˜ Ö Ö
û û [ [ ™ ™ × ×
ý ý \ \\ š š Ø Ø
þ þ ] ] › › Ù Ù
ÿ ÿ ^ ^ œ œ Ú Ú
<end node> 5P9i0s8y19Z
<node>Tables
1
How to Build a Table in HTML
<table border=1 cellspacing=0 cellpadding=0 style='border-collapse:collapse;
border:none;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
Table Tags:
<table></table> for the table
<tr></tr> for table rows
<th></th> for table header cells
<td></td> for table data cells
Simple Table Code
<table>
<tr>
<td>cell one</td>
<td>cell two</td>
<td>cell three</td>
</tr>
<tr>
<td>cell four</td>
<td>cell five</td>
<td>cell six </td>
</tr>
</table>
Table Rows
These attributes affects the content of all the cells in the row. Values in the <tr> tags override those in the <table> tag. Likewise <tr> values can be overridden in the <td> tag values. You can also override these attributes in individual cells. *the baseline attribute aligns data cell contents with the baseline of the top line of text in adjoining cells.
<table><tr></tr></table>
You create table rows inside the table tags and then table cells inside the row tags:
<table><tr><td>cell content</td></tr></table>
<tr> attributes include:
align=left, right, center
valign=top, bottom, baseline
bgcolor=#rrggbb
border color=#rrggbb
bordercolorlight=#rrggbb
bordercolordark=#rrggbb
nowrap>
Table Headers and Table Data
<th> table header and <td> table data tags are placed inside the table tags and bracket your designated content. The attributes of these tags tell the browser how to arrange the content within each individual cell. These attributes can override both the <table> and <tr> attributes.
<td> attributes
<td
align=left, right, center
valign=top, bottom, baseline
background=image.gif *IE
bgcolor=#rrggbb
border color=#rrggbb
bordercolorlight=#rrggbb
bordercolordark=#rrggbb
nowrap
colspan=n
rowspan=n
width=n, n%
height=n, n%>
Alignment:
Tables are rectangular objects which are aligned on the page relative to the alignment of the current text flow. You can <center></center> a table for instance, or use <div align=right></div> .
You can align text relative to the table as you can with image/text relationships:
<table align=right> or <table align=left> ***this is different than aligning a data or header cell’s content using <td align=right>, for instance.
Table Width and Height
<table width=n height=n> sets the measurements of the table in pixels or percentages of the screen size. This may be overridden if cell content is too large.
Cell Spacing Attribute
<table cellspacing=n> designates the spacing between cells in pixel numbers
the default is 2 pixels
Cell Padding Attribute
<table cellpadding=n> designates the padding around all four sides of the contents of the cell in pixels. By default, its one pixel.
Bgcolor and Background Attributes:
<table bgcolor=#rrggbb> will set the table’s bg color different than that of the web page.
<table background=image.gif> will set the table’s bg image, although it looks slightly different in Netscape when compared to IE.
IE support for border color:
<table border color= #rrggbb bordercolorlight= #rrggbb bordercolordark= #rrggbb> to set 3d appearance of table borders.
Border Frame and Rules Attributes:
<table border=n> sets the thickness of the table and cell borders in pixels
<table frame=above, below, lhs, rhs, hsides, vsides> works only in IE, drawing designated lines on the various sides of a table--
Cols Attribute
<table cols=n> tells the browser how many columns to expect and aids in loading time of especially long tables
Hspace and Vspace attributes
<table hspace=n> designates breathing space around the table on its sides in pixel measurements
<table vspace=n> designates breathing space on the top and bottom of a table in pixel measurements
Default Vertical Alignment for Table contents
<table valign=top, bottom> in IE only will set the vertical alignment within all the table’s cells
Missing Features:
You can align a cell’s contents on an individual basis, but not between cells.
Netscape and IE give you the ability to set the thickness of table and cell borders in different ways--Netscape, the border size is global. In IE, you can vary the rule widths between header, body, and footer of a table.
Except in IE, html tables don’t have running headers or footers
************************************************************************************************
Tables take the general form:
<TABLE BORDER=3 CELLSPACING=2 CELLPADDING=2 WIDTH="80%">
<CAPTION> ... table caption ... </CAPTION>
<TR><TD> first cell <TD> second cell
<TR> ...
...
</TABLE>
The attributes on TABLE are all optional. By default, the table is rendered without a surrounding border. The table is generally sized automatically to fit the contents, but you can also set the table width using the WIDTH attribute. BORDER, CELLSPACING and CELLPADDING provide further control over the table's appearence. Captions are rendered at the top or bottom of the table depending on the ALIGN attribute.
Each table row is contained in a TR element, although the end tag can always be omitted. Table cells are defined by TD elements for data and TH elements for headers. Like TR, these are containers and can be given without trailing end tags. TH and TD support several attributes: ALIGN and VALIGN for aligning cell content, ROWSPAN and COLSPAN for cells which span more than one row or column. A cell can contain a wide variety of other block and text level elements including form fields and other tables.
The TABLE element always requires both start and end tags. It supports the following attributes:
align
This takes one of the case insensitive values: LEFT, CENTER or RIGHT. It specifies the horizontal placement of the table relative to the current left and right margins. It defaults to left alignment, but this can be overridden by an enclosing DIV or CENTER element.
width
In the absence of this attribute the table width is automatically determined from the table contents. You can use the WIDTH attribute to set the table width to a fixed value in pixels (e.g. WIDTH=212) or as a percentage of the space between the current left and right margins (e.g. WIDTH="80%").
border
This attribute can be used to specify the width of the outer border around the table to a given number of pixels (e.g. BORDER=4). The value can be set to zero to suppress the border altogether. In the absence of this attribute the border should be suppressed. Note that some browsers also accept <TABLE BORDER> with the same semantics as BORDER=1.
cellspacing
In traditional desktop publishing software, adjacent table cells share a common border. This is not the case in HTML. Each cell is given its own border which is separated from the borders around neighboring cells. This separation can be set in pixels using the CELLSPACING attribute, (e.g. CELLSPACING=10). The same value also determines the separation between the table border and the borders of the outermost cells.
cellpadding
This sets the padding in pixels between the border around each cell and the cell's contents.
The CAPTION element has one attribute ALIGN which can be either ALIGN=TOP or ALIGN=BOTTOM. This can be used to force the caption to be placed above the top or below the bottom of the table respectively. Most user agents default to placing the caption above the table. CAPTION always requires both start and end tags. Captions are limited to plain text and text-level elements as defined by the %text entity. Block level elements are not permitted.
The TR or table row element requires a start tag, but the end tag can always be left out. TR acts as a container for table cells. It has two attributes:
align
Sets the default horizontal alignment of cell contents. It takes one of the case insensitive values: LEFT, CENTER or RIGHT and plays the same role as the ALIGN attribute on paragraph elements.
valign
This can be used to set the default vertical alignment of cell contents within each cell. It takes one of the case insensitive values: TOP, MIDDLE or BOTTOM to position the cell contents at the top, middle or bottom of the cell respectively.
There are two elements for defining table cells. TH is used for header cells and TD for data cells. This distinction allows user agents to render header and data cells in different fonts, and enables speech based browsers to do a better job. The start tags for TH and TD are always needed but the end tags can be left out. Table cells can have the following attributes:
nowrap
The presence of this attribute disables automatic word wrap within the contents of this cell (e.g. <TD NOWRAP>). This is equivalent to using the entity for non-breaking spaces within the content of the cell.
rowspan
This takes a positive integer value specifying the number of rows spanned by this cell. It defaults to one.
colspan
This takes a positive integer value specifying the number of columns spanned by this cell. It defaults to one.
align
Specifies the default horizontal alignment of cell contents, and overrides the ALIGN attribute on the table row. It takes the same values: LEFT, CENTER and RIGHT. If you don't specify an ALIGN attribute value on the cell, the default is left alignment for <td> and center alignment for <th> although you can override this with an ALIGN attribute on the TR element.
valign
Specifies the default vertical alignment of cell contents, overriding the VALIGN attribute on the table row. It takes the same values: TOP, MIDDLE and BOTTOM. If you don't specify a VALIGN attribute value on the cell, the default is middle although you can override this with a VALIGN attribute on the TR element.
width
Specifies the suggested width for a cell content in pixels excluding the cell padding. This value will normally be used except when it conflicts with the width requirements for other cells in the same column.
height
Specifies the suggested height for a cell content in pixels excluding the cell padding. This value will normally be used except when it conflicts with the height requirements for other cells in the same row.
Tables are commonly rendered in bas-relief, raised up with the outer border as a bevel, and individual cells inset into this raised surface. Borders around individual cells are only drawn if the cell has explicit content. White space doesn't count for this purpose with the exception of .
The algorithms used to automatically size tables should take into account the minimum and maximum width requirements for each cell. This is used to determine the minimum and maximum width requirements for each column and hence for the table itself.
Cells spanning more than one column contribute to the widths of each of the columns spanned. One approach is to evenly apportion the cell's minimum and maximum width between these columns, another is to weight the apportioning according to the contributions from cells that don't span multiple columns.
For some user agents it may be necessary or desirable to break text lines within words. In such cases a visual indication that this has occurred is advised.
The minimum and maximum width of nested tables contribute to the minimum and maximum width of the cell in which they occur. Once the width requirements are known for the top level table, the column widths for that table can be assigned. This allows the widths of nested tables to be assigned and hence in turn the column widths of such tables. If practical, all columns should be assigned at least their minimum widths. It is suggested that any surplus space is then shared out proportional to the difference between the minimum and maximum width requirements of each column.
Note that pixel values for width and height refer to screen pixels, and should be multiplied by an appropriate factor when rendering to very high resolution devices such as laser printers. For instance if a user agent has a display with 75 pixels per inch and is rendering to a laser printer with 600 dots per inch, then the pixel values given in HTML attributes should be multiplied by a factor of 8.
<end node> 5P9i0s8y19Z
<node>border
2
" BORDERCOLOR="#C6C6C6
style='border-color:black;border-collapse:collapse;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
<end node> 5P9i0s8y19Z
<node>cells
2
[background image]
<h4>Cell backgrounds:</h4>
<table border="1">
<tr>
<td bgcolor="red">First</td>
<td>Row</td>
</tr>
<tr>
<td
background="../images/bgdesert.jpg">
Second</td>
<td>Row</td>
</tr>
</table>
<end node> 5P9i0s8y19Z
<node>ThumbNails
1
<IMG SRC="FIREPLACE_02.jpg_t.jpg" BORDER="0" ALT="FIREPLACE_02.jpg"></A>
<A HREF="http://www.info2000.net/~pimsys/uni/FIREPLACE_02B.jpg">
<end node> 5P9i0s8y19Z
<node>URL
1
11/15/99 ...... Places a NAME in place of the URL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<A HREF="http://businesssoft.about.com">Business Software Home Page</A>
HREF="http://newscenter.about.com/internetcomputer/index.html">Newscenter</A
<A HREF="http://french.about.com">French Language</A>
<end node> 5P9i0s8y19Z
<node>Video
1
[mp4]
html5
<video controls="controls" height="320">
<source src="/wp-content/uploads/2016/test.mp4" type="video/mp4" />
</video>
<video width="640" height="360" poster="__POSTER__.jpg" controls="controls">
<source src="/wp-content/uploads/2016/test.mp4" type="video/mp4" />
<source src="__VIDEO__.webm" type="video/webm" />
<source src="__VIDEO__.ogv" type="video/ogg" /><!--[if gt IE 6]>
<object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><!
[endif]--><!--[if !IE]><!-->
<object width="640" height="375" type="video/quicktime" data="/wp-content/uploads/2016/test.mp4"><!--<![endif]-->
<param name="src" value="/wp-content/uploads/2016/test.mp4" />
<param name="autoplay" value="false" />
<param name="showlogo" value="false" />
<object width="640" height="380" type="application/x-shockwave-flash"
data="__FLASH__.swf?image=__POSTER__.jpg&file=/wp-content/uploads/2016/test.mp4">
<param name="movie" value="__FLASH__.swf?image=__POSTER__.jpg&file=__VIDEO__.mp4" />
<img src="__POSTER__.jpg" width="640" height="360" />
<p>
<strong>No video playback capabilities detected.</strong>
Why not try to download the file instead?<br />
<a href="__VIDEO__.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> |
<a href="__VIDEO__.ogv">Ogg Theora & Vorbis “.ogv” (Linux)</a>
</p>
</object><!--[if gt IE 6]><!-->
</object><!--<![endif]-->
</video>
<div style="margin:0 0 25px 25px">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="480" height="300">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/homepagevideoshot.jpg" />
<param name="movie" value="video/mediaplayer.swf" />
<embed src="video/mediaplayer.swf" width="480" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://www.tcccorp.net/video/0724VersionQT.flv&image=images/homepagevideoshot.jpg" /></object>
</div>
<end node> 5P9i0s8y19Z
<node>Watermark format
1
The backgrounds in this group are made to fill one screen. To make sure that they do not repeat you must use the Watermark format.
If you are doing your own HTML then add
= = = = = = = = = = = = = = = = = = = = = = = = = = = = =
bgproperties="fixed"
= = = = = = = = = = = = = = = = = = = = = = = = = = = = =
right after your links colors, within the body tags
these are made for 800 x 600 screen.
<BODY background="G:\\__Monthly HO\\HTML\\2000_0613\\HO_ColoSunset2.jpg"
bgColor=#ffffff bgproperties="fixed">
<end node> 5P9i0s8y19Z
<node>controls
1
<end node> 5P9i0s8y19Z
<node>combo select
2
<select size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
function message(form){
var value = form.payment.options[form.payment.selectedIndex].value;
var message="";
if(value=="PHONE"){
message="Complete your order by scrolling to the bottom of this page and clicking the NEXT button.\\n\\n That will complete your order and provide you with your order number and total.\\n\\n I accept Visa or MasterCard.\\n\\n Call Denise at 970-454-2152 or cell phone at 970-590-2162.\\n\\n I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card.\\n\\n I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine.\\n\\n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time).\\n\\n Thank You.";
}
if(value=="CHECK"){
message="You have selected pay by check";
}
if(value=="MONEY ORDER"){
message="You have selected MONEY ORDER";
}
if(value=="PAYPAL"){
message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\\n\\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order.";
}
alert (message);
}
*************
<select name="payment" class="small" id="payment" onChange="message(this.form);">
<option value="uncola" selected>Select Payment Option Here</option>
<option value="CHECK">Check (via mail)</option>
<option value="MONEY ORDER">Money Order
(via mail)</option>
<option value="PAYPAL" >Credit Card</option>
<option value="PAYPAL" >PAY PAL</option>
<option value="PHONE">Credit Card (via Phone)</option>
</select>
[example 2]
How do I find the value of a SELECT element?
Apr 17th, 2000 16:04
Martin Honnen,
NN6 and IE4+ provide a
value
property for SELECT elements thus
document.formName.selectName.value
is sufficient with these browsers. For other browsers and cross browser
code use
var select = document.formName.selectName;
var value = select.options[select.selectedIndex].value
__________________________________
[select name='navi' onChange="go()">
function go()
{
box = document.forms[0].navi;
destination = box.options[box.selectedIndex].value;
if (destination) location.href = destination;
}
____________________________________________________
Where: qxq-features.php
<script language="JavaScript">
function bookmark(){
var select = document.titles.title;
var value = select.options[select.selectedIndex].value;
if (value!=0) location.href = "features.php#"+value;
}
</script>
<end node> 5P9i0s8y19Z
<node>dynamic
3
Create Dynamic Combobox using php and onselection change values of another dynamic Combobox
http://stackoverflow.com/questions/11451150/create-dynamic-combobox-using-php-and-onselection-change-values-of-another-dynam
want to Create HTML Dynamic Combobox which populate using php scripting from db and onselection change values of another dynamic Combobox. Initially 2nd combobox should be invisible and on selection of 1st combobox make 2nd combobox visible related with similar data. for example, I have this table :
Category Name
Airport ABC
Airport XYZ
College a1
College b1
College b2
busstop a
busstop b
busstop c
busstop d
So, 1st Combobox will contain Unique Category listing (like: Airport, College, busStop) and on the base of this selection enable 2nd combobox with related values like if user selected Airport then 2nd combobox will contain only (ABC, XYZ).
I basically want to do this with only HTML,JAVASCRIPT AND PHP only.
any suggestions are appreciated..
php javascript html combobox
share|improve this question
asked Jul 12 '12 at 11:47
anand
2518
Here is a basic example with what you want. Test it and come back if you have problems implementing this. – Ovidiu Jul 12 '12 at 11:54
Hi ovidiu, I think you forgot to give some link .. – anand Jul 12 '12 at 12:33
plus2net.com/php_tutorial/ajax_drop_down_list.php - sorry :) – Ovidiu Jul 12 '12 at 12:38
@ovidiu, its very nice example but with ajax. I do not want to use ajax. if you have any other example then it really will be useful.. please let me know. Thanks .. – anand Jul 12 '12 at 13:06
I don't have an example without ajax. But to do it without, you need to submit the selection from first dropdown, pass it as a get/post then on reload fill the second one based on passed value. No need for javascript then. – Ovidiu Jul 12 '12 at 13:22
2 Answers
active oldest votes
up vote 2 down vote accepted
With the following snippet I make the assumption you have an array filled with your database rows as objects, which I will name $results;
edit: How to get your query objects: http://www.php.net/manual/en/mysqli-result.fetch-object.php
I start with gathering the data for creating the comboboxes:
$combobox_data = array();
$results = mysqli_query("SELECT * FROM TABLE");
//create a multi dimensional array with names per category
while($row = mysqli_fetch_object($results)){
$combobox_data[$row->Category][] = $row->Name;
}
$category_combobox_html = "";
$name_combo_boxes_html = "";
//create category combo_box
foreach($combobox_data as $category=>$names){
//Add category option to category combo-box
$category_combobox_html .= '<option value="'.$category.'">'.$category.'</option>';
//Create Names combo-box for this category
$name_combo_boxes_html .= '<select id="'.$category.'" name="'.$category.'" class="hidden_combobox">';
//loop names, to add Names in the combo-box for this category
foreach($names as $name){
$name_combo_boxes_html .= '<option value="'.$name.'">'.$name.'</option>';
}
//end your combo box for this category
$name_combo_boxes_html .= '</select>';
}
your css
<style type="text/css" media="screen">
.hidden_combobox{
display:none;
}
</style>
your html
<select name="categories" id="categories">
<?php echo $category_combobox_html; ?>
</select>
<?php echo name_combo_boxes_html ;?>
your javascript
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
//when you select something from category box
$("#categories").change(function(){
//get selected category
var selectedValue = $(this).find(":selected").val();
//hide all nameboxes
$('.namebox').each(function(){
$(this).hide();
});
//show combobox for this select
$('#'+selectedValue).show();
});
</script>
Your result will be this:
All name comboboxes will be hidden unless you select a category which matches the combo_box
<select name="categories" id="categories">
<option value="Airport">Airport</option>
<option value="College">College</option>
<option value="busstop">busstop</option>
</select>
<select id="Airport" name="Airport" class="namesbox hidden_combobox">
<option value="ABC">ABC</option>
<option value="XYZ">XYZ</option>
</select>
<select id="College" name="College" class="namesbox hidden_combobox">
<option value="a1">a1</option>
<option value="b1">b1</option>
<option value="b2">b2</option>
</select>
<select id="busstop" name="busstop" class="namesbox hidden_combobox">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
</select>
<end node> 5P9i0s8y19Z
<node>grouping
3
<html>
<body>
<select>
<optgroup label="Numbers">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</optgroup>
<optgroup label="Letters" disabled="true">
<option value="4">A</option>
<option value="5">B</option>
<option value="6">C</option>
</optgroup>
</select>
</body>
</html>
<end node> 5P9i0s8y19Z
<node>Events
2
<end node> 5P9i0s8y19Z
<node>mouseover
3
onmouseover="this.style.cursor='hand'"
<end node> 5P9i0s8y19Z
<node>onblur
3
onblur=window.close()
onblur="myOnblur(getElementById(id).value);" onchange="myOnchange(getElementById(id).value);" onclick="myOnclick(getElementById(id).value);" onkey="myOnKey(getElementById(id).value);"
<end node> 5P9i0s8y19Z
<node>onchange
3
<select name="sort" onChange="submit();">
<select name="sort" onChange="submit();">
<form method=post action="propsearch.php" name="propsearchform" id="propsearchform"><table cellspacing=1 cellpadding=2><tr align=left><td> <b>Counties:</b></td></tr><tr align=center><td><select name="counties[]" multiple size=8><option value='ALL' selected>All Counties</option><option value='Alameda'>Alameda</option><option value='Alpine'>Alpine</option><option value='Amador'>Amador</option><option value='Butte'>Butte</option><option value='Calaveras'>Calaveras</option><option value='Colusa'>Colusa</option><option value='Contra Costa'>Contra Costa</option><option value='Del Norte'>Del Norte</option><option value='El Dorado'>El Dorado</option><option value='Fresno'>Fresno</option><option value='Glenn'>Glenn</option><option value='Humboldt'>Humboldt</option><option value='Imperial'>Imperial</option><option value='Inyo'>Inyo</option><option value='Kern'>Kern</option><option value='Kings'>Kings</option><option value='Lake'>Lake</option><option value='Lassen'>Lassen</option><option value='Los Angeles'>Los Angeles</option><option value='Madera'>Madera</option><option value='Marin'>Marin</option><option value='Mariposa'>Mariposa</option><option value='Mendocino'>Mendocino</option><option value='Merced'>Merced</option><option value='Modoc'>Modoc</option><option value='Mono'>Mono</option><option value='Monterey'>Monterey</option><option value='Napa'>Napa</option><option value='Nevada'>Nevada</option><option value='Orange'>Orange</option><option value='Placer'>Placer</option><option value='Plumas'>Plumas</option><option value='Riverside'>Riverside</option><option value='Sacramento'>Sacramento</option><option value='San Benito'>San Benito</option><option value='San Bernardino'>San Bernardino</option><option value='San Diego'>San Diego</option><option value='San Francisco'>San Francisco</option><option value='San Joaquin'>San Joaquin</option><option value='San Luis Obispo'>San Luis Obispo</option><option value='San Mateo'>San Mateo</option><option value='Santa Barbara'>Santa Barbara</option><option value='Santa Clara'>Santa Clara</option><option value='Santa Cruz'>Santa Cruz</option><option value='Shasta'>Shasta</option><option value='Sierra'>Sierra</option><option value='Siskiyou'>Siskiyou</option><option value='Solano'>Solano</option><option value='Sonoma'>Sonoma</option><option value='Stanislaus'>Stanislaus</option><option value='Sutter'>Sutter</option><option value='Tehama'>Tehama</option><option value='Trinity'>Trinity</option><option value='Tulare'>Tulare</option><option value='Tuolumne'>Tuolumne</option><option value='Ventura'>Ventura</option><option value='Yolo'>Yolo</option><option value='Yuba'>Yuba</option></select><div class='alertlight' style='width:200px'>(Hold down CTRL on a PC or Apple on a Mac to make multiple selections.)</div></td></tr><tr align=left><td><p style='padding:5px;'><b>Property Type:</b></p><input type=checkbox name="ranches" id="ranches" value='x' checked>Cattle Ranches<br><input type=checkbox name="equestrian" id="equestrian" value='x' checked>Equestrian Ranches<br><input type=checkbox name="agriculture" id="agriculture" value='x' checked>Farms and Orchards<br><input type=checkbox name="vineyards" id="vineyards" value='x' checked>Vineyards<br><input type=checkbox name="water" id="water" value='x' checked>Water - Ocean, Rivers, Lakes<br><input type=checkbox name="duckclub" id="duckclub" value='x' checked>Duck Club<br><input type=checkbox name="recreation" id="recreation" value='x' checked>Recreation - Hunting and Timber<br><input type=checkbox name="land" id="land" value='x' checked>Land<br><input type=checkbox name="commercial" id="commercial" value='x' checked>Commercial<br><input type=checkbox name="resranchette" id="resranchette" value='x' checked>Ranchette and Residential<br></td></tr><tr align=left><td><p style='padding:5px;'><b>Parcel Range:</b></p></td></tr><tr align=left><td><table cellspacing=0 cellpadding=0 width=100%><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="0-10" id="0-10" value='x'>Under 10 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="10-50" id="10-50" value='x'>10-50 acres </td></tr><tr align=left><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="50-100" id="50-100" value='x'>50-100 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="100-200" id="100-200" value='x'>100-200 acres </td></tr><tr align=left><tr align=left><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="200-500" id="200-500" value='x'>200-500 acres </td><td><input onClick="if(this.checked) { allparcels.checked=false; }" type="checkbox" name="500-1000000" id="500-1000000" value='x'>Over 500 acres </td></tr><tr align=left></tr></table></td></tr><tr align=right><td colspan=2><input type=checkbox name='allparcels' id='allparcels' value='x' onClick="if(this.checked) { document.getElementById('0-10').checked=true;document.getElementById('10-50').checked=true;document.getElementById('50-100').checked=true;document.getElementById('100-200').checked=true;document.getElementById('200-500').checked=true;document.getElementById('500-1000000').checked=true; }" checked>All Parcel Sizes</td></tr></td></tr><tr align=left><td><p style='padding:5px;'><b>Price Range:</b></p></td></tr><tr align=left><td><table cellspacing=0 cellpadding=0 width=100%><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="0-200000" id="0-200000" value='x'>Under $200,000 </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="200001-400000" id="200001-400000" value='x'>$200,000-$400,000 </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="400001-800000" id="400001-800000" value='x'>$400,000-$800,000 </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="800001-1000000" id="800001-1000000" value='x'>$800,000-$1 million </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="1000000-2000000" id="1000000-2000000" value='x'>$1 million-$2 million </td><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="2000000-100000000" id="2000000-100000000" value='x'>Over $2 million </td><tr align=left><td><input onClick="if(this.checked) { allprices.checked=false; }" type="checkbox" name="auction" id="auction" value='x'>Auctions </td></tr></table></td></tr><tr align=right><td colspan=2><input type=checkbox name='allprices' id='allprices' value='x' onClick="if(this.checked) {document.getElementById('0-200000').checked=true;document.getElementById('200001-400000').checked=true;document.getElementById('400001-800000').checked=true;document.getElementById('800001-1000000').checked=true;document.getElementById('1000000-2000000').checked=true;document.getElementById('2000000-100000000').checked=true; }" checked>All Prices</td></tr></td></tr><tr align=center><td><div class="searchbutton" onclick="document.getElementById('quicktext').value='';document.forms['propsearchform'].submit();"> </div></td></tr></table></div><br><br><h7><b>Quick Search:</b></h7><br><p style="text-align:left;"><font style="font-size:9pt;">Enter the name of a property or word describing the type of property you're looking for.</font></p><div style="width:99%;" class=paper><table cellspacing=0 cellpadding=0><tr height='50px' align=left><td><input style='height:30px;width:225px;font-size:100%;' type=text name="quicktext" id="quicktext" value=""></td><td><div class="searchbutton" style='margin-left:5px;' onclick="document.forms['propsearchform'].submit();"> </div></td></tr></table></form></td></tr></table><div style='clear:both;'></div><br><br><br></td></tr><tr valign=bottom align=center bgcolor='#e6dac6'><td style="padding-right:5px;border-bottom:#614f35 3px solid;"><table style="width:95%;font-size:95%;" cellspacing=1 cellpadding=1><tr valign=top align=center><td><img src="images/homepage2_2014.png" style="width:950px;border:none;"></td></tr></table></td></tr></table></div><table width='1000px' cellspacing=0 cellpadding=0 style='margin:0px'><tr align=left><td><div style='margin:5px;float:right;'><a href="http://www.LandProsSystems.com" target="_blank" title="LandProsSystems.com"><img alt="powered by Land Pros" src="http://landpros.com/images/poweredby_landpros_logo.png"></a></div><div class='login'><a href='http://www.californiaoutdoorproperties.com/login.php'><b>Login</b></a></div></td></tr><tr align=center><td><div id='footer'><a href="index.php">Home</a> <a href="propsearch.php?justlisted=90">Properties</a> <a href="auction.php">Auction</a> <a href="sell.php">Sell</a> <a href="buy.php">Buy</a> <a href="agents.php">Agents</a> <a href="aboutus.php">About Us</a> <a href="contact.php">Contact</a> <a href="sitemap.html">Site Map</a></div></td></tr><tr align=center><td>
<end node> 5P9i0s8y19Z
<node>onclick
3
onclick="location.href='calendarShow.php'"
<td class=clk onclick="window.open('calendarShow.php','new','width=800,height=700');" onmouseover="this.style.cursor='hand'">
[COMBO CHANGE]
var value = document.mainForm.payment.options[document.mainForm.payment.selectedIndex].value;
var message="";
if(value=="PHONE"){
message="Complete your order by scrolling to the bottom of this page and clicking the "NEXT" button. That will complete your order and provide you with your order number and total.\\n I accept Visa or MasterCard.\\n Then call Denise at 970-454-2152 or on her cell phone at 970-590-2162. I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card. I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine./n/n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time)./n Thank You.";
}
if(value=="CHECK"){
message="You have selected pay by check";
}
if(value=="MONEY ORDER"){
message="You have selected MONEY ORDER";
}
if(value=="PAY PAL"){
message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\\n\\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order.";
}
alert (message);
<end node> 5P9i0s8y19Z
<node>onkey
3
onkeyup will return the key that has been pressed while filling text box. Onkeypress and onkeydown will not
window.event.keyCode == returns ascii value of the key pressed
<end node> 5P9i0s8y19Z
<node>Labels
2
<lable>test</label>
[Change Text]
See textarea to see a method
<end node> 5P9i0s8y19Z
<node>TextArea
2
[maxlength]
<textarea cols="60" rows="5" onkeypress="if (this.value.length > 100) { return false; }"></textarea>
[counter]
<label id="count"></label>
<br><textarea name="comment" rows="3" cols="50" onkeypress="document.getElementById('count').innerHTML=this.value.length"></textarea>
<end node> 5P9i0s8y19Z
INCLUDES 1099-MISC
','13344.pdf',0),(13397,106,3,'2020-02-10',0,'Carter Lawn Care',0.00,850.00,'0168677442 payment for January 2020 rent includes $100 for electricity. 2/3/20','13397.jpg',0),(13398,54,5,'2020-02-04',0,'Usda',0.00,734.08,'TMP/MPF non specialty crops. transaction control 42988025. Wire transfer','13398.pdf',0),(13345,56,19,'2019-08-26',0,'King Soopers',11.99,0.00,'RX# 6834039 \r\n30 - LEVOTHYROXINE 75 MCG take one tablet daily','13345.jpg',0),(13346,56,19,'2019-10-21',0,'King Soopers',11.99,0.00,'RX# 6845065 \r\n30 - LEVOTHYROXINE 75 MCG take one tablet daily','13346.jpg',0),(13347,56,19,'2019-11-19',0,'King Soopers',5.99,0.00,'RX# 6851645\r\n 15 - LEVOTHYROXINE 75 MCG take one tablet daily','13347.jpg',0),(13348,56,19,'2019-09-16',0,'King Soopers',15.54,0.00,'180 - METFORMIN HCL 1000MG $\r\nRX 6773085','13348.jpg',0),(13349,54,5,'2019-12-31',0,'Usda',0.00,8898.80,'TMP/MPF AND AG RISK. transaction control 22390745. Wire transfer','13349.pdf',0),(13350,10,3,'2019-11-27',-5508,'Althoff Family Chiropractic',0.00,75.00,'Cleaning the parking lot on November 26th','13350.jpg',0),(13351,56,19,'2019-11-25',0,'King Soopers',90.79,0.00,'RX# 6852832, 33, 34\r\n30 - Prednisone 10mg $5.07\r\n30 - Cephalexin 500 MG $7.57\r\nProAir HFA 90 $66.62','13351.jpg',0),(13352,56,19,'2019-11-04',0,'King Soopers',33.66,0.00,'Rx# 6831657 30 - fenofibrate 160 mg tablets $21.23\r\nRx# 6831647 30 - Atorvastatin 20 mg tablets $12.43','13352.jpg',0),(13353,106,6,'2019-10-31',0,'Debbie Peona',0.00,60.00,'Camper storage 970 381 6646\r\n1103 Valley Drive Windsor Colorado 80550','13353.jpg',1),(13354,46,1,'2019-12-06',0,'Lowes',149.77,0.00,'LED Shop Light 4FT 4LT WRAP PRISMATIC LED MVOLT $ 119.98\r\n\r\n2 craftsman 25ft tape measures $19.98 50% OFF','13354.pdf',0),(13355,106,3,'2019-12-09',0,'Carter Lawn Care',0.00,850.00,'0166703913 1 payment for November 2019 rent includes $100 for electricity. 12/2/19','13355.jpg',0),(13356,99,21,'2019-12-10',0,'Xcel Energy',16.50,0.00,'- Xcel Energy lights - (...95 - 1) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $16.50 - Send on - Dec 9, 2019 - Deliver by - Dec 10, 2019 - Status - Funded - Transaction number - 8946501081 -','13356.jpg',0),(13357,98,21,'2019-12-10',0,'Xcel Energy',58.01,0.00,'- cel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $58.01 - Send on - Dec 9, 2019 - Deliver by - Dec 10, 2019 - Status - Funded - Transaction number - 8946508151 -','13357.jpg',0),(13358,4,18,'2019-12-14',0,'UCHEALTH',94.59,0.00,'We sent a receipt to steve@softwarewebdesign.com.\r\n\r\nDate:12/14/2019\r\nAuthorization code:08755G\r\n\r\nPayment amount\r\n$94.59\r\nAccount #102720422','13358.pdf',0),(13359,106,3,'2019-12-17',-6721,'Bruce Larrow',0.00,206.00,'Bruce Laurel paid for trailers storage at my place NOV - DEC','13359.jpg',0),(13360,56,19,'2019-12-17',0,'King Soopers',12.43,0.00,'Rx# 6831647 30 - Atorvastatin 20 mg tablets $12.43','13360.jpg',0),(13361,56,19,'2019-12-11',0,'King Soopers',11.99,0.00,'RX# 6855751\r\n30 - LEVOTHYROXINE 75 MCG take one tablet daily','13361.jpg',0),(13362,46,21,'2019-12-23',6793,'Agfinity',20000.00,0.00,'Fertilizer prepaid for the year 2020','13362.jpg',0),(13363,56,19,'2019-05-25',0,'King Soopers',15.54,0.00,'180 - METFORMIN HCL 1000MG $\r\nRX 6773085','13363.jpg',0),(13364,99,21,'2020-01-07',0,'Xcel Energy',16.57,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $16.57 - Send on - Jan 6, 2020 - Deliver by - Jan 7, 2020 - Status - Funded - Transaction number - 9041100460 -','13364.jpg',0),(13365,98,21,'2020-01-07',0,'Xcel Energy',78.03,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $78.03 - Send on - Jan 6, 2020 - Deliver by - Jan 7, 2020 - Transaction number - 9041112011 -','13365.jpg',0),(13366,4,18,'2020-01-04',0,'UCHEALTH',49.80,0.00,'Date:1/4/2020Authorization code:07713G\r\nPayment amount\r\n$49.80\r\nAccount #102720422\r\nPayment method\r\nVisa x2071\r\n\r\nexp. 05/2022\r\n\r\nPOCT Hemoglobin A1C\r\nYour Value\r\n6.0 % 12/17/19','13366.jpg',0),(13367,16,25,'2020-01-06',1431,'United States Treasury',2000.00,0.00,'federal income tax 2019. this is the 4th quarter payment. Form 1040ES','13367.jpg',0),(13368,123,4,'2020-01-16',1405,'Castle Lantz Ect',112.00,0.00,'12/30/2019 - KR: Revise and file Notice of Change of Address and Law - Firm Affiliation\r\n12/30/2019 - KR: Complete service on Ms. Layton\r\n12/30/2019 - KR: Review appellate briefs and case file','13368.pdf',0),(13369,106,3,'2020-01-15',0,'Carter Lawn Care',0.00,850.00,'0167701010 payment for December 2019 rent includes $100 for electricity. 1/2/20','13369.jpg',0),(13370,62,19,'2020-01-07',0,'Patrick Weakland Dds',205.00,0.00,'Periodic oral evaluation $54 \r\nBitewings-four films $65 \r\nProphylaxis-adult $97\r\nPatient discount $-11','13376.pdf',0),(13371,28,3,'2020-01-17',0,'State Farm',100.00,100.00,'Towed 2016 Ford to pikes auto 10/30/19\r\nstate farm chk 1 20 124 425 F 1/8/20','13371.jpg',0),(13372,40,3,'2020-01-17',0,'Swd',0.00,250.00,'Alfalfa cash\r\n\r\n$0 in 100s\r\n$50 in 50s\r\n$200 in 20s','13372.jpg',0),(13373,56,19,'2019-12-30',0,'King Soopers',21.23,0.00,'Rx# 6831657 30 - fenofibrate 160 mg tablets $21.23','13373.jpg',0),(13374,56,19,'2019-11-21',0,'King Soopers',14.58,0.00,'90 LISINOPRIL-HCTZ 20-25 MG TAB $\r\n\r\nRX#6834032','13374.jpg',0),(13375,56,19,'2020-01-13',0,'King Soopers',12.43,0.00,'Rx# 6831647 30 - Atorvastatin 20 mg tablets $12.43','13375.jpg',0),(13376,62,19,'2020-01-13',0,'Patrick Weakland Dds',360.00,0.00,'tooth14 D RESIN-1surf post perm $190\r\ntooth30 M RESIN-1surf post perm $190\r\n$20 DISCOUNT','13376.pdf',0),(13377,66,18,'2020-01-29',0,'State Farm',484.49,0.00,'State Farm Policy #: 114 4269-B06-06C\r\n2016 FORD F150 PICKUP\r\n\r\nConfirmation: #8T3K81DJ\r\nAmount: $484.49\r\nPayment Method: VISA-2071\r\nPayment Date: 01/29/2020','13377.pdf',0),(13378,88,3,'2020-01-30',-97698,'Great Western Operating Company, LLC',0.00,161.71,'','13378.jpg',0),(13379,56,19,'2020-01-07',0,'King Soopers',3.83,0.00,'RX# 6861617\r\n15 - LEVOTHYROXINE 75 MCG take one tablet daily','13379.jpg',0),(13380,56,19,'2020-01-28',0,'King Soopers',20.21,0.00,'Rx# 6831657 30 - fenofibrate 160 mg tablets $20.21','13380.jpg',0),(13381,56,19,'2020-01-22',0,'King Soopers',19.30,0.00,'RX# 6865430\r\n30 - LEVOTHYROXINE 75 MCG take one tablet daily\r\nOther Rx 13.08','13381.jpg',0),(13382,56,19,'2020-01-04',0,'King Soopers',4.82,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6860926','13382.jpg',0),(13385,99,21,'2020-02-05',0,'Xcel Energy',16.74,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $16.74 - Send on - Feb 4, 2020 - Deliver by - Feb 5, 2020 - Status - Funded - Transaction number - 9150798539 -','13385.jpg',0),(13386,101,19,'2020-01-07',0,'Pikes Auto Care',89.83,0.00,'Oil 5W20 @$5.71 $33.66 & filter $6.99\r\nair filter Napa $21.01\r\noil change labor $10 \r\nbrake parts $4.60','13386.pdf',0),(13387,16,4,'2020-03-19',0,'Weld County',2776.66,0.00,'ACCT: R0549801\r\nPARCEL: 080715000058\r\nTAX DISTRICT: 0430\r\nhome property tax.\r\n2019 taxes due in 2020\r\n to ACI Payments, Inc.\r\n\r\nConfirmation Number: 0TGG8R6LL\r\nPayment Date:\r\nPayment Time: Thursday, March 19, 2020\r\n12:21PM MT','13387.pdf',0),(13388,45,10,'2019-12-31',0,'Bank Of Colorado IRA Carrie',0.00,52.50,'2009 interest paid on Carie winter Ira that started out with $6,500','13388.pdf',0),(13389,45,10,'2019-12-31',0,'Bank Of Colorado IRA Steve',0.00,128.16,'2019 interest paid on Steve winter Ira that started out with $6,500','13388.pdf',0),(13390,29,3,'2020-02-06',-3254,'Jack Winter',0.00,1426.00,'Reimbursement for crushed concrete and recycled asphalt that was hauled to the Home Place and the asphalt was hauled to Severance','13390.jpg',0),(13391,28,3,'2020-02-06',-1278,'Aarron Gersick',0.00,100.00,'January 5 is eCell phone switch over plus new phone. \r\nBecause kids have moved to new house, we will deduct from JOELLE\'S credit card receipts at time of reimbursement. Check WHS from now on','13391.jpg',0),(13392,94,18,'2020-02-06',0,'Blue Host',32.87,0.00,'Softwarewebsecure.Com and the Privacy things','13392.pdf',0),(13393,108,18,'2019-12-31',0,'Verizon',948.40,0.00,'970-231-5854\r\n$24.52, $24.52, $24.52, $24.50, $23.89, $23.89, $23.74, $23.74, $23.74, $23.77, $23.78, $23.78=$288.4\r\nPlancharge= $55, $55, $55, $55, $55, $55, $55, $55, $55, $55, $55, $55= $660','13393.jpg',0),(13394,108,18,'2019-12-31',0,'Verizon',90.72,0.00,'970.573.1487\r\nTabA tablet\r\n$90.72-','13394.jpg',0),(13395,43,19,'2020-02-09',0,'ACE Hardware',8.54,0.00,'1 - 2pk nickel batteries to fix remote key on 2016 ford','13395.jpg',0),(13396,13,6,'2020-12-31',0,'Journey Church',8350.00,0.00,'Software web design','13396.pdf',0),(13399,40,3,'2020-02-10',0,'Swd',0.00,500.00,'$400 in $100 \r\n$100 in $50','13399.jpg',0),(13400,4,18,'2020-02-15',0,'UCHEALTH',189.39,0.00,'Authorization code:06288G\r\nAccount #102720422\r\nPayment method Visa x2071\r\nexp. 05/2022','13400.jpg',0),(13401,4,18,'2020-02-15',0,'UCHEALTH',197.99,0.00,'Authorization code:08837G\r\nAccount #102720422\r\nPayment method Visa x2071\r\n\r\nDX X-Ray/Chest $412.48','13401.pdf',0),(13402,36,21,'2020-02-16',60065,'Agfinity',628.53,0.00,'propane fills S & C and Jarrod Winter','13402.pdf',0),(13403,14,4,'2020-02-17',1406,'Odricil & Meis',735.00,0.00,'preparing 2019 state and federal taxes.','13403.jpg',0),(13404,28,18,'2020-02-19',0,'Darnell Lateral Ditch Co.',10.00,0.00,'Renew LLC with state\r\nPayment Amount Paid:$10.00\r\n \r\nType: CREDIT\r\n \r\n Last 4 Digits:2071\r\n 02/19/2020 12:12 PM\r\n \r\n \r\n ID #: 20111021920\r\n \r\n Document #: 20201149995','13404.pdf',0),(13405,56,19,'2020-02-17',0,'King Soopers',23.23,0.00,'RX# 6871380\r\n10 - Prednisone 20mg $3.26\r\n1 kroger nasal spray $18.69','13405.jpg',0),(13406,40,3,'2020-02-20',0,'Swd',0.00,1000.00,'$1000 in $100 \r\n$00 in $50','13406.jpg',0),(13407,4,18,'2020-02-21',0,'AMIC',20.34,0.00,'X-ray exam chest 2 views\r\n\r\nAdvanced Medical Imaging Consultants -Account Number: 11558 - Reference Number: - 774513920200222 - merrchant Id: - 000052602074 - Credit - ****2071 (VISA) - $20.34 -','13407.jpg',0),(13408,122,18,'2020-02-23',0,'Colorado Secretary Of State',10.00,0.00,'Renewal of my Software Web Design, LLC\r\n20051025806 1329\r\n20-2201110\r\nPayment -: - $10.00 - Type: - CREDIT - Last 4 Digits: - 2071 - Filing Details - Date and Time: - 02/23/2020 08:15 PM - ID #: - 20051025806 - Document #: - 20201162410','13408.pdf',0),(13409,103,18,'2020-02-24',0,'State Farm',219.51,0.00,'2009 Mustang insurance premium\r\npolicy: 157 0044-C02-06\r\n\r\nConfirmation: #8W35X0TR\r\nPayment Method: VISA-2071\r\nPayment Date: 02/24/2020','13409.pdf',0),(13410,17,19,'2020-02-24',0,'United States Post Office',55.00,0.00,'Purchase of one roll of forever stamps','13410.jpg',0),(13411,40,3,'2020-02-24',0,'Swd',0.00,1000.00,'$500 in $100 \r\n$300 in $50\r\n$200 in $20','13411.jpg',0),(13412,56,19,'2020-02-11',0,'King Soopers',12.43,0.00,'Rx# 6831647 30 - Atorvastatin 20 mg tablets $12.43','13412.jpg',0),(13413,56,19,'2020-01-13',0,'King Soopers',29.65,0.00,'RX# 6863164, 66, 67\r\n30 - Prednisone 10mg $6.22\r\n30 - Azithromycin 250 MG $7.98\r\n8.5 - Albuterol HFA 90 MCG INHALER $15.45','13413.jpg',0),(13414,56,19,'2020-02-11',0,'King Soopers',6.16,0.00,'30 LISINOPRIL-HCTZ 20-25 MG TAB $\r\n\r\nRX#6870246','13414.jpg',0),(13415,56,19,'2020-02-17',0,'King Soopers',233.38,0.00,'RX# 6871381\r\n1 - Dulera 200mg MCG-5 Inhaler','13415.jpg',0),(13416,56,19,'2020-02-20',0,'King Soopers',6.22,0.00,'RX# 68672434\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily','13416.jpg',0),(13417,106,3,'2020-03-02',-2111,'Bruce Larrow',0.00,240.00,'Bel_Arrow LLC\r\n970-617-8400\r\n1298 Main Street Unit A PMB 4245\r\nWindsor Colorado 80550-7906\r\nSemi storage','13417.jpg',0),(13418,106,3,'2020-03-02',-990008,'L7 Transportion LLC',0.00,100.00,'L7 Transportion LLC\r\n27454 County Road 113\r\nSimla Colorado 80835-9767','13418.jpg',0),(13419,40,3,'2020-03-02',0,'Swd',0.00,200.00,'$200 in $20','13419.jpg',0),(13420,98,21,'2020-03-13',0,'Xcel Energy',93.90,0.00,'- Xcel Energy - (...98 - 7)- Pay from - CHASE PREMIER (...6680) - Amount - $93.90 - Send on - Mar 12, 2020 - Deliver by - Mar 13, 2020 - Transaction number - 9268147803 -','13420.jpg',0),(13421,99,21,'2020-03-11',0,'Xcel Energy',16.76,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $16.76 - Send on - Mar 10, 2020 - Deliver by - Mar 11, 2020 - Transaction number - 9268165432 -','13421.jpg',0),(13422,106,3,'2020-03-09',0,'Carter Lawn Care',0.00,850.00,'0169574968 payment for February 2020 rent includes $100 for electricity. 3/2/20','13422.jpg',0),(13423,88,3,'2020-03-09',-99915,'Great Western Operating Company, LLC',0.00,105.63,'','13423.jpg',0),(13424,4,18,'2020-03-12',0,'UCHEALTH',94.59,0.00,'- Date: - 3/12/2020 - Authorization code: - 06986G - Payment amount - $94.59 - Account # - 102720422 - Payment method - steve winter - x2071 - exp. 05/2022 -','13424.pdf',0),(13425,106,3,'2020-03-25',0,'Bell Arrow Llc',0.00,260.00,'Bruce Laurel paid for semi & trailers storage at my place','13425.jpg',0),(13426,40,3,'2020-03-25',0,'Swd',0.00,1000.00,'$1000 in $100 \r\n$00 in $50\r\n$00 in $20','13426.jpg',0),(13427,88,21,'2020-03-25',-107282,'Great Western Operating Company, LLC',0.00,77.36,'','13427.pdf',0),(13428,56,19,'2020-03-22',0,'King Soopers',5.93,0.00,'RX# 6879140\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily $5.93','13428.jpg',0),(13429,16,21,'2020-03-25',0,'Colorado Department Of Revenue',0.00,478.00,'Chk 15451862 refund from Colorado 3/12','13429.jpg',0),(13430,56,19,'2020-03-14',0,'King Soopers',18.31,0.00,'30 LISINOPRIL-HCTZ 20-25 MG TAB $\r\n\r\nRX#6870246\r\n\r\nRx# 6831647 30 - Atorvastatin 20 mg tablets $12.43','13430.jpg',0),(13431,56,19,'2020-03-24',0,'King Soopers',5.93,0.00,'RX# 6879748\r\n30 - Prednisone 10mg $5.93 4 - 3 - 2 - 1 for 3 days','13431.jpg',0),(13432,50,3,'2020-03-27',0,'Dagama Web Studio',0.00,533.45,'CREDIT,03/20/2020,\"PAYPAL TRANSFER 1008342196107 PPD ID: PAYPALSD11\",533.45,ACH_CREDIT,16183.90,,','13432.jpg',0),(13433,50,3,'2020-01-06',0,'Dagama Web Studio',0.00,1252.66,'CREDIT,01/06/2020,\"PAYPAL TRANSFER 1007654413414 PPD ID: PAYPALSD11\",1252.66,ACH_CREDIT,9430.64,,','13433.jpg',0),(13434,40,3,'2020-03-31',0,'Swd',0.00,1000.00,'$1000 in $100 \r\n$00 in $50\r\n$00 in $20','13434.jpg',0),(13435,34,4,'2020-04-02',1408,'Bank Of Colorado',75.00,0.00,'Heloc annual Fee rECORDED','13435.jpg',0),(13436,98,21,'2020-04-13',0,'Xcel Energy',89.20,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $89.20 - Send on - Apr 10, 2020 - Deliver by - Apr 13, 2020 - Status - Pending - Transaction number - 9408995045 -','13436.jpg',0),(13437,99,21,'2020-04-13',0,'Xcel Energy',17.00,0.00,'- Xcel Energy lights - (...95 - 1) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $17.00 - Send on - Apr 10, 2020 - Deliver by - Apr 13, 2020 - Status - Pending - Transaction number - 9409004242 -','13437.jpg',0),(13438,106,3,'2020-04-06',0,'Carter Lawn Care',0.00,850.00,'0170534423 payment for March 2020 rent includes $100 for electricity. 4/1/20','13438.jpg',0),(13439,106,3,'2020-04-06',-8283,'L7 Transportion LLC',0.00,100.00,'L7 Transportion LLC\r\n27454 County Road 113\r\nSimla Colorado 80835-9767','13439.jpg',0),(13453,98,21,'2020-05-12',0,'Xcel Energy',53.91,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $53.91 - Send on - May 11, 2020 - Deliver by - May 12, 2020 - Status - Funded - Transaction number - 9588084492 -','13453.jpg',0),(13440,56,19,'2020-03-26',0,'King Soopers',20.21,0.00,'Rx# 6831657 30 - fenofibrate 160 mg tablets $20.21','13440.jpg',0),(13441,56,19,'2020-02-27',0,'King Soopers',4.82,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6861123','13441.jpg',0),(13442,106,3,'2020-04-16',-2115,'Bell Arrow Llc',0.00,206.00,'Bruce Laurel paid for semi & trailers storage at my place','13442.jpg',0),(13443,40,3,'2020-04-16',0,'Swd',0.00,1000.00,'$1000 in $100 \r\n$00 in $50\r\n$00 in $20','13443.jpg',0),(13444,17,19,'2020-02-24',0,'Usps',55.00,0.00,'Roll of forever stamps','13444.jpg',0),(13445,56,19,'2020-04-10',0,'King Soopers',12.28,0.00,'Rx# 6831647 30 - Atorvastatin 20 mg tablets $12.28','13445.jpg',0),(13446,4,18,'2020-04-20',0,'UCHEALTH',18.15,0.00,'to carie@windsorhairshoppe.com. - Date: - 4/20/2020 - Authorization code: - 09014G - Payment amount - $18.15 - Account # - 102676133 - method - x7085 - exp. 11/2024 -\r\n\r\n01/21/20LAB/General$40.14LAB/Chemistry$115.59Insurance Adjustments','13446.pdf',0),(13447,40,3,'2020-04-23',0,'Swd',0.00,600.00,'$000 in $100 \r\n$00 in $50\r\n$600 in $20','13447.jpg',0),(13448,40,3,'2020-05-01',0,'Swd',0.00,1000.00,'$700 in $100 \r\n$00 in $50\r\n$300 in $20','13448.jpg',0),(13449,16,21,'2020-05-02',-1410,'Colorado Department Of Revenue',2.00,0.00,'Severance tax - Oil and Gas DR0021\r\n2019 Colorado','13449.jpg',0),(13450,50,3,'2020-05-05',0,'Dagama Web Studio',0.00,173.60,'from Lori Gama\r\nApr 6, 2020\r\nCompleted $50.00 USD\r\n\r\nPayment from Lori Gama\r\nMar 20, 2020\r\nCompleted $150.00 USD\r\n\r\nBill To Lori Gama\r\nMar 20, 2020\r\nPaid $150.00 USD','13450.jpg',0),(13451,56,19,'2020-04-20',0,'King Soopers',5.65,0.00,'RX# 6884308\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily','13451.jpg',0),(13452,106,3,'2020-05-06',0,'Carter Lawn Care',0.00,850.00,'0171523321 payment for April 2020 rent includes $100 for electricity. 5/1/20','13452.jpg',0),(13454,99,21,'2020-05-12',0,'Xcel Energy',18.41,0.00,'- Xcel Energy lights - (...95 - 1) Pay from - CHASE PREMIER (...6680) - Amount - $18.43 - Send on - May 11, 2020 - Deliver by - May 12, 2020 - Status - Funded - Transaction number - 9588102011 -','13454.jpg',0),(13455,106,3,'2020-05-12',0,'Humble Tree Service',0.00,180.00,'Jordan Durand 970-381-3736 Jordan@ humble - tree.com\r\ncash 5/1/2020 - 7/31/2020','13455.jpg',0),(13456,106,6,'2020-05-13',0,'Bell Arrow Llc',0.00,210.00,'Bruce Laurel paid for semi & trailers storage at my place','13456.jpg',0),(13457,56,19,'2020-04-03',0,'King Soopers',4.61,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6861123','13457.jpg',0),(13458,56,19,'2020-05-11',0,'King Soopers',12.28,0.00,'Rx# 6831647 30 - Atorvastatin 20 mg tablets $12.28','13458.jpg',0),(13459,16,21,'2020-05-21',0,'United States Treasury',0.00,2400.00,'ECONOMIC IMPACT PAYMENT\r\n40414 000000518:267970824 040520','13459.jpg',0),(13460,6,6,'2020-05-11',0,'Hydro Plumbing And Heating',180.00,0.00,'Fixed toilet and tub drain pipe with PVC to replace rotting copper pipes','13460.pdf',0),(13461,56,19,'2020-05-23',0,'King Soopers',18.87,0.00,'Rx# 6831657 30 - fenofibrate 160 mg tablets $18.87','13461.jpg',0),(13462,56,19,'2020-05-21',0,'King Soopers',3.55,0.00,'RX# 6889340\r\n15 - LEVOTHYROXINE 100 MCG take one tablet daily','13462.jpg',0),(13463,99,21,'2020-06-09',0,'Xcel Energy',17.63,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.63 - Send on - Jun 8, 2020 - Deliver by - Jun 9, 2020 - Status - Funded - Transaction number - 9742093105 -','13463.jpg',0),(13464,98,21,'2020-06-09',0,'Xcel Energy',49.02,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $49.02 - Send on - Jun 8, 2020 - Deliver by - Jun 9, 2020 - Status - Funded - Transaction number - 9742102631 -','13464.jpg',0),(13465,106,3,'2020-06-08',0,'Carter Lawn Care',0.00,950.00,'0172441096 payment for mAY 2020 rent includes $100 for electricity. 6/1/20','13465.jpg',0),(13466,106,6,'2020-06-11',0,'Bell Arrow Llc',0.00,210.00,'Bruce Laurel paid for semi & trailers storage at my place','13466.jpg',0),(13467,56,6,'2020-06-08',0,'King Soopers',4.58,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6861123','13467.jpg',0),(13468,56,6,'2020-06-06',0,'King Soopers',8.84,0.00,'RX# 6892223\r\n50 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day','13468.jpg',0),(13469,122,18,'2020-06-15',0,'Colorado Secretary Of State',50.00,0.00,'Jack and Steve Winter LLP\r\n Type: CREDIT Last 4 Digits: 2071\r\nFiling Details\r\n Date and Time: 06/15/2020 07:23 PM\r\n \r\n ID #: 20201517700\r\n Document #: 20201517700','13469.pdf',0),(13470,40,3,'2020-06-19',-1743,'Edgar Perea Trycking',0.00,123.75,'15 bales 1st cut','13470.jpg',0),(13471,4,18,'2020-06-22',0,'UCHEALTH',18.15,0.00,'TSH 4.750 mIU/L 0.465 to 4.680 mIU/L0.465 - 4.680 mIU/L\r\nGeneral Information\r\n\r\nOrdered by Carolyn Eliz Albritton-McDonald, MD\r\nCollected on 06/05/2020 6:34 AM from Blood (Blood)\r\n\r\nResulted on 06/05/2020 2:24 PM','13471.jpg',0),(13472,56,19,'2020-05-08',0,'King Soopers',4.41,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6861123','13472.jpg',0),(13473,56,19,'2020-06-14',0,'King Soopers',12.28,0.00,'Rx# 6831647 30 - Atorvastatin 20 mg tablets $12.28','13473.jpg',0),(13474,56,19,'2020-05-27',0,'King Soopers',5.60,0.00,'30 LISINOPRIL-HCTZ 20-25 MG TAB $\r\n\r\nRX#6890437','13474.jpg',0),(13475,99,21,'2020-07-07',0,'Xcel Energy',17.59,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.59 - Send on - Jul 6, 2020 - Deliver by - Jul 7, 2020 - Status - Funded - Transaction number - 9895578026 -','13475.jpg',0),(13476,98,21,'2020-07-07',0,'Xcel Energy',118.81,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $118.81 - Send on - Jul 6, 2020 - Deliver by - Jul 7, 2020 - Status - Funded - Transaction number - 9895590370 -','13476.jpg',0),(13477,123,4,'2020-07-05',1411,'Rod Burrows',450.00,0.00,'Preparation of USR map and Road access permit submittal','13477.pdf',0),(13478,56,6,'2020-07-08',0,'King Soopers',5.67,0.00,'RX# 6898160\r\n32- LEVOTHYROXINE 100 MCG take one tablet daily 30 day','13478.jpg',0),(13479,56,19,'2020-07-01',0,'King Soopers',213.32,0.00,'Rx# 6897007 30 - Atorvastatin 20 mg tablets $0\r\nRx# 6897008 60 - metFormin 1000mg $4.24\r\nRx# 6897006 1 - DULERA 200 MCG-5 INHALER $209.08','13479.jpg',0),(13480,106,6,'2020-07-19',0,'Debbie Peona',0.00,100.00,'Camper storage 970 381 6646\r\n1103 Valley Drive Windsor Colorado 80550','13480.jpg',1),(13481,94,18,'2020-07-17',0,'Blue Host',14.88,0.00,'Invoice Number: 55006118 farmershelpvideos.com\r\n\r\nDomain Name Registration 1 year 01 August 2021 $17.99\r\nDomain Privacy + Protection 1 year 01 August 2021 $14.88\r\nRegistration Coupon 1 year 28 April 2021 $-17.99','13481.pdf',0),(13482,94,18,'2020-02-26',0,'Blue Host',50.86,0.00,'Invoice Number: 52346420 jesusovergangs.com\r\n\r\nDomain Name Registration 1 year 12 March 2021 $17.99\r\nDomain Privacy + Protection 1 year 12 March 2021 $14.88\r\nDomain Name Registration godovergangs.com 1 year 12 March 2021 $17.99','13482.pdf',0),(13483,94,18,'2020-02-01',0,'Blue Host',17.99,0.00,'Invoice Number: 51862900\r\n\r\nDomain Name Registration sjwfarms.com 1 year 16 February 2021 $17.99\r\nDomain Name Registration','13483.pdf',0),(13484,101,6,'2020-07-27',0,'Pikes Auto Care',85.31,0.00,'Oil 5W20 @$5.71 $24 & filter $9\r\nair filter Napa $22\r\noil change labor $22\r\nbrake parts $4.60','13503.pdf',0),(13485,56,19,'2020-06-29',0,'King Soopers',24.70,0.00,'30 LISINOPRIL-HCTZ 20-25 MG TAB $5.83\r\nRX#6896176\r\n\r\n30 - Fenofibrate 160 mg tablets $18.87\r\nRX 6831657','13485.jpg',0),(13486,4,18,'2020-07-31',0,'UCHEALTH',139.59,0.00,'We sent a receipt to steve@softwarewebdesign.com.\r\n\r\nDate:7/31/2020\r\nAuthorization code:06919G\r\n\r\nPayment amount\r\n$139.59\r\nAccount #102720422','13486.pdf',0),(13487,56,19,'2020-07-22',0,'King Soopers',5.36,0.00,'30 LISINOPRIL-HCTZ 20-25 MG TAB $\r\n\r\nRX#6897004','13487.jpg',0),(13488,40,3,'2020-08-05',0,'Swd',0.00,1000.00,'$1000 in $100 \r\n$00 in $50\r\n$00 in $20','13488.jpg',0),(13489,66,18,'2020-08-08',0,'State Farm',480.34,0.00,'State Farm Policy #: 114 4269-B06-06C\r\n2016 FORD F150 PICKUP\r\n\r\n2016 FORD F150 PICKUP\r\nConfirmation: #9E3873XY\r\nAmount: $480.34\r\nPayment Method: VISA-2071\r\nPayment Date: 08/08/2020','13489.pdf',0),(13490,98,21,'2020-08-10',0,'Xcel Energy',102.35,0.00,'- Xcel Energy - (...98 - 7) Pay from - CHASE PREMIER (...6680) - Amount - $102.35 - Send on - Aug 10, 2020 - Deliver by - Aug 11, 2020 - Status - Funded - Transaction number - 10086780086 -','13490.jpg',0),(13491,99,21,'2020-08-10',0,'Xcel Energy',17.57,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.57 - Send on - Aug 10, 2020 - Deliver by - Aug 11, 2020 - Status - Funded - Transaction number - 10086794406 -','13491.jpg',0),(13492,106,3,'2020-08-10',-4080,'Bell Arrow Llc',0.00,206.00,'Bruce Laurel paid for semi & trailers storage at my place','13492.jpg',0),(13493,106,3,'2020-08-10',0,'Carter Lawn Care',0.00,950.00,'0174367835 payment for july 2020 rent includes $100 for electricity. 8/3/20','13493.jpg',0),(13494,56,19,'2020-08-04',0,'King Soopers',5.93,0.00,'RX# 6898160\r\n32- LEVOTHYROXINE 100 MCG take one tablet daily 30 day','13494.jpg',0),(13495,56,19,'2020-08-09',0,'King Soopers',4.41,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6897008','13495.jpg',0),(13496,12,3,'2020-08-24',0,'Anthem',0.00,606.06,'Obamacare requires 80% premium for coverage 77% was used so I have a rebate check 001-607-1797','13496.jpg',0),(13497,106,3,'2020-08-24',-2117,'Bell Arrow Llc',0.00,206.00,'Bruce Laurel paid for semi & trailers storage at my place','13497.jpg',0),(13498,4,18,'2020-08-23',0,'UCHEALTH',94.80,0.00,'Date:8/23/2020\r\nAuthorization code:08884G\r\n\r\nPayment amount $94.80\r\nAccount #102720422\r\n\r\nPayment method visa\r\n\r\nsteve winter x2071 exp. 05/2022','13498.jpg',0),(13499,4,18,'2020-08-23',0,'UCHEALTH',10.18,0.00,'We sent a receipt to steve@softwarewebdesign.com.\r\n\r\nDate:8/23/2020\r\nAuthorization code:00449G\r\n\r\nPayment amount $10.18\r\nAccount #102720422\r\n\r\nPayment method Visa\r\nsteve winter x2071 exp. 05/2022','13499.jpg',0),(13500,103,18,'2020-08-26',0,'State Farm',165.16,0.00,'2009 Mustang insurance premium\r\npolicy: 157 0044-C02-06\r\n\r\nConfirmation: #9G3BM8FL\r\nAmount: $165.16\r\nPayment Method: VISA-2071\r\nPayment Date: 08/26/2020','13500.pdf',0),(13501,56,19,'2020-08-21',0,'King Soopers',47.31,0.00,'25 LISINOPRIL-HCTZ 20-25 MG TAB $4.41\r\nRX#6897004\r\n\r\n30 - Fenofibrate 160 mg tablets $42.40\r\nRX 6897005','13501.jpg',0),(13502,29,3,'2020-09-01',-2146,'Swd',0.00,1430.87,'Fuel and DEF','13502.jpg',0),(13503,101,19,'2020-09-05',0,'Pikes Auto Care',1331.87,0.00,'Front rotors $320.30\r\nrear rotor $377.38 \r\npads front $64.07\r\npads rear $81.51\r\nlabor $385.15','13503.pdf',0),(13504,98,21,'2020-09-11',0,'Xcel Energy',110.00,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $110.00 - Send on - Sep 10, 2020 - Deliver by - Sep 11, 2020 - Status - Funded - Transaction number - 10264483022 -','13504.jpg',0),(13505,99,21,'2020-09-11',0,'Xcel Energy',17.63,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.63 - Send on - Sep 10, 2020 - Deliver by - Sep 11, 2020 - Status - Funded - Transaction number - 10264498176 -','13505.jpg',0),(13506,29,3,'2020-09-17',-1261,'Winter Severance Family Partnership LP',0.00,785.00,'Reimbursement of sod placed at Jared\'s house this was purchased on the 3070 credit card','13506.jpg',0),(13507,56,19,'2020-09-09',0,'King Soopers',5.52,0.00,'RX# 6898160\r\n32- LEVOTHYROXINE 100 MCG take one tablet daily 30 day','13507.jpg',0),(13508,56,19,'2020-09-18',0,'King Soopers',4.59,0.00,'30 LISINOPRIL-HCTZ 20-25 MG TAB $\r\n\r\nRX#6897004','13508.jpg',0),(13509,56,6,'2020-03-04',0,'Safeway',45.99,0.00,'Fluzone Quadrivalent 0.5 ML\r\n\r\nRX#6499570','13509.jpg',0),(13510,56,19,'2020-08-27',0,'King Soopers',0.00,0.00,'Rx# 6897007 30 - Atorvastatin 20 mg tablets $12.28','13510.jpg',0),(13511,56,19,'2020-09-13',0,'King Soopers',4.41,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6897008','13511.jpg',0),(13512,43,1,'2020-05-29',0,'Ace Hardware',17.05,0.00,'Turnbuckle 1/4 inch by 5 3/8 in $4.99\r\n\r\nScrew eye LG 5/16 X 2.32SS $2.99','13512.jpg',0),(13513,56,19,'2020-09-24',0,'King Soopers',38.67,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $38.67','13513.jpg',0),(13514,114,18,'2020-10-02',0,'State Farm',1302.00,0.00,'HOMEOWNERS POLICY\r\nConfirmation: #9L3X18LZ\r\nAmount: $1302.00\r\nPayment Method: VISA-2071\r\nPayment Date: 10/02/2020','13514.pdf',0),(13515,114,18,'2020-10-02',0,'State Farm',187.00,0.00,'PERSONAL LIABILITY UMBRELLA POLICY\r\nConfirmation: #9L3X12R5\r\nAmount: $187.00\r\nPayment Method: VISA-2071\r\nPayment Date: 10/02/2020','13515.pdf',0),(13516,98,21,'2020-10-09',0,'Xcel Energy',84.98,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $84.98 - Send on - Oct 8, 2020 - Deliver by - Oct 9, 2020 - Status - Funded - Transaction number - 10425845166 -','13516.jpg',0),(13517,99,21,'2020-10-09',0,'Xcel Energy',17.88,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.88 - Send on - Oct 8, 2020 - Deliver by - Oct 9, 2020 - Status - Funded - Transaction number - 10425856395 -','13517.jpg',0),(13518,106,6,'2020-09-11',0,'Bell Arrow Llc',0.00,210.00,'Bruce Laurel paid for semi & trailers storage at my place','13518.jpg',0),(13519,106,6,'2020-10-08',0,'Bell Arrow Llc',0.00,210.00,'Bruce Laurel paid for semi & trailers storage at my place','13519.jpg',0),(13520,106,6,'2020-10-11',0,'Humble Tree Service',0.00,180.00,'Jordan Durand 970-381-3736 Jordan@ humble - tree.com\r\ncash 8/1/2020 - 10/31/2020','13520.jpg',0),(13521,56,19,'2020-10-11',0,'King Soopers',10.01,0.00,'Rx# 6897007 30 - Atorvastatin 20 mg tablets $0\r\nRx# 6897008 60 - metFormin 1000mg $4.41\r\n30 LISINOPRIL-HCTZ 20-25 MG TAB $5.60\r\n\r\nRX#6897004','13521.jpg',0),(13522,56,19,'2020-10-13',0,'King Soopers',5.65,0.00,'RX# 6917710\r\n26 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day got 4 pills earlier.','13522.jpg',0),(13574,101,19,'2021-01-14',0,'Discount Tire',963.26,0.00,'New Michelin Defender tires for the 2016 Ford pickup','13574.jpg',0),(13523,106,3,'2020-10-20',0,'Carter Lawn Care',0.00,1900.00,'004269716 payment for August 2020 rent includes $100 for electricity. 10/7/20\r\n004267169 payment for September 2020 rent includes $100 for electricity. 10/7/20','13523.jpg',0),(13524,29,3,'2020-10-20',0,'Swd',0.00,1685.39,'Non hemp farm supplies from Murdoch and Boomgars','13524.jpg',0),(13525,56,19,'2020-10-28',0,'King Soopers',42.40,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $42.4','13525.jpg',0),(13526,98,21,'2020-11-03',0,'Xcel Energy',100.00,0.00,'- Xcel Energy - (...98 - 7) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $100.00 - Send on - Nov 2, 2020 - Deliver by - Nov 3, 2020 - Status - Funded - Transaction number - 10565162789 -','13526.jpg',0),(13527,99,21,'2020-11-03',0,'Xcel Energy',18.11,0.00,'- Xcel Energy lights - (...95 - 1) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $18.11 - Send on - Nov 2, 2020 - Deliver by - Nov 3, 2020 - Status - Funded - Transaction number - 10565179142 -','13527.jpg',0),(13528,103,4,'2020-11-01',0,'WCCR',71.77,0.00,'license plates 2009 Ford Mustang.518TFW\r\nVIN: 1ZVHT82HX95123152\r\n\r\n USING website\r\n\r\nYour confirmation number is 0-010-727-847.','13528.jpg',0),(13529,126,3,'2020-11-04',-1088,'Extraxit',0.00,1000.00,'Smokable hemp sales $50/lb','13529.jpg',0),(13530,10,3,'2020-11-04',-797,'Ccj Properties',0.00,50.00,'Snow removal','13530.jpg',0),(13531,106,3,'2020-11-13',0,'Carter Lawn Care',0.00,950.00,'0048119286 payment for October 2020 rent includes $100 for electricity. 11/5/20','13531.jpg',0),(13532,29,3,'2020-11-13',-2181,'Swd',0.00,1337.84,'Farm supplies','13532.jpg',0),(13533,54,21,'2020-10-15',0,'Usda',0.00,3000.00,'TMP/MPF non specialty crops. transaction control 42988025. Wire transfer','13533.pdf',0),(13534,56,19,'2020-11-11',0,'King Soopers',5.22,0.00,'Rx# 6897007 30 - Atorvastatin 20 mg tablets $0\r\nRX#6897004 30 LISINOPRIL-HCTZ 20-25 MG TAB $5.22','13534.jpg',0),(13535,13,19,'2020-11-11',0,'Daystar',1000.00,0.00,'24407907 Isreal project','13535.pdf',0),(13536,56,19,'2020-11-15',0,'King Soopers',9.40,0.00,'60 - METFORMIN HCL 1000MG $\r\nRX 6897008\r\n\r\nRX# 6923938\r\n30 - LEVOTHYROXINE 100 MCG','13536.jpg',0),(13537,4,18,'2020-11-20',0,'UCHEALTH',57.68,0.00,'We sent a receipt to steve@softwarewebdesign.com.\r\n\r\nDate:11/20/2020\r\nAuthorization code:09357G\r\n\r\nPayment amount\r\n$57.68\r\nAccount #102720422','13537.pdf',0),(13538,13,4,'2020-04-15',1409,'Campus Ministries Of Foundations Church',200.00,0.00,'Tax id 81-3948288\r\nPartnership account# 76','13538.jpg',0),(13539,13,4,'2020-11-25',1413,'Campus Ministries Of Foundations Church',200.00,0.00,'Tax id 81-3948288\r\nPartnership account# 76','13539.pdf',0),(13540,98,21,'2020-12-01',0,'Xcel Energy',47.74,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $47.74 - Send on - Nov 30, 2020 - Deliver by - Dec 1, 2020 - Status - Funded - Transaction number - 10722445127 -','13540.jpg',0),(13541,99,21,'2020-12-02',0,'Xcel Energy',18.46,0.00,'- Xcel Energy lights - (...95 - 1) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $18.46 - Send on - Nov 30, 2020 - Deliver by - Dec 1, 2020 - Status - Funded - Transaction number - 10722460843 -','13541.jpg',0),(13542,40,3,'2020-10-30',0,'Steve Winter',0.00,31356.60,'10/30/2020,\"DEPOSIT ID NUMBER 713643\",31356.60,DEPOSIT,38792.74,Alfalfa,','13542.jpg',0),(13543,108,18,'2020-12-31',0,'Verizon',1441.50,0.00,'970-231-5854\r\n$24.17 \r\n$24.01 \r\n$24.01 \r\n$24.01 \r\n$23.99 \r\n$24.66 \r\n$24.66 \r\n$24.40 \r\n$24.40 \r\n$24.40 \r\n$24.44 \r\n$24.44 \r\n$24.44 \r\n$316.03 + 187.50*6=\r\n\r\nPlancharge= $55, $55, $55, $55, $55, $55, $55, $55, $55, $55, $55, $55= $660','13543.jpg',0),(13544,12,18,'2020-12-31',0,'Anthem Blue Cross Insurance',2675.88,0.00,'$222.99 a month for 12 months','13544.pdf',0),(13545,108,18,'2020-12-31',0,'Verizon',319.02,0.00,'970.573.1487\r\nTabA tablet\r\n$24.17 \r\n$24.01 \r\n$24.01 \r\n$24.01 \r\n$23.99 \r\n$26.13 \r\n$26.13 \r\n$25.53 \r\n$25.53 \r\n$25.53 \r\n$25.65 \r\n$25.65 \r\n$18.68','13545.jpg',0),(13546,7,21,'2020-12-31',0,'CentryLink',1676.75,0.00,'153.17 Dec 8\r\n$154.73 Nov 12\r\n$154.65 Oct 8\r\n$154.65 Sep 10\r\n$154.69 Aug 10\r\n$151.34 Jul 10\r\n$152.30 Jun 8\r\n$152.30 May 11\r\n$152.42 Apr 9\r\n$152.42 Mar 12\r\n144.08 Feb 4','13546.jpg',0),(13547,41,21,'2020-12-31',0,'Xcel Energy',644.27,0.00,'12/15/2020 -56.6\r\n11/16/2020 -46.92\r\n10/19/2020 -43.44\r\n9/17/2020 -56.07\r\n8/17/2020 -45.59\r\n7/16/2020 -48.52\r\n6/18/2020 -39.62\r\n5/18/2020 -54.21\r\n4/20/2020 -64.63\r\n3/19/2020 -67.72\r\n2/18/2020 -60.47\r\n1/21/2020 -60.48','13547.jpg',0),(13548,56,19,'2020-11-24',0,'King Soopers',16.20,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.2','13548.jpg',0),(13549,28,3,'2020-12-02',-1287,'Aarron Gersick',0.00,315.00,'Aaron & Joelle June-Dec','13549.jpg',0),(13550,104,19,'2020-10-30',0,'Sams',30.75,0.00,'Pump 14.374 gal $2.139 premium','13550.jpg',0),(13551,126,6,'2020-12-15',0,'Caleb & Jarrord',500.00,0.00,'share Smokable hemp sales $50/lb','13551.jpg',0),(13552,6,6,'2020-08-10',0,'Hydro Plumbing And Heating',100.00,0.00,'fixed cold water copper line in room west of furnace','13552.jpg',0),(13553,6,4,'2020-12-07',0,'Hydro Plumbing And Heating',7025.00,0.00,'inv #4337\r\nfurnace replacement Allied SG-180-LP boiler with new pump\r\n\r\nAdd outlet off of water line for sprinkler hookup\r\n\r\n$2850 cash','13553.pdf',0),(13554,4,4,'2020-12-13',1415,'Nephrology Clinic',140.84,0.00,'Urinalysis non Auto without scope $6\r\noffice consultation patient $138.75\r\n\r\nJason Lee Merritt MD\r\nDepartment of nephrology Clinic of Fort Collins\r\nAcct#106379314','13554.jpg',0),(13555,29,3,'2020-12-15',-2184,'Swd',0.00,647.20,'Farm fuel','13555.jpg',0),(13556,106,3,'2020-12-16',0,'Carter Lawn Care',0.00,950.00,'0048970326 payment for November 2020 rent includes $100 for electricity. 12/7/20','13556.jpg',0),(13557,40,3,'2020-12-16',0,'Swd',0.00,2000.00,'$2000 in $100 \r\n$00 in $50\r\n$00 in $20','13557.jpg',0),(13558,56,19,'2020-12-09',0,'King Soopers',0.00,0.00,'Rx# 6897007 30 - Atorvastatin 20 mg tablets $0\r\n5/6/21 $0','13558.jpg',0),(13559,56,19,'2020-12-15',0,'King Soopers',7.51,0.00,'RX#6897004 30 LISINOPRIL-HCTZ 20-25 MG TAB $7.51','13559.jpg',0),(13560,56,19,'2020-12-16',0,'King Soopers',7.93,0.00,'60 - METFORMIN HCL 1000MG $7.93 RX 6897008','13560.jpg',0),(13561,4,23,'2020-12-18',0,'UCHEALTH',18.15,0.00,'We sent a receipt to carie@windsorhairshoppe.com.\r\nAuthorization code: - 04410G - \r\n\r\nAccount # - 102676133 - Payment method - carie winter - x7085 -','13561.pdf',0),(13573,13,4,'2021-12-31',1417,'Journey Church',6000.00,0.00,'1/10/2021\r\nGeneral tithes from Software web design','13573.pdf',0),(13562,40,3,'2020-12-29',0,'Steve Winter',0.00,3303.25,'Alfalfa transfer from Sjw','13562.jpg',0),(13563,29,3,'2020-12-29',0,'Swd',0.00,1405.11,'Farm supplies\r\n recycled asphalt and crushed concrete','13563.jpg',0),(13564,28,3,'2020-12-29',-1283,'Aarron Gersick',0.00,200.00,'Aaron & Joelle April & May','13564.jpg',0),(13565,94,3,'2020-12-31',-1124,'Chiro Now Inc',0.00,300.00,'Hosting 5 years @$5/month\r\n\r\n103 West Harvard Street\r\n Fort Collins Colorado 80525-2112','13565.jpg',0),(13566,99,21,'2021-01-05',0,'Xcel Energy',18.56,0.00,'- (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $18.56 - Send on - Jan 4, 2021 - Deliver by - Jan 5, 2021 - Status - Funded - Transaction number - 10926177214 -','13566.jpg',0),(13567,50,3,'2020-12-31',0,'Dagama Web Studio',0.00,999.52,'Transaction ID: 5PJ55447KV216151J January 3, 2021\r\n\r\nDec 2, 2020 - i - Payment from - Lori Gama - Completed - $655.00 USD - -$19.30 - $635.70 - \r\nAug 11, 2020 - i - Payment from - Lori Gama - Completed - $375.00 USD - -$11.18 - $363.82 - -','13567.jpg',0),(13568,78,4,'2021-01-03',0,'AgDirect',22120.63,0.00,'windrower payment','13568.pdf',0),(13569,98,21,'2021-01-05',0,'Xcel Energy',91.61,0.00,'- ..98 - 7 - (...98 - 7) - 877kwh - Pay from - CHASE PREMIER (...6680) - Amount - $91.61 - Send on - Jan 4, 2021 - Deliver by - Jan 5, 2021 - Transaction number - 10936025696 -','13569.jpg',0),(13570,56,19,'2020-12-27',0,'King Soopers',15.16,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $','13570.jpg',0),(13571,106,3,'2021-01-11',0,'Carter Lawn Care',0.00,950.00,'0049759612 payment for December 2020 rent includes $100 for electricity. 1/5/21','13571.jpg',0),(13572,16,4,'2021-01-11',1416,'United States Treasury',1000.00,0.00,'Federal Taxes','13572.jpg',0),(13575,101,6,'2021-01-20',0,'Pikes Auto Care',89.37,0.00,'Oil 5W20 @$5.61 $24 & filter $9\r\nair filter Napa $22.91\r\noil change labor $22','13575.pdf',0),(13576,45,22,'2020-12-31',0,'401K',0.00,13353.59,'SITTING IN BANK OF COLORADO\r\nBoth Carie and Steve 401K','13576.pdf',0),(13577,40,3,'2021-01-25',-2089,'Jack & Steve Winter',0.00,4374.00,'Alfalfa transfer from Sjw','13577.jpg',0),(13578,13,6,'2020-12-31',0,'Journey Church',680.00,0.00,'Carie Winter','13578.pdf',0),(13579,54,21,'2020-12-31',0,'Usda',0.00,16047.58,'PRICE LOSS COVERAGE $2,972.00\r\n MFP - NON-SPECIALTY CROPS $734.08 \r\n CFAP - CARES - COVID 19 $2,408.80\r\nCFAP - CCC - COVID 19 $2,634.63\r\nCFAP2 - CCC - COVID 19 $ 7,298.07','13579.pdf',0),(13580,56,19,'2021-01-22',0,'King Soopers',16.93,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $','13580.jpg',0),(13581,16,21,'2021-02-01',0,'United States Treasury',0.00,1200.00,'ECONOMIC IMPACT PAYMENT\r\n4043 12309747 20203631810002','13581.jpg',0),(13582,99,21,'2021-02-02',0,'Xcel Energy',18.63,0.00,'...95 - 1) -Pay from - CHASE PREMIER (...6680) - Amount - $18.63 - Send on - Feb 1, 2021 - Deliver by - Feb 2, 2021 - Status - Funded - Transaction number - 11102718569 -','13582.jpg',0),(13583,117,4,'2021-02-03',0,'BANK OF COLORADO',10000.00,0.00,'- Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - sba (...4469) - Amount - $10,000.00 - Transfer date - Feb 3, 2021 - Memo - None - Transaction number - 11103152047 -','13583.jpg',0),(13584,119,25,'2021-02-08',0,'BANK OF COLORADO',10000.00,0.00,'- Transfer from - BUSINESSSELECT CHKG (...1150) - Transfer to - sba (...4469) - Amount - $10,000.00 - Transfer date - Feb 8, 2021 - Memo - None - Transaction number - 11124585619 -','13584.jpg',0),(13585,116,21,'2021-02-09',0,'BANK OF COLORADO',10000.00,0.00,'- Transfer from - CHASE PREMIER (...6680) - Transfer to - sba (...4469) - Amount - $10,000.00 - Transfer date - Feb 11, 2021 - Memo - None - Transaction number - 11160211258 -','13585.jpg',0),(13586,29,3,'2021-02-04',-2096,'Swd',0.00,2102.22,'Farm supplies and repairs chk 2094 & 2095','13586.jpg',0),(13587,94,18,'2021-02-06',0,'Blue Host',29.87,0.00,'Domain Name\r\nRegistration\r\nsoftwarewebsec\r\nure.com\r\n1\r\nyear\r\n20 February\r\n2022\r\nDomain Privacy +\r\nProtection\r\nsoftwarewebsec\r\nure.com\r\n1\r\nyear\r\n20 February\r\n2022','13587.pdf',0),(13588,123,21,'2021-02-11',6794,'Castle Lantz Ect',459.50,0.00,'====== Services\r\n01/23/2021 RL: Correspondence with client and Ms. Layton about the\r\nJudgment.\r\n0.40 400.00 160.00\r\n01/26/2021 DW: Looked for phone number. 0.50 175.00 87.50\r\n01/28/2021 LB: Calculate judgment plus statutory interest. Confer with R.','13588.pdf',0),(13589,66,18,'2021-02-07',0,'State Farm',460.30,0.00,'State Farm Policy #: 114 4269-B06-06C\r\n2016 FORD F150 PICKUP\r\n\r\nPayment Amount: $460.30\r\nPayment Method: VISA-2071\r\nPayment Date: 02/07/2021\r\n\r\nConfirmation: A13W35GD','13589.pdf',0),(13590,103,18,'2021-02-07',0,'State Farm',194.67,0.00,'2009 Mustang insurance premium\r\npolicy: 157 0044-C02-06\r\n\r\nPayment Amount: $194.67\r\nPayment Method: VISA-2071\r\nPayment Date: 02/07/2021\r\n\r\nConfirmation: A13W39QR','13590.pdf',0),(13591,98,21,'2021-02-08',0,'Xcel Energy',78.37,0.00,'(...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $78.37 - Send on - Feb 8, 2021 - Deliver by - Feb 9, 2021 - Status - Funded - Transaction number - 11149936077 -','13591.jpg',0),(13592,123,4,'2021-04-05',1419,'Steve Vanscoy',3063.22,0.00,'Junk car settlement','13592.jpg',0),(13593,16,21,'2021-04-12',0,'Weld County',2805.32,0.00,'ACCT: R0549801\r\nPARCEL: 080715000058\r\nTAX DISTRICT: 0430\r\nhome property tax.\r\n2019 taxes due in 2020\r\n to ACI Payments, Inc.\r\n\r\nConfirmation Number: FCXR16JML\r\nPayment Date:\r\nPayment Time: Monday, April 12, 2021\r\n06:03PM MT','13593.pdf',0),(13594,13,6,'2020-10-25',0,'Network Beyond',100.00,0.00,'bearden Peru mission trip','13594.pdf',0),(13595,106,3,'2021-02-10',0,'Carter Lawn Care',0.00,950.00,'0050623052 payment for January 2020 rent includes $100 for electricity. 2/5/21','13595.jpg',0),(13596,56,6,'2020-03-04',0,'Safeway',209.99,0.00,'Shingrix 50 MCG/0.5ML INJ GLAX\r\nNDC:58160-0823-11\r\nShingles vaccination','13596.jpg',0),(13597,56,19,'2020-12-11',0,'King Soopers',11.98,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day.','13597.jpg',0),(13598,4,18,'2021-02-15',0,'UCHEALTH',33.49,0.00,'Date:2/15/2021Authorization code:02850G\r\nPayment amount $33.49\r\nAccount #102720422\r\nPayment method Visa steve winter x2071\r\n\r\nKidney check up','13598.pdf',0),(13599,56,19,'2020-04-21',0,'King Soopers',5.60,0.00,'RX#6870246 30 LISINOPRIL-HCTZ 20-25 MG TAB','13599.jpg',0),(13600,125,21,'2021-02-17',0,'JM Bullion',1975.00,0.00,'60 oz silver','13600.PDF',0),(13601,125,21,'2021-02-21',0,'JM Bullion',2006.40,0.00,'60 oz silver\r\n\r\nOrder 3477447 RECEIVED 3/1/2021','13601.pdf',0),(13602,36,21,'2021-02-22',0,'Agfinity',497.28,0.00,'propane fills Jarrod Winter','13602.pdf',0),(13603,122,18,'2021-02-25',0,'Colorado Secretary Of State',10.00,0.00,'- Payment - - Amount Paid: - $10.00 - - - Type: - CREDIT - - Last 4 Digits: - 2071 - Filing Details - - Date and Time: - 02/25/2021 12:31 PM - - - ID #: - 20051025806 - - Document #: - 20211194451 -','13603.pdf',0),(13604,28,18,'2021-02-25',0,'Darnell Lateral Ditch Co.',10.00,0.00,'- Payment - Amount Paid: - $10.00 - Type: - CREDIT - Last 4 Digits: - 2071 - Filing Details - Date and Time: - 02/25/2021 12:54 PM - ID #: - 20111021920 - Document #: - 20211194753 -','13604.pdf',0),(13605,125,21,'2021-02-25',0,'JM Bullion',3211.00,0.00,'100 oz silver','13605.pdf',0),(13606,56,19,'2021-02-15',0,'King Soopers',28.47,0.00,'60 - METFORMIN HCL 1000MG $8.49\r\nRX 6897008\r\n\r\nRX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG $11.99\r\n\r\nRX#6897004\r\n30 LISINOPRIL-HCTZ 20-25 MG TAB $7.99','13606.jpg',0),(13607,56,19,'2021-02-25',0,'King Soopers',16.93,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.93','13607.jpg',0),(13608,125,21,'2021-02-27',0,'JM Bullion',3196.00,0.00,'Order # 3497382 received \r\n 100 oz Sunshine Silver Bar (New, MintMark SI)','13608.pdf',0),(13637,56,19,'2021-03-26',0,'King Soopers',16.54,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.54\r\n\r\nRx# 6897007 30 - Atorvastatin 20 mg tablets $0','13637.jpg',0),(13609,66,4,'2021-03-01',0,'WCCR',240.54,0.00,'2016 Ford license plates\r\nThis includes sales tax\r\n\r\nYour confirmation number is 0-012-497-671.','13609.jpg',0),(13610,56,19,'2021-02-25',0,'King Soopers',16.93,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.93','13610.jpg',0),(13611,117,4,'2021-03-08',0,'Steve & Carie Winter',5000.00,0.00,'- $5,000.00 to your CHASE PREMIER (...6680) account. Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $5,000.00 - Transfer date - Mar 8, 2021 - Memo - None - Transaction number - 11323226995 -','13611.jpg',0),(13612,119,25,'2021-03-08',0,'Steve & Carie Winter',5000.00,0.00,'- $5,000.00 to your CHASE PREMIER (...6680) account. BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $5,000.00 - Transfer date - Mar 8, 2021 - Memo - None - Transaction number - 11323226995 -','13612.jpg',0),(13613,125,21,'2021-03-30',0,'JM Bullion',3064.00,0.00,'100 oz PAMP Suisse Silver Bar (New, Cast w/ Assay)\r\nTracking Number: 9410811205181824145960 \r\nOrder Status (ORD-3520517','13613.pdf',0),(13614,125,21,'2021-03-06',0,'JM Bullion',3104.00,0.00,'Order # 3520501 \r\n10 oz Eagle Cast Silver Bar (New, .9999) $310.40 - 10 -- $3,104.00','13614.pdf',0),(13615,98,21,'2021-03-08',0,'Xcel Energy',93.79,0.00,'- (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $93.79 - Send on - Mar 8, 2021 - Deliver by - Mar 9, 2021 - Status - Funded - Transaction number - 11323481478 -','13615.jpg',0),(13616,99,21,'2021-03-08',0,'Xcel Energy',18.58,0.00,'- (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $18.58 - Send on - Mar 8, 2021 - Deliver by - Mar 9, 2021 - Status - Funded - Transaction number - 11323502362 -','13616.jpg',0),(13617,123,4,'2021-03-25',1418,'Castle Lantz Ect',87.50,0.00,'Inc 1694\r\ncover letter for settlement check','13617.pdf',0),(13618,106,6,'2021-03-12',0,'Humble Tree Service',0.00,180.00,'Jordan Durand 970-381-3736 Jordan@ humble - tree.com\r\ncash 11/1/2020 - 1/31/2021','13618.jpg',0),(13619,125,21,'2021-03-30',0,'JM Bullion',3407.80,0.00,'10 oz Silver Bar (Varied Condition, Any Mint) 11\r\nTracking Number: 9410811205181824613605\r\nOrder Status (ORD-3538572) delivered','13619.pdf',0),(13620,28,3,'2021-03-12',-1289,'Aarron Gersick',0.00,135.00,'Aaron & Joelle Jan - march','13620.jpg',0),(13621,106,3,'2021-03-12',0,'Carter Lawn Care',0.00,950.00,'0051380492 payment for February 2020 rent includes $100 for electricity. 3/5/21','13621.jpg',0),(13622,56,19,'2021-03-13',0,'King Soopers',7.99,0.00,'RX#6897004 30 LISINOPRIL-HCTZ 20-25 MG TAB','13622.jpg',0),(13623,4,18,'2021-03-14',0,'Nephrology Clinic',59.13,0.00,'DETAILS\r\nFull Name: steve winter\r\nAccount Number: 106379314\r\nAuthorization Code: 08753G \r\n\r\nKidney check up\r\n\r\nJason Lee Merritt MD\r\nHttp://www.thenephrologyclinic.com/','13623.pdf',0),(13624,56,19,'2021-03-11',0,'King Soopers',11.99,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day.','13624.jpg',0),(13625,117,4,'2021-03-16',0,'Steve & Carie Winter',5000.00,0.00,'- Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $5,000.00 - Transfer date - Mar 16, 2021 - Memo - None - Transaction number - 11384657407 -','13625.jpg',0),(13626,119,25,'2021-03-16',0,'Steve & Carie Winter',5000.00,0.00,'- Transfer from - BUSINESSSELECT CHKG (...1150) - Transfer to - CHASE PREMIER (...6680) - Amount - $5,000.00 - Transfer date - Mar 16, 2021 - Memo - None - Transaction number - 11384673554 -','13626.jpg',0),(13627,125,21,'2021-03-30',0,'JM Bullion',3053.00,0.00,'100 oz Silver Bar (Varied Condition, Any Mint)\r\nTracking Number: 9410811205181824698893\r\n\r\nOrder Status (ORD-3550522)','13627.pdf',0),(13628,13,6,'2021-03-21',0,'Journey Church',200.00,0.00,'Kia Alpha missions\r\nDesignation Frequency Faith Promise Contribution Amount\r\nAUSTIN,DYLAN CHI ALPHA Monthly Yes $40.00','13628.pdf',0),(13629,19,21,'2021-03-22',0,'Agfinity',1343.10,0.00,'gasoline 500 gal tank','13629.pdf',0),(13630,4,18,'2021-03-22',0,'UCHEALTH',95.00,0.00,'Date:3/22/2021\r\nAuthorization code:03883G\r\n\r\nPayment amount $95.00\r\nAccount #102720422\r\n\r\nPayment method Visa steve winter x2071\r\n\r\nKidney ultrasound check up','13630.pdf',0),(13631,125,21,'2021-03-30',0,'JM Bullion',3033.00,0.00,'Tracking: - 9410811205181827071846 - (ORD-3574803 - 100 oz Silver Bar (Varied Condition, Any Mint)\r\n','13631.pdf',0),(13632,4,18,'2021-03-25',0,'Advanced Medical Imaging Consultants',68.88,0.00,'Account Number:11558\r\nPayment Date:03/25/2021 10:57 PM EST\r\nAmount Paid:$68.88\r\nReference Number:1335833620210325\r\nProvider Address:2008 Caribou Dr, Fort Collins, CO 80525\r\nMerchant Id:000052602074\r\n\r\nkidney scan','13632.pdf',0),(13633,125,21,'2021-03-28',0,'JM Bullion',2974.00,0.00,'100 oz SilverTowne Poured Silver Bar (New)\r\nPrice: $2,974.00\r\nQty: 1\r\nSubtotal: $2,974.00','13633.pdf',0),(13634,4,23,'2021-03-29',0,'Clubs Llc',134.05,0.00,'LDM-6 1 $59.95 \r\nLDM-6 1 $59.95\r\nVitamin D3 10,000 IU 1 $19.95 \r\nSelenium 200 MCG 1 $15.95 \r\nFriends and Family (20%)','13634.pdf',0),(13635,117,4,'2021-04-01',0,'sba (...4469)',0.00,5000.00,'- Transfer from - sba (...4469) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $5,000.00 - Transfer date - Apr 1, 2021 - Memo - None - Transaction number - 11475829240 -','13635.jpg',0),(13636,125,21,'2021-03-30',0,'JM Bullion',2870.00,0.00,'100 oz SilverTowne Poured Silver Bar \r\n\r\nOrder 3698365\r\n\r\n9410811205181827388166','13636.pdf',0),(13638,56,19,'2021-03-17',0,'King Soopers',8.49,0.00,'60 - METFORMIN HCL 1000MG $8.49 RX 6897008','13638.jpg',0),(13639,106,6,'2021-04-02',0,'Humble Tree Service',0.00,180.00,'Jordan Durand 970-381-3736 Jordan@ humble - tree.com\r\ncash 2/1/2021 - 4/30/2021','13639.jpg',0),(13640,125,21,'2021-04-05',0,'JM Bullion',2890.00,0.00,'100 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $2,890.00','13640.pdf',0),(13641,125,21,'2021-04-06',0,'JM Bullion',3014.00,0.00,'100 oz Asahi Florida Silver Bar (New)\r\nOrder Status (ORD-3625232) delivered','13641.pdf',0),(13642,94,18,'2021-04-07',0,'NAMESECURE',98.61,0.00,'CALEBWINTER.COM Renew Registration with Domain Web Services included - 5 year term $67.45 ICANN Regulatory Fee $0.90\r\nSELLHAY.COM Renew Registration with Domain Web Services included - 2 year term $29.90\r\nICANN Regulatory Fee $0.36','13642.jpg',0),(13643,98,21,'2021-04-12',0,'Xcel Energy',97.09,0.00,'(...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $97.09 - Send on - Apr 9, 2021 - Deliver by - Apr 12, 2021 - Status - Funded - Transaction number - 11540313901 -','13643.jpg',0),(13644,99,21,'2021-04-12',0,'Xcel Energy',18.21,0.00,'- (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $18.21 - Send on - Apr 9, 2021 - Deliver by - Apr 12, 2021 - Status - Funded - Transaction number - 11540332381 -','13644.jpg',0),(13645,117,4,'2021-04-13',0,'sba (...4469)',0.00,5000.00,'- ransfer from - sba (...4469) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $5,000.00 - Transfer date - Apr 13, 2021 - Memo - None - Transaction number - 11540466421 -','13645.jpg',0),(13646,117,21,'2021-04-08',0,'PERSONAL ACCOUNT',2500.00,0.00,'- Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $2,500.00 - Transfer date - Apr 8, 2021 - Memo - None - Transaction number - 11540488658 -','13646.jpg',0),(13647,125,21,'2021-04-09',0,'JM Bullion',3025.00,0.00,'100 oz Asahi Florida Silver Bar (New) Presale: 2021-04-14 RECEIVED\r\n\r\nOrder Number: ORD-3633980','13647.pdf',0),(13648,16,21,'2021-04-12',0,'United States Treasury',0.00,2800.00,'ECONOMIC IMPACT PAYMENT\r\n4044 07314986 20210771810003','13648.jpg',0),(13649,106,21,'2021-04-12',0,'Carter Lawn Care',0.00,950.00,'0052203411 payment for March 2021 rent includes $100 for electricity. 4/6/21','13649.jpg',0),(13650,125,21,'2021-04-12',0,'JM Bullion',2951.00,0.00,'100 oz SilverTowne Pony Silver Bar (New)\r\n \r\nORD-3640283 UPS Received','13650.pdf',0),(13651,16,4,'2021-04-12',1421,'United States Treasury',656.00,0.00,'Federal Taxes','13651.jpg',0),(13652,94,18,'2021-05-13',0,'Blue Host',971.64,0.00,'Pro Web Hostingsoftwarewebdesign.com 36 months28 May 2024\r\nDedicated IPsoftwarewebdesign.com36 months28 May 2024\r\nSite Backup Prosoftwarewebdesign.com36 months 28 May 2024\r\nSpamExperts Email Filteringcalebwinter.com36 months28 May 2024\r\nSpamExperts ','13652.pdf',0),(13653,94,18,'2021-02-25',0,'Blue Host',50.98,0.00,'Domain Name Registration:jesusovergangs.com - 12 month - $1.50/month - $17.99 - \r\nDomain Privacy + Protection:jesusovergangs.com - 12 month - $1.25/month - $15.00 - \r\nDomain Name Registration:godovergangs.com - 12 month - $1.50/month - $17.99 -','13653.pdf',0),(13654,94,18,'2021-02-01',0,'Blue Host',17.99,0.00,'- Feb 1, 2021\r\nDomain Name Registration:sjwfarms.com - 12 month - $1.50/month - $17.99','13654.pdf',0),(13655,94,18,'2021-04-10',0,'Blue Host',71.88,0.00,'- Apr 10, 2021 - $71.88 - SiteLock Security - Essential:softwarewebdesign.com - 12 month - $5.99/month - $71.88','13655.pdf',0),(13656,94,18,'2021-01-28',0,'Blue Host',71.88,0.00,'Jan 28, 2021\r\nSiteLock Security - Essential:softwarewebsecure.com\r\n12 month $5.99/month $71.88','13656.pdf',0),(13657,28,21,'2021-04-15',0,'KJM Bullion',942.60,942.60,'10 oz SilverTowne Buffalo Silver Bars (New)\r\nPrice: $314.20\r\nQty: 3 Joelle\r\nSubtotal: $942.60 ORD-3649237\r\n\r\nDeposit 4/23/21','13657.pdf',0),(13658,125,21,'2021-04-17',0,'JM Bullion',3065.00,0.00,'100 oz SilverTowne Pony Silver Bar (New)\r\n \r\nORD-3654473 received','13658.pdf',0),(13659,125,21,'2021-04-20',0,'JM Bullion',3056.00,0.00,'100 oz SilverTowne Pony Silver Bar (New)\r\n \r\nORD-3660185 RECEIVED 5/1','13659.pdf',0),(13660,56,19,'2021-04-08',0,'King Soopers',19.98,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day. $11.99\r\n\r\nRX#6897004 30 LISINOPRIL-HCTZ 20-25 MG TAB $7.99','13660.jpg',0),(13661,56,19,'2021-04-14',0,'King Soopers',8.49,0.00,'60 - METFORMIN HCL 1000MG $8.49 RX 6897008','13661.jpg',0),(13662,117,4,'2021-04-27',0,'sba (...4469)',0.00,5000.00,'- Transfer from - sba (...4469) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $5,000.00 - Transfer date - Apr 27, 2021 - Memo - None - Transaction number - 11635405680 -','13662.jpg',0),(13663,117,21,'2021-04-23',0,'PERSONAL ACCOUNT',3000.00,0.00,'- Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - Apr 23, 2021 - Memo - None - Transaction number - 11635433829 -','13663.jpg',0),(13664,125,21,'2021-04-23',0,'JM Bullion',3070.00,0.00,'100 oz SilverTowne Poured Silver Bar\r\n \r\nOrder Number: ORD-3670602 RECEIVED 5/4','13664.pdf',0),(13665,117,27,'2021-04-30',0,'sba (...4469)',0.00,5000.00,'- Transfer from - sba (...4469) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $5,000.00 - Transfer date - Apr 30, 2021 - Memo - None - Transaction number - 11661465794 -','13665.jpg',0),(13666,117,21,'2021-04-28',0,'PERSONAL ACCOUNT',5000.00,0.00,'- Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $5,000.00 - Transfer date - Apr 28, 2021 - Memo - None - Transaction number - 11661490511 -','13666.jpg',0),(13667,125,21,'2021-04-28',0,'JM Bullion',3072.00,0.00,'100 oz SilverTowne Pony Silver Bar (New)\r\n \r\n\r\nOrder Number: ORD-3682762 RECEIVED 5/6','13667.pdf',0),(13668,17,19,'2021-04-28',0,'National Write Your Congressman',290.00,0.00,'Betty Butler NWYC Rep','13668.jpg',0),(13669,56,10,'2021-04-24',0,'King Soopers',16.54,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.54','13669.jpg',0),(13670,126,21,'2021-05-02',-1132,'Extraxit',0.00,120.00,'Smokable hemp sales $60/lb','13670.jpg',0),(13671,117,4,'2021-05-03',0,'PERSONAL ACCOUNT',3000.00,0.00,'- Transfer from - BUSINESS CLASSIC (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - May 3, 2021 - Memo - None - Transaction number - 11700542126 -','13671.jpg',0),(13672,117,24,'2021-05-04',0,'Windsor Hair Shoppe',0.00,1500.00,'- Transfer from - BUSINESSSELECT CHKG (...1150) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $1,500.00 - Transfer date - May 4, 2021 - Memo - None - Transaction number - 11710305366 -','13672.jpg',0),(13673,117,27,'2021-05-06',0,'sba (...4469)',2000.00,0.00,'Transaction number - 11710342973 - Transfer - from account - BUSINESS CLASSIC (...5571) - Transfer - to account - sba (...4469) - Amount - $2,000.00 - Scheduled on - May 4, 2021 - Send on - May 4, 2021 - Deliver by - May 6, 2021 -','13673.jpg',0),(13674,125,21,'2021-05-05',0,'JM Bullion',3091.00,0.00,'100 oz SilverTowne Pony Silver Bar (New)\r\n ORD-3703304 RECEIVED 5/12','13674.pdf',0),(13675,98,21,'2021-05-06',0,'Xcel Energy',75.27,0.00,'(...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $75.27 - Send on - May 6, 2021 - Deliver by - May 7, 2021 - Status - Funded - Transaction number - 11717400690 -','13675.jpg',0),(13676,13,4,'2021-05-10',1421,'Campus Ministries Of Foundations Church',250.00,0.00,'Tax id 81-3948288\r\nPartnership account# 76','13676.jpg',0),(13677,106,3,'2021-05-11',0,'Carter Lawn Care',0.00,950.00,'0052997742 payment for April 2021 rent includes $100 for electricity. 5/5/21','13677.jpg',0),(13678,56,19,'2021-05-13',0,'King Soopers',7.99,0.00,'RX#6897004 30 LISINOPRIL-HCTZ 20-25 MG TAB','13678.jpg',0),(13679,34,4,'2021-05-16',1422,'Bank Of Colorado',75.00,0.00,'Heloc annual Fee 2700007894','13679.jpg',0),(13680,14,4,'2021-05-19',1423,'Us Bank 4159',1290.86,0.00,'Jesusovergangs','13680.jpg',0),(13681,101,19,'2021-05-18',0,'Pikes Auto Care',752.09,0.00,'Diagnosed it diagnostic computer scan $141.09\r\n 6 Iridium spark plugs @$11.94 \r\ncoil on plug boot @$6.56 \r\nspark plug labor $239.84\r\n\r\narchive invoices 3 pages
','13681.pdf',0),(13682,106,6,'2021-05-19',0,'Cc Camper',0.00,80.00,'camper storage 5/1 - 5/31','13682.jpg',0),(13683,56,19,'2021-05-17',0,'King Soopers',8.49,0.00,'60 - METFORMIN HCL 1000MG $8.49 RX 6897008','13683.jpg',0),(13684,117,25,'2021-05-24',0,'BUSINESSSELECT CHKG (...1150)',0.00,500.00,'- Transfer from - BUSINESSSELECT CHKG (...1150) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $500.00 - Transfer date - May 24, 2021 - Transaction number - 11838126212 -','13684.jpg',0),(13685,117,21,'2021-05-24',0,'CHASE PREMIER (...6680)',0.00,500.00,'- Transfer from - CHASE PREMIER (...6680) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $500.00 - Transfer date - May 24, 2021 - Memo - None - Transaction number - 11838145449 -','13685.jpg',0),(13686,117,27,'2021-05-24',0,'sba (...4469)',0.00,2000.00,'- Transfer from - sba (...4469) - Transfer to - BUSINESS CLASSIC (...5571) - Amount - $2,000.00 - Transfer date - May 26, 2021 - Memo - None - Transaction number - 11838161658 -','13686.jpg',0),(13687,6,18,'2021-05-25',0,'Prairie Dog Pros, LLC',522.00,0.00,'You paid $522.00\r\nto Prairie Dog Pros, LLC\r\nPayment method\r\nVISA****2071\r\nAuthorization ID\r\nPH0082279180\r\nDue date\r\nMay 23, 2021\r\nInvoice amount\r\n$522.00\r\nTotal\r\n$522.00','13687.pdf',0),(13688,56,19,'2021-05-26',0,'King Soopers',17.32,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.54','13688.jpg',0),(13689,56,19,'2021-05-06',0,'King Soopers',7.54,0.00,'RX#2368448 hydrocodone-acetaminophen qty 15\r\npainkiller carie elbow','13689.jpg',0),(13690,4,23,'2021-06-11',0,'UCHEALTH',4200.37,0.00,'- Date: - 6/11/2021 - Authorization code: - 05953G - Payment amount - $4,200.37 - Account # - 102676133 - Payment method - carie winter - x7085 - \r\n\r\ndislocated elbow','13690.pdf',0),(13691,98,21,'2021-06-15',0,'Xcel Energy',65.74,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $65.74 - Send on - Jun 14, 2021 - Deliver by - Jun 15, 2021 - Status - Funded - Transaction number - 11962022777 -','13691.jpg',0),(13692,99,21,'2021-06-15',0,'Xcel Energy',36.20,0.00,'- Xcel Energy lights - (...95 - 1) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $36.20 - Send on - Jun 14, 2021 - Deliver by - Jun 15, 2021 - Status - Funded - Transaction number - 11962090043 -','13692.jpg',0),(13693,125,21,'2021-06-14',0,'JM Bullion',3273.00,0.00,'10 oz SilverTowne Buffalo Silver Bar (New)\r\nPrice: $327.30\r\nQty: 10\r\nSubtotal: $3,273.00\r\n\r\n\r\nOrder Status (ORD-3810598 RECEIVED 6/21/21 USPS','13693.pdf',0),(13694,117,27,'2021-06-16',0,'sba (...4469)',0.00,3000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Jun 16, 2021 - Transaction number - 11978747612 -','13694.jpg',0),(13695,117,21,'2021-06-14',0,'CHASE PREMIER (...6680)',1000.00,0.00,'- $1,000.00 to your CHASE PREMIER (...6680) account. Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $1,000.00 - Transfer date - Jun 15, 2021 - Transaction number - 11978758582 -','13695.jpg',0),(13696,119,25,'2021-05-15',0,'CHASE PREMIER (...6680)',1500.00,0.00,'- $1,500.00 to your CHASE PREMIER (...6680) account. Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - CHASE PREMIER (...6680) - Amount - $1,500.00 - Transfer date - Jun 15, 2021 - Transaction number - 11978771398 -','13696.jpg',0),(13697,56,23,'2021-06-14',0,'Club Llc',64.48,0.00,'Super Spectrum Lotion 8001 $59.95 \r\n\r\nLotion','13697.pdf',0),(13698,56,19,'2021-06-10',0,'King Soopers',7.99,0.00,'Rx# 6897007 30 - Atorvastatin 20 mg tablets $0\r\nRX#6897004 30 LISINOPRIL-HCTZ 20-25 MG TAB $7.99','13698.jpg',0),(13699,125,21,'2021-06-17',0,'JM Bullion',3023.00,0.00,'100 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-3820632 received 6/23/2021','13699.pdf',0),(13700,117,21,'2021-06-17',0,'CHASE PREMIER (...6680)',3000.00,0.00,'- $3,000.00 to your CHASE PREMIER (...6680) account. - Print this page - Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - Jun 18, 2021 - Memo - None - Transaction number - 11999','13700.jpg',0),(13701,117,27,'2021-06-21',0,'sba (...4469)',0.00,4000.00,'transfer of $4,000.00 to your BUS COMPLETE CHK (...5571) account. - Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $4,000.00 - Transfer date - Jun 21, 2021 Transaction number - 11999772771 -','13701.jpg',0),(13702,29,21,'2021-06-19',-2203,'Swd',0.00,1374.34,'chemical pump at Severance pivot. Had to buy a new one','13702.jpg',0),(13703,40,21,'2021-06-19',0,'Swd',0.00,1000.00,'$800 in $100 \r\n$200 in $50\r\n$00 in $20','13703.jpg',0),(13704,125,21,'2021-06-19',0,'JM Bullion',2999.00,0.00,'100 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-3827886 RECEIVED 6/25/2021','13704.pdf',0),(13705,56,19,'2021-06-17',0,'King Soopers',8.49,0.00,'60 - METFORMIN HCL 1000MG $8.49 RX 6897008','13705.jpg',0),(13706,125,21,'2021-06-22',0,'JM Bullion',2997.00,0.00,'100 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-3835705 RECEIVED 6/28/21\r\nYour estimated shipping date is:','13706.pdf',0),(13707,117,27,'2021-06-23',0,'sba (...4469)',0.00,10000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $10,000.00 - Transfer date - Jun 23, 2021 - Memo - None - Transaction number - 12029279925 -','13707.jpg',0),(13708,117,21,'2021-06-22',0,'CHASE PREMIER (...6680)',3000.00,0.00,'- ransfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - Jun 22, 2021 - Memo - None - Transaction number - 12029293596 -','13708.jpg',0),(13709,4,23,'2021-06-22',0,'Orthepedic & Spine Center',122.17,0.00,'5/6/21 office consultation $61.21\r\n\r\n5/10/21 postoperative follow up $60.96','13709.pdf',0),(13710,4,23,'2021-06-22',0,'Advanced Medical Imaging Consultants',125.95,0.00,'Account Number:\r\n255764\r\nReference Number:\r\n1503344020210622\r\nProvider Address:\r\n2008 Caribou Dr, Fort Collins, CO 80525\r\n(970) 484-4758\r\nMerchant Id: 000052602074\r\n\r\nx rays on dislocated elbow arm','13710.pdf',0),(13711,12,21,'2021-06-23',0,'Anthem',0.00,57.61,'0070154445 xxxxx8499\r\npremium overpayment','13711.jpg',0),(13712,56,19,'2021-06-02',0,'King Soopers',11.99,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day. $11.99','13712.jpg',0),(13713,125,4,'2021-06-24',0,'Coinbase',1000.00,0.00,'Don’t recognize this buy? Contact customer support. Please include your buy reference number, S5QDG6PN. Read more about available balances in our support center.','13713.jpg',0),(13714,125,4,'2021-05-07',0,'Coinbase',900.00,0.00,'Don’t recognize this buy? Contact customer support. Please include your buy reference number, NWFJW2DL. Read more about available balances in our support center.','13714.jpg',0),(13715,117,21,'2021-06-24',0,'CHASE PREMIER (...6680)',4000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $4,000.00 - Transfer date - Jun 24, 2021 - Memo - None - Transaction number - 12041824647 -','13715.jpg',0),(13716,56,19,'2021-06-24',0,'King Soopers',10.79,0.00,'40 - CEPHALEXIN 500 MG tablet\r\nRX# 6973654 take 2 tablet by mouth 2 TIMES daily Forest skin structure infection','13716.jpg',0),(13717,125,21,'2021-06-26',0,'JM Bullion',5974.00,0.00,'200 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-3843049\r\n Received 1 of 2 - 7/3/21\r\nReceived 2 of 2 - 7/6/21','13717.pdf',0),(13718,4,23,'2021-06-21',0,'Orthepedic & Spine Center',235.14,0.00,'06764G\r\n\r\nCONTAINS COMPLETE LIST OR BIG LIST','13718.pdf',0),(13719,117,21,'2021-06-26',0,'CHASE PREMIER (...6680)',3000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - Jun 26, 2021 - Memo - None - Transaction number - 12055219065 -','13719.jpg',0),(13720,117,27,'2021-06-30',0,'sba (...4469)',4000.00,0.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $4,000.00 - Transfer date - Jun 30, 2021 - Memo - None - Transaction number - 12067169955 -','13720.jpg',0),(13721,125,21,'2021-06-29',0,'JM Bullion',5946.00,0.00,'200 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-3850674 Received both 7/9/21','13721.pdf',0),(13722,117,27,'2021-07-02',0,'sba (...4469)',0.00,15000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $15,000.00 - Transfer date - Jul 2, 2021 - Memo - None - Transaction number - 12081512418 -','13722.jpg',0),(13723,117,21,'2021-06-30',0,'CHASE PREMIER (...6680)',5000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $5,000.00 - Transfer date - Jun 30, 2021 - Memo - None - Transaction number - 12081561740 -','13723.jpg',0),(13724,125,21,'2021-07-01',0,'JM Bullion',3003.00,0.00,'100 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-3852602 Received 7/8/21','13724.pdf',0),(13725,117,21,'2021-07-02',0,'CHASE PREMIER (...6680)',6000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $6,000.00 - Transfer date - Jul 2, 2021 - Memo - None - Transaction number - 12102841600 -','13725.jpg',0),(13726,117,25,'2021-07-02',0,'Windsor Hair Shoppe',6000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $6,000.00 - Transfer date - Jul 2, 2021 - Memo - None - Transaction number - 12102867353 -','13726.jpg',0),(13727,46,19,'2021-06-30',0,'Murdochs',119.99,0.00,'water tight tool box','13727.jpg',0),(13728,117,27,'2021-07-09',0,'sba (...4469)',0.00,5000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,000.00 - Transfer date - Jul 9, 2021 - Memo - None - Transaction number - 12131578750 -','13728.jpg',0),(13729,29,3,'2021-07-08',-2207,'Swd',0.00,1557.02,'Valley irrigation purchases','13729.jpg',0),(13730,117,25,'2021-07-11',0,'Windsor Hair Shoppe',6000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $6,000.00 - Transfer date - Jul 11, 2021 - Memo - landscape project - Transaction number - 12156146556 -','13730.jpg',0),(13731,40,3,'2021-07-01',0,'Jack & Steve Winter',0.00,11314.29,'Alfalfa transfer from Sjw 01/26/2021 through 7/1/21','13731.jpg',0),(13732,56,19,'2021-06-29',0,'King Soopers',16.67,0.00,'Rx# 6897005\r\n 30 - fenofibrate 160 mg tablets $16.54','13732.jpg',0),(13733,106,3,'2021-07-12',0,'Carter Lawn Care',0.00,950.00,'0054706071 payment for June 2021 rent includes $100 for electricity. 7/7/21','13733.jpg',0),(13734,106,21,'2021-06-14',0,'Carter Lawn Care',0.00,950.00,'payment for M 2021 rent includes $100 for electricity. 5/6/21\r\n\r\n06/14/2021,\"DEPOSIT ID NUMBER 713659\",950.00,DEPOSIT,3643.56,XXXXX','13734.jpg',0),(13735,99,21,'2021-07-15',0,'Xcel Energy',17.89,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.89 - Send on - Jul 14, 2021 - Deliver by - Jul 15, 2021 - Status - Funded - Transaction number - 12169490879 -','13735.jpg',0),(13736,98,21,'2021-07-15',0,'Xcel Energy',98.49,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $98.49 - Send on - Jul 14, 2021 - Deliver by - Jul 15, 2021 - Status - Funded - Transaction number - 12169504300 -','13736.jpg',0),(13737,127,6,'2021-07-19',0,'BANK OF COLORADO',19.12,100.00,'Interest plus principal code 325','13737.jpg',0),(13738,106,6,'2021-07-20',0,'Cc Camper',0.00,140.00,'camper storage 6/1 - 7/31','13738.jpg',0),(13739,125,21,'2021-07-22',0,'JM Bullion',8691.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3899231 RECEIVED 8/2/21','13739.pdf',0),(13740,117,27,'2021-07-23',0,'Sba (...4469)',0.00,11000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $11,000.00 - Transfer date - Jul 26, 2021 - Memo - silver upgrade - Transaction number - 12235535414 -','13740.jpg',0),(13741,119,21,'2021-07-23',0,'CHASE PREMIER (...6680)',0.00,1000.00,'- Transfer from - CHASE PREMIER (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Jul 23, 2021 - Transaction number - 12235588158 -','13741.jpg',0),(13742,66,18,'2021-08-05',0,'State Farm',462.58,0.00,'State Farm Policy #: 114 4269-B06-06C\r\n2016 FORD F150 PICKUP\r\n\r\n\r\nAuto Policy: 2016 FORD F150 PICKUP\r\nPayment Amount: $462.58\r\nPayment Method: VISA-2071\r\nPayment Date: 08/05/2021\r\n\r\nConfirmation: AP34254S','13742.pdf',0),(13743,117,21,'2021-07-26',0,'CHASE PREMIER (...6680)',10000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $10,000.00 - Transfer date - Jul 26, 2021 - Memo - None - Transaction number - 12251985907 -','13743.jpg',0),(13744,4,18,'2021-07-26',0,'UCHEALTH',99.84,0.00,'- Date: - 7/26/2021 - Authorization code: - 07348G - Payment amount - $99.84 - Account # - 102720422 - Payment method - steve winter - x2071 - \r\n\r\ninfected arm pit steve','13744.pdf',0),(13745,125,21,'2021-07-28',0,'JM Bullion',8619.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3910694 Received 8/5/2021','13745.pdf',0),(13746,117,27,'2021-07-30',0,'Sba (...4469)',0.00,10000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $10,000.00 - Transfer date - Jul 30, 2021 - Memo - silver upgrade - Transaction number - 12271504014 -','13746.jpg',0),(13747,117,25,'2021-07-29',0,'Windsor Hair Shoppe',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Jul 29, 2021 - Memo - None - Transaction number - 12271523115 -','13747.jpg',0),(13748,117,21,'2021-07-30',0,'CHASE PREMIER (...6680)',8500.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $8,500.00 - Transfer date - Jul 30, 2021 - Memo - silver upgrade - Transaction number - 12282427183 -','13748.jpg',0),(13749,125,21,'2021-08-02',0,'JM Bullion',8688.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3918800 RECEIVED 8/10/21','13749.pdf',0),(13750,117,27,'2021-08-03',0,'Sba (...4469)',0.00,9000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $9,000.00 - Transfer date - Aug 5, 2021 - Memo - None - Transaction number - 12311887960 -','13750.jpg',0),(13751,117,21,'2021-08-04',0,'CHASE PREMIER (...6680)',6000.00,6000.00,'CHASE COLLEGE (...8143) - Transfer to - CHASE PREMIER (...6680) - $6,000.00 - Aug 4, 2021 - Transaction number - 12318429614\r\n\r\n BUS COMPLETE CHK (...5571) - to - COLLEGE (...8143) -- $6,000.00 - Aug 5, 2021 - Transaction number - 12325813884','13751.jpg',0),(13752,101,19,'2021-08-02',0,'Pikes Auto Care',69.99,0.00,'Oil 5W20 @$5.69 $34.14 & filter $7.48\r\noil change labor $10','13752.jpg',0),(13753,106,6,'2021-08-05',0,'Humble Tree Service',0.00,240.00,'Jordan Durand 970-381-3736 Jordan@ humble - tree.com\r\ncash 5/1/2021 - 8/30/2021','13753.jpg',0),(13754,117,21,'2021-08-05',0,'CHASE PREMIER (...6680)',3000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - Aug 5, 2021 - Memo - personal increase - Transaction number - 12325848243 -','13754.jpg',0),(13755,125,21,'2021-08-05',0,'JM Bullion',8460.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3925004 RECEIVED 8/13/21','13755.pdf',0),(13756,125,21,'2021-08-06',0,'JM Bullion',8220.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3925882 RECEIVED 8/13/21','13756.pdf',0),(13757,117,27,'2021-08-09',0,'Sba (...4469)',0.00,16000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $16,000.00 - Transfer date - Aug 9, 2021 - Memo - 6 Bar Slvr - Transaction number - 12332136628 -','13757.jpg',0),(13758,98,21,'2021-08-09',0,'Xcel Energy',143.50,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $143.50 - Send on - Aug 6, 2021 - Deliver by - Aug 9, 2021 - Status - Funded - Transaction number - 12332903386 -','13758.jpg',0),(13759,99,21,'2021-08-09',0,'Xcel Energy',17.94,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.94 - Send on - Aug 6, 2021 - Deliver by - Aug 9, 2021 - Status - Funded - Transaction number - 12332925140 -','13759.jpg',0),(13760,40,27,'2021-08-06',0,'SWD',0.00,1000.00,'10 - $100 BILLS','13760.jpg',0),(13761,40,27,'2021-08-03',0,'SWD',0.00,1000.00,'CASH 10 - $100','13761.jpg',0),(13762,56,19,'2021-07-25',0,'King Soopers',48.79,0.00,'Rx# 6978475\r\n 90 - fenofibrate 160 mg tablets $48.79','13762.jpg',0),(13763,117,21,'2021-08-09',0,'CHASE PREMIER (...6680)',16000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $16,000.00 - Transfer date - Aug 9, 2021 - Memo - 6 Bar Slvr - Transaction number - 12351830675 -','13763.jpg',0),(13764,56,19,'2021-08-03',0,'King Soopers',11.99,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day. $11.99','13764.jpg',0),(13765,56,19,'2021-07-10',0,'King Soopers',11.99,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 30 day. $11.99','13765.jpg',0),(13766,106,3,'2021-08-10',0,'Carter Lawn Care',0.00,950.00,'0055534802 payment for July 2021 rent includes $100 for electricity. 8/5/21','13766.jpg',0),(13767,56,19,'2021-07-15',0,'King Soopers',21.47,0.00,'Rx# 6978085\r\n90 - Atorvastatin 20 mg tablets $0\r\n\r\nRX#6978086\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $21.47','13767.jpg',0),(13768,125,21,'2021-08-13',0,'JM Bullion',8028.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3950438 RECEIVED 08/23/21','13768.jpg',0),(13769,56,19,'2021-07-16',0,'King Soopers',22.97,0.00,'RX 6978474\r\n180 - METFORMIN HCL 1000MG $22.97','13769.jpg',0),(13770,117,27,'2021-08-17',0,'Sba (...4469)',0.00,8000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $8,000.00 - Transfer date - Aug 17, 2021 - Memo - CHEAP SILVER - Transaction number - 12391131968 -','13770.jpg',0),(13771,46,19,'2021-08-06',0,'Harbor Freight',32.09,0.00,'24 x 16 solid wood roller board $29.99','13771.jpg',0),(13772,115,21,'2021-08-15',-55234,'COAG Settlement Administrator',0.00,63.00,'class action law suit against Centurylink','13772.jpg',0),(13773,117,21,'2021-08-16',0,'CHASE PREMIER (...6680)',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $2,000.00 - Transfer date - Aug 16, 2021 - Memo - silver upgrade - Transaction number - 12398509442 -','13773.jpg',0),(13774,117,21,'2021-08-17',0,'CHASE PREMIER (...6680)',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $2,000.00 - Transfer date - Aug 17, 2021 - Memo - silver upgrade - Transaction number - 12405209991 -','13774.jpg',0),(13775,125,21,'2021-08-18',0,'JM Bullion',7938.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3958597 RECEIVED 8/25/2021','13775.jpg',0),(13776,117,27,'2021-08-19',0,'Sba (...4469)',0.00,10000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $10,000.00 - Transfer date - Aug 19, 2021 - Memo - silver upgrade - Transaction number - 12410796847 -','13776.jpg',0),(13777,17,19,'2021-06-30',0,'Best Buy',58.84,0.00,'150 ft Ethernet cable @$54.99 for chicken camera','13777.jpg',0),(13778,127,6,'2021-08-19',0,'BANK OF COLORADO',112.00,150.00,'Interest plus principal code 325','13778.jpg',0),(13779,117,21,'2021-08-19',0,'CHASE PREMIER (...6680)',9000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $9,000.00 - Transfer date - Aug 19, 2021 - Memo - silver upgrade - Transaction number - 12418168059 -','13779.jpg',0),(13780,104,19,'2021-08-21',0,'Sams',52.00,0.00,'Pump 13.44 gal $3.869 premium','13780.jpg',0),(13781,4,23,'2021-08-23',0,'EMERGENCY PHYSICIANS OF THE ROCKIES',466.09,0.00,'carie left elbow','13781.pdf',0),(13782,46,19,'2021-08-24',0,'Murdochs',12.84,0.00,'2 Outlet 24-hour electric timer. $11.99','13782.jpg',0),(13783,40,27,'2021-08-25',0,'SWD',0.00,1050.00,'10 - $100 BILLS\r\n1 - $50\r\n\r\nPaid HELOC','13783.jpg',0),(13784,103,18,'2021-08-30',0,'State Farm',193.84,0.00,'policy: 157 0044-C02-06\r\nAuto Policy: 2009 FORD MUSTANG 2DR\r\nPayment Amount: $193.84\r\nPayment Method: VISA-2071\r\nPayment Date: 08/30/2021\r\n\r\nConfirmation: AT3S6115','13784.pdf',0),(13785,4,18,'2021-08-30',0,'UCHEALTH',38.74,0.00,'July 19 Authorization code:09218G\r\n\r\n Anthem/Blue Cross Blue ShieldAccount #2059697685\r\nBilled $1,152.81\r\nInsurance Covered -$1,114.07\r\nYour Balance $38.74','13785.pdf',0),(13786,4,18,'2021-08-30',0,'UCHEALTH',44.64,0.00,'Authorization code:01934G\r\n\r\ncheck up for drugs continuation','13786.pdf',0),(13787,29,21,'2021-08-31',-2217,'Steve & Winter',0.00,3236.68,'farm purchases on credit card','13787.jpg',0),(13788,117,27,'2021-08-31',0,'Sba (...4469)',0.00,10000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $10,000.00 - Transfer date - Sep 2, 2021 - Memo - 7day silver - Transaction number - 12495601218 -','13788.jpg',0),(13789,99,21,'2021-09-02',0,'Xcel Energy',18.12,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $18.12 - Send on - Sep 1, 2021 - Deliver by - Sep 2, 2021 - Status - Funded - Transaction number - 12495877704 -','13789.jpg',0),(13790,101,19,'2021-08-17',0,'Discount Tire',9.63,0.00,'WCA SPLINE KEY 6 SPLINERS @$9.00','13790.jpg',0),(13791,125,21,'2021-09-01',0,'JM Bullion',8178.00,0.00,'300 oz SilverTowne Pony Silver Bar \r\n\r\nOrder ORD-3987294 Received 09/09/2021','13791.jpg',0),(13792,117,21,'2021-09-02',0,'CHASE PREMIER (...6680)',4000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $4,000.00 - Transfer date - Sep 2, 2021 - Memo - None - Transaction number - 12513706797 -','13792.jpg',0),(13793,117,25,'2021-09-02',0,'Windsor Hair Shoppe',1500.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,500.00 - Transfer date - Sep 2, 2021 - Memo - None - Transaction number - 12513735536 -','13793.jpg',0),(13794,98,21,'2021-09-07',0,'Xcel Energy',139.34,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $139.34 - Send on - Sep 3, 2021 - Deliver by - Sep 7, 2021 - Status - Funded - Transaction number - 12514277955 -','13794.jpg',0),(13795,56,19,'2021-08-30',0,'King Soopers',11.99,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 28 day. $11.99','13795.jpg',0),(13796,121,4,'2021-11-10',0,'Rain & Hail',4925.00,0.00,'Policy MP-720940\r\nActivity Date 11/10/2021\r\nActivity Type Payment Created\r\nConfirmation Number 231656\r\nPayment Amount $4,925.00\r\nPayment Date 11/10/2021\r\nPayment Status Processed\r\nAccount Number #############5571','13796.pdf',0),(13797,56,23,'2021-09-11',0,'Club Llc',98.00,0.00,'LDM Resupply\r\nLDM-6$59.95\r\nLDM-6$59.95\r\nManager\'s Discount (5%)-$6.00\r\nFriends and Family (20%)-$22.78\r\nSubtotal$91.12\r\nLarimer County$0.73\r\nState of Colorado$2.64\r\nCity of Fort Collins$3.51\r\nTotal$98.00','13797.pdf',0),(13798,106,3,'2021-09-15',0,'Carter Lawn Care',0.00,950.00,'0056410913 payment for Aug 2021 rent includes $100 for electricity. 9/8/21','13798.jpg',0),(13799,12,3,'2021-09-15',0,'Anthem',0.00,474.54,'0070425628 xxxxx8499 8/20/21\r\npremium overpayment','13799.jpg',0),(13800,125,21,'2021-09-16',0,'JM Bullion',2592.00,0.00,'100 oz SilverTowne Pony Silver Bar \r\n\r\nOrder Number: ORD-4019343 RECEIVED 09/23/2021','13800.jpg',0),(13801,127,6,'2021-09-17',0,'BANK OF COLORADO',240.11,300.00,'Interest plus principal code 325','13801.jpg',0),(13802,117,21,'2021-09-17',0,'CHASE PREMIER (...6680)',3000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,000.00 - Transfer date - Sep 17, 2021 - Transaction number - 12616854976 -','13802.jpg',0),(13803,40,3,'2021-09-20',0,'SWD',0.00,2400.00,'$2100 - $100 BILLS\r\n$300 - $50','13803.jpg',0),(13804,117,27,'2021-09-29',0,'Sba (...4469)',0.00,1500.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,500.00 - Transfer date - Sep 29, 2021 - Memo - truckrepair - Transaction number - 12679572919 -','13804.jpg',0),(13805,16,4,'2021-06-10',1424,'United States Treasury',1000.00,0.00,'Federal Taxes\r\n\r\nChk 1425, 1426 us bank','13805.jpg',0),(13806,16,4,'2021-09-10',1427,'United States Treasury',1000.00,0.00,'Federal Taxes\r\n\r\nChk 1425, 1426, 1428 us bank','13806.jpg',0),(13807,114,18,'2021-09-30',0,'State Farm',1512.00,0.00,'HOMEOWNERS POLICY\r\nPayment Amount: $1512.00\r\nPayment Method: VISA-2071\r\nPayment Date: 09/30/2021\r\nConfirmation: AX3NN7VD','13808.pdf',0),(13808,114,18,'2021-09-30',0,'State Farm',194.00,0.00,'PERSONAL LIABILITY UMBRELLA POLICY\r\nPayment Amount: $194.00\r\nPayment Method: VISA-2071\r\nPayment Date: 09/30/2021\r\nConfirmation: AX3NP82X','13808.pdf',0),(13809,56,19,'2021-09-26',0,'King Soopers',11.99,0.00,'RX# 6930373\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 28 day. $11.99','13809.jpg',0),(13810,99,21,'2021-10-07',0,'Xcel Energy',17.70,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.70 - Send on - Oct 6, 2021 - Deliver by - Oct 7, 2021 - Transaction number - 12742041019 -','13810.jpg',0),(13811,98,21,'2021-10-07',0,'Xcel Energy',100.63,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $100.63 - Send on - Oct 6, 2021 - Deliver by - Oct 7, 2021 - Status - Funded - Transaction number - 12742055609 -','13811.jpg',0),(13812,104,19,'2021-06-06',0,'Sams',42.65,0.00,'Pump 8\r\n12.772 gal $3.339 premium','13812.jpg',0),(13813,103,4,'2021-10-18',0,'WCCR',71.82,0.00,'license plates 2009 Ford Mustang.518TFW\r\nVIN: 1ZVHT82HX95123152\r\n\r\n USING website\r\n\r\nYour confirmation number is 0-016-206-552.','13813.pdf',0),(13814,56,19,'2021-10-09',0,'King Soopers',21.98,0.00,'Rx# 6979578\r\n90 - Atorvastatin 20 mg tablets $0\r\n\r\nRX#6979577\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $21.98','13814.jpg',0),(13815,56,19,'2021-10-16',0,'King Soopers',72.92,0.00,'RX# 6979570\r\n180 - METFORMIN HCL 1000MG $23.35\r\n\r\nRX# 6978475\r\n90 - fenofibrate 160 mg tablets $49.57','13815.jpg',0),(13816,104,19,'2021-10-17',0,'Sams',34.27,0.00,'Pump 03 - 10.141 gal $3.379 premium','13816.jpg',0),(13817,4,24,'2021-10-20',-1960620,'EMERGENCY PHYSICIANS OF THE ROCKIES',0.00,466.09,'Overpayment because I paid through anthems web site','13817.jpg',0),(13818,106,3,'2021-09-20',0,'Carter Lawn Care',0.00,950.00,'0057157560 payment for Sep 2021 rent includes $100 for electricity. 10/5/21','13818.jpg',0),(13819,4,23,'2021-10-24',0,'UCHEALTH',358.00,0.00,'Date:10/24/2021\r\nAuthorization code:06602G\r\n\r\nPayment amount\r\n$358.00\r\nAccount #102676133\r\n\r\nPayment method\r\nVisa\r\n\r\ncarie winter\r\n\r\nx7085','13819.pdf',0),(13820,125,21,'2021-10-30',0,'JM Bullion',8230.00,0.00,'100 oz Asahi Florida Silver Bar (New)\r\nPrice: $2,720.00\r\nQty: 2\r\nSubtotal: $5,440.00\r\n\r\n10 oz SilverTowne Prospector Silver Bar (New)\r\nPrice: $279.00\r\nQty: 10\r\nSubtotal: $2,790.00\r\n\r\nReceived 11/4/2021\r\n\r\nORD-4124243','13820.jpg',0),(13821,56,19,'2021-10-30',0,'King Soopers',203.95,0.00,'Rx# 6979576\r\nDulera 200 MCG-5 inhaler','13821.jpg',0),(13822,40,21,'2021-11-01',-2226,'Steve Winter',0.00,13796.38,'Alfalfa Sales from JSW through Nov 1','13822.jpg',0),(13823,99,21,'2021-11-10',0,'Xcel Energy',15.34,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.34 - Send on - Nov 9, 2021 - Deliver by - Nov 10, 2021 - Transaction number - 12926171885 -','13823.jpg',0),(13824,98,21,'2021-11-10',0,'Xcel Energy',76.78,0.00,'- Xcel Energy - (...98 - 7) Pay from - CHASE PREMIER (...6680) - Amount - $76.78 - Send on - Nov 9, 2021 - Deliver by - Nov 10, 2021 - Transaction number - 12926204648 -','13824.jpg',0),(13825,117,21,'2021-11-02',0,'CHASE PREMIER (...6680)',0.00,3000.00,'- Transfer from - CHASE PREMIER (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Nov 2, 2021 - Memo - None - Transaction number - 12935541752 -','13825.jpg',0),(13826,10,3,'2021-11-03',-1105,'Delmar Eichenberg',0.00,8590.92,'Custom combines and trucking\r\n$40 $0.20 a bushel','13826.jpg',0),(13827,10,3,'2021-11-10',1430,'Winter Brothers',4295.46,0.00,'Custom combines and trucking\r\n$40 $0.20 a bushel \r\n\r\n1/2 share','13827.jpg',0),(13828,106,6,'2021-10-15',0,'Humble Tree Service',0.00,1500.00,'Jordan Durand 970-381-3736 Jordan@ humble - tree.com\r\ncash 9/1/2021 - 11/30/2022 Center stall shed','13828.jpg',1),(13829,127,6,'2021-11-16',0,'BANK OF COLORADO',125.40,200.00,'Interest plus principal code 325\r\nPDF EXPLAINS INTEREST BREAKDOWN
','13829.pdf',0),(13830,106,3,'2021-11-16',0,'Carter Lawn Care',0.00,950.00,'0058055038 payment for October 2021 rent includes $100 for electricity. 11/5/21','13830.jpg',0),(13831,29,27,'2021-11-17',0,'Steve & Winter',0.00,691.77,'chk 2237 $487.82 fuel reimbursemt\r\nchk 2238 $203.95 farm supply','13831.jpg',0),(13832,40,27,'2021-11-17',0,'Steve Winter',0.00,9000.00,'Corn Sales from JSW','13832.jpg',0),(13833,40,27,'2021-11-17',-2241,'Steve Winter',0.00,2403.33,'Hay Sales from JSW','13833.jpg',0),(13834,4,23,'2021-11-30',0,'Advanced Medical Imaging Consultants',93.81,0.00,'Patient: - CARIE WINTER - Account Number: - 255764 - Payment Date: - 11/30/2021 8:27 PM EST - Amount Paid: - $93.81 - Reference Number: - 1809266020211130 - Merchant Id: - 000052602074 -\r\n\r\n9/13/2021 CT upper extremity wo dye left arm @$180','13834.jpg',0),(13835,98,21,'2021-12-02',0,'Xcel Energy',74.80,0.00,'- Xcel Energy - (...98 - 7) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $74.80 - Send on - Dec 1, 2021 - Deliver by - Dec 2, 2021 - Status - Funded - Transaction number - 13129154492 -','13835.jpg',0),(13836,6,6,'2021-11-08',0,'Shipman Heating And Plumbing',200.00,0.00,'(970) 215-3051\r\nReplace control valve upstairs','13836.pdf',0),(13837,99,21,'2021-12-07',0,'Xcel Energy',15.34,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.66 - Send on - Dec 6, 2021 - Deliver by - Dec 7, 2021 - Status - Funded - Transaction number - 13170970475 -','13837.jpg',0),(13838,125,21,'2021-12-06',0,'JM Bullion',7770.00,0.00,'ORD-4215708 RECEIVED 12/13/2021\r\nScanned docs 3/21/22
\r\n\r\n100 oz Istanbul Gold Refinery Silver Bar (New)\r\nPrice: $2,590.00\r\nQty: 3\r\nSubtotal: $7,770.00','13838.pdf',0),(13839,119,24,'2021-12-07',0,'CHASE PREMIER (...6680)',3500.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,500.00 - Transfer date - Dec 7, 2021 - Transaction number - 13184055133 -','13839.jpg',0),(13840,117,27,'2021-12-09',0,'Sba (...4469)',0.00,6000.00,'- sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $6,000.00 - Transfer date - Dec 9, 2021 - Memo - silver21day - Transaction number - 13184817704 -','13840.jpg',0),(13841,125,21,'2021-12-09',0,'JM Bullion',7542.00,0.00,'ORD-4222205\r\n100 oz JBR Silver Bar (New)\r\nPrice: $2,514.00\r\nQty: 3','13841.pdf',0),(13842,117,21,'2021-12-09',0,'CHASE PREMIER (...6680)',6000.00,0.00,'BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $6,000.00 - Transfer date - Dec 9, 2021 - Transaction number - 13196319201 -','13842.jpg',0),(13843,117,27,'2021-12-10',0,'Sba (...4469)',0.00,6000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $6,000.00 - Transfer date - Dec 10, 2021 - Memo - last silver - Transaction number - 13196353429 -','13843.jpg',0),(13844,117,21,'2021-12-10',0,'CHASE PREMIER (...6680)',4000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $4,000.00 - Transfer date - Dec 10, 2021 - Memo - balance silver - Transaction number - 13205514636 -','13844.jpg',0),(13845,119,4,'2021-11-10',0,'SWD',0.00,1000.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Dec 10, 2021 - Memo - rebuild - Transaction number - 13205544573 -','13845.jpg',0),(13846,29,3,'2021-12-17',-2246,'Steve & Winter',0.00,799.42,'Farm supplies credit card','13846.jpg',0),(13847,106,3,'2021-12-17',0,'Carter Lawn Care',0.00,950.00,'0058851480 payment for November 2021 rent includes $100 for electricity. 12/7/21','13847.jpg',0),(13848,106,6,'2021-12-21',0,'Cc Camper',0.00,120.00,'camper storage 8/1 - 9/30','13848.jpg',0),(13849,104,19,'2021-12-22',0,'Sams',27.32,0.00,'Pump 02 - 8.282 gal $3.299 premium','13849.jpg',0),(13850,40,27,'2021-12-23',1433,'Winter Brothes Lawn',200.00,590.00,'Hay Sales Payment chk 1031','13850.jpg',0),(13851,40,27,'2021-12-28',-2247,'Steve Winter',0.00,2643.50,'Hay Sales from JSW','13851.jpg',0),(13852,13,19,'2021-12-30',0,'Chi Alpha',400.00,0.00,'Assemblies of God Chi Alpha in Pueblo Colorado','13852.jpg',0),(13853,117,27,'2022-01-03',0,'Sba (...4469)',0.00,1000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Jan 4, 2022 - Memo - rebuild - Transaction number - 13368900932 -','13853.jpg',0),(13854,87,5,'2021-12-31',0,'ACCORDIA LIFE',1033.08,0.00,'whole life insurance','13854.pdf',0),(13855,123,5,'2021-12-31',0,'LegalShield',438.61,0.00,'Lawyer fee','13855.pdf',0),(13856,12,5,'2021-12-31',0,'Comprehensive In SIGONFILE',717.00,0.00,'Comprehensive injury insurance','13856.pdf',0),(13857,54,5,'2021-12-31',0,'Usda',0.00,3700.30,'FSA TREAS 310 MISC PAY PPD ID: 9101036151','13857.pdf',0),(13858,34,4,'2021-12-31',0,'Chase Business Checking',45.00,0.00,'<$2000 monthly charges','13858.jpg',0),(13859,17,19,'2021-11-27',0,'Best Buy',535.04,0.00,'Dragon Professional Individual dictation software @$499.99','13859.jpg',0),(13860,98,21,'2022-01-07',0,'Xcel Energy',96.93,0.00,'804 KWH','13860.jpg',0),(13877,108,13,'2021-12-31',0,'Verizon',295.85,0.00,'970.573.1487\r\nTabA tablet\r\n$24.74 \r\n$24.62 \r\n$24.59 \r\n$24.59 \r\n$24.40 \r\n$24.70 \r\n$24.70 \r\n$24.71 \r\n$24.71 \r\n$24.71 \r\n$24.69 \r\n$24.69 \r\n$295.85','13877.jpg',0),(13861,99,21,'2022-01-07',0,'Xcel Energy',15.74,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.74 - Send on - Jan 7, 2022 - Deliver by - Jan 10, 2022 - Status - Funded - Transaction number - 13403008158 -','13861.jpg',0),(13862,13,19,'2021-12-31',0,'Chi Alpha',400.00,0.00,'austin & dylan csu pueblo','13862.pdf',0),(13863,10,21,'2022-01-13',-2203,'Altoff Family Chiropractic',0.00,70.00,'snow removal','13863.jpg',0),(13864,10,3,'2021-04-06',0,'Altoff Family Chiropractic',0.00,75.00,'snow removal','13864.jpg',0),(13865,106,3,'2022-01-22',0,'Carter Lawn Care',0.00,950.00,'0059567748 payment for December 2021 rent includes $100 for electricity. 1/5/22','13865.jpg',0),(13866,127,4,'2021-12-31',1436,'BANK OF COLORADO',516.30,0.00,'Mortgage interest Statement $917.14\r\npaid in January\r\nInterest code 325','13866.pdf',0),(13867,56,19,'2022-01-17',0,'King Soopers',6.64,0.00,'28 - CEPHALEXIN 500 MG tablet\r\nRX# 6022253 take 1 tablet by mouth 4 TIMES daily leg skin structure infection','13867.jpg',0),(13868,56,19,'2022-01-11',0,'King Soopers',6.77,0.00,'Rx# 6979578\r\n30 - Atorvastatin 20 mg tablets $0\r\n\r\nRX#6979577\r\n30 - LISINOPRIL-HCTZ 20-25 MG TAB $6.77','13868.jpg',0),(13869,18,4,'2021-12-31',0,'AgDirect',3339.99,0.00,'windrower interest for 2021\r\nbaalance $81519.36','13869.jpg',0),(13870,16,4,'2022-04-22',1437,'Weld County',3280.18,0.00,'ACCT: R0549801\r\nPARCEL: 080715000058\r\nTAX DISTRICT: 0430\r\nhome property tax.\r\n2021 taxes due in 2022','13870.pdf',0),(13871,56,19,'2022-01-25',0,'King Soopers',6.64,0.00,'28 - CEPHALEXIN 500 MG tablet\r\nRX# 6024109 take 1 tablet by mouth 4 TIMES daily leg skin structure infection','13871.jpg',0),(13872,10,21,'2022-01-31',-744,'Altoff Family Chiropractic',0.00,70.00,'snow removal','13872.jpg',0),(13873,117,27,'2022-02-01',0,'Sba (...4469)',0.00,2000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Feb 2, 2022 - Memo - None - Transaction number - 13576031655 -','13873.jpg',0),(13874,12,18,'2021-12-31',0,'Anthem',5521.44,0.00,'0070154445 xxxxx8499\r\npremium $460.12 MONTH','13874.pdf',0),(13875,99,21,'2022-02-03',0,'Xcel Energy',15.82,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.82 - Send on - Feb 3, 2022 - Deliver by - Feb 4, 2022 - Transaction number - 13589359978 -','13875.jpg',0),(13876,98,21,'2022-02-03',0,'Xcel Energy',115.17,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $115.17 - Send on - Feb 3, 2022 - Deliver by - Feb 4, 2022 - Transaction number - 13589387733 - \r\n\r\n971 kwh','13876.jpg',0),(13878,108,13,'2021-12-31',0,'Verizon',1095.93,0.00,'970-231-5854\r\n$24.74 \r\n$24.62 \r\n$24.59 \r\n$24.59 \r\n$24.64 \r\n$24.70 \r\n$24.70 \r\n$24.71 \r\n$24.71 \r\n$24.71 \r\n$24.69 \r\n$24.69 \r\n$296.09 + $799.84','13878.jpg',0),(13879,66,18,'2022-02-04',0,'State Farm',485.30,0.00,'State Farm Policy #: 114 4269-B06-06C\r\n2016 FORD F150 PICKUP\r\n\r\nAuto Policy: 2016 FORD F150 PICKUP\r\nPayment Amount: $485.30\r\nPayment Method: VISA-2071\r\nPayment Date: 02/04/2022\r\n\r\nConfirmation: BC3RM4RT','13879.pdf',0),(13880,13,6,'2021-12-31',0,'Journey Church',377.00,0.00,'General tithes from Windsor Hair Shoppe','13573.pdf',0),(13881,56,19,'2022-01-28',0,'King Soopers',9.99,0.00,'Rx 6025127\r\nKr0 healthpro blood glucose meter\r\nBlood glucose testing','13881.jpg',0),(13882,56,19,'2022-01-28',0,'King Soopers',11.06,0.00,'RX# 6025117\r\n30 - LEVOTHYROXINE 100 MCG take one tablet daily 28 day. $11.06','13882.jpg',0),(13883,56,19,'2022-01-28',0,'King Soopers',7.13,0.00,'RX 6979570\r\n60 - METFORMIN HCL 1000MG $7.13','13883.jpg',0),(13884,56,19,'2022-01-28',0,'King Soopers',13.47,0.00,'Rx# 6979579\r\n30 - fenofibrate 160 mg tablets $13.47','13884.jpg',0),(13885,56,19,'2022-01-28',0,'King Soopers',7.13,0.00,'RX 6025123\r\n60 - METFORMIN HCL 500MG $6.83 carie','13885.jpg',0),(13886,56,19,'2022-01-28',0,'King Soopers',1.99,0.00,'Rx 6025127\r\n100 Kr0 healthpro twist 33G lancets\r\nBlood glucose testing','13886.jpg',0),(13887,56,19,'2022-02-02',0,'King Soopers',4.99,0.00,'Rx 6025122\r\n25 Kr0 healthpro test strips\r\nBlood glucose monitoring','13887.jpg',0),(13888,112,19,'2022-02-10',0,'Best Buy',551.27,0.00,'LG microwave','13888.pdf',0),(13889,106,21,'2022-02-11',0,'Carter Lawn Care',0.00,950.00,'0060376161 payment for January 2022 rent includes $100 for electricity. 2/7/22','13889.jpg',0),(13890,4,21,'2022-04-25',0,'Norther Colorado Hospitalist LLC',985.80,0.00,'Carie covid \r\n\r\n3/1 $150\r\n3/15 $150\r\n4/25/ $685.80 Payment Type VISA :-2071 Authorization Code 02728','13890.pdf',0),(13891,4,18,'2022-01-18',0,'UCHEALTH',1653.45,0.00,'BALANCE OFF
\r\nSteve Winter hospital leg infection\r\npayment method set up','13891.PDF',0),(13892,4,18,'2022-02-17',0,'UCHEALTH',244.32,0.00,'Steve Winter hospital leg infection\r\npayment method set up','13892.PDF',0),(13893,127,6,'2022-02-18',0,'BANK OF COLORADO',349.53,400.00,'Mortgage interest $274.53\r\nAnnual Fee $75\r\n\r\npaid in February\r\nInterest code 325','13893.pdf',0),(13894,36,4,'2022-02-22',50112,'Agfinity',1016.02,0.00,'propane fills Jarrod Winter\r\ndeducted from alfalfa cash','13894.pdf',0),(13895,122,18,'2022-02-22',0,'Colorado Secretary Of State',10.00,0.00,'Name Software Web Design, LLC\r\nID number 20051025806\r\n \r\nDocument number 20221176986\r\nPayment type CREDIT\r\nLast 4 digits 2071\r\nAmount paid $10.00\r\nDate and time 02/22/2022 03:27 PM','13895.pdf',0),(13896,122,18,'2022-02-22',0,'Colorado Secretary Of State',10.00,0.00,'Name DARNELL LATERAL DITCH COMPANY\r\nID number 20111021920\r\n Document number 20221177060\r\nPayment type CREDIT\r\nLast 4 digits 2071\r\nAmount paid $10.00\r\nDate and time 02/22/2022 03:41 PM','13896.pdf',0),(13897,29,3,'2022-02-24',-2254,'Steve & Winter',0.00,4758.40,'Farm repairs credit card\r\nPeterbildt engine and electrical outlet work sev diesel tank','13897.jpg',0),(13898,99,21,'2022-03-10',0,'Xcel Energy',15.73,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.73 - Send on - Mar 9, 2022 - Deliver by - Mar 10, 2022 - Status - Funded - Transaction number - 13844062715 -','13898.jpg',0),(13899,56,19,'2022-02-14',0,'King Soopers',31.11,0.00,'Rx# 6979578\r\n90 - Atorvastatin 20 mg tablets $17.32\r\n\r\nRX#6979577\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.79','13899.jpg',0),(13900,66,4,'2022-03-01',0,'WCCR',227.44,0.00,'2016 Ford license plates\r\n1FTFW1EG1GFA30538 BSC262\r\n\r\nYour confirmation number is 0-018-045-531.','13900.jpg',0),(13901,4,18,'2022-03-01',0,'Don Paul Respitory',474.00,0.00,'carie covid respritorty','13901.pdf',0),(13902,4,23,'2022-03-01',0,'Advanced Medical Imaging Consultants',17.06,0.00,'Patient: - CARIE WINTER - Account Number: - 255764 - Reference Number: - 1967143420220301 - Provider Address: - 2008 Caribou Dr, Fort Collins, CO 80525 -Merchant Id: - 000052602074 - \r\n\r\n1/18/22 2 CHEST XRAYS','13902.pdf',0),(13903,101,19,'2022-03-02',0,'Pikes Auto Care',102.62,0.00,'1 FIL 9883 NAPA GOLD AIR FILTER $26.61\r\n1 FIL 7502 NAPA GOLD OIL FILTER $8.88\r\n6 OE SYN5-30 FULL SYNTHETIC 5W30 MOTOR OIL New $6.16\r\n1 OE WASHER MISCELLANEOUS FLUIDS, AND WASHER SOLVENT New $2.66\r\n0.5 BRAKE CLEAN SOLVENT New $7.41\r\nLabor $10.00','13903.pdf',0),(13904,56,19,'2022-03-02',0,'King Soopers',13.47,0.00,'Rx# 6979579\r\n30 - fenofibrate 160 mg tablets $13.47','13904.jpg',0),(13905,103,18,'2022-03-03',0,'State Farm',195.72,0.00,'policy: 157 0044-C02-06\r\nPayment Amount: $195.72\r\nPayment Method: VISA-2071\r\nPayment Date: 03/03/2022\r\n\r\nConfirmation: BG3DY2U8','13905.pdf',0),(13906,14,4,'2022-03-04',0,'Odricil & Meis',735.00,0.00,'2021 tax preparation','13906.pdf',0),(13907,40,27,'2022-03-07',-2256,'Steve Winter',0.00,3000.00,'Corn Sales from JSW for windrower','13907.jpg',0),(13908,4,18,'2022-03-09',0,'Advanced Medical Imaging Consultants',22.74,0.00,'1/26/22 EXTREMITY STUDY Carie Winter','13908.pdf',0),(13909,4,23,'2022-03-09',0,'Rotech Health Care',17.30,0.00,'oxygen bottles and portable O2 unit\r\n\r\nCARIE WINTER (7089454) Payment Method Ending in 7085\r\n \r\n(Exp: 11 / 24)\r\nMar 9 2022 10:49:56 AM\r\nAuth. Code: 08699G\r\nResponse:000\r\n$17.30','13909.pdf',0),(13910,98,21,'2022-03-10',0,'Xcel Energy',135.97,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $135.97 - Send on - Mar 9, 2022 - Deliver by - Mar 10, 2022 - Status - Funded - Transaction number - 13844036368 - \r\n\r\n1166 kwh','13910.jpg',0),(13911,4,18,'2022-03-09',0,'EMERGENCY PHYSICIANS OF THE ROCKIES',160.71,0.00,'1/17/2022 steve Hospital doctor bill for covid/leg infection','13911.pdf',0),(13912,94,18,'2022-03-15',0,'Blue Host',754.92,0.00,'Software web secure','13912.pdf',0),(13913,6,19,'2022-03-11',0,'MANWEILER Hardware',28.85,0.00,'Float switch for basement pump @$26.99','13913.jpg',0),(13914,106,21,'2022-03-14',0,'Carter Lawn Care',0.00,950.00,'0061074879 payment for February 2022 rent includes $100 for electricity. 3/7/22','13914.jpg',0),(13915,16,21,'2022-03-14',0,'Treasurer State Colorado',0.00,134.00,'refund from Colorado','13915.jpg',0),(13916,28,21,'2022-03-15',0,'Aarron Gersick',0.00,270.00,'Aaron & Joelle\r\nChk 1204 October- December 2021 $135\r\nCheck 1205 Jan - march 2022 $135','13916.jpg',0),(13917,127,6,'2022-03-18',0,'BANK OF COLORADO',274.86,300.00,'Mortgage interest $274.86\r\n\r\n\r\npaid in March\r\nInterest code 325','13917.pdf',0),(13918,117,27,'2022-03-30',0,'Sba (...4469)',0.00,2000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Mar 30, 2022 - Memo - None - Transaction number - 13982361811 -','13918.jpg',0),(13919,18,27,'2022-03-29',0,'AgDirect',22120.00,0.00,'windrower interest for 2022 \r\nbaalance $81519.36','13919.pdf',0),(13920,56,19,'2022-03-28',0,'King Soopers',13.21,0.00,'Rx# 6979579\r\n30 - fenofibrate 160 mg tablets $13.21','13920.jpg',0),(13921,56,19,'2022-03-22',0,'King Soopers',7.00,0.00,'RX 6979570\r\n60 - METFORMIN HCL 1000MG $7.13','13921.jpg',0),(13922,79,18,'2022-04-08',0,'NextDayPower',58.97,0.00,'1 - Samsung NP880Z5E-X02NL Replacement Battery? NBSSPLVN8NPZ23 $52.98\r\n------------------------------------------------------------------------','13922.pdf',0),(13923,29,21,'2022-04-11',0,'Steve & Winter',0.00,1159.64,'Farm repairs and supply credit card\r\ntires, agsense, filters\r\n\r\nchk 2263 $479.64\r\nchk 2264 $680','13923.jpg',0),(13924,98,21,'2022-04-12',0,'Xcel Energy',96.64,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $96.64 - Send on - Apr 11, 2022 - Deliver by - Apr 12, 2022 - Status - Funded - Transaction number - 14086634147 -\r\n \r\n797 kwh','13924.jpg',0),(13925,99,21,'2022-04-12',0,'Xcel Energy',15.35,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.35 - Send on - Apr 11, 2022 - Deliver by - Apr 12, 2022 - Status - Funded - Transaction number - 14086647319 -','13925.jpg',0),(13926,16,21,'2022-04-12',0,'United States Treasury',0.00,5677.00,'Federal Taxes refund','13926.jpg',0),(13927,40,21,'2022-04-12',0,'Steve Winter',0.00,1000.00,'Hay Sales from cash','13927.jpg',0),(13928,40,3,'2022-04-13',-2265,'Steve Winter',0.00,2264.05,'Hay Sales from JSW','13928.jpg',0),(13929,127,6,'2022-04-18',0,'BANK OF COLORADO',274.25,300.00,'Mortgage interest $274.86\r\n\r\n\r\npaid in April\r\nInterest code 325','13929.pdf',0),(13930,4,18,'2022-04-18',0,'Step Ahead Foot & Ankle Center',138.75,0.00,'2/04/22 ENCOUNTER 86651 FOR WINTER, STEVE WITH WHITING, TREVOR cal-lose under toe\r\n2/04/22 99203 - OFFICE/OUTPATIENT VISIT NEW $194.42 $138.75\r\n3/02/22 BCBS Adjustment C8 12 -$55.67\r\n\r\nAct # 15825 \r\nAuthorization Code 03877G','13930.pdf',0),(13931,4,18,'2022-04-18',0,'Nephrology Clinic',96.84,0.00,'DETAILS\r\nAccount Number : 106379314\r\nAuthorization Code 01090G\r\n\r\nKidney check up\r\n\r\nJason Lee Merritt MD\r\nHttp://www.thenephrologyclinic.com/','13931.pdf',0),(13932,117,21,'2022-04-22',0,'Steve & Carie Winter',0.00,6500.00,'- Transfer from - CHASE PREMIER (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $6,500.00 - Transfer date - Apr 22, 2022 - Memo - pay whs taxes - Transaction number - 14172995261 -','13932.jpg',0),(13933,40,3,'2022-04-21',-2270,'Steve Winter',0.00,3725.00,'Hay Sales from JSW','13933.jpg',0),(13934,40,21,'2022-05-02',0,'Steve Winter',0.00,3300.00,'Hay Sales from JSW cash','13934.jpg',0),(13935,125,21,'2022-05-13',0,'JM Bullion',9168.00,560.00,'100 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $2,530.00 Qty: 3\r\nSubtotal: $7,590.00\r\n\r\n10 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $263.00 Qty: 6\r\nSubtotal: $1,578.00\r\n\r\n$9,168.00\r\n\r\nJoelle 3 bars reimburse into 6680','13935.pdf',0),(13936,117,27,'2022-05-04',0,'Sba (...4469)',0.00,2500.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,500.00 - Transfer date - May 4, 2022 - Memo - silver purchase partial - Transaction number - 14258369895 -','13936.jpg',0),(13937,117,21,'2022-04-03',0,'Steve & Carie Winter',3500.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,500.00 - Transfer date - May 5, 2022 - Memo - silver reimb - Transaction number - 14258425951 -','13937.jpg',0),(13938,117,21,'2022-05-05',0,'Steve & Carie Winter',3500.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE PREMIER (...6680) - Amount - $3,500.00 - Transfer date - May 5, 2022 - Memo - silver reimb - Transaction number - 14258425951 -','13938.jpg',0),(13939,106,6,'2022-04-15',0,'Cc Camper',0.00,160.00,'camper storage 10/1 - 11/30','13939.jpg',0),(13940,106,21,'2022-05-12',0,'Carter Lawn Care',0.00,950.00,'0062592866 payment for April 2022 rent includes $100 for electricity. 5/5/22','13940.jpg',0),(13941,40,21,'2022-05-13',0,'Steve Winter',0.00,440.00,'Hay Sales from JSW cash\r\n$560 FROM Joelle to finish deposit','13941.jpg',0),(13942,98,21,'2022-05-17',0,'Xcel Energy',89.35,0.00,'- Xcel Energy - (...98 - 7) - Print this activity - Pay from - CHASE PREMIER (...6680) - Amount - $89.35 - Send on - May 16, 2022 - Deliver by - May 17, 2022 - Status - Funded - Transaction number - 14341286188 - 707kwh','13942.jpg',0),(13943,99,21,'2022-05-17',0,'Xcel Energy',16.00,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $16.00 - Send on - May 16, 2022 - Deliver by - May 17, 2022 - Status - Funded - Transaction number - 14341313369 -','13943.jpg',0),(13944,56,19,'2022-04-29',0,'King Soopers',22.14,0.00,'RX 6979570\r\n60 - METFORMIN HCL 1000MG $7.63\r\n\r\nRx# 6979579\r\n30 - fenofibrate 160 mg tablets $14.51','13944.jpg',0),(13945,56,19,'2022-05-13',0,'King Soopers',23.99,0.00,'Rx# 6979578\r\n90 - Atorvastatin 20 mg tablets $10.88\r\n\r\nRX#6979577\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.11','13945.jpg',0),(13946,94,18,'2022-05-16',0,'Blue Host',33.99,0.00,'softwaresecureweb.com\r\nDomain Name Registration: from\r\n2022-07-06 to 2023-07-06\r\n06 Jul 2022 $18.99/yr $18.99\r\nDomain Privacy + Protection: from\r\n2022-07-06 to 2023-07-06\r\n06 Jul 2022 $15.00/yr $15.00\r\ntotal: $33.99','13946.pdf',0),(13947,127,6,'2022-05-20',0,'BANK OF COLORADO',272.28,500.00,'Mortgage interest $274.86\r\n\r\n\r\npaid in May\r\nInterest code 325','13947.pdf',0),(13948,106,3,'2022-04-11',0,'Carter Lawn Care',0.00,950.00,'00 payment for Mar 2022 rent includes $100 for electricity. 4/7/22\r\n04/11/2022,\"DEPOSIT ID NUMBER 285838\",950.00,DEPOSIT,3852.14,,','13948.jpg',0),(13949,98,21,'2022-06-07',0,'Xcel Energy',84.32,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $84.32 - Send on - Jun 7, 2022 - Deliver by - Jun 8, 2022 - Status - Funded - Transaction number - 14521200377 -\r\n\r\n660 KW','13949.jpg',0),(13950,99,21,'2022-06-08',0,'Xcel Energy',17.00,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $17.00 - Send on - Jun 7, 2022 - Deliver by - Jun 8, 2022 - Status - Funded - Transaction number - 14521249601 -','13950.jpg',0),(13951,106,21,'2022-06-13',-6404,'Carter Lawn Care',0.00,100.00,'Forgot rent update','13951.jpg',0),(13952,127,6,'2022-06-21',0,'BANK OF COLORADO',283.79,500.00,'Mortgage interest $274.86\r\n\r\n\r\n05/12/2022 3.740000 % .00010246(V) 92,488.78 8 75.81\r\n05/20/2022 3.740000 % .00010246(V) 92,261.06 22 207.98\r\n\r\nInterest code 325','13952.pdf',0),(13953,106,3,'2022-06-21',0,'Carter Lawn Care',0.00,950.00,'0063436184 payment for May 2022 rent includes $100 for electricity. 6/7/22','13953.jpg',0),(13954,56,19,'2022-05-31',0,'King Soopers',13.21,0.00,'Rx# 6979579\r\n30 - fenofibrate 160 mg tablets $13.21','13954.jpg',0),(13955,125,21,'2022-06-24',0,'JM Bullion',7662.00,0.00,'ORD-4626824\r\n100 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $2,554.00\r\nQty: 3\r\nSubtotal: $7,662.00\r\nSubtotal:\r\n\r\n$7,662.00\r\nShipping:\r\n\r\n$0\r\nFinal Total:\r\n\r\n$7,662.00','13955.jpg',0),(13956,99,21,'2022-06-28',0,'Xcel Energy',15.65,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $15.65 - Send on - Jun 27, 2022 - Deliver by - Jun 28, 2022 - Transaction number - 14657251553 -','13956.jpg',0),(13957,13,6,'2022-06-26',0,'Journey Church',500.00,0.00,'6/26 $500','13957.jpg',0),(13958,10,27,'2022-06-28',-1136,'Sparky',0.00,1596.00,'Ditching @$19/acre','13958.jpg',0),(13959,29,3,'2022-06-28',0,'Steve & Winter',0.00,763.41,'Farm supply reimbursement','13959.jpg',0),(13960,29,27,'2022-07-01',-2286,'Steve Winter',0.00,567.55,'Farm repair reimbursement','13960.jpg',0),(13961,125,21,'2022-07-01',0,'JM Bullion',7566.00,0.00,'Order Number: ORD-4639112\r\n\r\n100 oz Asahi Florida Silver Bar (New)\r\nPrice: $2,522.00\r\nQty: 3\r\nSubtotal: $7,566.00','13961.jpg',0),(13962,56,19,'2022-07-01',0,'King Soopers',13.34,0.00,'Rx# 6979579\r\n30 - fenofibrate 160 mg tablets $13.34','13962.jpg',0),(13963,56,19,'2022-04-27',0,'King Soopers',7.09,0.00,'28 - CEPHALEXIN 500 MG tablet\r\nRX# 6044305 take 1 tablet by mouth 4 TIMES daily leg skin structure infection','13963.jpg',0),(13964,98,21,'2022-07-06',0,'Xcel Energy',76.45,0.00,'- Xcel Energy - (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $76.45 - Send on - Jul 5, 2022 - Deliver by - Jul 6, 2022 - Transaction number - 14739465528 - \r\n\r\n466 KW','13964.jpg',0),(13965,106,6,'2022-07-06',0,'Trujillo Tree Service',0.00,150.00,'Leah trujillo 970-833-0375 \r\ncash 7/1/2022 - 7/30/2022','13965.jpg',0),(13978,56,19,'2022-07-20',0,'King Soopers',44.92,0.00,'Rx# 6979578\r\n60 - Atorvastatin 20 mg tablets $10.46\r\n\r\nRx# 6979579\r\n180 - fenofibrate 160 mg tablets $25.32\r\n\r\nRX#6979577\r\n60 - LISINOPRIL-HCTZ 20-25 MG TAB $9.14','13978.jpg',0),(13966,94,18,'2022-07-08',0,'Blue Host',18.98,0.00,'windsorseverancestorage.com','13966.pdf',0),(13967,125,21,'2022-07-11',0,'JM Bullion',7002.00,0.00,'Order Number: ORD-4658658\r\n\r\n100 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $2,334.00\r\nQty: 3\r\nSubtotal: $7,002.00','13967.jpg',0),(13968,85,18,'2022-07-08',0,'Ascent Broadband',45.00,0.00,'Receipt from Ascent Broadband, LLC $45.00 Paid July 8, 2022 Download invoice Download receipt \r\n\r\nReceipt number 2090-5695 Invoice number 53CC860B-0004 Payment method - 2071','13968.jpg',0),(13969,40,21,'2022-07-12',-2288,'Steve Winter',0.00,6000.00,'Hay Sales from JSW cash $1000.00\r\nAnd chk 2288 $5000.00','13969.jpg',0),(13970,106,21,'2022-07-12',0,'Carter Lawn Care',0.00,950.00,'0064091337 payment for June2022 rent includes $100 for electricity. 7/7/22','13970.jpg',0),(13971,106,3,'2022-07-25',0,'Carter Lawn Care',0.00,100.00,'chk 0064270917 Forgot rent update','13971.jpg',0),(13972,56,19,'2022-07-14',0,'King Soopers',7.38,0.00,'RX 6979570\r\n60 - METFORMIN HCL 1000MG $7.13','13972.jpg',0),(13973,127,6,'2022-07-21',0,'BANK OF COLORADO',292.59,500.00,'Mortgage interest $292.59\r\nTotal Interest Charged In 2022 1,742.72\r\n\r\nfees 75.00\r\n\r\n\r\n06/11/2022 3.740000 % .00010246(V) 92,261.06 10 94.53\r\n06/21/2022 3.740000 % .00010246(V) 92,044.85 21 198.06\r\n\r\n\r\nInterest code 325','13973.pdf',0),(13974,28,3,'2022-07-25',0,'Lumen From Centrylink',0.00,2.00,'chk 0012429358\r\ncentrylink overpayment','13974.jpg',0),(13975,17,19,'2022-03-07',0,'Bomgaars',45.85,0.00,'Charger @$16.99 cell phone\r\n2 cable 10ft @$12.99','13975.jpg',0),(13976,66,18,'2022-08-01',0,'State Farm',530.90,0.00,'State Farm Policy #: 114 4269-B06-06C\r\n2016 FORD F150 PICKUP\r\n\r\nAuto Policy: 2016 FORD F150 PICKUP\r\nPayment Amount: $530.90\r\nPayment Method: VISA-2071, (Preferred)\r\nPayment Date: 08/01/2022\r\n\r\nConfirmation: C13V789M','13976.pdf',0),(13977,106,27,'2022-08-02',-99,'Trujillo Tree Service',0.00,300.00,'Leah trujillo 970-833-0375 \r\ncash 8/1/2022 - 9/30/2022','13977.jpg',0),(13979,85,18,'2022-08-05',0,'Ascent Broadband',45.00,0.00,'nvoice number 53CC860B-0005\r\nReceipt number 2617-6171\r\nDate paid August 8, 2022\r\nPayment method Visa - 2071','13979.pdf',0),(13980,99,21,'2022-08-12',0,'Xcel Energy',16.33,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - CHASE PREMIER (...6680) - Amount - $16.33 - Send on - Aug 11, 2022 - Deliver by - Aug 12, 2022 - Status - Funded - Transaction number - 15027966344 -','13980.jpg',0),(13981,98,21,'2022-08-12',0,'Xcel Energy',114.85,0.00,'- Xcel Energy (...98 - 7) - Pay from - CHASE PREMIER (...6680) - Amount - $114.85 - Send on - Aug 11, 2022 - Deliver by - Aug 12, 2022 - Status - Funded - Transaction number - 15027998140 - \r\n\r\n702 KW','13981.jpg',0),(13982,29,27,'2022-08-12',-2297,'Steve Winter',0.00,638.35,'Fuel oil reimbursements','13982.jpg',0),(13983,16,21,'2022-08-12',-73447,'Colorado',0.00,1500.00,'Overpayment of taxes by everyone','13983.jpg',0),(13984,106,27,'2022-08-12',0,'Carter Lawn Care',0.00,1150.00,'Chk 0064542958 $100 7/25/2022\r\nChk 00649431682 $1050 8/9/2022\r\n payment for July 2022 rent includes $100 for electricity. 8/9/22','13984.jpg',0),(13985,127,6,'2022-08-15',0,'BANK OF COLORADO',390.59,1000.00,'Loan Type: Principal Balance: Current Rate: Interest Balance: One Day\'s Interest:\r\nHELOC 91,837.44 5.740000 202.84 14.44\r\nMaturity Date: Original Loan Date: Credit Limit:\r\nDate of Last Payment: Last Payment Amount:\r\n01/26/2038 01/31/2018 100,000.00 0','13985.pdf',0),(13986,125,21,'2022-07-19',0,'JM Bullion',1780.10,1300.00,'ORD-4719480 \r\n10 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $254.30 Qty: 7\r\n\r\n$700 alf + $600 saving 9/1/22, 9/11/22\r\n\r\nJoelle owe x bars','13986.jpg',0),(13987,101,4,'2022-08-17',1439,'Pikes Auto Care',649.38,0.00,'OIL DISPOSAL $6.50\r\nFULL SYNTHETIC 5W30 MOTOR OIL $6.39\r\nMISCELLANEOUS FLUIDS New $2.66\r\nBRAKE CLEAN SOLVENT $7.41\r\nFACTORY AIR BAG CLOCKSPRING $177.36\r\n Air Filter New $29.92\r\nEngine Oil Filter $9.97\r\nLabor 349.90','13987.pdf',0),(13988,125,21,'2022-08-19',0,'JM Bullion',7071.00,0.00,'Order Number: ORD-4721128\r\n\r\n100 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $2,357.00\r\nQty: 3\r\nSubtotal: $7,071.00','13988.jpg',0),(13989,40,21,'2022-08-19',-2298,'Steve Winter',0.00,7000.00,'Hay Sales from JSW And chk 2298 $7000.00','13989.jpg',0),(13990,99,21,'2022-09-06',0,'Xcel Energy',16.51,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $16.51 - Send on - Sep 2, 2022 - Deliver by - Sep 6, 2022 - Status - Funded - Transaction number - 15203101561 -','13990.jpg',0),(13991,117,25,'2022-08-29',0,'Sba (...4469)',0.00,1000.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Aug 29, 2022 - Memo - min balance - Transaction number - 15165220055 -','13991.jpg',0),(13992,125,21,'2022-08-30',0,'JM Bullion',6546.00,0.00,'Order Number: (ORD-4736775\r\n100 oz SilverTowne Pony Silver Bar (New\r\n\r\nPrice: $2,182.00\r\nQty: 3\r\nSubtotal:\r\n$6,546.00','13992.jpg',0),(13993,50,3,'2022-09-12',-102,'Keep Colorado Free And Open',0.00,800.00,'Partial completion of website up to the emails and application','13993.jpg',0),(13994,28,21,'2022-09-07',-1213,'Aarron Gersick',0.00,225.00,'Aaron & Joelle phones\r\nChk 1213 April - August 2022 $225\r\nChk 1204 October- December 2021 $135\r\nCheck 1205 Jan - march 2022 $135','13994.jpg',0),(13995,103,18,'2022-09-02',0,'State Farm',208.71,0.00,'157 0044-C02-06D \r\nAuto Policy: 2009 FORD MUSTANG 2DR\r\nPayment Amount: $208.71\r\nPayment Method: VISA-2071, (Preferred)\r\nPayment Date: 09/02/2022\r\n\r\nConfirmation: C635L6NT','13995.pdf',0),(13996,98,21,'2022-09-06',0,'Xcel Energy',121.38,0.00,'- Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $121.38 - Send on - Sep 2, 2022 - Deliver by - Sep 6, 2022 - Status - Funded - Transaction number - 15203137277 - \r\n\r\n736 KW','13996.jpg',0),(13997,106,27,'2022-09-12',0,'Carter Lawn Care',0.00,1050.00,'Chk 0065678091 $1050 9/8/2022\r\n payment for Aug 2022 rent includes $100 for electricity.','13997.jpg',0),(13998,125,21,'2022-09-13',0,'JM Bullion',4270.40,300.00,'ORD-4765291\r\n10 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $254.30 Qty: 17\r\n\r\nUse this figure to calculate joelle 17 bars','13998.jpg',0),(13999,127,6,'2022-09-19',0,'BANK OF COLORADO',416.00,500.00,'New Balance: 91,184.70 Principal Due: .00\r\nMinimum Payment Due: 416.16 Interest Due: 416.16\r\nPayment Due Date: 09/26/2022\r\n Late Payment Warning \r\nIf we do not receive your minimum payment by 10/06/2022','13999.pdf',0),(14000,121,3,'2022-11-30',0,'Rain & Hail',6545.00,0.00,'08115/2022 09/30/2022 03/15/2023 MP-0720940 CORN RP WELD \r\nDeducted from Insurance claim check','14000.pdf',0),(14001,12,21,'2022-09-19',0,'Anthem',0.00,447.03,'0070993087 xxxx8499 0905/2022\r\npremium overpayment','14001.jpg',0),(14002,117,25,'2022-09-25',0,'WHS',0.00,1500.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Aug 29, 2022 - Memo - min balance - Transaction number - 15165220055 -','14002.jpg',0),(14003,117,27,'2022-09-27',0,'Sba (...4469)',0.00,2000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Sep 27, 2022 - Memo - None - Transaction number - 15384720404 -','14003.jpg',0),(14004,125,21,'2022-09-26',0,'JM Bullion',6576.00,0.00,'ORD-4797465 - 100 oz Asahi Florida Silver Bar (New) - Price: $2,192.00 - Qty: 3 \r\nSubtotal: $6,576.00 - Subtotal: - - $6,576.00','14004.jpg',0),(14005,114,18,'2022-10-02',0,'State Farm',1665.00,0.00,'86-GW-8837-3 \r\nHOMEOWNERS POLICY 9370 COUNTY ROAD 70\r\nPayment Amount: $1665.00\r\nPayment Method: VISA-2071, (Preferred)\r\nPayment Date: 10/02/2022\r\n\r\nConfirmation: CA32N6VQ','14005.pdf',0),(14006,114,18,'2022-10-02',0,'State Farm',194.00,0.00,'86-G0-7448-3 \r\nPayment Amount: $194.00\r\nPayment Method: VISA-2071, (Preferred)\r\nPayment Date: 10/02/2022\r\n\r\nConfirmation: CA32P603','14006.pdf',0),(14007,117,27,'2022-10-06',0,'Sba (...4469)',0.00,1000.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Oct 6, 2022 - Memo - None - Transaction number - 15472177376 -','14007.jpg',0),(14008,99,21,'2022-10-05',0,'Xcel Energy',16.85,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $16.85 - Send on - Oct 5, 2022 - Deliver by - Oct 6, 2022 - Status - Funded - Transaction number - 15472411659 -','14008.jpg',0),(14009,98,21,'2022-10-06',0,'Xcel Energy',125.13,0.00,'- Xcel Energy (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $125.13 - Send on - Oct 5, 2022 - Deliver by - Oct 6, 2022 - Status - Funded - Transaction number - 15472436689 - \r\n\r\n748 KW','14009.jpg',0),(14010,106,6,'2022-10-05',0,'Trujillo Tree Service',0.00,300.00,'Leah trujillo 970-833-0375 \r\ncash 10/1/2022 - 11/30/2022','14010.jpg',0),(14053,106,27,'2022-12-15',0,'Carter Lawn Care',0.00,1050.00,'Chk 0067680104 $1050 12/8/2022\r\n payment for Nov 2022 rent includes $100 for electricity.','14053.jpg',0),(14011,125,21,'2022-10-13',0,'JM Bullion',6513.00,0.00,'Order Number: ORD-4835668\r\n- 100 oz JBR Silver Bar (New) - $2,171.00 - 3 - $6,513.00 - $6,513.00 - Shipping: - $0 - Final Total: - $6,513.00','14011.jpg',0),(14012,106,21,'2022-10-14',-6045,'Carter Lawn Care',0.00,1050.00,'Chk 0066376045 $1050 10/11/2022\r\n payment for Sep 2022 rent includes $100 for electricity.','14012.jpg',0),(14013,40,21,'2022-10-14',-2308,'Steve Winter',0.00,5000.00,'Hay Sales from JSW','14013.jpg',0),(14014,40,21,'2022-09-26',-2303,'Steve Winter',0.00,6000.00,'Hay Sales from JSW','14014.jpg',0),(14015,127,6,'2022-10-17',0,'BANK OF COLORADO',458.56,500.00,'09/10/2022 5.740000 .00015726(V) 91,184.70 9 129.05\r\n09/19/2022 5.740000 % .00015726(V) 91,100.86 23 329.51','14015.pdf',0),(14016,88,21,'2022-10-17',0,'Pdc Energy',0.00,108.32,'Chk 8111954','14016.pdf',0),(14017,103,19,'2022-10-18',0,'Colorado Department Of Revenue',25.00,0.00,'READINGS LIMITS RESULTS Gas Cap Presence: PASS\r\nHC GPM 0.1465 0.6000 PASS Gas Cap Integrity: PASS\r\nCO GPM 4.8573 15.0000 PASS \r\nCO2 GPM 438.9253 \r\nNOx GPM 0.3116 1.50.00:::- PASS','14017.pdf',0),(14018,56,19,'2022-09-08',0,'King Soopers',368.01,0.00,'Rx# 6071065\r\nDulera 200 MCG-5 inhaler @$341.10\r\n\r\nRX 6071066\r\n60 - METFORMIN HCL 1000MG $8.49','14018.jpg',0),(14019,56,19,'2022-10-04',0,'King Soopers',6.66,0.00,'RX 6071066\r\n60 - METFORMIN HCL 1000MG $6.66','14019.jpg',0),(14020,56,19,'2022-10-10',0,'King Soopers',20.81,0.00,'Rx# 6078151\r\n60 - Atorvastatin 20 mg tablets $10.46\r\n\r\nRX#6078150\r\n60 - LISINOPRIL-HCTZ 20-25 MG TAB $10.35','14020.jpg',0),(14021,36,4,'2022-10-21',0,'Agfinity',1151.28,0.00,'$0.00 \r\n1,151.28 0.00 1,151.28 1,776.09\r\nDate Invoice Description Quantity Price\r\n08/26/22 BEG BAL \r\n09/02/22 W08552 INVOICE #W08552 \r\nPROPANE \r\nTank: 9370 CR 70 SN: 1412 \r\n9370 CTY RD 70 Invoice Total \r\n 525.7000 0.0000 0.0000 0.0000 $2.19','14021.pdf',0),(14022,117,25,'2022-10-21',0,'WHS',0.00,1500.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,500.00 - Transfer date - Oct 21, 2022 - Memo - propane - Transaction number - 15600377673 -','14022.jpg',0),(14023,34,21,'2022-10-21',0,'CHASE Bank',0.00,462.20,'rewards points 8891\r\n\r\norder number - CAFI7EAI7ZTK4TA - for reference. - $462.20 - to - Chase Premier Plus Checking (...6680) -','14023.jpg',0),(14024,34,21,'2022-10-21',0,'CHASE Bank',0.00,224.03,'rewards points 2071\r\n\r\norder number - CAFI7EAI7ZULQFA - for reference. - $224.03 - to - Chase Premier Plus Checking (...6680) -','14024.jpg',0),(14025,34,21,'2022-10-21',0,'CHASE Bank',0.00,275.57,'rewards points 3070\r\n\r\n order number - CAFI7EAI7ZVJ67A - for reference. - $275.57 - to - Chase Premier Plus Checking (...6680) - If you\'d like to learn how to turn your spending into rewards, visit -','14025.jpg',0),(14026,103,4,'2022-10-21',0,'WCCR',60.72,0.00,'license plates 2009 Ford Mustang.518TFW\r\nVIN: 1ZVHT82HX95123152\r\n\r\n USING website\r\n\r\nYour confirmation number is 0-021-674-369.','14026.jpg',0),(14027,117,21,'2022-10-29',0,'Steve Winter',0.00,1000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Oct 29, 2022 - Memo - None - Transaction number - 15662504322 -','14027.jpg',0),(14028,40,21,'2022-10-31',-2310,'Steve Winter',0.00,5000.00,'Hay Sales from JSW','14028.jpg',0),(14029,98,21,'2022-11-15',0,'Xcel Energy',83.92,0.00,'- Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $83.92 - Send on - Nov 14, 2022 - Deliver by - Nov 15, 2022 - Status - Funded - Transaction number - 15774776142 - \r\n\r\n580 KW','14029.jpg',0),(14030,99,21,'2022-11-15',0,'Xcel Energy',17.10,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $17.10 - Send on - Nov 14, 2022 - Deliver by - Nov 15, 2022 - Status - Funded - Transaction number - 15774793622 -','14030.jpg',0),(14031,104,19,'2022-11-12',0,'Sams',42.11,0.00,'Pump 04 - 12.21 gal $3.449 premium','14031.jpg',0),(14032,106,4,'2022-11-15',0,'Carter Lawn Care',0.00,1050.00,'Chk 0067039803 $1050 11/8/2022\r\n payment for Oct 2022 rent includes $100 for electricity.','14032.jpg',0),(14033,127,6,'2022-11-21',0,'BANK OF COLORADO',458.56,500.00,'From Rate (APR) Daily\r\nDate on Advances Periodic Rate\r\n10/12/2022 5.740000 % .00015726(V)\r\n10/17/2022 5.740000 % .00015726(V)\r\n11/01/2022 6.490000 % .00017780(V)\r\nto Interest Rate 91,100.86 91,059.42 91,059.42\r\nInterest Charge 71.63 214.80 161.92','14033.pdf',0),(14034,4,19,'2022-11-28',0,'Revision Vision',540.00,0.00,'Eye glasses 1 frame and lenses','14034.jpg',0),(14035,40,3,'2022-11-28',3543571,'Ace Property And Casualty Insurance Co',0.00,17877.00,'Chk 3543571 the total deposit is $11332.00 less the $6,445 which is the crop insurance premium.\r\nCounty Acres Production Payment\r\n WELD (123) 106.7 10,398.4 $17,877\r\n TOTALS: 106.7 10,398.4 $17,877\r\nForm 1099-MISC end pdf','14035.pdf',0),(14036,29,27,'2022-11-30',-2318,'Steve Winter',0.00,1362.26,'Fuel reimbursements chk 2318 $202.33\r\nFarm supply chk 2319 $1159.93','14036.jpg',0),(14037,13,4,'2022-12-31',1442,'Journey Church',5500.00,0.00,'2nd tithe payment','14037.pdf',0),(14038,88,21,'2022-12-01',0,'Pdc Energy',0.00,120.27,'Form 1099-MISC
\r\nChk 8130678 11/22/22','14038.pdf',0),(14039,98,21,'2022-12-06',0,'Xcel Energy',121.96,0.00,'- Xcel Energy - (...98 - 7) -Pay from - PREMIER PLUS CKG (...6680) - Amount - $121.96 - Send on - Dec 5, 2022 - Deliver by - Dec 6, 2022 - Transaction number - 15966797282 - \r\n\r\n919 KW','14039.jpg',0),(14040,99,21,'2022-12-07',0,'Xcel Energy',17.54,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $17.54 - Send on - Dec 5, 2022 - Deliver by - Dec 6, 2022 - Status - Funded - Transaction number - 15966883137 -','14040.jpg',0),(14041,29,3,'2022-12-07',0,'Steve Winter',0.00,264.00,'Overload permit and LLP registration','14041.jpg',0),(14042,91,6,'2022-12-31',0,'Bank Of Colorado',4301.29,0.00,'Recipient\'s/Lenderts TIN 2 Outstanding mortgage principal \r\n84-0205240 92,617.14 \r\nPayerts/Borrowerts TIN 3 Mortgage origination date \r\nXXX -XX -3489 01/31/2018 \r\n4 Refund of overpaid interest','14042.pdf',0),(14043,12,18,'2022-12-31',0,'Anthem',3345.84,0.00,'Form1095-A\r\n\r\n21 January $1525.53 $1659.73 $1263.81\r\n22 February $1525.53 $1659.73 $1263.81\r\n23 March $1525.53 $1659.73 $1263.81\r\n24 April $1525.53 $1659.73 $1263.81\r\n25 May $1525.53 $1659.73 $1263.81','14043.pdf',0),(14044,12,21,'2022-12-31',0,'Anthem Steve',643.95,0.00,'12/06/2022,-128.79\r\n11/07/2022,-128.79\r\n10/06/2022,-128.79\r\n09/06/2022,-128.79\r\n08/08/2022,-128.79\r\n\r\n31 November $737.82 $802.73 $424.80\r\n32 December $737.82 $802.73 $424.80\r\n33 Annual Totals $14367.81 $15631.76 $10970.67','14044.jpg',0),(14045,117,27,'2022-12-14',0,'Sba (...4469)',2000.00,0.00,'STEVEN J WINTER 12/14/2022 03:46:52 PM EST - system 12/14/2022 03:46:54 PM EST - Transaction number - 16035985349 - BUS COMPLETE CHK (...5571) to SBA (...4469) - $2,000.00 -','14045.jpg',0),(14046,34,5,'2022-12-30',0,'Chase Bank',50.00,0.00,'12/13/2022,\"MONTHLY SERVICE FEE\",-25.00,FEE_TRANSACTION,4006.70,,\r\n11/14/2022,\"MONTHLY SERVICE FEE\",-25.00,FEE_TRANSACTION,2716.42,,','14046.jpg',0),(14048,87,21,'2022-12-30',0,'ACCORDIA LIFE',1033.08,0.00,'whole life insurance','14048.jpg',0),(14049,12,21,'2022-12-31',0,'Comprehensive In SIGONFILE',717.00,0.00,'Comprehensive injury insurance','14049.jpg',0),(14050,128,21,'2022-12-31',0,'SSA Treas 310',0.00,10968.50,'Form SSA-1099 Social Security benefits statement','14050.pdf',0),(14073,45,10,'2022-12-31',0,'Westera Credit Union',0.00,0.12,'interest on $133','14073.pdf',0),(14051,123,21,'2022-12-30',0,'LegalShield',438.61,0.00,'Lawyer fee','14051.jpg',0),(14052,45,21,'2022-10-24',0,'Cash Redemption Chase',0.00,961.80,'Rewards cash collected','14052.jpg',0),(14054,108,17,'2022-12-31',0,'Verizon',1299.37,0.00,'970-231-5854 Entire PDF here
\r\n$24.74 \r\n$24.74\r\n$24.74 \r\n$24.74 \r\n$24.72 \r\n$24.72 \r\n$24.72 \r\n$26.41 \r\n$26.41 \r\n$26.33 \r\n$80.57 \r\n$42.23 \r\n$375.07 + $924.30','14054.pdf',0),(14055,108,17,'2022-12-31',0,'Verizon',315.75,0.00,'970.573.1487\r\nTabA tablet\r\n$24.74 \r\n$24.74 \r\n$24.74\r\n$24.72 \r\n$24.72 \r\n$24.72 \r\n$26.41 \r\n$26.41 \r\n$26.33 \r\n$30.82 \r\n$28.70 \r\n$28.70','14055.jpg',0),(14056,79,19,'2022-12-17',0,'Battery Plus',314.59,0.00,'APCSN 1500M2 Backup USP BN5000M2 1500VA $249.99 NEW\r\nSLA12-7 DURA12-7F 12V LEAD $43.99 for APC500\r\n\r\nBATTERY MODEL - OM-99076A -> 0B2223L04084','14056.pdf',0),(14057,12,18,'2022-12-31',0,'Anthem Carie',1575.00,0.00,'12/06/2022,-313 × 5\r\n\r\n26 June $1525.53 $1659.73 $1263.81\r\n27 July $1525.53 $1659.73 $1263.81\r\n28 August $737.82 $802.73 $424.80\r\n29 September $737.82 $802.73 $424.80\r\n30 October $737.82 $802.73 $424.80','14057.jpg',0),(14058,30,3,'2022-12-21',-2323,'SJW',0.00,25000.00,'cover need tax deductions','14058.jpg',0),(14059,66,18,'2023-01-31',0,'State Farm',564.21,0.00,'114 4269-B06-06C \r\nAuto Policy: 2016 FORD F150 PICKUP\r\nPayment Amount: $564.21\r\nPayment Method: VISA-2071, (Preferred)\r\nPayment Date: 01/31/2023\r\n\r\nConfirmation: CM31G7LP','14059.pdf',0),(14060,35,4,'2022-12-27',1445,'Agfinity',3000.00,0.00,'Fertilizer prepay\r\nDec 27, 2022 CHECK # 1445 |','14060.jpg',0),(14061,130,4,'2022-12-27',1446,'Agfinity',3000.00,0.00,'Fuel prepay\r\nBought gasoline 1/17/23
from prepay at my house tank\r\nGASOHOL 361.00 GAL $1,342.56 $0.00 $1,342.56','14061.pdf',0),(14062,43,4,'2022-12-27',0,'WHICKHAM TRACTOR',19000.00,0.00,'Fix 2002 IH truck, 380 Magnum transmission and M7-152 GPS','14062.jpg',0),(14063,38,19,'2022-11-28',0,'VISION REVISION P.C.',540.00,0.00,'Nov 28, 2022 VISION REVISION P.C.\r\n(...8991) new eye glasses and excellent eye checkup $540.00','14063.jpg',0),(14064,99,21,'2023-01-04',0,'Xcel Energy',17.63,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $17.63 - Send on - Jan 3, 2023 - Deliver by - Jan 4, 2023 - Status - Funded - Transaction number - 16187573266 -','14064.jpg',0),(14065,41,21,'2022-12-31',0,'XCEL Energy',819.37,0.00,'12/15/2022 -67.36\r\n11/16/2022 -47.82\r\n10/18/2022 -66.82\r\n9/16/2022 -72.23\r\n8/17/2022 -73.5\r\n7/19/2022 -48.06\r\n6/17/2022 -54.96\r\n5/19/2022 -47.84\r\n4/19/2022 -60.41\r\n3/21/2022 -106.54\r\n2/18/2022 -80.17\r\n1/21/2022 -93.66','14065.jpg',0),(14066,101,19,'2023-01-04',0,'Jerry\'s Auto Upholstry',292.00,0.00,'Recovering the bottom part of the driver\'s seat','14066.pdf',0),(14067,98,21,'2023-01-06',0,'Xcel Energy',224.52,0.00,'- Xcel Energy (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $224.52 - Send on - Jan 5, 2023 - Deliver by - Jan 6, 2023 - Status - Funded - Transaction number - 16217034796 - \r\n\r\n1776 KW','14067.jpg',0),(14068,43,1,'2022-11-16',0,'SUPERIOR TOWING',447.44,0.00,'11/16/2022,11/18/2022,SUPERIOR TOWING,Automotive,Sale,-447.44,\r\nHauled disabled 2002 IH truck (broken axle) to Wickham Tractor.','14068.jpg',0),(14069,28,21,'2023-01-06',-1221,'Aarron Gersick',0.00,280.00,'Aaron & Joelle phones\r\nChk 1221 Sep - DEC 2022 $280','14069.jpg',0),(14070,4,18,'2023-01-11',0,'UCHEALTH',113.94,0.00,'We sent a confirmation to steve@softwarewebdesign.com.\r\n\r\nDate:1/11/2023\r\nAuthorization code:06026G\r\n\r\nPayment amount\r\n$113.94\r\nAccount #102720422\r\n\r\nPayment method\r\nVisa\r\n\r\nSteve Winter\r\n\r\nx2071','14070.PDF',0),(14071,106,3,'2023-01-12',-2105,'Trujillo Tree Service',0.00,150.00,'Leah trujillo 970-833-0375 \r\ncash 1/1/2023 - 1/30/2023','14071.jpg',0),(14072,56,19,'2022-12-12',0,'King Soopers',84.14,0.00,'Rx# 6094334\r\n60 - Atorvastatin 20 mg tablets $108.99\r\n\r\nRx# 6094332\r\n90 - fenofibrate 160 mg tablets $217.49\r\n\r\nRX#6094333\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $24.49\r\n\r\nRX 6094379\r\n60 - METFORMIN HCL 500MG $7.16','14072.jpg',0),(14074,101,19,'2023-01-16',0,'Trust Auto And Diesel Care',312.41,0.00,'Replaced right front and left rear wheel sensors','14074.pdf',0),(14075,56,19,'2023-01-15',0,'King Soopers',7.16,0.00,'RX 6094379\r\n60 - METFORMIN HCL 500MG $7.16','14075.jpg',0),(14076,127,6,'2023-01-23',0,'BANK OF COLORADO',496.50,500.00,'From Rate (APR) Daily Balance Subject Interest\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n12/10/2022 6.490000 % .00017780(V) 91,007.77 3 48.54\r\n12/13/2022 6.490000 % .00017780(V) 83,977.13 30 447.96','14076.pdf',0),(14077,18,27,'2022-12-31',0,'AgDirect',2532.55,0.00,'Customer Number 220369\r\n \r\nAccount Summary Information as-of December 31, 2022__ \r\nAccount Number\r\nInterest Rate-Type \r\n12-31-2022 Principal Balance\r\n2022 Interest Paid WINDROWER/SWATHER: S\r\n3.240 FIX $61,488.87','14077.pdf',0),(14078,13,6,'2022-12-31',0,'Network Beyond',100.00,0.00,'Network Beyond Giving Statement Jan I, 2022 - Dec 31, 2022\r\nCane Winter as of Jan 15, 2023\r\n1673801952-2311\r\n\r\nPeru Trips $100.00\r\nTotal $100.00\r\nNov 27 Cash Bearden Peru Support Peru Trips $100.00 X','14078.pdf',0),(14079,16,21,'2023-05-22',0,'Weld County',1798.54,0.00,'ACCT: R0549801\r\nPARCEL: 080715000058\r\nTAX DISTRICT: 0430\r\nhome property tax.\r\n2022 taxes due in 2023\r\nConfirmation Number: KQ33LLYPL\r\nPayment Date:\r\nPayment Time: Monday, May 22, 2023\r\n03:14PM MT','14079.pdf',3),(14080,101,19,'2023-02-03',0,'Trust Auto And Diesel Care',307.73,0.00,'REPLACE LEFT FRONT TPMS SENSOR AND PROGRAMMED.\r\nAUTEL TPMS SENSOR 1.00 45.10\r\nREPLACE LEFT REAR TIRE PRESSURE SENSOR AND PROGRAMMED.\r\nAUTEL TPMS SENSOR \r\n 1.00\r\nJob Total: 6\r\nREPLACED RIGHT REAR TPMS SENSOR AND PROGRAMMED.','14080.pdf',0),(14081,13,18,'2022-12-31',0,'CAMPUS MINISTRIES OF FOUNDATIONS CHURCH',300.00,0.00,'2022 Charitable Contribution Receipt\r\nTax ID# 81-3948288','14081.pdf',0),(14082,13,6,'2022-12-31',0,'Journey Church',455.00,0.00,'03/13/2022 $60.00\r\n04/24/2022 $100.00\r\n05/22/2022 $50.00 \r\n07/03/2022 $40.00 \r\n08/07/2022 $50.00 \r\n08/14/2022 $40.00 \r\n08/28/2022 $35.00 \r\n10/02/2022 $40.00 \r\n10/30/2022 $40.00','14082.pdf',0),(14083,56,19,'2022-12-22',0,'King Soopers',39.49,0.00,'RX 6094802\r\nGavilyte-C solution colonop','14083.jpg',0),(14084,98,21,'2023-02-10',0,'Xcel Energy',141.84,0.00,'Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $141.84 - Send on - Feb 9, 2023 - Deliver by - Feb 10, 2023 - Status - Funded - Transaction number - 16525823847 - \r\n\r\n1100 KW','14084.pdf',0),(14085,99,21,'2023-02-10',0,'Xcel Energy',17.72,0.00,'Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $17.72 - Send on - Feb 9, 2023 - Deliver by - Feb 10, 2023 - Status - Funded - Transaction number - 16525830124 -','14085.jpg',0),(14086,13,18,'2022-12-31',0,'ISREAL LIVES MINISTRIES',410.00,0.00,'Total number of gifts: 10 2022 Tax Deductible Total:\r\n$410.00','14086.PDF',0),(14087,94,18,'2023-02-09',0,'Namesecure',236.20,0.00,'SELLHAY.COM Renew - 5 year term $67.45\r\nSELLHAY.COM WHOIS NamePrivacy Service - 5 years $49.75\r\nSOFTWAREWEBDESIGN.COM Renew - 5 year term $67.45\r\nSOFTWAREWEBDESIGN.COM WHOIS NamePrivacy Service - 5 years $49.75','14087.jpg',0),(14088,79,18,'2022-09-19',0,'Dell',1784.11,0.00,'09/19/2022,DMI* DELL SM BUS,Office & Shipping,Sale,-1748.56, Dell 3650 workstation 32 gig ram and I9 processor\r\n09/15/2022,DMI* DELL SM BUS,Office & Shipping,Sale,-35.55, monitor cables','14088.jpg',0),(14089,127,6,'2023-02-20',0,'BANK OF COLORADO',551.70,1000.00,'01/12/2023 6.490000 % .00017780(V) 83,977.13 11 164.25\r\n01/23/2023 6.490000 % .00017780(V) 83,973.63 9 134.38\r\n02/01/2023 7.740000 % .00021205(v) 83,973.63 10 178.07\r\n\r\n01/26/2023 ANNUAL FEE $75','14089.pdf',0),(14090,56,19,'2023-02-18',0,'King Soopers',348.36,0.00,'Rx# 6071065\r\nDulera 200 MCG-5 inhaler @$341.20\r\n\r\nRX 6094379\r\n60 - METFORMIN HCL 500MG $8.49','14090.jpg',0),(14091,119,21,'2023-02-21',0,'SC',1500.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $1,500.00 - Transfer date - Feb 21, 2023 - Memo - None - Transaction number - 16638186439 -','14091.jpg',0),(14092,117,27,'2023-02-22',0,'Sba (...4469)',0.00,1500.00,'- Transfer from - sba (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,500.00 - Transfer date - Feb 22, 2023 - Memo - None - Transaction number - 16638221062 -','14092.jpg',0),(14093,122,18,'2023-02-21',0,'Colorado Secretary Of State',10.00,0.00,'Name Software Web Design, LLC\r\nID number 20051025806\r\n \r\nDate & time 02/21/2023 09:15 PM\r\n\r\nTransaction Periodic report\r\n\r\nDocument # 20231189370\r\n\r\nPayment type VISA\r\n\r\nLast 4 digits on card 2071','14093.jpg',0),(14094,122,18,'2023-02-21',0,'Colorado Secretary Of State',10.00,0.00,'Name DARNELL LATERAL DITCH COMPANY\r\nID number 20111021920','14094.pdf',0),(14095,116,24,'2023-02-24',0,'WHS',3000.00,0.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $3,000.00 - Transfer date - Feb 24, 2023 - Memo - None - Transaction number - 16666286528 -','14095.jpg',0),(14096,16,20,'2023-02-24',0,'Weld County',1798.54,0.00,'ACCT: R0549801\r\nPARCEL: 080715000058\r\nTAX DISTRICT: 0430\r\nhome property tax.\r\n2022 taxes due in 2023','14096.pdf',0),(14097,46,19,'2023-02-27',0,'Murdochs',278.22,0.00,'Dewaldt 20volt 12in chainsaw','14097.pdf',0),(14098,88,21,'2023-03-03',0,'Pdc Energy',0.00,114.66,'Chk 8147899','14098.pdf',0),(14099,98,21,'2023-03-17',0,'Xcel Energy',175.98,0.00,'- Xcel Energy (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $175.98 - Send on - Mar 16, 2023 - Deliver by - Mar 17, 2023 - Transaction number - 16768936016 - \r\n\r\n1365 KW','14099.jpg',0),(14100,103,18,'2023-03-09',0,'State Farm',219.07,0.00,'157 0044-C02-06D \r\nAuto Policy: 2009 FORD MUSTANG 2DR\r\nPayment Amount: $219.07\r\nPayment Method: VISA-2071, (Preferred)\r\nPayment Date: 03/09/2023\r\n\r\nConfirmation: 7J74W426','14100.pdf',0),(14101,94,18,'2022-02-13',0,'Blue Host',431.64,0.00,'SoftwaresecureWeb','14101.pdf',0),(14102,94,18,'2022-06-06',0,'Blue Host',15.00,0.00,'SoftwareSecureWeb','14102.pdf',0),(14103,56,19,'2023-03-14',0,'King Soopers',31.20,0.00,'Rx# 6094334\r\n90 - Atorvastatin 20 mg tablets $11.02\r\n\r\nRX#6094333\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.02\r\n\r\nRX 6094379\r\n60 - METFORMIN HCL 500MG $7.16','14103.jpg',0),(14104,40,27,'2023-03-20',0,'Steve Winter',0.00,16300.00,'Hay Sales from JSW','14104.jpg',0),(14105,127,27,'2023-03-20',0,'BANK OF COLORADO',496.88,0.00,'Date on Advances Periodic Rate -Lo Interest Rate Days Charge\r\n02/11/2023 7.740000 % .00021205(V) 83,973.63 10 178.07\r\n02/21/2023 7.740000 % .00021205(V) 83,525.33 18 318.81\r\n\r\nOut of $1000 from 4469','14105.pdf',0),(14106,88,6,'2022-12-31',0,'Pdc Energy',17.99,0.00,'Form 1099-MISC
\r\nChk 8130678 11/22/22','14106.pdf',0),(14107,117,27,'2023-03-30',0,'Sba (...4469)',0.00,4000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $4,000.00 - Transfer date - Mar 30, 2023 - Memo - vet bill - Transaction number - 16931332211 -','14107.jpg',0),(14108,119,4,'2023-03-27',0,'WHS',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Mar 27, 2023 - Memo - None - Transaction number - 16931361733 -','14108.jpg',0),(14109,6,25,'2023-03-29',0,'Hydro Plumbing And Heating',295.00,0.00,'Unclogged kitchen sink drain and repair bathtub drain line in furnace room','14109.jpg',0),(14110,106,27,'2023-03-30',-2158,'Trujillo Tree Service',0.00,1550.00,'Leah trujillo 970-833-0375 \r\n 2/1/2023 - 3/31/2023\r\nStarted $1250 4/1/23 - 5/1/23','14110.jpg',0),(14111,14,21,'2023-04-03',0,'Odricil & Meis',735.00,0.00,'2022 tax preparation','14111.pdf',0),(14112,101,19,'2023-04-05',0,'Pikes Auto Care',81.35,0.00,'1 FIL 7502 NAPA GOLD OIL FILTER $9.88\r\n6 OE SYN5-30 FULL SYNTHETIC 5W30 MOTOR OIL New $6.98\r\n1 OE WASHER MISCELLANEOUS FLUIDS, AND WASHER SOLVENT New $2.66\r\n0.5 BRAKE CLEAN SOLVENT New $3.71\r\nDisposal $6.5','14112.pdf',0),(14113,98,21,'2023-04-10',0,'Xcel Energy',81.43,0.00,'Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $81.43 - Send on - Apr 10, 2023 - Deliver by - Apr 11, 2023 - Status - Funded - Transaction number - 17042811467 - \r\n\r\n593 KW','14113.jpg',0),(14114,119,4,'2023-04-08',0,'SWD',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Apr 8, 2023 - Memo - None - Transaction number - 17043018808 -','14114.jpg',0),(14115,119,21,'2023-04-08',0,'SC',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $1,000.00 - Transfer date - Apr 8, 2023 - Memo - None - Transaction number - 17043156870 -','14115.jpg',0),(14116,73,27,'2023-04-12',-335,'Jeff Hartzell',0.00,11000.00,'2014 explorer\r\n\r\nCODE 45046','14116.jpg',0),(14117,16,21,'2023-04-24',0,'Colorado Department Of Revenue',0.00,606.00,'Chk 21350130','14117.jpg',0),(14118,117,21,'2023-04-23',0,'Personal',0.00,1000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Apr 23, 2023 - Memo - None - Transaction number - 17166367580 -','14118.jpg',0),(14119,117,27,'2023-04-25',0,'Sba (...4469)',0.00,1000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Apr 25, 2023 - Memo - None - Transaction number - 17166420132 -','14119.jpg',0),(14120,106,27,'2023-05-01',0,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n 2/1/2023 - 3/31/2023\r\nStarted $1250 5/1/23 - 6/1/23','14120.jpg',0),(14121,99,21,'2023-05-02',0,'Xcel Energy',51.53,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $51.53 - Send on - May 1, 2023 - Deliver by - May 2, 2023 - Status - Funded - Transaction number - 17239222228 -','14121.pdf',0),(14122,119,21,'2023-05-01',0,'WHS',0.00,2000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $2,000.00 - Transfer date - May 1, 2023 - Memo - None - Transaction number - 17239422215 -','14122.jpg',0),(14123,4,18,'2023-05-01',0,'Summit Pathology',74.40,0.00,'Payment Method: Credit Card\r\nCard Type: VISA\r\nCard Number: *****2071\r\nAuthorization Code: 03687G\r\nPayment Summary\r\nAccession ID Date of Service Balance Amount\r\n12665718 02/08/2023 $0.00 $74.40\r\n Total $74.40','14123.pdf',0),(14124,56,19,'2023-04-18',0,'King Soopers',29.96,0.00,'Rx# 6094332\r\n90 - fenofibrate 160 mg tablets $23.13\r\n\r\nRX 6094379\r\n60 - METFORMIN HCL 500MG $6.83','14124.jpg',0),(14125,40,27,'2023-05-10',-2365,'Steve Winter',0.00,3431.00,'Hay Sales from Winter Brothers Deliveries','14125.jpg',0),(14126,98,21,'2023-05-15',0,'Xcel Energy',60.06,0.00,'- Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $60.06 - Send on - May 12, 2023 - Deliver by - May 15, 2023 - Status - Funded - Transaction number - 17335556587 - \r\n\r\nkw 414','14126.jpg',0),(14127,119,21,'2023-05-12',0,'SCW',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $2,000.00 - Transfer date - May 12, 2023 - Memo - None - Transaction number - 17336888502 -','14127.jpg',0),(14128,4,18,'2023-04-23',0,'UCHEALTH',330.30,0.00,'12/12/2022 with SEALS, JENNIFER RAE - Patient WINTER,STEVE\r\n\r\nOffice/Outpatient 111.90\r\n12/28/2022 Hospital Discount Plus Insurance Payment - Medicare 132.10\r\n02/14/2023 Patient Pay','14128.pdf',0),(14129,117,27,'2023-05-23',0,'Sba (...4469)',0.00,6000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $6,000.00 - Transfer date - May 23, 2023 - Memo - None - Transaction number - 17420718876 -','14129.jpg',0),(14130,16,21,'2024-04-17',0,'Weld County',5554.38,0.00,'ACCOUNT # R0549801\r\nPARCEL # 080715000058\r\nTAX DISTRICT: 0430\r\n\r\nConfirmation Number: ZBKHXWWQA\r\nPayment Date:\r\nPayment Time: Wednesday, April 17, 2024\r\n07:30PM MT','14130.pdf',0),(14131,125,21,'2023-05-24',0,'JM Bullion',818.00,0.00,'Order Number: ORD-5262751\r\nYour Estimated Ship Date is: 05/30/2023 - 06/01/2023\r\n\r\n10 oz SilverTowne Eagle Silver Bar (New)\r\nPrice: $272.70\r\nQty: 3\r\nSubtotal: $818.10\r\nSubtotal:\r\n\r\n$818.10\r\nShipping:\r\n\r\n$0.00\r\nFinal Total:\r\n\r\n$818.10','14131.jpg',0),(14132,88,21,'2023-05-30',8171750,'Pdc Energy',0.00,120.64,'Chk 8171750 5/23','14132.pdf',0),(14133,104,23,'2023-05-29',0,'Sams',47.36,0.00,'Pump 10 - 12.978 gal $3.649 premium','14133.jpg',0),(14134,106,27,'2023-06-01',0,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n6/1/23 - 7/1/23','14134.jpg',0),(14135,46,23,'2023-06-05',0,'Home Depot',169.15,0.00,'1/3 hp submersible pump @$159.00','14135.jpg',0),(14136,98,21,'2023-06-05',0,'Xcel Energy',60.00,0.00,'- Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $60.00 - Send on - Jun 6, 2023 - Deliver by - Jun 7, 2023 - Status - Funded - Transaction number - 17549064175 -','14136.jpg',0),(14137,99,21,'2023-06-06',0,'Xcel Energy',16.63,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $16.63 - Send on - Jun 6, 2023 - Deliver by - Jun 7, 2023 - Status - Funded - Transaction number - 17549077502 -','14137.jpg',0),(14138,127,27,'2023-05-16',0,'BANK OF COLORADO',472.70,0.00,'Your Annual Percentage Rate (APR) is the annual interest rate on your account.\r\n04/12/2023 7.740000 % .00021205(V) 72,586.53 19 292.45\r\n05/01/2023 8.240000 % .00022575(V) 72,586.53 11 180.25\r\n\r\nOut of $1000 from 4469','14138.pdf',0),(14139,4,18,'2023-05-09',0,'Centers For Gastroenterology',73.84,0.00,'Marie, DO Department: Centers for Gastroenterology at Loveland\r\n02/08/2023 00812 Ma Anesthesia Lower Intst Endoscopic Px $360.00\r\n02/08/2023 45385 Colsc Fix W/Rmvl of Tumor Polyp Lesion S $1,027.00\r\n02/08/2023 45380 Colonoscopy W/Biopsy Single/Multip','14139.pdf',0),(14140,66,18,'2023-05-17',0,'State Farm',564.21,0.00,'Policy Number:\r\n114 4269-B06-06D\r\nPolicy Details:\r\n\r\n2019 FORD F150 PICKUP\r\n\r\nPayment Method:\r\nVISA-2071, (Preferred)\r\nPayment Date:\r\n06/16/2023\r\n\r\nPayment Amount:\r\n$55.71\r\n\r\nConfirmation:\r\n8699C9FD','14140.jpg',0),(14141,29,3,'2023-06-22',0,'Steve Winter',0.00,762.75,'Recycled asphalt 2 loads','14141.jpg',0),(14142,125,21,'2023-06-22',0,'JM Bullion',841.50,0.00,'Order Number: ORD-5297739\r\n\r\n\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $280.50\r\nQty: 3\r\nSubtotal: $841.50','14142.jpg',0),(14143,119,4,'2023-06-22',0,'SWD',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Jun 22, 2023 - Memo - None - Transaction number - 17690250436 -','14143.jpg',0),(14144,117,27,'2023-06-23',0,'Sba (...4469)',0.00,2000.00,'- transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Jun 23, 2023 - Memo - None - Transaction number - 17690268159 -','14144.jpg',0),(14145,94,18,'2023-06-21',0,'Blue Host',34.99,0.00,'invoice Number: 75790573\r\nDate: 21 June 2023\r\nDescription Domain Term Expiration Price\r\nDomain Name Registration softwaresecureweb.com 1 year 06 July 2024 $19.99 \r\nDomain Privacy + Protection softwaresecureweb.com 1 year 06 July 2024 $15.00','14145.jpg',0),(14146,106,3,'2023-07-01',0,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n7/1/23 - 8/1/23','14146.jpg',0),(14147,56,19,'2023-06-09',0,'King Soopers',22.69,0.00,'Rx# 6094334\r\n90 - Atorvastatin 20 mg tablets $10.41\r\n\r\nRX#6094333\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $12.28','14147.jpg',0),(14148,125,21,'2023-07-06',0,'JM Bullion',797.10,0.00,'Order Number: ORD-5315287\r\n\r\n10 oz SilverTowne American Flag Silver Bar (New)\r\nPrice: $265.70\r\nQty: 3\r\nSubtotal: $797.10','14148.jpg',0),(14149,94,18,'2023-06-21',0,'Blue Host',49.99,0.00,'windsorhairshoppe.com \r\nExpiration 19 July 2024 \r\nPrice $19.99 \r\n\r\nwindsorhairshoppe.com \r\nExpiration 19 July 2024 \r\nPrice $15.00 \r\n\r\nDomain Expiration 19 July 2024 \r\nPrice $19.99 \r\nDomain windsorhairshop.com','14149.PDF',0),(14150,117,24,'2023-07-08',0,'WHS',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Jul 8, 2023 - Memo - None - Transaction number - 17840793004 -','14150.jpg',0),(14151,117,27,'2023-07-08',0,'Sba (...4469)',0.00,1000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Jul 11, 2023 - Memo - None - Transaction number - 17840825029 -','14151.jpg',0),(14152,98,21,'2023-07-11',0,'Xcel Energy',5.31,0.00,'- Xcel Energy - (...98 - 7) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $5.31 - Send on - Jul 10, 2023 - Deliver by - Jul 11, 2023 - Status - Funded - Transaction number - 17840904594 -','14152.jpg',0),(14153,99,21,'2023-07-11',0,'Xcel Energy',17.00,0.00,'- Xcel Energy lights - (...95 - 1) - Pay from - PREMIER PLUS CKG (...6680) - Amount - $17.00 - Send on - Jul 10, 2023 - Deliver by - Jul 11, 2023 - Status - Funded - Transaction number - 17840920852 -','14153.jpg',0),(14154,10,3,'2023-07-17',-1253,'Doug Ochsner',0.00,987.00,'Stacking 4 loads of grass','14154.jpg',0),(14155,40,27,'2023-07-24',-2400,'Steve Winter',0.00,11200.00,'Hay Sales from JSW','14155.jpg',0),(14156,101,19,'2023-07-24',0,'Sams',50.00,0.00,'Pump 08 - 12.566 gal $3.979 premium','14156.jpg',0),(14157,119,4,'2023-07-27',0,'WHS',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Jul 27, 2023 - Memo - None - Transaction number - 18000879290 -','14157.jpg',0),(14158,101,19,'2023-07-27',0,'Trust Auto And Diesel Care',289.86,0.00,'recharge air-conditioner','14158.pdf',0),(14159,106,27,'2023-08-02',-2197,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n8/1/23 - 9/1/23','14159.jpg',0),(14160,125,21,'2023-08-02',0,'JM Bullion',882.90,0.00,'ORD-5347640\r\n10 oz SilverTowne American Flag Silver Bar (New)\r\nPrice: $294.30\r\nQty: 3\r\nSubtotal: $882.90','14160.jpg',0),(14161,125,21,'2023-08-07',0,'JM Bullion',831.30,0.00,'ORD-5353630\r\n\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $277.10\r\nQty: 3\r\nSubtotal: $831.30','14161.jpg',0),(14162,117,27,'2023-08-10',0,'Sba (...4469)',0.00,13000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $13,000.00 - Transfer date - Aug 10, 2023 - Transaction number - 18121606142 -','14162.jpg',0),(14163,98,21,'2023-08-10',0,'Xcel Energy',30.66,0.00,'Xcel Energy (...98-7) - $30.66 - - Deliver by Aug 10, 2023 - Status: - Funded - Transaction number: - 18122812910 - Pay from: - PREMIER PLUS CKG (...6680) - 121kw','14163.jpg',0),(14164,125,21,'2023-08-10',0,'JM Bullion',777.30,0.00,'ORD-5358734\r\n10 oz Asahi Silver Bar (New)\r\nPrice: $259.10\r\nQty: 3\r\nSubtotal: $777.30','14164.jpg',0),(14165,94,18,'2023-08-13',0,'Blue Host',19.99,0.00,'Description Domain Term Expiration Price Domain Name Registration windsorseverancestorage.com 1 year 28 August 2024 $19.99 \r\n\r\nDomain Name Registration \r\n\r\nDomain windsorseverancestorage.com \r\n\r\nTerm 1 year \r\n\r\nExpiration 28 August 2024 \r\n\r\nPrice $19','14165.PDF',0),(14166,122,4,'2023-08-20',0,'Colorado',31.78,0.00,'renew driver license\r\n\r\nYour submission has been submitted and your confirmation number is 0-026-361-369.','14166.jpg',0),(14167,122,4,'2023-08-21',0,'Colorado',76.00,0.00,'Private Pesticide Applicator License Renewal Fee $75.00\r\nService Fee $1.00\r\nColorado.gov Total Price $76.00\r\nhttps://ag.colorado.gov/private-applicator-licensing\r\n\r\nsteve@sjwfarms.com\r\nsteve1@Sjwfarms.com','14167.pdf',0);
INSERT INTO `transactions` VALUES (14168,119,21,'2023-08-21',0,'Personal 6680',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $1,000.00 - Transfer date - Aug 21, 2023 - Memo - None - Transaction number - 18229826625 -','14168.jpg',0),(14169,101,19,'2023-07-27',0,'O Reilly Auto',24.50,0.00,'Cab air filter 2 yr warranty','14169.jpg',0),(14170,117,27,'2023-07-30',0,'Sba (...4469)',0.00,1000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Aug 31, 2023 - Memo - None - Transaction number - 18295979252 -','14170.jpg',0),(14171,29,27,'2023-08-29',-2407,'Steve Winter',0.00,3378.06,'FARM REPAIRS and DRONE PURCHASE','14171.jpg',0),(14172,29,27,'2023-08-29',-2408,'Steve Winter',0.00,934.00,'AGSENSE and OVERLOAD PERMIT','14172.jpg',0),(14173,103,18,'2023-08-31',0,'State Farm',234.44,0.00,'Policy Number: - 157 0044-C02-06D - \r\nPolicy Details: - - 2009 FORD MUSTANG 2DR - -\r\nPayment Method: - VISA-2071, (Preferred) - Payment Date: - 08/31/2023 - - Payment Amount: - $234.44 - - Confirmation: - 8S9Z13XE','14173.pdf',0),(14174,106,6,'2023-09-05',0,'Trujillo Tree Service',0.00,1350.00,'Leah trujillo 970-833-0375 \r\nReceived $1000 from bank paid extra because late\r\n\r\n9/1/23 - 10/1/23','14174.jpg',0),(14175,117,27,'2023-09-07',0,'Sba (...4469)',0.00,5000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,000.00 - Transfer date - Sep 8, 2023 - Memo - paving - Transaction number - 18374888320 -','14175.jpg',0),(14176,4,18,'2023-09-06',0,'Nephrology Clinic',77.76,0.00,'Payment Date\r\n9/6/2023\r\nPayment Type\r\nVISA : ****-****-****-2071\r\nsteve winter\r\nBill To\r\nThe Nephrology Clinic\r\n1600 Specht Point Rd. Ste 127\r\nFort Collins, CO 80525\r\n(970) 221 - 3589\r\nAccount Number : 106379314\r\nAuthorization Code 06435G','14176.pdf',0),(14177,98,21,'2023-09-07',0,'Xcel Energy',29.10,0.00,'Xcel Energy (...98-7) - $29.10 - - Deliver by Sep 8, 2023 - - Status: - Funded - Transaction number: - 18375676868 - Pay from: - PREMIER PLUS CKG (...6680) -\r\n\r\n110kw','14177.jpg',0),(14178,99,21,'2023-09-07',0,'Xcel Energy',33.30,0.00,'Xcel Energy lights (...95-1) - $33.30 - - Deliver by Sep 8, 2023 - Transaction number: - 18375823327 - Pay from: - PREMIER PLUS CKG (...6680) -','14178.jpg',0),(14179,87,21,'2023-09-07',8388607,'Accordia Life And Annuity Company',0.00,15010.38,'Surrender value of Carrie\'s life insurance policy\r\n\r\nOur records do not indicate an IRS Form 1099 was produced for tax year 2023.','14179.pdf',0),(14180,125,21,'2023-09-11',0,'JM Bullion',3837.40,1919.00,'ORD-5403039\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $274.10\r\nQty: 14\r\n\r\nSean Pike ordered chk 2794 9/26/23','14180.jpg',0),(14183,117,21,'2023-09-17',0,'Personal 6680',0.00,17000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $17,000.00 - Transfer date - Sep 17, 2023 - Memo - None - Transaction number - 18473954915 -','14183.jpg',0),(14181,16,21,'2023-09-11',0,'United States Treasury',0.00,6560.99,'Tax refund federal','14181.jpg',0),(14182,125,21,'2023-09-13',0,'JM Bullion',765.90,0.00,'ORD-5406862\r\n10 oz Sunshine Silver Bar (New, MintMark SI)\r\nPrice: $255.30\r\nQty: 3\r\nSubtotal: $765.90','14182.jpg',0),(14184,117,27,'2023-09-19',0,'Bc 2730044469',14000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $14,000.00 - Transfer date - Sep 19, 2023 - Memo - None - Transaction number - 18474002001 -','14184.jpg',0),(14185,106,27,'2023-09-18',0,'Rocky Mountain Botanicals',0.00,100.00,'White conex\r\n\r\n9/1/23 - 10/1/23','14185.jpg',0),(14186,56,19,'2023-07-24',0,'King Soopers',20.53,0.00,'RX 6138141\r\n90 - METFORMIN HCL 500MG $7.16','14186.jpg',0),(14187,117,27,'2023-09-26',0,'Bc 2730044469',0.00,2000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Sep 26, 2023 - Memo - None - Transaction number - 18534605970 -','14187.jpg',0),(14188,36,18,'2023-09-25',0,'Agfinity',460.16,0.00,'Propane and gas tank rent\r\nSep 25, 2023 4TE*AGFINITY INC\r\n(...2071) Food & drink , opens menu $460.16','14188.pdf',0),(14189,125,21,'2023-09-27',0,'JM Bullion',810.60,0.00,'ORD-5425704\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $270.20\r\nQty: 3\r\nSubtotal: $810.60','14189.jpg',0),(14190,106,27,'2023-09-28',-2207,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n10/1/23 - 11/1/23','14190.jpg',0),(14191,94,18,'2023-09-28',0,'Blue Host',777.24,0.00,'It is in other account softwaresecureweb.com I need to check by validating . Now shall I first renew 3 years Total: $777.24 for softwarewebdesign.com account','14191.jpg',0),(14192,104,19,'2023-09-30',0,'Sams',48.46,0.00,'Pump 06 \r\n6 -- 12.11978 gal $3.999 premium','14192.jpg',0),(14193,114,18,'2023-10-01',0,'State Farm',1686.00,0.00,'Policy Number:\r\n86-GW-8837-3\r\nPolicy Details:\r\nHOMEOWNERS POLICY 9370 COUNTY ROAD 70\r\n\r\nPayment Method:\r\nVISA-2071, (Preferred)\r\nPayment Date:\r\n10/01/2023\r\n\r\nPayment Amount:\r\n$1,686.00\r\n\r\nConfirmation:\r\n9392J4F0','14193.pdf',0),(14194,114,18,'2023-10-01',0,'State Farm',214.00,0.00,'Policy Number:\r\n86-G0-7448-3\r\nPolicy Details:\r\nPERSONAL LIABILITY UMBRELLA POLICY\r\n\r\nPayment Method:\r\nVISA-2071, (Preferred)\r\nPayment Date:\r\n10/01/2023\r\n\r\nPayment Amount:\r\n$214.00\r\n\r\nConfirmation:\r\n9392J5PL','14194.pdf',0),(14195,125,21,'2023-10-02',0,'JM Bullion',783.00,0.00,'ORD-5435637\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $261.00\r\nQty: 3\r\nSubtotal: $783.00','14195.jpg',0),(14196,88,21,'2023-12-31',0,'Pdc Energy',0.00,128.13,'Chk 8191097 9/21\r\n\r\n1 $ Rents OMB No. 1545-0115 2023 \r\n Form 1099-MISC
\r\n2 Royalties \r\n$ 370.85','14196.pdf',0),(14197,125,21,'2023-10-02',0,'JM Bullion',771.60,0.00,'ORD-5437098\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $257.20\r\nQty: 3\r\nSubtotal: $771.60','14197.jpg',0),(14198,119,21,'2023-10-02',0,'Personal 6680',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $1,000.00 - Transfer date - Oct 2, 2023 - Memo - None - Transaction number - 18614279554 -','14198.jpg',0),(14199,125,21,'2023-10-03',0,'JM Bullion',6687.00,0.00,'ORD-5440742\r\n100 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $2,229.00\r\nQty: 3\r\nSubtotal: $6,687.00','14199.jpg',0),(14200,119,21,'2023-10-03',0,'Personal 6680',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $2,000.00 - Transfer date - Oct 3, 2023 - Memo - None - Transaction number - 18619211467 -','14200.jpg',0),(14201,117,21,'2023-10-03',0,'Personal 6680',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $2,000.00 - Transfer date - Oct 3, 2023 - Memo - None - Transaction number - 18619302894 -','14201.jpg',0),(14202,117,27,'2023-10-04',0,'BC 2730044469',2000.00,0.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Oct 4, 2023 - Memo - None - Transaction number - 18619565751 -','14202.jpg',0),(14203,17,18,'2023-10-04',0,'Dropbox',119.88,0.00,'Receipt for stevew@thinairnet.com\r\nPayment Date Amount Receipt ID\r\nVisa ending in 2071 approved 9/24/2023 $119.88 9ZM3FK28YXT3\r\nDescription Amount\r\nDropbox Plus (9/24/2023 to 9/24/2024)','14203.pdf',0),(14204,98,21,'2023-10-18',0,'Xcel Energy',24.69,0.00,'- You scheduled a payment - Xcel Energy - (...98 - 7) - $24.69 - Deliver by - Oct 18, 2023 - Status: - Pending - Transaction number: - 18669795783 - Pay from: - PREMIER PLUS CKG (...6680) - \r\n\r\n78kw','14204.pdf',0),(14205,99,21,'2023-10-08',0,'Xcel Energy',17.04,0.00,'You scheduled a paymentCheckmark You scheduled a payment\r\nAmount you\'ll pay to Xcel Energy lights (...95-1)\r\n$17.04\r\nDeliver by Oct 11, 2023\r\nTransaction number: 18669808083\r\nPay from: PREMIER PLUS CKG (...6680)','14205.jpg',0),(14206,117,25,'2023-10-09',0,'WHS',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $2,000.00 - Transfer date - Oct 9, 2023 - Memo - prevent ovr - Transaction number - 18675790180 -','14206.jpg',0),(14207,117,27,'2023-10-09',0,'BC4469',0.00,3000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Oct 11, 2023 - Memo - None - Transaction number - 18675828911 -','14207.jpg',0),(14208,94,18,'2023-10-10',0,'Blue Host',55.98,0.00,'Domain Name Registration jesusloveshumor.com 2 years 10 October 2025 $25.98 \r\nDomain Privacy + Protection2 years 10 October 2025 $30.00 \r\nDomain Name Registration\r\nDomain jesusloveshumor.com \r\nTerm 2 years \r\nExpiration 10 October 2025','14208.jpg',0),(14209,6,24,'2023-10-04',1530,'Front Range Septic',545.00,0.00,'Pumped septic tanks 9370 cr 70','14209.pdf',0),(14210,117,27,'2023-10-17',0,'BC4469',0.00,5000.00,'- Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,000.00 - Transfer date - Oct 17, 2023 - Memo - crop insurance - Transaction number - 18705280003 -','14210.jpg',0),(14211,121,4,'2023-10-18',0,'Rain & Hail',5245.00,0.00,'Policy MP-720940\r\nActivity Date 10/18/2023\r\nActivity Type Payment Created\r\nConfirmation Number 323059\r\nPayment Amount $5,245.00\r\nPayment Date 10/18/2023\r\nPayment Status Processed\r\nAccount Number #############5571','14211.pdf',0),(14212,127,27,'2023-04-14',0,'BANK OF COLORADO',564.32,0.00,'','14212.pdf',0),(14213,6,19,'2023-08-02',0,'Manweiler Hardware',1308.54,0.00,'Kitchen Aid44dba dishwasher','14213.pdf',0),(14214,127,27,'2023-08-17',0,'BANK OF COLORADO',509.26,0.00,'$1000 applied','14214.pdf',0),(14215,127,27,'2023-07-17',0,'BANK OF COLORADO',518.18,0.00,'$1000 total','14215.pdf',0),(14216,127,27,'2023-06-17',0,'BANK OF COLORADO',473.90,0.00,'$1000 applied','14216.jpg',0),(14217,94,18,'2023-10-03',0,'Blue Host',735.80,0.00,'Oct 3, 2023 WEB*BLUEHOST.COM\r\n(...2071) Bills & utilities , opens menu \r\n\r\n account softwaresecureweb.com','14217.jpg',0),(14218,17,18,'2023-10-17',0,'Winhd',41.41,0.00,'WinX HD Video Converter Deluxe (Lifetime)\r\nAFJHV-V5JHC-MFNWB-OT6FF\r\n\r\nMp4 video compression','14218.PDF',0),(14219,56,19,'2023-06-22',0,'King Soopers',8.63,0.00,'RX 6094379\r\n30 - METFORMIN HCL 500MG $7.16','14219.jpg',0),(14220,103,21,'2023-10-29',0,'WCCR',58.16,0.00,'license plates 2009 Ford Mustang.518TFW\r\nVIN: 1ZVHT82HX95123152\r\n\r\n USING website\r\n\r\nYour confirmation number is 0-027-474-190.','14220.jpg',0),(14221,22,21,'2023-10-30',-201490,'State Farm',0.00,392.51,'Overpayment on the 2014 Ford Explorer which we sold','14221.jpg',0),(14222,106,21,'2023-10-30',-2223,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n11/1/23 - 12/1/23','14222.jpg',0),(14223,127,27,'2023-10-30',0,'BANK OF COLORADO',504.16,0.00,'$1000 applied','14223.pdf',0),(14224,117,21,'2023-11-01',0,'Personal 6680',0.00,1000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Nov 1, 2023 - Note to self - None - Transaction number - 18888867576 -','14224.jpg',0),(14225,117,25,'2023-11-01',0,'WHS',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Nov 1, 2023 - Note to self - None - Transaction number - 18888899849 -','14225.jpg',0),(14226,117,27,'2023-11-03',0,'BC4469',0.00,4000.00,'- - Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $4,000.00 - Transfer date - Nov 3, 2023 - Note to self - None - Transaction number - 18888959944 - -','14226.jpg',0),(14227,117,25,'2023-11-07',0,'WHS',0.00,1000.00,'Transfer fromBUS COMPLETE CHK (...1150)\r\nTransfer to BUS COMPLETE CHK (...5571)\r\nAmount$1,000.00\r\nTransfer date Nov 7, 2023\r\nTransaction number18939589254','14227.jpg',0),(14228,119,21,'2023-11-07',0,'Personal 6680',1000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - PREMIER PLUS CKG (...6680) - Amount - $1,000.00 - Transfer date - Nov 7, 2023 - Note to self - None - Transaction number - 18947009291 -','14228.jpg',0),(14229,99,21,'2023-11-09',0,'Xcel Energy',17.50,0.00,'(...95 - 1) - $17.50 - Deliver by - Nov 9, 2023 - Status: - Funded - Transaction number: - 18947116305 - Pay from: - PREMIER PLUS CKG (...6680) -','14229.jpg',0),(14230,98,21,'2023-11-09',0,'Xcel Energy',40.99,0.00,'Xcel Energy - (...98 - 7) - $40.99 - Deliver by - Nov 9, 2023 - Status: - Funded - Transaction number: - 18947129068 - Pay from: - PREMIER PLUS CKG (...6680) - \r\n\r\n237 kwh','14230.jpg',0),(14231,125,21,'2023-11-07',0,'JM Bullion',758.70,0.00,'ORD-5501446\r\n 10 oz SilverTowne American Flag Silver Bar (New)\r\n $252.90 3 $758.70','14231.jpg',0),(14232,127,27,'2023-09-17',0,'BANK OF COLORADO',525.29,0.00,'$1000 applied','14232.pdf',0),(14233,56,19,'2023-10-09',0,'King Soopers',40.96,0.00,'Rx# 6094332\r\n90 - fenofibrate 160 mg tablets $23.13\r\n\r\nRX 6138141\r\n180 - METFORMIN HCL 500MG $17.86','14233.jpg',0),(14234,56,19,'2023-09-12',0,'King Soopers',351.04,0.00,'Rx# 6147589\r\nDulera 200 MCG-5 inhaler @$351.04','14234.jpg',0),(14235,56,19,'2023-09-09',0,'King Soopers',33.33,0.00,'Rx# 6094334\r\n90 - Atorvastatin 20 mg tablets $10.41\r\n\r\nRX#6094333\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $12.28\r\n\r\n24hr allergy $9.99','14235.jpg',0),(14236,56,19,'2023-05-24',0,'King Soopers',6.83,0.00,'RX 6094379\r\n60 - METFORMIN HCL 500MG $6.83','14236.jpg',0),(14237,50,21,'2023-11-14',-184,'Keep Colorado Free And Open',0.00,250.00,'Final completion of website up to the emails and application','14237.jpg',0),(14238,12,21,'2023-11-16',0,'Anthem',0.00,29.81,'premium reimbursement','14238.jpg',0),(14239,106,27,'2023-11-16',-2302,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n12/1/23 - 1/1/24','14239.jpg',0),(14240,56,19,'2023-07-14',0,'King Soopers',23.13,0.00,'Rx# 6094332\r\n90 - fenofibrate 160 mg tablets $23.31','14240.jpg',0),(14241,101,19,'2023-11-15',0,'Pikes Auto Care',117.00,0.00,'1 OIL DISPOSAL $6.50 \r\n6 FULL SYNTHETIC VALVOLINE 5W30 MOTOR OIL $6.98 $41.88\r\n1 MISCELLANEOUS FLUIDS, AND WASHER SOLVENT $2.66\r\n.5 AC DELCO BRAKE CLEAN SOLVENT $7.59 $3.80\r\n1 Air Filter $29.09\r\n1 Engine Oil Filter $9.88 $9.88\r\n.25 ANTIFREEZE $11.9','14241.pdf',0),(14242,101,19,'2023-11-22',0,'Trust Auto And Diesel Care',1368.50,0.00,'2016 Ford\r\nWATER PUMP - Remove & Replace - 3.5L Eng,Turbocharger\r\nUPON FILLING COOLING SYSTEM THE UPPER RADIATOR HOSE IS LEAKING DUE TO CORROSION OF HOSE/THERMOSTAT HOUSING. WILL NEED TO REPLACE UPPER RADIATOR HOSE TO STOP LEAK.','14242.pdf',0),(14243,127,27,'2023-11-20',0,'BANK OF COLORADO',502.03,0.00,'$1000 applied\r\n10/12/2023 8.740000\r\n10/30/2023 8.740000\r\n(V)=Variable Rate\r\n% .00023945(V) 70,085.86 18 302.07\r\n% .00023945(V) 69,590.02 12 199.96','14243.pdf',0),(14244,117,21,'2023-11-24',0,'Personal',0.00,1000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Nov 24, 2023 - Note to self - None - Transaction number - 19100780966 -','14244.jpg',0),(14246,34,21,'2023-12-31',0,'Chase Bank',275.00,0.00,'chase FEE_TRANSACTION 12 months','14246.jpg',0),(14247,123,21,'2023-12-31',0,'LegalShield',-478.86,0.00,'Lawyer fee','14247.jpg',0),(14248,128,21,'2023-12-31',0,'SSA Treas 310',0.00,17878.80,'Form SSA-1099 Social Security benefits statement','14248.pdf',0),(14249,41,21,'2023-12-31',0,'XCEL Energy',849.00,0.00,'12/18/2023 -71.21\r\n11/20/2023 -52.04\r\n10/19/202 -59.3\r\n9/19/2023 -76.71\r\n8/21/2023 -76.7\r\n7/21/2023 -71.35\r\n6/20/2023 -49.34\r\n5/19/2023 -53.26\r\n4/21/2023 -62.16\r\n3/22/2023 -89.38\r\n2/16/2023 -76.92\r\n1/20/2023 -111.42','14249.jpg',0),(14250,12,21,'2023-12-31',0,'Anthem',1624.68,0.00,'Form1095-A\r\n\r\n12/6/2023 -135.99\r\n11/6/2023 -135.99\r\n10/6/2023 -135.99\r\n9/6/2023 -135.99\r\n8/7/2023 -135.99\r\n7/6/2023 -135.99\r\n6/6/2023 -135.99\r\n5/9/2023 -135.99\r\n4/6/2023 -135.99\r\n3/6/2023 -135.99\r\n2/6/2023 -135.99\r\n1/6/2023 -128.79','14250.pdf',0),(14251,12,21,'2023-12-30',0,'Comprehensive In SIGONFILE',717.00,0.00,'Comprehensive injury insurance\r\n11/27/2023 -59.75\r\n11/27/2023 -59.75\r\n10/25/2023 -59.75\r\n9/26/2023 -59.75\r\n8/24/2023 -59.75\r\n7/24/2023 -59.75\r\n6/23/2023 -59.75\r\n5/23/2023 -59.75\r\n4/24/2023 -59.75\r\n3/23/2023 -59.75\r\n2/23/2023 -59.75\r\n1/23/2023 -59.75','14251.jpg',0),(14252,12,18,'2023-12-30',0,'Anthem Carie',2955.00,0.00,'12/1/2023 -246.25\r\n11/1/2023 -246.25\r\n10/3/2023 -246.25\r\n9/3/2023 -246.25\r\n8/2/2023 -246.25\r\n7/4/2023 -246.25\r\n6/4/2023 -246.25\r\n5/2/2023 -246.25\r\n4/4/2023 -246.25\r\n3/2/2023 -246.25\r\n2/3/2023 -246.25\r\n1/4/2023 -246.25','14252.jpg',0),(14253,13,18,'2023-12-30',0,'ISREAL LIVES MINISTRIES',492.00,0.00,'Total number of gifts: 10 2022 Tax Deductible Total:\r\n12/1/2023 -41\r\n11/1/2023 -41\r\n10/2/2023 -41\r\n9/1/2023 -41\r\n8/1/2023 -41\r\n7/2/2023 -41\r\n6/1/2023 -41\r\n5/2/2023 -41\r\n4/2/2023 -41\r\n3/2/2023 -41\r\n2/1/2023 -41\r\n1/1/2023 -41','14253.jpg',0),(14254,17,18,'2023-12-31',0,'ASCENTBB INTERNET',540.00,0.00,'12/9/2023 -45\r\n11/9/2023 -45\r\n10/9/2023 -45\r\n9/10/2023 -45\r\n8/9/2023 -45\r\n7/9/2023 -45\r\n6/9/2023 -45\r\n5/9/2023 -45\r\n4/9/2023 -45\r\n3/9/2023 -45\r\n2/9/2023 -45\r\n1/9/2023 -45','14254.jpg',0),(14255,13,18,'2023-12-31',0,'Foundations Church Inc',600.00,0.00,'College ministry\r\n12/7/2023 -50\r\n11/7/2023 -50\r\n10/6/2023 -50\r\n9/6/2023 -50\r\n8/8/2023 -50\r\n7/6/2023 -50\r\n6/6/2023 -50\r\n5/7/2023 -50\r\n4/6/2023 -50\r\n3/7/2023 -50\r\n2/7/2023 -50\r\n1/6/2023 -50','14255.pdf',0),(14256,13,18,'2023-12-30',0,'AG NATIONAL OFFICE',200.00,0.00,'College ministry\r\n10/6/2023 -50\r\n9/6/2023 -50','14256.jpg',0),(14257,94,18,'2023-07-18',0,'Blue Host',15.00,0.00,'','14257.jpg',0),(14258,94,18,'2023-04-11',0,'Blue Host',95.88,0.00,'','14258.jpg',0),(14259,94,18,'2023-03-16',0,'Blue Host',12.99,0.00,'','14259.jpg',0),(14260,94,18,'2023-02-26',0,'Blue Host',19.99,0.00,'','14260.jpg',0),(14261,122,18,'2023-03-16',0,'EB PESTICIDE APPLICAT',55.20,0.00,'Updating my soon to expire Pesticide license.','14261.jpg',0),(14262,108,18,'2023-12-31',0,'Verizon',1373.74,0.00,'970-231-5854 Entire PDF here
\r\n$24.74 \r\n$24.74\r\n$24.74 \r\n$24.74 \r\n$24.72 \r\n$24.72 \r\n$24.72 \r\n$26.41 \r\n$26.41 \r\n$26.33 \r\n$80.57 \r\n$42.23 \r\n$508.74 + $865 account charge 12 month','14262.jpg',0),(14263,108,13,'2023-12-31',0,'Verizon',347.12,0.00,'970.573.1487\r\nTabA tablet\r\n$29.23 \r\n$29.23 \r\n$29.23 \r\n$29.23 \r\n$28.86 \r\n$28.86 \r\n$28.78 \r\n$28.78 \r\n$28.73 \r\n$28.73 \r\n$28.73 \r\n$28.73','14263.jpg',0),(14264,101,19,'2023-12-04',0,'Trust Auto And Diesel Care',579.31,0.00,'ENGINE OIL PRESSURE - Check - 3.5L Eng,Turbocharger INCLUDES REPLACEMENT OF PRESSURE SWITCH REMOVED ENGINE OIL PRESSURE SWITCH AND PERFORMED ENGINE OIL PRESSURE TEST. ALLOWED TO REACH NORMAL OPERATING TEMPERATURE AND NOTED OIL PRESSURE —22 PSI AT IDL','14264.pdf',0),(14265,117,25,'2023-12-06',0,'WHS',0.00,3000.00,'- Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Dec 6, 2023 - Note to self - None - Transaction number - 19209486706 -','14265.jpg',0),(14266,117,27,'2023-12-07',0,'Bc 2730044469',2000.00,0.00,'- Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $2,000.00 - Transfer date - Dec 7, 2023 - Note to self - None - Transaction number - 19209506675 -','14266.jpg',0),(14267,98,21,'2023-12-07',0,'Xcel Energy',71.34,0.00,'- Amount you\'ll pay to - Xcel Energy - (...98 - 7) - $71.34 - Deliver by - Dec 8, 2023 - Status: - Funded - Transaction number: - 19217615351 - Pay from: - PREMIER PLUS CKG (...6680) - \r\n\r\n511 kwh','14267.jpg',0),(14268,99,21,'2023-12-07',0,'Xcel Energy',18.00,0.00,'Energy lights (...95-1) $18.00 Deliver by Dec 8, 2023 Status: Funded Transaction number: 19217629635 Pay from: PREMIER PLUS CKG (...6680)','14268.jpg',0),(14269,53,19,'2023-12-04',0,'Battery Plus',11.76,0.00,'2pk 3V lithium CR2450 for 2019 Ford key Bob','14269.jpg',0),(14270,104,19,'2023-12-20',0,'Sams',35.64,0.00,'Pump 12\r\n 12.966 gal 2.749 premium','14270.jpg',0),(14271,106,27,'2024-01-02',-2308,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n1/1/23 - 2/1/24','14271.jpg',0),(14272,117,21,'2023-12-23',0,'Personal 6680',0.00,1000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Dec 23, 2023 - Note to self - None - Transaction number - 19379919495 -','14272.jpg',0),(14273,18,27,'2023-12-31',0,'BANK OF COLORADO',6053.98,0.00,'Form 1098
\r\n$1000 applied\r\n11/11/2023 8.740000 % .00023945(V) 69,590.02 10 166.63\r\n11/21/2023 8.740000 % .00023945(V) 69,092.05 21 347.43\r\nTotal Fees Charged In 2023 75.00\r\nTotal Interest Charged In 2023 5,721.73','14273.pdf',0),(14274,119,21,'2023-12-28',0,'Personal 6680',0.00,1000.00,'- Transfer from - PREMIER PLUS CKG (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Dec 28, 2023 - Note to self - None - Transaction number - 19417844154 -','14274.jpg',0),(14275,117,27,'2023-12-28',0,'Bc 2730044469',0.00,1000.00,'Transfer fromBC4469 (...4469)\r\nTransfer toBUS COMPLETE CHK (...5571)\r\nAmount $1,000.00\r\nTransfer date Dec 29, 2023\r\nNote to self whs insurance\r\nTransaction number19417888595','14275.jpg',0),(14276,117,24,'2023-12-29',0,'WHS',1000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571)\r\nTransfer to BUS COMPLETE CHK (...1150)\r\nAmount $1,000.00\r\nTransfer date Dec 29, 2023\r\nNote to self whs insurance\r\nTransaction number19417930135','14276.jpg',0),(14277,40,27,'2024-01-02',-2389,'Steve Winter',0.00,9894.93,'Hay Sales from JSW','14277.jpg',0),(14278,29,27,'2024-01-02',-2397,'Steve Winter',0.00,251.09,'FARM Supplies for shop','14278.jpg',0),(14279,98,21,'2024-01-09',0,'Xcel Energy',85.84,0.00,'- Xcel Energy - (...98 - 7) - $85.84 - Deliver by - Jan 9, 2024 - Status: - Funded - Transaction number: - 19517591772 - Pay from: - TOTAL CHECKING (...6680) - \r\n\r\n638 kwh','14279.jpg',0),(14280,99,21,'2024-01-09',0,'Xcel Energy',17.83,0.00,'- Xcel Energy lights - (...95 - 1) - $17.83 - Deliver by - Jan 9, 2024 - Status: - Funded - Transaction number: - 19517611785 - Pay from: - TOTAL CHECKING (...6680) -','14280.jpg',0),(14281,125,21,'2024-01-11',0,'JM Bullion',752.70,0.00,'ORD-5607649\r\n10 oz SilverTowne Pony Silver Bar (New)\r\nPrice: $250.90\r\nQty: 3\r\nSubtotal: $752.70','14281.jpg',0),(14282,117,27,'2024-01-12',0,'Bc 2730044469',0.00,1000.00,'BUS COMPLETE CHK (...5571) account.\r\nTransfer fromBC4469 (...4469)\r\nTransfer to BUS COMPLETE CHK (...5571)\r\nAmount $1,000.00\r\nTransfer date Jan 12, 2024\r\nTransaction number19549452683','14282.jpg',0),(14283,117,21,'2024-01-12',0,'Personal 6680',1000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571)\r\nTransfer toTOTAL CHECKING (...6680)\r\nAmount $1,000.00\r\nTransfer date Jan 12, 2024\r\nTransaction number 19549460533','14283.jpg',0),(14284,72,21,'2024-01-11',-161728,'RESEARCH AMERICA',0.00,75.00,'FARMING SURVEY','14284.jpg',0),(14285,56,19,'2024-01-19',0,'King Soopers',17.86,0.00,'RX 6138141\r\n180 - METFORMIN HCL 500MG $17.86','14285.jpg',0),(14286,127,27,'2024-01-23',0,'BANK OF COLORADO',510.88,0.00,'$1000 applied\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n12/12/2023 8.740000 96 .00023945(V) 69,092.05 14 231.61\r\n12/26/2023 8.740000 96 .00023945(V) 68,606.11 17 279.27\r\nInterest Charged In 2023 6,051.91','14286.pdf',3),(14287,99,21,'2024-02-02',0,'Xcel Energy',17.61,0.00,'Xcel Energy lights (...95-1) - - $17.61 - Deliver by Feb 1, 2024 - - - Status: - Pending - Transaction number: - 19640339582 - Pay from: - TOTAL CHECKING (...6680)','14287.jpg',0),(14288,125,21,'2024-01-22',0,'JM Bullion',746.70,0.00,'ORD-5622917\r\n\r\n\r\n10 oz Sunshine Mercury Silver Bar (New)\r\nPrice: $248.90\r\nQty: 3\r\nSubtotal: $746.70','14288.pdf',0),(14289,18,4,'2023-12-31',0,'AgDirect',2066.78,0.00,'220369\r\nCustomer Number\r\n3234668\r\nWINDROWER/SWATHER: $2,066.78\r\n-- as of December 31, 2023\r\nAccount Description\r\nInterest Rate-Type \r\n12-31-2023 Principal Balance 3.240 FIX $41,435.02\r\n2023 Interest Paid\r\nAccount Number','14289.pdf',0),(14290,45,3,'2023-12-31',0,'Irs',0.00,163.99,'Statement Showing Interest Income from the Internal Revenue Service Calendar Year 2023\r\nRecipient\'s Identification Number Total Interest Paid or Credited \r\nXXX-XX-3489 $163.99 \r\nPAYER\'S Federal Identification Number 38-1798424','14290.pdf',0),(14291,56,19,'2023-12-06',0,'King Soopers',23.35,0.00,'Rx# 6094334\r\n90 - Atorvastatin 20 mg tablets $10.62\r\n\r\nRX#6094333\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $12.73','14291.jpg',0),(14292,56,19,'2024-01-05',0,'King Soopers',11.57,0.00,'Rx# 6094332\r\n30 - fenofibrate 160 mg tablets $11.57','14292.jpg',0),(14293,66,18,'2024-01-29',0,'State Farm',350.92,0.00,'Policy Number: 556 5007-B01-06 Policy Details:\r\n\r\n2016 FORD F150 PICKUP\r\n\r\nPayment Method:\r\nVISA-2071, (Preferred)\r\nPayment Date:\r\n01/29/2024\r\n\r\nPayment Amount:\r\n$350.92\r\n\r\nConfirmation:\r\nA894H1UU','14293.jpg',0),(14294,13,18,'2023-12-31',0,'CAMPUS MINISTRIES OF FOUNDATIONS CHURCH',600.00,0.00,'2023 Charitable Contribution Receipt\r\nTax ID# 81-3948288','14294.jpg',0),(14295,88,21,'2024-01-31',0,'Pdc Energy',0.00,121.21,'Chk 8211806 1/22/24','14295.pdf',0),(14296,106,21,'2024-02-01',-2039,'Rocky Mountain Botanicals',0.00,150.00,'White conex\r\n\r\n10/1/23 - 12/1/23','14296.jpg',0),(14297,106,21,'2024-02-01',-2316,'Trujillo Tree Service',0.00,1260.00,'Leah trujillo 970-833-0375 \r\n\r\n2/1/23 - 3/1/24','14297.pdf',0),(14298,117,21,'2024-02-02',0,'Personal 6680',0.00,1000.00,'Transfer from TOTAL CHECKING (...6680)\r\nTransfer to BUS COMPLETE CHK (...5571)\r\nAmount $1,000.00\r\nTransfer date Feb 2, 2024\r\nNote to self None\r\nTransaction number 19754855187','14298.jpg',0),(14299,119,21,'2024-02-07',0,'Steve & Carie',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Feb 7, 2024 - Note to self - None - Transaction number - 19800886851','14299.jpg',0),(14300,117,27,'2024-02-08',0,'BC4469',0.00,3000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) \r\n Amount - $3,000.00 - Initiate on - Feb 7, 2024 - Available on - Feb 8, 2024\r\note to self - pay whs insurance -\r\nransaction number - 19800946247','14300.jpg',0),(14301,117,24,'2024-02-08',0,'WHS',3000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - \r\nTransfer to - BUS COMPLETE CHK (...1150) - \r\nAmount - $3,000.00 - \r\nTransfer date - Feb 8, 2024 - \r\nNote to self - WHS INSURANCE COVERAGE - \r\nTransaction number - 19809319593','14301.jpg',0),(14302,125,21,'2024-02-11',0,'JM Bullion',632.25,0.00,'5 oz SilverTowne Buffalo Silver Bar (New)\r\nPrice: $126.45\r\nQty: 5\r\nSubtotal: $632.25','14302.jpg',0),(14303,98,21,'2024-02-20',0,'Xcel Energy',115.95,0.00,'Xcel Energy (...98-7) - - $115.95 - Deliver by Feb 20, 2024 - - - Status: - Pending - Transaction number: - 19855187533 - Pay from: - TOTAL CHECKING (...6680)\r\n\r\n901 kwh','14303.jpg',0),(14304,122,18,'2024-02-16',0,'Colorado Secretary Of State',10.00,0.00,'Name DARNELL LATERAL DITCH COMPANY\r\n\r\nSOS ID # 20111021920\r\n\r\nDate & time 02/16/2024 09:46 AM\r\nDocument # 20241186636\r\nThis number is unique to the Secretary of State\'s office.\r\n\r\nPayment type VISA\r\nLast 4 digits on card 2071\r\n\r\nAmount $10.00','14304.jpg',0),(14305,122,18,'2024-02-16',0,'Colorado Secretary Of State',10.00,0.00,'Name Software Web Design, LLC\r\n\r\nSOS ID # 20051025806\r\n\r\nDate & time 02/16/2024 09:58 AM\r\n\r\nDocument # 20241186681\r\nThis number is unique to the Secretary of State\'s office.\r\n\r\nPayment type VISA\r\n\r\nLast 4 digits on card 2071','14305.pdf',0),(14306,117,27,'2024-02-20',0,'BC4469',0.00,5000.00,'Transfer from - BC4469 (...4469) - \r\nTransfer to - BUS COMPLETE CHK (...5571) - \r\nAmount - $5,000.00 - \r\nInitiate on - Feb 16, 2024 - Available on - Feb 20, 2024 -\r\n Note to self - cover flooring check - \r\nTransaction number - 19890200069','14306.jpg',0),(14307,119,21,'2024-02-16',0,'Steve & Carie',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150) - \r\nTransfer to - TOTAL CHECKING (...6680) - Amount - $1,000.00 - \r\nTransfer date - Feb 16, 2024 - Note to self - low funds - \r\nTransaction number - 19890252365','14307.jpg',0),(14308,56,19,'2024-02-09',0,'King Soopers',351.09,0.00,'Rx# 6147589\r\nDulera 200 MCG-5 inhaler @$351.04','14308.jpg',0),(14309,127,27,'2024-02-21',0,'BANK OF COLORADO',549.54,0.00,'$1000 applied\r\nDate on Advances Periodic Rate to Interest Rate Days Charge \r\n01/12/2024 8.740000 % .00023945(V) 68,606.11 13 213.56 4\r\n01/25/2024 8.740000 % .00023945(V) 68,116.99 16 260.98\r\n \r\n01/26/2024 ANNUAL FEE 75.00','14309.pdf',0),(14310,117,25,'2024-02-21',0,'WHS',2000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571)\r\nTransfer to BUS COMPLETE CHK (...1150)\r\nAmount $2,000.00 Transfer date Feb 21, 2024\r\n\r\ncover whs check\r\nTransaction number 19932936379','14310.jpg',0),(14311,56,19,'2024-02-20',0,'King Soopers',14.99,0.00,'Rx# 6184313\r\n15 - fenofibrate 160 mg tablets $8.62\r\n2 - mucus relief @$2.99','14311.jpg',0),(14312,101,4,'2024-02-27',0,'WCCR',238.09,0.00,'ESRV-VHC-RNW Plate Number: BSC262 Specific Ownership Tax $182.62 1 $182.62\r\n\r\nYour confirmation number is 0-029-178-542.','14312.jpg',0),(14313,132,4,'2024-02-27',0,'WCCR',336.83,0.00,'2019 Ford\r\nESRV-VHC-RNW Plate Number: CTFB57 Specific Ownership Tax $233.26 1 $233.26\r\n\r\nYour confirmation number is 0-029-195-902.','14313.jpg',0),(14314,103,18,'2024-02-27',0,'State Farm',269.44,0.00,'Policy Number: 157 0044-C02-06D\r\nPolicy Details: 2009 FORD MUSTANG 2DR\r\n\r\nPayment Method: SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: 02/27/2024\r\nPayment Amount: $269.44\r\nConfirmation: AK9FH08K','14314.jpg',0),(14315,117,21,'2024-02-29',0,'Personal 6680',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - \r\nTransfer to - BUS COMPLETE CHK (...5571) - \r\nAmount - $1,000.00 - \r\nTransfer date - Feb 29, 2024 - \r\nNote to self - balance - Transaction number - 20013768572','14315.jpg',0),(14316,106,27,'2024-03-04',-2317,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n3/1/24 - 4/1/24','14316.jpg',0),(14317,94,18,'2024-02-25',0,'Blue Host',36.99,0.00,'domain .COM\r\nGODOVERGANGS.COM 03/11/2024 02/25/2024 1 year(s) $21.99\r\nDomain Privacy + Protection 03/11/2024 02/25/2024 1 year(s) $15.00\r\nEstimated Tax: $0.00\r\nToday\'s Total*: $36.99','14317.pdf',0),(14318,94,18,'2024-02-25',0,'Blue Host',36.99,0.00,'domain .COM\r\nJESUSOVERGANGS.COM 03/11/2024 02/25/2024 1 year(s) $21.99\r\nDomain Privacy + Protection 03/11/2024 02/25/2024 1 year(s) $15.00\r\nEstimated Tax: $0.00\r\nToday\'s Total*: $36.99','14318.pdf',0),(14319,94,18,'2024-02-01',0,'Blue Host',36.99,0.00,'Domain Privacy + Protection 02/16/2024 02/01/2024 1 year(s) $15.00\r\ndomain .COM\r\nSJWFARMS.COM 02/16/2024 02/01/2024 1 year(s) $21.99\r\nEstimated Tax: $0.00\r\nToday\'s Total*: $36.99','14319.pdf',0),(14320,99,21,'2024-03-11',0,'Xcel Energy',17.71,0.00,'Xcel Energy lights (...95-1) $17.71\r\nDeliver by Mar 11, 2024\r\nTransaction number: 20097802537\r\nPay from: TOTAL CHECKING (...6680)','14320.jpg',0),(14321,98,21,'2024-03-11',0,'Xcel Energy',115.95,0.00,'Xcel Energy (...98-7) $85.07\r\nDeliver by Mar 11, 2024\r\nTransaction number: 20097832000\r\nPay from: TOTAL CHECKING (...6680)\r\n\r\n628 kwh','14321.jpg',0),(14322,56,19,'2024-02-29',0,'King Soopers',27.77,0.00,'RX#6186104\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $12.73\r\n\r\nRX 6186108\r\n180 - METFORMIN HCL 1000MG $15.04','14322.jpg',0),(14323,117,21,'2024-03-24',0,'Personal 6680',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) \r\n Amount - $1,000.00 - Transfer date - Mar 24, 2024 - Note to self - BALANCE - \r\nTransaction number - 20253107976','14323.jpg',0),(14324,99,21,'2024-03-29',0,'Xcel Energy',17.41,0.00,'Xcel Energy lights (...95-1) - $17.41 - Deliver by Apr 1, 2024 - Status: - Pending\r\nTransaction number: - 20253161647 - Pay from: - TOTAL CHECKING (...6680)','14324.jpg',0),(14325,106,27,'2024-03-29',-2320,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n4/1/24 - 5/1/24','14325.jpg',0),(14326,117,25,'2024-03-28',0,'WHS',0.00,3000.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Mar 28, 2024 - Note to self - keep minimum balance - Transaction number - 20293122896','14326.jpg',0),(14327,117,27,'2024-03-29',0,'Bc 2730044469',3000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $3,000.00 - Initiate on - Mar 29, 2024 - Available on - Apr 1, 2024 - Note to self - Lower balance - Transaction number - 20293138898','14327.jpg',0),(14328,119,21,'2024-04-02',0,'Steve & Carie',0.00,2000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $2,000.00 - Transfer date - Apr 2, 2024 - Note to self - PAY CC8057 - Transaction number - 20339491388','14328.jpg',0),(14329,101,19,'2024-04-07',0,'Breeze Carwash',25.00,0.00,'Pass','14329.jpg',0),(14330,98,21,'2024-04-12',0,'Xcel Energy',71.06,0.00,'Xcel Energy (...98-7) - - $71.06 - Deliver by Apr 12, 2024\r\nTransaction number: - 20428865235 - Pay from: - TOTAL CHECKING (...6680)\r\n\r\n506 kwh','14330.jpg',0),(14331,104,19,'2024-04-13',0,'Sams',45.88,0.00,'Pump 7\r\n 13.907 gal 3.299 premium','14331.jpg',0),(14332,14,21,'2024-04-14',0,'Odricil & Meis',770.00,0.00,'2023 tax preparation> paid online','14332.pdf',0),(14333,101,19,'2024-04-08',0,'Trust Auto And Diesel Care',132.15,0.00,'Labor BG EPR AND MOA PERFORMANCE LURE, OIL, AND FILTER 1\r\nParts: *BG ENGINE PERFORMANCE RESTORATION \"EPFC 1\r\n*BG EXTENDED LIFE MOA 6\r\n5W-30 FULL SYNTHETIC DEXOS 1\r\nMaster Pack -$20.00\r\nDiscount $20 off any Oil Changer service','14333.pdf',0),(14334,56,19,'2024-03-04',0,'King Soopers',17.58,0.00,'Rx# 6186110\r\n90 - fenofibrate 160 mg tablets $17.58','14334.jpg',0),(14335,127,27,'2024-03-14',0,'BANK OF COLORADO',504.94,0.00,'Annual Percentage\r\nFrom Rate (APR) Daily Balance Subject Interest\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n02/10/2024 8_740000 % .00023945(V) 68,116.99 12 195.72\r\n02/22/2024 8.740000 % .00023945(V) 67,966.53 19 309.22','14335.pdf',0),(14336,119,21,'2024-04-20',0,'Personal 6680',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - TOTAL CHECKING (...6680) - Amount - $1,000.00 - Transfer date - Apr 20, 2024 - Note to self - balance - Transaction number - 20532286372','14336.jpg',0),(14337,127,27,'2024-04-22',0,'BANK OF COLORADO',504.94,0.00,'pay $600\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n03/12/2024 8.740000 % .00023945(V) 67,966.53 10 162.74\r\n03/22/2024 8.740000 % .00023945(V) 67,871.47 21 341.29','14337.pdf',0),(14338,117,10,'2024-04-24',0,'Jarrod',5500.00,0.00,'Transfer from - CHASE COLLEGE (...8143) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,500.00 - Transfer date - Apr 24, 2024 - Note to self - property taxes borrow - Transaction number - 20566876246','14338.jpg',0),(14339,117,25,'2024-04-24',0,'Whs',3000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Apr 24, 2024 - Note to self - property taxes - Transaction number - 20566896952','14339.jpg',0),(14340,117,21,'2024-04-24',0,'Personal 6680',2000.00,0.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Apr 24, 2024 - Note to self - property tax - Transaction number - 20566942271','14340.jpg',0),(14341,40,3,'2024-04-25',-2329,'Steve Winter',0.00,2000.00,'Hay Sales from JSW','14341.jpg',0),(14342,29,3,'2024-04-25',0,'Steve Winter',0.00,1231.85,'FARM repairs & Agsense','14342.jpg',0),(14343,79,19,'2024-04-30',0,'Walmart',73.84,0.00,'Tp-link AX1500 router @$69.00\r\n\r\nAX1500 840030700320 69.00 X \r\nw8 VOIDED ENTRY Tx \r\nAX1500 840030700320 \r\nSUBTOTAL 69.00 \r\nTAXI 7.0100 % 4,84','14343.pdf',0),(14344,106,27,'2024-05-01',-2325,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n5/1/24 - 6/1/24','14344.jpg',0),(14345,117,25,'2024-05-01',0,'Whs',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - May 1, 2024 - Note to self - property taxes - Transaction number - 20643272716','14345.jpg',0),(14346,16,21,'2024-05-06',0,'United States Treasury',0.00,2955.00,'Tax refund federal','14346.jpg',0),(14347,50,27,'2024-05-07',0,'Keep Colorado Free And Open',0.00,200.00,'Email notifications of expired membership.','14347.jpg',0),(14348,117,21,'2024-05-07',0,'Personal 6680',0.00,2000.00,'Transfer from TOTAL CHECKING (...6680)\r\nTransfer to BUS COMPLETE CHK (...5571)\r\nTransfer date May 7, 2024\r\nNote to self reduce balance\r\nTransaction number 20710285029','14348.jpg',0),(14349,117,27,'2024-05-08',0,'Bc 2730044469',2000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571) \r\nTransfer to BC4469 (...4469)\r\nInitiate on May 8, 2024 Available on May 9, 2024\r\nNote to self None\r\nTransaction number 20710289093','14349.jpg',0),(14350,98,21,'2024-05-14',0,'Xcel Energy',66.88,0.00,'Xcel Energy (...98-7) $66.88\r\nDeliver by May 14, 2024\r\nTransaction number: 20710360464\r\nPay from: TOTAL CHECKING (...6680)\r\n\r\n460 kwh','14350.jpg',0),(14351,99,21,'2024-05-09',0,'Xcel Energy',18.00,0.00,'Xcel Energy lights (...95-1)\r\nDeliver by May 9, 2024\r\nTransaction number: 20710395391\r\nPay from: TOTAL CHECKING (...6680)','14351.jpg',0),(14352,6,17,'2024-05-04',0,'Mattress Firm',7350.62,0.00,'King Bed\r\n1 V000269343 - TEMPUR-Ergo® 3.0 - Adjustable Base - Adj - Prime - King adjustable\r\n1 - PC - $2,299.00 $2,299.00 $2,299.00\r\n1 V000267815 Lux Hybrid 14.5\" - Plush Mattress - Prime - King - $4,199.00 $4,199.00 $4,199.00','14352.pdf',0),(14353,56,19,'2024-04-09',0,'King Soopers',351.09,0.00,'Rx# 6186107\r\nDulera 200 MCG-5 inhaler @$351.09','14353.jpg',0),(14354,56,19,'2024-05-08',0,'King Soopers',351.09,0.00,'Rx# 6186107\r\nDulera 200 MCG-5 inhaler @$351.09','14354.jpg',0),(14355,127,27,'2024-05-21',0,'BANK OF COLORADO',469.52,0.00,'Annual Percentage\r\nFrom Rate (APR) Daily Balance Subject Interest\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n04/12/2024 8.740000 % 04/26/2024 8.740000 %\r\n\r\n.00023945(V) 67,871.47 14 227.52\r\n.00023945(V) 67,375.50 15 242.00','14355.pdf',0),(14356,16,21,'2024-05-23',0,'Colorado Department Of Revenue',0.00,1600.00,'warrant no 22784851 dec 2023','14356.jpg',0),(14357,99,21,'2024-06-03',0,'Xcel Energy',16.54,0.00,'Xcel Energy lights (...95-1) - - $16.54 - Deliver by Jun 3, 2024 \r\nTransaction number: - 20892355110 - Pay from: - TOTAL CHECKING (...6680)','14357.jpg',0),(14358,117,25,'2024-05-25',0,'WHS',0.00,2000.00,'Transfer from BUS COMPLETE CHK (...1150)\r\nTransfer to BUS COMPLETE CHK (...5571)\r\nTransfer date May 25, 2024\r\nNote to self: reduce size\r\nTransaction number: 20892706011','14358.jpg',0),(14359,117,21,'2024-05-25',0,'Personal 6680',0.00,3000.00,'Transfer from TOTAL CHECKING (...6680)\r\nTransfer to BUS COMPLETE CHK (...5571)\r\nTransfer date May 25, 2024\r\nNote to self: reduce size\r\nTransaction number: 20892690124','14359.jpg',0),(14360,117,27,'2024-05-25',0,'Bc 2730044469',4000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571)\r\nTransfer to BC4469 (...4469)\r\nInitiate on May 28, 2024\r\nAvailable on May 29, 2024\r\nNote to self: balance accounts\r\nTransaction number: 20892712306','14360.jpg',0),(14361,123,4,'2024-05-27',1457,'Rod Burrows',1000.00,0.00,'rewrite of USR map and Road access permit','14361.pdf',0),(14362,119,22,'2024-05-28',0,'Jarrod',1000.00,0.00,'Transfer from BUS COMPLETE CHK (...1150)\r\nTransfer to CHASE COLLEGE (...8143)\r\nAmount $1,000.00\r\nTransfer date May 28, 2024\r\nNote to self: repay loan\r\nTransaction number: 20915368028','14362.jpg',0),(14363,117,21,'2024-05-28',0,'Jarrod',1000.00,0.00,'Transfer from TOTAL CHECKING (...6680)\r\nTransfer to CHASE COLLEGE (...8143)\r\nAmount $1,000.00\r\nTransfer date May 28, 2024\r\nNote to self: repay loan\r\nTransaction number: 20915398482','14363.jpg',0),(14364,88,21,'2024-05-29',0,'Pdc Energy',0.00,106.09,'Chk 8242484 5/23/24','14364.pdf',0),(14365,4,18,'2024-05-29',0,'UCHEALTH',145.14,0.00,'CompleteYour payment has been processed successfully!\r\nWe sent a confirmation to steve@softwarewebdesign.com. View your receipt.\r\n\r\nDate:5/29/2024\r\nAuthorization code:04841G\r\nPayment amount\r\n$145.14\r\nAccount #102720422\r\nPayment method\r\nVisa\r\nVISA 207','14365.pdf',0),(14366,117,27,'2024-06-03',0,'Bc4469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $1,000.00 - Initiate on - May 31, 2024 - Available on - Jun 3, 2024 \r\n - Note to self - COVER RODS MAPS - Transaction number - 20935583702','14366.jpg',0),(14367,106,27,'2024-06-03',-2277,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n6/1/24 - 7/1/24','14367.jpg',0),(14368,56,19,'2024-06-25',0,'King Soopers',13.23,0.00,'RX#6186104\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.23','14368.jpg',0),(14369,98,21,'2024-06-06',0,'Xcel Energy',38.20,0.00,'pay to Xcel Energy (...98-7) - - $38.20 - Deliver by Jun 6, 2024 - - - Status: - Funded - Transaction number: - 20997328252 - Pay from: - TOTAL CHECKING (...6680)\r\n\r\n224 kwh','14369.jpg',0),(14370,56,19,'2024-06-06',0,'King Soopers',19.18,0.00,'Rx# 6186110\r\n90 - fenofibrate 160 mg tablets $19.18','14370.jpg',0),(14371,117,27,'2024-06-11',0,'Bc 2730044469',0.00,4000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) \r\n- Amount - $4,000.00 - Initiate on - Jun 10, 2024 - Available on - Jun 11, 2024 \r\n- Note to self - flooring - Transaction number - 21048931113','14371.jpg',0),(14372,117,27,'2024-06-11',0,'Bc 2730044469',0.00,2000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - \r\nAmount - $2,000.00 - Initiate on - Jun 10, 2024 - Available on - Jun 11, 2024\r\n - Note to self - 7085 BILL - Transaction number - 21049107801','14372.jpg',0),(14373,117,25,'2024-06-11',0,'WHS',6000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571) Transfer to BUS COMPLETE CHK (...1150)\r\nAmount $6,000.00 Transfer date Jun 11, 2024\r\nNote to self floor CC\r\nTransaction number 21067746458','14373.jpg',0),(14374,127,27,'2024-06-21',0,'BANK OF COLORADO',513.59,0.00,'05/11/2024 8.740000 % .00023945(V) 67,375.50 11 177.46\r\n05/22/2024 8.740000 % .00023945(V) 66,845.02 21 336.13\r\n\r\nof $1000.00','14374.pdf',0),(14375,117,27,'2024-07-24',0,'Bc 2730044469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - \r\nAmount - $1,000.00 - Initiate on - Jun 24, 2024 - Available on - Jun 25, 2024 - \r\nNote to self - balance short - Transaction number - 21182676550','14375.jpg',0),(14376,117,24,'2024-06-26',0,'WHS',0.00,1000.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) \r\nAmount - $1,000.00 - Transfer date - Jun 26, 2024 - \r\nNote to self - balance - \r\nTransaction number - 21215273564','14376.jpg',0),(14377,106,27,'2024-07-01',-2327,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n7/1/24 - 8/1/24','14377.jpg',0),(14378,104,19,'2024-06-30',0,'Sams 8147',35.71,0.00,'Pump 10\r\n 10.383 gal 3.439 premium','14378.jpg',0),(14379,98,21,'2024-07-05',0,'Xcel Energy',39.68,0.00,'Xcel Energy (...98-7) - - $39.68 - \r\nDeliver by Jul 5, 2024 -\r\nTransaction number: - 21294976621 - \r\nPay from: - TOTAL CHECKING (...6680)\r\n\r\n208 kwh','14379.jpg',0),(14380,99,21,'2024-07-05',0,'Xcel Energy',17.07,0.00,'Xcel Energy lights (...95-1) - - $17.07 - Deliver by Jul 5, 2024\r\nTransaction number: - 21295003380\r\nPay from: - TOTAL CHECKING (...6680)','14380.jpg',0),(14381,17,19,'2024-07-02',0,'Office Depot',151.93,0.00,'2 Studded Chair Mats 46 W X 60 L @$70.99','14381.jpg',0),(14382,29,21,'2024-07-08',0,'Steve Winter',0.00,1597.97,'FARM supply','14382.pdf',0),(14383,117,21,'2024-07-09',0,'Personal 6680',0.00,1500.00,'Transfer from - (...6680) - Transfer to - CHK (...5571)\r\n - Amount - $1,500.00 - Transfer date - Jul 9, 2024 - \r\nNote to self - pay CC 30370 - Transaction number - 21353560834\r\n\r\nSynchrony credit card statements 01/2024-10/2024','14383.pdf',0),(14384,117,27,'2024-07-11',0,'Bc 2730044469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $1,000.00 - Initiate on - Jul 10, 2024 - Available on - Jul 11, 2024 - Note to self - 3070 CC - Transaction number - 21365534014','14384.jpg',0),(14385,17,19,'2024-07-16',0,'Best Buy',266.44,0.00,'WDBB9G0040B\r\nWD_BLACK SN850X 4TB NVME SSD @$248.99 on sale','14385.jpg',0),(14386,79,19,'2024-05-27',0,'Best Buy',331.77,0.00,'Dell curved screen 30in monitor\r\n\r\n05/27/2024,05/28/2024,BEST BUY 00011940,Merchandise & Inventory,Sale,-331.71,','14386.jpg',0),(14387,127,27,'2024-07-18',0,'BANK OF COLORADO',478.20,0.00,'NP OF $1000.00\r\n\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n06/12/2024 8.740000 % .00023945(V) 66,845.02 13 208.08\r\n06/25/2024 8.740000 % .00023945(V) 66,358.61 17 270.12','14387.pdf',0),(14388,117,27,'2024-06-22',0,'Bc 2730044469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571)\r\n- Amount - $1,000.00 - Initiate on - Jul 23, 2024 - Available on - Jul 24, 2024\r\n - Note to self - balance update - Transaction number - 21489114067','14388.jpg',0),(14389,99,21,'2024-07-24',0,'Xcel Energy',17.08,0.00,'Xcel Energy lights (...95-1) - - $17.08 - Deliver by Jul 24, 2024 - - - Status: - Funded - Transaction number: - 21494302544 - Pay from: - TOTAL CHECKING (...6680)','14389.pdf',0),(14390,117,21,'2024-07-31',0,'Personal 6680',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $1,000.00 - Transfer date - Jul 31, 2024\r\n - Note to self - low balance\r\n - Transaction number - 21574837863','14390.jpg',0),(14391,66,18,'2024-07-31',0,'State Farm',376.24,0.00,'Policy Number: 556 5007-B01-06\r\nPolicy Details: 2016 FORD F150 PICKUP\r\nPayment Method: SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: 07/31/2024\r\nPayment Amount: $376.24\r\nConfirmation: CE9C36MX','14391.pdf',0),(14392,106,3,'2024-08-05',-2281,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n8/1/24 - 9/1/24','14392.jpg',0),(14393,117,27,'2024-08-06',0,'Bc 2730044469',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469)\r\n - Amount - $1,000.00 - Initiate on - Aug 5, 2024 - Available on - Aug 6, 2024\r\n - Note to self - None - Transaction number - 21635027371','14393.jpg',0),(14394,98,21,'2024-08-06',0,'Xcel Energy',35.17,0.00,'Xcel Energy (...98-7) - - $35.17 - Deliver by Aug 6, 2024 - - - Status: - Funded\r\n - Transaction number: - 21636630657 - Pay from: - TOTAL CHECKING (...6680)\r\n\r\n143 kwh','14394.pdf',0),(14395,29,27,'2024-08-08',-2430,'Steve Winter',0.00,1170.64,'FARMrepairs','14395.pdf',0),(14396,119,10,'2024-08-08',0,'Jarrod',2000.00,0.00,'CHK (...1150) - to - TOTAL CHECKING (...6680)\r\n - $2,000.00 - Aug 8, 2024\r\n - Jarrod 4000 of 5000\r\n - Transaction# - 21664282996\r\n\r\n (...6680) - CHASE COLLEGE (...8143)\r\n - $2,000.00 - Aug 8, 2024\r\n - Wrong account fix - Transaction # 21664417938','14396.jpg',0),(14397,56,19,'2024-08-07',0,'King Soopers',16.18,0.00,'Rx# 6186108 180 - METFORMIN HCL 1000MG $16.18','14397.jpg',0),(14398,104,19,'2024-08-15',0,'Sams 4770',41.37,0.00,'Pump 9\r\n 10.862 gal $3.809 premium','14398.jpg',0),(14399,127,27,'2024-08-22',0,'BANK OF COLORADO',478.20,0.00,'NP OF $1000.00\r\n\r\nAnnual Percentage\r\nFrom Rate (APR) Daily Balance Subject Interest\r\n07/12/2024 8.740000 % .00023945(V) 66,358.61 6 95.33\r\n07/18/2024 8.740000 % .00023945(V) 65,836.81 23 362.60','14399.pdf',0),(14400,117,27,'2024-08-23',0,'Bc 2730044469',0.00,1000.00,'Transfer from BC4469 (...4469) \r\nTransfer to BUS COMPLETE CHK (...5571)\r\nAmount $1,000.00 Initiate on Aug 22, 2024\r\nAvailable on Aug 23, 2024 \r\nNote to self low balance Transaction number 21807991333','14400.jpg',0),(14401,117,27,'2024-08-28',0,'Bc 2730044469',0.00,2000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $2,000.00 - Initiate on - Aug 27, 2024 - Available on - Aug 28, 2024\r\n - Note to self - LOW BALANCE PAY 2071 - Transaction number - 21851796538','14401.jpg',0),(14402,106,27,'2024-09-03',-2331,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n9/1/24 - 10/1/24','14402.jpg',0),(14403,119,21,'2024-09-04',0,'Personal 6680',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...1150)\r\n - Amount - $1,000.00 - Transfer date - Sep 4, 2024 - Note to self - pay cc 7085\r\n - Transaction number - 21937946565','14403.jpg',0),(14404,103,18,'2024-09-03',0,'State Farm',289.68,0.00,'Policy Number: - 157 0044-C02-06D - Policy Details:\r\n - - 2009 FORD MUSTANG 2DR\r\n - - Payment Method: - SWD2071 - VISA - 2071, (Preferred) - Payment Date: - 09/03/2024 - - Payment Amount: - $289.68\r\n - - Confirmation: - CT9X917X','14404.jpg',0),(14405,98,21,'2024-09-10',0,'Xcel Energy',36.85,0.00,'Xcel Energy (...98-7) - - $36.85 - Deliver by Sep 10, 2024 - - - Status: - Funded - Transaction number: - 21987142094 - Pay from: - TOTAL CHECKING (...6680)\r\n\r\n155 kwh','14405.jpg',0),(14406,99,21,'2024-09-10',0,'Xcel Energy',17.25,0.00,'Xcel Energy lights (...95-1) - - $17.25 - Deliver by Sep 10, 2024 - - - Status: - Funded - Transaction number: - 21987157473 - Pay from: - TOTAL CHECKING (...6680)','14406.jpg',0),(14407,56,19,'2024-08-24',0,'King Soopers',13.40,0.00,'RX#6186104\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.23','14407.jpg',0),(14408,117,25,'2024-09-16',0,'WHS',0.00,2000.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Sep 16, 2024 - Note to self - balance reduction - Transaction number - 22077554667','14408.jpg',0),(14409,117,27,'2024-09-17',0,'Bc 2730044469',2000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $2,000.00 - Initiate on - Sep 16, 2024 - Available on - Sep 17, 2024 - Note to self - balance reduction - Transaction number - 22077600473','14409.jpg',0),(14410,4,18,'2024-09-21',0,'Nephrology Clinic',92.99,0.00,'Payment Date 9/21/2024\r\nAccount Number: 106379314\r\nTransaction ID 280728923\r\nAuthorization Code 05061G\r\n\r\n\r\n08/15/2024 99213 Office/Outpatient Established Low Mdm 20 $135.00 \r\n8053 Insurance Adjustment -$42.01','14410.pdf',0),(14411,56,19,'2024-08-31',0,'King Soopers',19.35,0.00,'Rx# 6186110\r\n90 - fenofibrate 160 mg tablets $19.18','14411.jpg',0),(14412,6,6,'2024-06-12',0,'Dolly Daddy Moving Co',998.75,0.00,'moving furniture & appliances from 9370 to 37687','14412.pdf',0),(14413,127,27,'2024-09-23',0,'BANK OF COLORADO',517.38,0.00,'NP OF $1500.00\r\n\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n08/10/2024 8.740000 % .00023945(V) 65,836.81 11 173.41\r\n08/21/2024 8.740000 % .00023945(V) 65,294.74 22 343.97','14413.pdf',0),(14414,104,19,'2024-09-28',0,'Sams 4770',41.46,0.00,'Pump 8\r\n 11.456 gal $3.619 premium','14414.jpg',0),(14415,12,21,'2024-09-30',0,'Anthem',0.00,112.62,'premium reimbursement','14415.jpg',0),(14416,114,18,'2024-10-02',0,'State Farm',1774.00,0.00,'Policy Number: 86-GW-8837-3\r\nPolicy Details: HOMEOWNERS POLICY 9370 COUNTY ROAD 70\r\n\r\nPayment Method: SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: 10/02/2024\r\n\r\nPayment Amount: $1,774.00\r\n\r\nConfirmation: D69QE3UC','14416.pdf',0),(14417,114,18,'2024-10-02',0,'State Farm',295.00,0.00,'Policy Number: 86-G0-7448-3\r\nPolicy Details: PERSONAL LIABILITY UMBRELLA POLICY\r\n\r\nPayment Method: SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: 10/02/2024\r\n\r\nPayment Amount: $295.00\r\n\r\nConfirmation: D69QF7SD','14417.pdf',0),(14418,117,25,'2024-10-02',0,'WHS',0.00,2000.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Transfer date - Oct 2, 2024 - Note to self - None - Transaction number - 22253170866','14418.jpg',0),(14419,40,4,'2024-10-01',0,'Steve Winter',0.00,1500.00,'Hay Sales from JSW Transferred into wrong account via Venmo','14419.jpg',0),(14420,17,18,'2024-09-24',0,'Dropbox',119.88,0.00,'Sep 24, 2024 DROPBOX*6ZW5P2DV4ZNL\r\n(...2071) Bills & utilities , opens menu $119.88','14420.jpg',0),(14421,98,21,'2024-10-08',2284,'Xcel Energy',33.66,0.00,'Xcel Energy (...98-7) - - $33.66 - Deliver by Oct 8, 2024 - - - Status: - Pending - Transaction number: - 22254071446 - Pay from: - TOTAL CHECKING (...6680) - \r\n\r\n136 kwh','14421.jpg',0),(14422,99,21,'2024-10-03',0,'Xcel Energy',18.00,0.00,'Xcel Energy lights (...95-1) - - $18.00 - Deliver by Oct 3, 2024 - Transaction number: - 22254203458 - Pay from: - TOTAL CHECKING (...6680)','14422.jpg',0),(14423,106,27,'2024-10-03',-2284,'Trujillo Tree Service',0.00,1350.00,'Leah trujillo 970-833-0375 \r\n\r\n10/1/24 - 11/1/24','14423.jpg',0),(14424,103,4,'2024-10-20',0,'WCCR',70.37,0.00,'license plates 2009 Ford Mustang.518TFW\r\nVIN: 1ZVHT82HX95123152\r\n\r\n USING website\r\nincludes EMISSION TEST\r\n\r\nYour confirmation number is 0-032-970-601.','14424.pdf',0),(14425,127,27,'2024-10-23',0,'BANK OF COLORADO',465.04,0.00,'NP OF $1500.00\r\n\r\nFrom Rate (APR) Daily Balance Subject Interest\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n09/12/2024 8.740000 % .00023945(V) 65,294.74 13 203.25\r\n0912512024 8.740000 % .00023945(V) 64,312.12 17 261.79','14425.pdf',0),(14426,117,21,'2024-10-23',0,'Personal 6680',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - TOTAL CHECKING (...6680)\r\n - Amount - $1,000.00 - Transfer date - Oct 23, 2024 - Note to self - low balance\r\n - Transaction number - 22476806580','14426.jpg',0),(14427,40,4,'2024-10-24',-2475,'Steve Winter',0.00,2181.75,'Hay Sales from JSW to close\r\n https://www.softwarewebdesign.com/invoice/Invoice.php?PDS_=96104a4100f381723e9ed5e6083c3e801716958390','14427.jpg',0),(14428,106,27,'2024-10-29',-2285,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n11/1/24 - 12/1/24','14428.jpg',0),(14429,98,21,'2024-10-31',0,'Xcel Energy',39.54,0.00,'Confirmation Number: dca7f\r\nPayment Amount: $39.54\r\n\r\n231 kwh','14429.pdf',0),(14430,99,21,'2024-10-31',0,'Xcel Energy',16.69,0.00,'Confirmation Number: 50dd3\r\nPayment Amount: $16.69','14430.pdf',0),(14431,125,21,'2024-11-06',0,'JM Bullion',1059.30,0.00,'Order Number: ORD-6055075\r\nYour Estimated Ship Date is: 11/12/2024 - 11/14/2024\r\n\r\n10 oz Silver Bar (Varied Condition, Any Mint)\r\nPrice: $353.10\r\nQty: 3\r\nSubtotal: $1059.3\r\n\r\n\r\nCarie Winter\r\n37687 Highway 257\r\nWindsor,','14431.jpg',0),(14432,119,21,'2024-11-06',0,'Personal 6680',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - TOTAL CHECKING (...6680)\r\n - Amount - $1,000.00 - Transfer date - Nov 6, 2024 - Note to self - silver\r\n - Transaction number - 22632884717','14432.jpg',0),(14433,117,27,'2024-11-07',0,'Bc 2730044469',0.00,2000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Initiate on - Nov 6, 2024 - Available on - Nov 7, 2024 - Note to self - cc 7085 - Transaction number - 22633165069','14433.jpg',0),(14434,117,25,'2024-11-09',0,'WHS',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Nov 9, 2024 - Note to self - silver - Transaction number - 22668074680','14434.jpg',0),(14435,94,18,'2024-02-05',0,'Blue Host',36.99,0.00,'Payment details: Credit Card: xxxxxxxxxxxx2071\r\n\r\nSOFTWAREWEBSECURE.COM 1 year(s) 02/20/2025 $21.99\r\nRenewal of: Domain Privacy + Protection\r\nSOFTWAREWEBSECURE.COM 1 year(s) 02/20/2025 $15.00\r\nSubtotal: $36.99\r\nTax: $0.00\r\nTotal: $36.99','14435.jpg',0),(14436,94,18,'2024-01-28',0,'Blue Host',95.88,0.00,'Payment details: Credit Card: xxxxxxxxxxxx2071\r\nRenewal of: SiteLock Essentials\r\nSOFTWAREWEBSECURE.COM 1 year(s) 02/12/2025 $95.88\r\nSubtotal: $95.88\r\nTax: $0.00\r\nTotal: $95.88','14436.jpg',0),(14437,112,21,'2024-12-31',0,'Pdc Energy',0.00,101.59,'contains 1099-MISC
\r\nChk 8275195 10/23/24','14437.pdf',0),(14438,18,21,'2024-11-12',0,'AgDirect',1687.09,0.00,'Windrower interest for 2024','14438.pdf',0),(14439,56,19,'2024-11-04',0,'King Soopers',12.92,0.00,'Rx# 6186108 180 - METFORMIN HCL 1000MG $12.92','14439.jpg',0),(14440,125,21,'2024-11-14',0,'JM Bullion',1678.87,1700.00,'ORD-6071260 cash pay joelle\r\n1 oz Colorized Trump Victory 47 Silver Bar (New) Presale: \r\n1 oz Trump 47th President Silver Round (New) Presal\r\n1 Kilo JBR Silver Bar (New)\r\n10 oz SilverTowne Pony Si','14440.jpg',0),(14444,117,21,'2024-11-15',0,'Personal Checking',1000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571) Transfer to TOTAL CHECKING (...6680)\r\nAmount $1,000.00\r\nTransfer date Nov 15, 2024 Note to self: joelleSilver\r\nTransaction number 22736107376','14444.jpg',0),(14441,119,21,'2024-11-18',0,'Personal 6680',750.00,0.00,'Transfer from BUS COMPLETE CHK (...1150)\r\nTransfer to TOTAL CHECKING (...6680)\r\nNote to self joelle silver\r\nTransaction number 22719147515','14441.jpg',0),(14442,117,27,'2024-11-14',0,'Bc 2730044469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Initiate on - Nov 15, 2024 - Available on - Nov 18, 2024 - Note to self - silverPurchase - Transaction number - 22719185004','14442.jpg',0),(14443,101,19,'2024-11-15',0,'Pikes Auto Care',114.02,0.00,'OIL & OIL FILTER DISPOSAL $6.50\r\n6 FULL SYNTHETIC VALVOLINE 5W30 MOTOR OIL $6.98\r\nMISCELLANEOUS FLUIDS, AND WASHER SOLVENT $2.66\r\nAC DELCO BRAKE CLEAN SOLVENT $7.59\r\nNAPA Gold Filters Engine Oil Filter $9.99\r\nNAPA Gold Filters Air Filter $29.29','14443.pdf',0),(14445,127,27,'2024-11-19',0,'BANK OF COLORADO',420.04,0.00,'out of $1000\r\n10/12/2024 8.740000 % .00023945(V) 64,312.12 11 169.39\r\n10/23/2024 8.740000 % .00023945(V) 63,277.16 9 136.36\r\n11/01/2024 8.240000 % .00022575(V) 63,277.16 8 114.29','14445.pdf',0),(14446,29,27,'2024-11-19',-3646,'Steve Winter',0.00,3770.00,'repairing severance overhead door by precision door on cc3070','14446.jpg',0),(14447,99,21,'2024-11-19',0,'Xcel Energy',17.72,0.00,'53-3673095-1 \r\n\r\nConfirmation Number: 70a82\r\nPayment Amount: $17.72','14447.pdf',0),(14448,117,27,'2024-11-21',0,'Personal Checking',0.00,1000.00,'transfer from BC4469 (...4469) Transfer to BUS COMPLETE CHK (...5571)\r\nInitiate on Nov 20, 2024 Available on Nov 21, 2024\r\nNote to self xml Transaction number 22774804358','14448.jpg',0),(14449,117,21,'2024-11-20',0,'Personal Checking',1000.00,0.00,'Transfer from BUS COMPLETE CHK (...5571) Transfer to TOTAL CHECKING (...6680)\r\nTransfer date Nov 20, 2024\r\nNote to self xml Transaction number 22774807122','14449.jpg',0),(14450,98,21,'2024-12-02',0,'Xcel Energy',57.50,0.00,'53-3294798-7 \r\nElectricity Service 10/24/24 - 11/21/24 \r\n411 kWh $57.5','14450.pdf',0),(14451,60,21,'2024-11-25',0,'Jarrod',1000.00,0.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - CHASE COLLEGE (...8143) - Amount - $1,000.00 - Transfer date - Nov 25, 2024 - Note to self - note payoff - Transaction number - 22831459976\r\n - Jarrod 5000 of 5000','14451.jpg',0),(14452,94,18,'2024-11-26',0,'Blue Host',22.17,0.00,'Order number: 1772472653 - - HEMPDBASE.COM 1 year(s) 12/26/2025 $21.99 - Subtotal: $21.99 - ICANN Fee: $0.18 - Tax: $0.00 - Total: $22.17 - - - - -','14452.jpg',0),(14453,56,19,'2024-11-21',0,'King Soopers',13.40,0.00,'RX#6186104\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.40','14453.jpg',0),(14454,117,21,'2024-11-28',0,'Personal Checking',0.00,500.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $500.00 - Transfer date - Nov 28, 2024 - Note to self - equalize balances\r\n - Transaction number - 22865640185','14454.jpg',0),(14455,98,1,'2024-12-10',0,'Xcel Energy',42.19,0.00,'53-0303897-5 HP\r\n\r\nMETER 20417890 Read Dates: 10/24/24 - 11/20/24 (27 Days)\r\nDESCRIPTION CURRENT READING PREVIOUS READING USAGE\r\nTotal Energy 1333 Actual 1294 Actual 39 ccf','14455.pdf',0),(14456,108,10,'2024-12-30',0,'Verizon',1373.74,0.00,'970-231-5854 Entire PDF here
\r\n$24.74 \r\n$24.74\r\n$24.74 \r\n$24.74 \r\n$24.72 \r\n$24.72 \r\n$24.72 \r\n$26.41 \r\n$26.41 \r\n$26.33 \r\n$80.57 \r\n$42.23 \r\n$508.74 + $865 account charge 12 month','14456.pdf',0),(14457,119,4,'2024-12-02',0,'SWD',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $1,000.00 - Transfer date - Dec 2, 2024 - Note to self - equalize\r\n - Transaction number - 22913369970','14457.jpg',0),(14458,28,6,'2024-12-30',0,'Joelle Winter',0.00,540.00,'Cell phone reimbursement verizon','14458.jpg',0),(14459,106,3,'2024-12-05',-2332,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n12/1/24 - 1/1/25','14459.jpg',0),(14460,29,3,'2024-12-09',-3722,'Joelle Winter',0.00,9007.00,'3 fuel tanks purchased with cc2071','14460.jpg',0),(14461,34,4,'2024-12-31',0,'Chase Bank',180.00,0.00,'Dec 29, 2024 $15.00\r\nNov 29, 2024 $15.00 \r\nSep 30, 2024 $15.00 \r\nAug 30, 2024 $15.00 \r\nJul 31, 2024 $15.00 \r\nJun 28, 2024 $15.00 \r\nApr 30, 2024 $15.00 \r\nMar 29, 2024 $15.00 \r\nFeb 29, 2024 $15.00 \r\nJan 31, 2024 $15.00\r\n\r\ndoc - statement 5571','14461.pdf',0),(14462,34,21,'2024-12-30',0,'Chase Bank',0.00,0.00,'chase FEE_TRANSACTION 12 months personal\r\n\r\ndoc - statement 6680','14462.pdf',0),(14463,132,19,'2024-12-31',0,'Breeze Thru Windsor',250.00,0.00,'LICENSE BSC262\r\nRFID Tag #958262256','14463.jpg',0),(14464,12,21,'2024-12-31',0,'Anthem Carie',2317.80,0.00,'Form 1095-A
\r\n12/1/2024 -193.15\r\n11/1/2024 -193.15\r\n10/1/2024 -193.15\r\n9/1/2024 -193.15\r\n8/1/2024 -193.15\r\n7/1/2024 -193.15\r\n6/1/2024 -193.15\r\n5/1/2024 -193.15\r\n4/1/2024 -193.15\r\n3/1/2024 -193.15\r\n2/1/2024 -193.15\r\n1/2/2024 -193.15','14464.pdf',0),(14465,13,18,'2024-12-30',0,'AG NATIONAL OFFICE',200.00,0.00,'College ministry\r\n10/6/2023 -50\r\n9/6/2023 -50','14465.jpg',0),(14466,13,18,'2024-12-31',0,'ISREAL LIVES MINISTRIES',492.00,0.00,'1/30/2024 $41.00 \r\n2/29/2024 $41.00 \r\n3/30/2024 $41.00 \r\n4/30/2024 $41.00 \r\n5/30/2024 $41.00 \r\n6/30/2024 $41.00 \r\n7/30/2024 $41.00 \r\n8/30/2024 $41.00 \r\n9/30/2024 $41.00 \r\n10/30/2024 $41.00 \r\n11/30/2024 $41.00 \r\n12/30/2024 $41.00','14466.pdf',0),(14467,108,10,'2025-12-30',0,'Verizon',1500.00,0.00,'970-231-5854 Entire PDF here
\r\n$24.74 \r\n$24.74\r\n$24.74 \r\n$24.74 \r\n$24.72 \r\n$24.72 \r\n$24.72 \r\n$26.41 \r\n$26.41 \r\n$26.33 \r\n$80.57 \r\n$42.23 \r\n$508.74 + $865 account charge 12 month','14467.jpg',0),(14468,128,21,'2024-12-31',0,'SSA Treas 310',0.00,18452.40,'Form SSA-1099 Social Security benefits statement','14468.pdf',0),(14469,13,18,'2024-12-30',0,'Foundations Church Inc',600.00,0.00,'College ministry\r\n12/7/2023 -50\r\n11/7/2023 -50\r\n10/6/2023 -50\r\n9/6/2023 -50\r\n8/8/2023 -50\r\n7/6/2023 -50\r\n6/6/2023 -50\r\n5/7/2023 -50\r\n4/6/2023 -50\r\n3/7/2023 -50\r\n2/7/2023 -50\r\n1/6/2023 -50','14469.jpg',0),(14470,123,18,'2024-12-30',0,'LegalShield',-478.86,0.00,'Lawyer fee','14470.jpg',0),(14471,117,25,'2024-12-09',0,'Whs',2000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $2,000.00 - Transfer date - Dec 9, 2024 - Note to self - cc7085 - Transaction number - 22991994079','14471.jpg',0),(14472,56,19,'2024-12-09',0,'King Soopers',16.32,0.00,'Rx# 6186110\r\n90 - fenofibrate 160 mg tablets $16.32','14472.jpg',0),(14473,117,25,'2024-11-11',0,'WHS',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150)\r\n - Amount - $1,000.00 - Transfer date - Dec 11, 2024 - Note to self - whs insurance\r\n - Transaction number - 23016812197','14473.jpg',0),(14474,40,27,'2024-12-16',-2449,'Steve Winter',0.00,10000.00,'Hay Sales from JSW','14474.jpg',0),(14475,36,4,'2024-12-18',0,'Agfinity',891.89,0.00,'propane fill 429 gal @$2.079\r\n9370 cr 70 repaaid in feb 2025 because of billing issue','14475.PDF',0),(14476,122,18,'2024-12-23',0,'Colorado Secretary Of State',25.00,0.00,'Name DARNELL LATERAL DITCH COMPANY\r\nSOS ID # 20111021920\r\nDate & time 12/23/2024 08:47 AM\r\nTransaction Periodic report\r\nDocument # 20248345078\r\nThis number is unique to the Secretary of State\'s office.\r\nPayment type VISA\r\nLast 4 digits on card 2071','14476.pdf',0),(14477,122,18,'2024-12-23',0,'Colorado Secretary Of State',25.00,0.00,'Name Software Web Design, LLC\r\nSOS ID # 20051025806\r\nDate & time 12/23/2024 09:17 AM\r\nTransaction Periodic report\r\nDocument # 20248346273\r\nThis number is unique to the Secretary of State\'s office.\r\nPayment type VISA\r\nLast 4 digits on card 2071\r\nAmoun','14477.pdf',0),(14478,29,27,'2024-12-23',-307,'Darnell Lateral Ditch Co',0.00,50.00,'stamps & periodical reports\r\n\r\nNOTE: deposited chk 31150035 city of Greeley for Darnell Lateral $100 into their account','14478.jpg',0),(14479,66,18,'2025-01-31',0,'State Farm',312.69,0.00,'Policy Number: - 556 5007-B01-06\r\n - Policy Details: - - 2016 FORD F150 PICKUP\r\n - - Payment Method: - SWD2071 - VISA - 2071, (Preferred) - Payment Date: - 01/31/2025 - - Payment Amount: - $312.69 - - Confirmation: - E59EU1L1 -','14479.pdf',0),(14480,127,27,'2024-12-31',0,'BANK OF COLORADO',468.40,0.00,'out of $1000\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n11/09/2024 8.240000 % .00022575(V) 63,277.16 10 142.85\r\n11/19/2024 8.240000 % .00022575(V) 62,697.20 23 325.55','14480.pdf',0),(14481,106,27,'2025-01-02',-2337,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n1/1/54 - 2/1/25','14481.jpg',0),(14482,117,21,'2024-12-28',0,'Personal Checking',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Dec 28, 2024 - Note to self - fuel tanks - Transaction number - 23202762221','14482.jpg',0),(14483,117,27,'2024-12-31',0,'Personal Checking',0.00,5000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,000.00 - Initiate on - Dec 30, 2024 - Available on - Dec 31, 2024 - Note to self - None - Transaction number - 23202822331','14483.jpg',0),(14484,94,18,'2025-01-19',0,'Blue Host',95.88,0.00,'Account Number: 53942542\r\nAccount Holder: Steve Winter\r\nProduct Description Expire Date Date Your Services Will Renew \r\nTerm Recurring Charges \r\nSiteLock Essentials 02/12/2025 01/28/2025 1 year(s) $95.88\r\nEstimated Tax: $0.00\r\nTotal: $95.88','14484.jpg',0),(14485,129,27,'2024-12-30',0,'Agfinity',10000.00,0.00,'fertilizer prepay\r\n\r\nPayment Success\r\nTransaction Id:\r\ntrn_0fb1af0c-9fb6-4352-894e-cc6f3530f4ed\r\nPayment Amount:\r\n$10000.00','14485.jpg',0),(14486,30,27,'2024-12-30',-2480,'Steve Winter',0.00,10000.00,'fertilizer prepay','14486.jpg',0),(14487,98,1,'2025-01-15',0,'Xcel Energy',77.85,0.00,'53-0303897-5 HP\r\n\r\n907879447 12/23/2024 $0.00\r\nINVOICE: 0548198889\r\nMETER READING INFORMATION\r\nMETER 20417890 Read Dates: 11/20/24 - 12/23/24 (33 Days)\r\nDESCRIPTION CURRENT READING PREVIOUS READING USAGE\r\nTotal Energy 1417 Actual 1333 Actual 84 ccf','14487.pdf',0),(14488,98,21,'2025-01-07',0,'Xcel Energy',101.57,0.00,'53-3294798-7\r\n805 kWh $101.57','14488.jpg',0),(14489,99,21,'2025-01-02',0,'Xcel Energy',17.82,0.00,'53-3673095-1 \r\n\r\nConfirmation Number: 1753b\r\nPayment Amount: $17.82','14489.pdf',0),(14490,117,25,'2025-01-01',0,'WHS',0.00,2000.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $1,000.00 - Transfer date - Jan 1, 2025 - Note to self - balance\r\n - Transaction number - 23241758754','14490.jpg',0),(14491,117,27,'2025-01-02',0,'Bc 2730044469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Initiate on - Jan 2, 2025 - Estimated availability - Jan 3, 2025 - Note to self - cc7085 - Transaction number - 23255481908','14491.jpg',0),(14492,94,18,'2025-02-01',0,'Blue Host',37.18,0.00,'Account Number: 53942542\r\nSOFTWAREWEBSECURE.COM 02/20/2025 02/05/2025 1 year(s) $21.99\r\nDomain Privacy + Protection 02/20/2025 02/05/2025 1 year(s) $15.00\r\nEstimated Tax: $0.00\r\nICANN Fee: $0.18\r\nTotal: $37.17','14492.jpg',0),(14493,4,18,'2025-12-31',0,'Wellcare MEDICAL/RX INS',110.40,0.00,'12/20/2025 $9.20\r\n11/20/2025 $9.20\r\n10/19/2025 $9.20\r\n9/21/2025 $9.20\r\n8/20/2025 $9.20\r\n7/20/2025 $9.20\r\n6/20/2025 $9.20\r\n5/21/2025 $9.20\r\n4/20/2025 $9.20\r\n3/20/2025 $9.20\r\n1/21/2025 $18.40','14493.jpg',0),(14494,127,6,'2025-01-23',0,'BANK OF COLORADO',422.45,0.00,'out of $1000 cash\r\n12/12/2024 8.240000 96\r\n12/24/2024 8.240000 %\r\n(00022575(V) 62,697.20 12 169.84\r\n.00022575(V) 62,165.60 18 252.61','14494.pdf',0),(14495,45,21,'2025-01-23',0,'',0.00,217.15,'Cash Redemption - - Other - - $47.51 - - $4,671.60 - - 12/26/2024\r\n - Cash Redemption - Cash Redemption - - Other - - $48.13 - - $4,624.09 - - 12/26/2024\r\n- Cash Redemption - Cash Redemption - - Other - - $123.31 - - $4,575.96 -','14495.jpg',0),(14496,99,21,'2025-02-14',0,'Xcel Energy',17.92,0.00,'53-3673095-1\r\n\r\nConfirmation Number: 6c4d0\r\nPayment Amount: $17.92','14496.pdf',0),(14497,98,21,'2025-02-13',0,'Xcel Energy',167.70,0.00,'53-0303897-5 HP\r\n\r\nNatural Gas Service 12/23/24 - 01/24/25 178 therms 193 ccf $167.70','14497.pdf',0),(14498,98,21,'2025-02-14',0,'Xcel Energy',108.77,0.00,'53-3294798-7\r\n\r\nElectricity Service 12/23/24 - 01/26/25 874 kWh $108.77','14498.pdf',0),(14500,41,21,'2024-12-31',0,'XCEL Energy',1187.12,0.00,'Dec 13 $112.40 \r\nNov 14 $106.81 \r\nOct 17 $154.98 \r\nSep 17 $160.47 \r\nAug 16 $188.72 \r\nJul 18 $76.10 \r\nJun 18 $48.23 \r\nMay 17 $56.33 \r\nApr 19 $54.95 \r\nMar 20 $61.14 \r\nFeb 20 $88.12 \r\nJan 19 $78.87','14500.pdf',0),(14499,94,18,'2025-01-28',0,'Blue Host',95.88,0.00,'Renewal of: SiteLock Essentials\r\nSOFTWAREWEBSECURE.COM 1 year(s) 02/12/2026 $95.88\r\nSubtotal: $95.88\r\nTax: $0.00\r\nTotal: $95.88','14499.jpg',0),(14501,94,18,'2025-01-28',0,'Blue Host',21.99,0.00,'Account Number: 52789515 \r\ndomain .COM\r\nHELPDBASE.COM 03/15/2025 02/28/2025 1 year(s) $21.99\r\nEstimated Tax: $0.00\r\nICANN Fee: $0.18\r\nTotal: $22.17','14501.jpg',0),(14502,83,27,'2024-12-31',0,'Bank Of Colorado',5784.49,0.00,'form 1098
','14502.pdf',0),(14503,94,18,'2024-08-12',0,'Blue Host',22.17,0.00,'Renewal of: domain .COM\r\nWINDSORSEVERANCESTORAGE.COM 1 year(s) 08/27/2025 $21.99\r\nSubtotal: $21.99\r\nICANN Fee: $0.18\r\nTax: $0.00\r\nTotal: $22.17','14503.jpg',0),(14504,94,18,'2024-07-03',0,'Blue Host',74.34,0.00,'WINDSORHAIRSHOP.COM 1 year(s) 07/18/2025 $21.99\r\nWINDSORHAIRSHOPPE.COM 1 year(s) 07/18/2025 $21.99\r\nWINDSORHAIRSHOP.COM 1 year(s) 07/18/2025 $15.00\r\nWINDSORHAIRSHOPPE.COM 1 year(s) 07/18/2025 $15.00\r\nSubtotal: $73.98\r\nICANN Fee: $0.36\r\nTotal: $74.34','14504.jpg',0),(14505,94,18,'2024-06-20',0,'Blue Host',31.17,0.00,'Renewal of: domain .COM\r\nSOFTWARESECUREWEB.COM 1 year(s) 07/05/2025 $21.99\r\nRenewal of: Domain Privacy + Protection\r\nSOFTWARESECUREWEB.COM 1 year(s) 07/05/2025 $15.00\r\nSubtotal: $36.99\r\nICANN Fee: $0.18\r\nTax: $0.00\r\nTotal: $37.17','14505.jpg',0),(14506,94,18,'2024-04-09',0,'Blue Host',95.88,0.00,'4/9/2024 4/10/2024 WEB*BLUEHOST.COM Bills & Utilities Sale -95.88','14506.jpg',0),(14507,94,18,'2024-12-31',0,'Blue Host',37.17,0.00,'7/16/2024 7/17/2024 WEB*BLUEHOST.COM Bills & Utilities Sale -37.17\r\njesusloveshumor.com','14507.jpg',0),(14508,17,1,'2024-12-31',0,'ASCENTBB INTERNET',645.00,0.00,'5/8/2024 -45\r\n4/8/2024 -45\r\n3/8/2024 -45\r\n2/8/2024 -45\r\n1/8/2024 -45\r\n12/18/2024 -70\r\n11/18/2024 -70\r\n10/18/2024 -70\r\n9/18/2024 -70\r\n8/18/2024 -70\r\n7/18/2024 -70','14508.jpg',0),(14509,29,27,'2025-01-30',0,'Steve Winter',0.00,958.02,'FARMrepairs, supply and fuel\r\nchk 2482 farm supply $314.40\r\nchk 2483 farm repairs $495.02\r\nchk 2484 fuel $148.60','14509.jpg',0),(14510,17,19,'2024-07-19',0,'Best Buy',43.14,0.00,'Linksys 4 port Router','14510.jpg',0),(14511,17,19,'2024-06-03',0,'Best Buy',32.09,0.00,'monitor cable\r\n06/03/2024,06/04/2024,BEST BUY 00011940,Merchandise & Inventory,Sale,-32.09,','14511.jpg',0),(14512,101,19,'2024-12-31',0,'Breeze Thru Windsor',225.00,0.00,'12/7/2024 -25\r\n12/7/2024 -25\r\n11/7/2024 -25\r\n10/7/2024 -25\r\n9/7/2024 -25\r\n8/7/2024 -25\r\n7/7/2024 -25\r\n6/7/2024 -25\r\n5/7/2024 -25','14512.jpg',0),(14513,56,19,'2025-01-06',0,'King Soopers',326.29,0.00,'Rx# 6186107\r\nDulera 200 MCG-5 inhaler @$326.29','14513.jpg',0),(14514,13,6,'2025-02-02',0,'Journey Church',800.00,0.00,'tithes 8 - $100','14514.jpg',0),(14515,101,4,'2025-02-01',0,'WCCR',56.47,0.00,'ESRV-VHC-RNW Plate Number: BSC262\r\nYour confirmation number is 0-034-507-277','14515.jpg',0),(14516,132,4,'2025-02-01',0,'WCCR',335.83,0.00,'2019 Ford\r\nESRV-VHC-RNW Plate Number: CTFB57\r\n\r\nYour confirmation number is 0-034-597-770.','14516.jpg',0),(14517,17,18,'2025-02-01',0,'Vevo Digital',99.99,0.00,'Order #138727 - February 2, 2025\r\n\r\nProduct Quantity Price\r\nVisual Studio Professional 2022 Windows PC Product Key 1 $99.99 \r\nSubtotal: $99.99\r\nPayment method: Link\r\nTotal: $99.99\r\n9HWHH-DNR8P-JHTM7-G9MYM-YWV2K','14517.jpg',0),(14518,106,27,'2025-02-03',-2286,'Trujillo Tree Service',0.00,1250.00,'Leah trujillo 970-833-0375 \r\n\r\n2/1/54 - 3/1/25','14518.jpg',0),(14519,13,18,'2024-12-31',0,'CAMPUS MINISTRIES OF FOUNDATIONS CHURCH',600.00,0.00,'2024 Charitable Contribution Receipt\r\nTax ID# 81-3948288','14519.pdf',0),(14520,16,21,'2025-02-19',0,'Weld County',2783.09,0.00,'ACCOUNT # R0549801\r\nPARCEL # 080715000058\r\nTAX DISTRICT: 0430\r\nConfirmation Number: HZ4GSLYRA\r\nWednesday, February 19, 2025 12:12PM MT\r\n Routing Number: ****01017\r\n Account Number: ****85571\r\nProperty Tax - Echeck - NEW','14520.pdf',0),(14521,133,21,'2024-12-31',0,'Coinbase',520.80,0.00,'Gain / Loss report\r\nSummary Cost Basis Method: H I F O\r\nData source Long-term Short-term Total Gain/Loss\r\nCoinbase $58.79 -$579.59 -$520.80\r\nTotal $58.79 -$579.59 -$520.80','14521.PDF',0),(14522,125,21,'2025-02-04',0,'JM Bullion',343.40,0.00,'5 oz SilverTowne Buffalo Silver Bar (New)\r\nPrice: $171.70\r\nQty: 2\r\nSubtotal: $343.4\r\nJoelle 1','14522.jpg',0),(14523,117,27,'2025-02-06',0,'Bc 2730044469',0.00,2000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Initiate on - Feb 5, 2025 - Estimated availability - Feb 6, 2025 - Note to self - payments - Transaction number - 23620283013','14523.jpg',0),(14524,94,18,'2025-02-05',0,'Blue Host',37.17,0.00,'SOFTWAREWEBSECURE.COM 1 year(s) 02/20/2026 $21.99\r\nRenewal of: Domain Privacy + Protection\r\nSOFTWAREWEBSECURE.COM 1 year(s) 02/20/2026 $15.00\r\nSubtotal: $36.99\r\nICANN Fee: $0.18\r\nTax: $0.00\r\nTotal: $37.17','14524.jpg',0),(14525,103,18,'2025-02-17',0,'State Farm',292.98,0.00,'Policy Number:157 0044-C02-06D\r\nPolicy Details:2009 FORD MUSTANG 2DR\r\n\r\nPayment Method: SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: 02/17/2025\r\n\r\nPayment Amount:$292.98\r\n\r\nConfirmation: EP9VC7UV','14525.PDF',0),(14526,119,21,'2025-02-19',0,'Checking 6680',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - TOTAL CHECKING (...6680)\r\n- Amount - $1,000.00 - Transfer date - Feb 19, 2025\r\n - Note to self: equalize accts - Transaction number - 23778867107','14526.jpg',0),(14527,117,27,'2025-02-19',0,'Bc 2730044469',0.00,5000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,000.00 - Initiate on - Feb 19, 2025 - Estimated availability - Feb 20, 2025\r\n - Transaction number - 23779028499\r\n\r\nNote to self - pay property tax','14527.jpg',0),(14528,40,3,'2025-02-19',-2489,'Steve Winter',0.00,5000.00,'Hay Sales from JSW','14528.jpg',0),(14529,16,4,'2025-03-22',0,'Weld County',2783.09,0.00,'ACCOUNT # R0549801\r\nPARCEL # 080715000058\r\nTAX DISTRICT: 0430\r\nConfirmation Number: KZYHHB1SA\r\nPayment Date:\r\nPayment Time: Saturday, March 22, 2025\r\n10:07AM MT','14529.jpg',0),(14530,127,6,'2025-02-24',0,'BANK OF COLORADO',437.97,0.00,'$1000 cash\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n01/11/2025 8.240000 % .00022575(V) 62,165.60 16 224.54\r\n01/27/2025 8.240000 % .00022575(V) 61,663.05 5 69.60\r\n02/01/2025 7.740000 % .00021205(V) 61,663.05 11 143.83','14530.pdf',0),(14531,14,4,'2025-02-20',1459,'Odricil & Meis',770.00,0.00,'2024 tax preparation','14531.pdf',0),(14532,36,4,'2025-03-17',0,'Agfinity',727.55,0.00,'PROPANE 298.3000 GAL @$2.43900 $727.55\r\nP206100 36591 cr 23 Jarrod cash deduction\r\n\r\n Transaction Id:\r\ntrn_789c19e7-ad25-46bc-b0e0-0d99d9b7a299\r\nPayment Amount:\r\n$727.55','14532.pdf',0),(14533,56,19,'2025-02-26',0,'King Soopers',332.83,0.00,'Rx# 6264408\r\nBreo Ellipta 100-25 MCG INHALER @$326.29\r\n\r\n\"Rx# 6186110||90 - fenofibrate 160 mg tablets $16.32\"\r\n\"RX#6186104||90 - LISINOPRIL-HCTZ 20-25 MG TAB $13.40\"\r\n\"Rx# 6186108 180 - METFORMIN HCL 1000MG $12.92\"','14533.jpg',0),(14534,94,18,'2025-02-28',0,'Blue Host',24.17,0.00,'Order number: 1795105963\r\nPayment details: Credit Card: xxxxxxxxxxxx2071\r\nHELPDBASE.COM 1 year(s) 03/15/2026 $23.99\r\nSubtotal: $23.99\r\nICANN Fee: $0.18\r\nTax: $0.00\r\nTotal: $24.17','14534.jpg',0),(14535,104,1,'2025-02-28',0,'Sams 8147',40.49,0.00,'Pump 11\r\n 12.542 gal $3.229 premium','14535.jpg',0),(14536,98,1,'2025-03-18',0,'Xcel Energy',167.31,0.00,'53-0303897-5 HP\r\n\r\nNatural Gas Service 1808 Actual 1610 Actual 198 ccf','14536.pdf',0),(14537,98,21,'2025-03-18',0,'Xcel Energy',97.01,0.00,'53-3294798-7\r\n\r\n01/26/25 - 02/25/25 763 kWh $97.01\r\n\r\n
\r\nBill Cycle Ending: Feb. 26, 2025\r\n\r\nYour statement is ready for account XX-2343120-XX.\r\n \r\nPayment Amount:\r\n$159.94\r\n\r\nPayment Plan: Auto Pay','14537.pdf',0),(14538,99,21,'2025-03-18',0,'Xcel Energy',17.85,0.00,'53-3673095-1\r\nXcel Energy lights (...95-1) - $17.85 - - Deliver by Mar 7, 2025 - Status: - Funded - Transaction number: - 23947012010 - Pay from: - TOTAL CHECKING (...6680)','14538.pdf',0),(14539,16,21,'2025-03-10',0,'United States Treasury',0.00,431.00,'4045 60851259 Tax refund federal','14539.jpg',0),(14540,94,18,'2025-03-10',0,'Blue Host',13.17,0.00,'DOUBLEBOXEQUIPMENT.COM 1 year(s) 03/10/2026 $12.99\r\ndomain .ONLINE\r\nDOUBLEBOXEQUIPMENT.ONLINE 1 year(s) 03/10/2026 $0.00\r\nDomain Privacy + Protection\r\nDOUBLEBOXEQUIPMENT.ONLINE 1 year(s) 03/10/2026 $0.00\r\nSubtotal: $12.99\r\nICANN Fee: $0.18','14540.jpg',0),(14541,16,21,'2025-03-14',0,'Colorado State Controler',0.00,354.00,'chk 23301801 state tax refund','14541.jpg',0),(14542,40,27,'2025-03-18',0,'Steve Winter',0.00,16201.90,'Hay Sales from JSW close invoice 00040\r\nhttps://www.softwarewebdesign.com/invoice/Invoice.php?READ=1&PDS_=acf3537da47ed38b83115d00d0feb0281717019247\r\n \r\ndoc - 2024 Oil and Gas Withholding Statement\r\nColorado Severance Tax Withheld','14542.pdf',0),(14543,127,27,'2025-03-21',0,'BANK OF COLORADO',364.00,0.00,'$2000 withdraw\r\nFrom Rate (APR) Daily Balance Subject Charge\r\nDate on Advances Periodic Rate to Interest Rate \r\n02/12/2025 7.740000 % .00021205(V) 61,663.05 13 169.98\r\n02/25/2025 7.740000 % .00021205(V) 61,101.02 15 194.36','14543.pdf',0),(14544,106,3,'2025-03-22',-2339,'Trujillo Tree Service',0.00,1250.00,'chk 3/1/25 Leah trujillo 970-833-0375 \r\n\r\n3/1/25 - 4/1/25','14544.jpg',0),(14545,10,3,'2025-03-22',-1171,'Delmar Eickenberg',0.00,2035.00,'ditching 7/2024','14545.jpg',0),(14546,117,21,'2025-03-26',0,'Steve Winter',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Mar 26, 2025 - Note to self - None - Transaction number - 24186460202','14546.jpg',0),(14547,117,27,'2025-03-27',0,'Bc44469',0.00,6000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $6,000.00 - Initiate on - Mar 26, 2025 - Estimated availability - Mar 27, 2025 - Note to self - whs property tax - Transaction number - 24187845193','14547.jpg',0),(14548,56,19,'2025-03-23',0,'King Soopers',99.91,0.00,'Rx# 6264408\r\nBreo Ellipta 100-25 MCG INHALER @$99.91','14548.jpg',0),(14549,17,1,'2025-04-02',0,'Amazon',29.95,0.00,'StarTech.com 3 ft USB 3.0 to eSATA Adapter - 6 Gbps USB to HDD/SSD/ODD Converter - Hard Drive to USB Cable (USB3S2ESATA3)','14549.jpg',0),(14550,125,21,'2025-04-03',0,'JM Bullion',1006.80,0.00,'Order Number: ORD-6284207\r\nYour Estimated Ship Date is: 04/08/2025 - 04/10/2025\r\n\r\nOrder Total: $1,006.80\r\n10 oz SilverTowne Buffalo Silver Bar (New) $335.60 * 3=$1006.8','14550.jpg',0),(14551,119,21,'2025-04-03',0,'Checking 6680',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...1150)\r\n - Transfer to - TOTAL CHECKING (...6680) - Amount - $1,000.00\r\n - Transfer date - Apr 3, 2025 - Note to self - silver cras - Transaction number - 24288001302','14551.jpg',0),(14563,117,21,'2025-04-15',0,'Steve & Carie',0.00,4000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $4,000.00 - Transfer date - Apr 15, 2025 - Note to self - balance accounts - Transaction number - 24429294222','14563.jpg',0),(14553,117,27,'2025-04-07',0,'Bc44469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571)\r\n - Amount - $1,000.00 - Initiate on - Apr 4, 2025 - Estimated availability - Apr 7, 2025\r\n - Note to self - silver update - Transaction number - 24300158333','14553.jpg',0),(14554,106,27,'2025-04-04',-2292,'Trujillo Tree Service',0.00,1250.00,'chk 4/3/25 Leah trujillo 970-833-0375 \r\n\r\n4/1/25 - 5/1/25','14554.jpg',0),(14555,99,21,'2025-04-07',0,'Xcel Energy',17.46,0.00,'53-3673095-1\r\nConfirmation Number: 14187','14557.pdf',0),(14556,101,19,'2025-04-08',0,'Discount Tire',1496.38,0.00,'2016 tire replacement\r\n\r\n157603 4 LT275 /65 R18 123S E1 RWL @$324.00 \r\nBFG ALL TERRAIN T/A KO3','14556.pdf',0),(14557,98,21,'2025-04-15',0,'Xcel Energy',53.78,0.00,'53-0303897-5 HP\r\n\r\nNatural Gas Service 02/26/25 - 03/26/25 51 therms $53.78 55ccf','14557.pdf',0),(14558,98,21,'2025-04-15',0,'Xcel Energy',66.11,0.00,'53-3294798-7\r\n\r\nElectricity Service 02/25/25 - 03/26/25 481 kWh $66.11','14557.pdf',0),(14559,94,18,'2025-04-09',0,'Blue Host',95.88,0.00,'Order number: 1804352891\r\nDate: 9th April 2025\r\nBilling information: Steve Winter\r\nPayment details: Credit Card: xxxxxxxxxxxx2071\r\n\r\nRenewal of: SiteLock Essentials\r\nSOFTWAREWEBDESIGN.COM 1 year(s) 04/24/26','14559.jpg',0),(14560,117,27,'2025-04-10',0,'Bc44469',0.00,2000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $2,000.00 - Initiate on - Apr 9, 2025 - Estimated availability - Apr 10, 2025 - Note to self - low balances - Transaction number - 24351465434','14560.jpg',0),(14561,17,18,'2025-04-14',0,'MALWAREBYTES',139.98,0.00,'Your credit card (xxxxxxxxxxxxx2071) has been successfully authorized. NOTE: The charge on your credit card will appear as \"CBI*MALWAREBYTES.COM.\"\r\n\r\nsteve@sjwfarms.com\r\n\r\n4/14/2025 4/15/2025 CBI*MALWAREBYTES.COM Office & Shipping Sale $139.98','14561.pdf',0),(14562,125,21,'2025-04-04',0,'JM Bullion',945.00,0.00,'Order Status (ORD-6286606)\r\n3 - 10 oz SilverTowne Buffalo Silver Bar (New) - - $315.00 \r\n$945.00 -\r\n\r\nINV as today {83 - 100oz & 90-120 10oz bars}','14562.jpg',0),(14564,117,27,'2025-04-16',0,'Bank Of Colorado',4000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $4,000.00 - Initiate on - Apr 16, 2025 - Estimated availability - Apr 17, 2025 - Note to self - equalize account balances - Transaction number - 24429324728','14564.jpg',0),(14565,88,21,'2025-04-16',-4062154,'Chevron',0.00,118.09,'Chk 4062154 3/28/25','14565.pdf',0),(14566,127,27,'2025-04-22',0,'BANK OF COLORADO',364.34,0.00,'Your reference number is 113337195.\r\n03/12/2025 7.74%\r\n03/26/2025 7.74%\r\n04/07/2025 7.74%\r\n04/09/2025 7.74%\r\n.00021205(V) 61,101.02 14 181.39\r\n.00021205(V) 59,465.36 12 151.31\r\n.00021205(V) 56,475.36 2 23.95\r\n.00021205(V) 52,475.36 3 33.38\r\n-','14566.pdf',0),(14567,29,3,'2025-04-28',0,'Steve Winter',0.00,768.03,'reimburse for sprayer parts new sprayer','14567.jpg',0),(14568,99,21,'2025-05-02',0,'Xcel Energy',17.65,0.00,'53-3673095-1\r\nConfirmation Number: 52fb3\r\nmerged pdf\r\n\r\nMay 05, 2025 - XCEL ENERGY-PSCO XCELENERGY 00036730951 WEB ID: 7840296600 - ACH debit - $17.65 - $4,391.64','14568.pdf',0),(14569,98,21,'2025-05-02',0,'Xcel Energy',57.61,0.00,'53-3294798-7\r\n\r\nElectricity Service 03/26/25 - 04/24/25 380 kWh $57.61','14568.pdf',0),(14570,98,21,'2025-05-02',0,'Xcel Energy',41.51,0.00,'53-0303897-5 HP\r\n\r\nNatural Gas Service 03/26/25 - 04/24/25 33 therms 36ccf $41.51\r\n\r\nXCEL ENERGY-PSCO XCELENERGY 00003038975 TEL ID: 5840296600 - ACH debit -$41.51- $4,349.32 - -','14568.pdf',0),(14571,40,3,'2025-05-05',-2465,'Steve Winter',0.00,10000.00,'Hay Sales from JSW','14571.jpg',0),(14572,13,6,'2025-04-04',0,'Journey Church',1000.00,0.00,'tithes 10 - $100','14572.jpg',0),(14573,13,6,'2025-12-31',0,'Journey Church',2800.00,0.00,'02/02/2025 Cash Tithes/Offerings Tithe and Offerings $800.00 $800.00\r\n03/30/2025 Cash Tithes/Offerings Tithe and Offerings $1,000.00 $1,000.00\r\n05/25/2025 Cash Tithes/Offerings Tithe and Offerings $1,000.00 $1,000.00','14573.pdf',0),(14574,112,21,'2025-04-09',0,'Usda',0.00,5686.22,'itemize of 1099-G\r\nEMERGENCY COMMODITY ASSISTANCE PROGRAM ID: 090166858','14574.pdf',0),(14575,106,27,'2025-05-05',0,'Trujillo Tree Service',0.00,1250.00,'May 05, 2025 - OASIS TREE AND L BILL_PAY OASIS TREE AND - 1,250.00 8,800.48\r\n\r\n5/1/25 - 6/1/25','14575.jpg',0),(14576,56,19,'2025-04-22',0,'King Soopers',99.91,0.00,'Rx# 6264408\r\nBreo Ellipta 100-25 MCG INHALER @$99.91','14576.jpg',0),(14577,117,21,'2025-05-22',0,'Steve Winter',0.00,3000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - May 22, 2025 - Note to self - high balance - Transaction number - 24852246949','14577.jpg',0),(14578,117,27,'2025-05-22',0,'Bank Of Colorado',3000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $3,000.00 - Initiate on - May 22, 2025 - Estimated availability - May 23, 2025 - Note to self - None - Transaction number - 24852262788','14578.jpg',0),(14579,99,21,'2025-06-02',0,'Xcel Energy',17.50,0.00,'53-3673095-1\r\nConfirmation Number: a4344\r\nPayment Amount: $17.50','14579.pdf',0),(14580,117,25,'2025-05-26',0,'WHS',0.00,1000.00,'Transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - May 26, 2025 - Note to self - equalize balances - Transaction number - 24897694666','14580.jpg',0),(14581,98,21,'2025-05-28',0,'Xcel Energy',21.75,0.00,'53-0303897-5 HP\r\n\r\nNatural Gas Service 04/24/25 - 05/23/25 10 therms 11 ccf $21.75','14579.pdf',0),(14582,98,21,'2025-05-28',0,'Xcel Energy',45.24,0.00,'53-3294798-7\r\n\r\nElectricity Service 04/24/25 - 05/26/25 268 kWh $45.24','14579.pdf',0),(14583,117,21,'2025-06-03',0,'Steve Winter',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Jun 3, 2025 - Note to self - even out accounts - Transaction number - 24997163835','14583.jpg',0),(14584,4,18,'2025-06-09',0,'UCHEALTH',127.92,0.00,'Date:6/9/2025 - Authorization code:00556G - Payment amount - $127.92 - Account #102720422 - Payment method - Visa - VISA 2071 - x2071\r\n\r\nBlood work','14584.PDF',0),(14585,56,19,'2025-05-31',0,'King Soopers',99.91,0.00,'Rx# 6285684\r\nBreo Ellipta 100-25 MCG INHALER @$99.91\r\n\r\nRx# 6275143 180 - METFORMIN HCL 1000MG $0.00 06/18/25','14585.jpg',0),(14586,56,19,'2025-05-25',0,'King Soopers',15.00,0.00,'Rx# 6275141\r\n90 - fenofibrate 160 mg tablets $15.00\r\n\r\nRX#6275142\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $0.00','14586.jpg',0),(14587,104,19,'2025-06-20',0,'Sams 8147',44.04,0.00,'Pump 12\r\n 12.586 gal $3.499 premium','14587.jpg',0),(14588,117,25,'2025-06-26',0,'WHS',0.00,3000.00,'transfer from - BUS COMPLETE CHK (...1150) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $3,000.00 - Transfer date - Jun 26, 2025 - Note to self - balance reduction - Transaction number - 25260870126','14588.jpg',0),(14589,117,27,'2025-06-26',0,'BC 4469',2000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BC4469 (...4469) - Amount - $2,000.00 - Initiate on - Jun 26, 2025 - Estimated availability - Jun 27, 2025 - Note to self - equalize balances - Transaction number - 25260882752','14589.jpg',0),(14590,99,21,'2025-06-30',0,'Xcel Energy',17.43,0.00,'53-3673095-1\r\nConfirmation Number: f002b\r\nPayment Amount: $17.43','14590.pdf',0),(14591,98,21,'2025-07-10',0,'Xcel Energy',13.00,0.00,'53-0303897-5 HP\r\n\r\nNatural Gas Service 05/23/25 - 06/24/25 0 therms $13.00','14590.pdf',0),(14592,98,21,'2025-07-10',0,'Xcel Energy',35.68,0.00,'53-3294798-7\r\n\r\nElectricity Service 05/26/25 - 06/24/25 154 kWh $35.68','14590.pdf',0),(14593,127,27,'2025-06-01',0,'BANK OF COLORADO',725.00,0.00,'04/12/2025 7.740000 % 52,475.36 3 33.38\r\n04/15/2025 7.740000 % 48,485.36 7 71.97\r\n04/22/2025 7.740000 % 48,485.36 18 185.06\r\n\r\n05/10/2025 7.740000 % 48,485.36 12 123.37\r\n05/22/2025 7.740000 % 44,495.36 21 198.15\r\n\r\nmade 2 $4000 payments','14593.pdf',0),(14594,29,24,'2025-07-07',0,'Steve Winter',0.00,2888.73,'reimburse for farm repairs','14594.jpg',0),(14595,10,27,'2025-07-08',-1271,'Delmar Eickenberg',0.00,2835.00,'ditching 6/2025 and corn planting 15 acre','14595.jpg',0),(14596,127,27,'2025-07-08',0,'BANK OF COLORADO',3000.00,3000.00,'$3000 payment','14596.jpg',0),(14597,117,25,'2025-07-10',0,'WHS',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Jul 10, 2025 - Note to self - balance out - Transaction number - 25432772065','14597.jpg',0),(14598,29,3,'2025-07-14',-3723,'Steve Winter',0.00,8800.00,'reimburse for Tuff Shed and MX6000 canopy','14598.jpg',0),(14599,94,18,'2025-07-16',0,'Blue Host',37.17,0.00,'Order number: 1824365727\r\nCredit Card: xxxxxxxxxxxx2071\r\nFARMERSHELPVIDEOS.COM 1 year(s) 07/31/2026 $21.99\r\nDomain Privacy + Protection\r\nFARMERSHELPVIDEOS.COM 1 year(s) 07/31/2026 $15.00\r\nSubtotal: $36.99\r\nICANN Fee: $0.18\r\n$37.17','14599.jpg',0),(14600,66,18,'2025-07-21',0,'State Farm',282.44,0.00,'- Policy Number: - 556 5007-B01-06\r\n - Policy Details: - - 2016 FORD F150 PICKUP\r\n - Payment Method: - SWD2071 - VISA - 2071, (Preferred)\r\n - Payment Date: - 07/21/2025 - - Payment Amount: - $282.44 \r\n - Confirmation: - GU9C62G2 -','14600.jpg',0),(14601,117,10,'2025-07-24',0,'Jarrod Winter',5000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - CHASE COLLEGE (...8143) - Amount - $5,000.00 - Transfer date - Jul 24, 2025 - Note to self - jarrods cc - Transaction number - 25593973532','14601.jpg',0),(14602,106,27,'2025-08-01',0,'Trujillo Tree Service',0.00,1250.00,'8/1/25 - 9/1/25','14602.jpg',0),(14603,106,27,'2025-06-29',0,'Trujillo Tree Service',0.00,1250.00,'Jun 02, 2025 - OASIS TREE AND L BILL_PAY OASIS TREE AND - 1,250.00 9,050.48 - \r\n\r\n6/1/25 - 7/1/25','14603.jpg',0),(14604,106,27,'2025-07-01',0,'Trujillo Tree Service',0.00,1250.00,'Jul 01, 2025 - OASIS TREE AND L BILL_PAY OASIS TREE AND - 1,250.00 8,300.48 - \r\n\r\n7/1/25 - 8/1/25','14604.jpg',0),(14605,117,10,'2025-07-29',0,'Jarrod Winter',0.00,5000.00,'Transfer from - CHASE COLLEGE (...8143) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $5,000.00 - Transfer date - Jul 29, 2025 - Note to self - repay $5k loan - Transaction number - 25651366292','14605.jpg',0),(14606,94,18,'2025-07-03',0,'Blue Host',74.34,0.00,'2071,07/03/2025,07/04/2025,WEB*BLUEHOST.COM,Bills & Utilities,Sale,-74.34,','14606.jpg',0),(14607,127,27,'2025-07-11',0,'BANK OF COLORADO',266.99,7000.00,'06/12/2025 7.740000 % .00021205(V) 44,495.36 14 132.09\r\n06/26/2025 7.740000 % .00021205(V) 40,505.36 12 103.07\r\n07/08/2025 7.740000 % .00021205(V) 37,515.36 4 31.83','14607.pdf',0),(14608,99,21,'2025-08-04',0,'Xcel Energy',16.49,0.00,'53-3673095-1\r\nPayment Details - - Confirmation Number: - 347de - Payment Amount: - $16.49','14608.pdf',0),(14609,98,21,'2025-08-04',0,'Xcel Energy',35.68,0.00,'53-3294798-7','14608.pdf',0),(14610,98,21,'2025-08-04',0,'Xcel Energy',13.00,0.00,'53-0303897-5 HP','14608.pdf',0),(14611,101,19,'2025-08-01',0,'Pikes Auto Care',124.89,0.00,'DISPOSAL $6.50\r\n6 SYN530 FULL SYNTHETIC VALVOLINE 5W30 MOTOR OIL New $6.98\r\n.5 BRAKECLEAN2 AC DELCO BRAKE CLEAN SOLVENT New $7.59 $3.80\r\n1 7502MP Oil Filter - NAPA Gold - Master Pack New $9.69\r\n1 FIL 9883 Air Filter - NAPA Gold New $29.99','14611.pdf',0),(14612,112,21,'2025-08-05',0,'Pdc Energy',0.00,124.20,'Chk 40023578 7/28/25 \r\noil & gas','14612.pdf',0),(14613,117,24,'2025-08-07',0,'WHS',1000.00,0.00,'Transfer from - BUS COMPLETE CHK (...5571) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Aug 7, 2025 - Note to self - None - Transaction number - 25765746614','14613.jpg',0),(14614,117,27,'2025-08-07',0,'BC 4469',0.00,1000.00,'Transfer from - BC4469 (...4469) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Initiate on - Aug 7, 2025 - Estimated availability - Aug 8, 2025 - Note to self - 8075 cc - Transaction number - 25765780013','14614.jpg',0),(14615,119,21,'2025-08-07',0,'Steve Winter',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...1150) - Amount - $1,000.00 - Transfer date - Aug 7, 2025 - Note to self - None - Transaction number - 25765716492','14615.jpg',0),(14616,121,27,'2025-09-20',0,'Rain & Hail',4925.00,0.00,'Entry Date: -> Sep 20, 2025\r\nConfirmation No: -> 450239\r\nAmount: -> $4,925.00\r\nPayment Date: -> Sep 20, 2025\r\nBank: -> BANK OF COLORADO (####4469)','14616.pdf',0),(14617,103,18,'2025-08-28',0,'State Farm',280.76,0.00,'Policy Number: 157 0044-C02-06D\r\nPolicy Details: 2009 FORD MUSTANG 2DR\r\nPayment Method: SWD2071 - VISA - 2071\r\nPayment Date: 08/28/2025\r\nPayment Amount: $280.76\r\nConfirmation: H695L5KC','14617.pdf',0),(14618,36,19,'2025-08-16',0,'Ace Hardware',27.00,0.00,'gas hose to fix south propane tank. Copper line cracked\r\n\r\n2 tank hook up kit @44.99. used $20 reward','14632.pdf',0),(14619,117,21,'2025-08-22',0,'Steve Winter',0.00,1000.00,'Transfer from - TOTAL CHECKING (...6680) - Transfer to - BUS COMPLETE CHK (...5571) - Amount - $1,000.00 - Transfer date - Aug 22, 2025 - Note to self - low balance - Transaction number - 25942594420','14619.jpg',0),(14620,106,27,'2025-09-01',0,'Trujillo Tree Service',0.00,1250.00,'Aug 27, 2025 - OASIS TREE AND L BILL_PAY OASIS TREE AND - $1,250.00 $5,635.48\r\n9/1/25 - 10/1/25','14620.jpg',0),(14621,79,18,'2025-08-30',0,'Acasis',119.00,0.00,'Acasis 6-in-1 40Gbps SSD Case & Dock Compatible with Thunderbolt 3/4\r\nTBU405Plus-H\r\n\r\nhttps://www.acasis.com/','14621.pdf',0),(14622,94,18,'2025-08-12',0,'Blue Host',22.19,0.00,'WINDSORSEVERANCESTORAGE.COM 1 year(s) 08/27/2026 $21.99','14622.jpg',0),(14623,56,19,'2025-09-02',0,'King Soopers',15.00,0.00,'Rx# 6275141\r\n90 - fenofibrate 160 mg tablets $15.00\r\n\r\nRX#6275142\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $0.00','14623.jpg',0),(14624,127,27,'2025-08-01',0,'BANK OF COLORADO',239.64,3000.00,'From Rate (APR) Daily Balance Subject Interest\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n07/12/2025 7.740000 % .00021205(V) 37,515.36 20 159.10\r\n08/01/2025 7.740000 % .00021205(V) 34,529.08 11 80.54','14624.pdf',0),(14625,104,19,'2025-08-05',0,'King Soopers #104',51.24,0.00,'Pump 6\r\n 12.909 gal $3.969 premium','14625.pdf',0),(14626,104,19,'2025-08-05',0,'Pikes Auto Care',89.51,0.00,'.5 AC DELCO BRAKE CLEAN SOLVENT New $7.99 $4.00\r\n1 NAPA Gold Filters Oil Filter - NAPA Gold New $10.09 $10.09\r\n6 FULL SYNTHETIC VALVOLINE 5W20 MOTOR OIL New $6.67 $40.02','14626.pdf',0),(14627,99,21,'2025-09-04',0,'Xcel Energy',17.51,0.00,'53-3673095-1\r\nArea Lights 34 kWh $15.06 1 $15.06\r\nConfirmation Number: 5a5db\r\nPayment Amount: $17.51','14627.pdf',0),(14628,98,21,'2025-09-04',0,'Xcel Energy',38.53,0.00,'53-3294798-7\r\nElectricity Service 07/24/25 - 08/24/25 170 kWh $38.53','14627.pdf',0),(14629,98,21,'2025-09-04',0,'Xcel Energy',13.05,0.00,'53-0303897-5 HP\r\nNatural Gas Service 07/24/25 - 08/22/25 0 therms $13.05','14627.pdf',0),(14630,29,3,'2025-09-08',-2512,'Steve Winter',0.00,1327.19,'08-23,8 - 50# master links @$7.99\r\n08-06,1/4in X 4in NIPPLE GALVANIZED||hp lake pump grease\r\n08-06,Replace bearings top and bottom lake pump\r\n08-05,flat tire on front mx6000 tractor\r\n07-07,dog bumper 1840 baler shear bolts','14630.jpg',0),(14631,29,3,'2025-09-08',-2513,'Steve Winter',0.00,1174.58,'09-05,Chainsaw blade 16 \r\n08-28,acetylene bottle\r\n08-01,Pipe tap & die set \r\n07-12,3 Wire rack shelves by Gorilla\r\n06-19,Sprayer pump\r\n06-18,2 heavy duty pitch fork\r\n03-24,DUCK 5PK\r\n03-24,4 - Circle magnets \r\n03-24,Pick & hook set','14631.jpg',0),(14632,17,19,'2025-09-13',0,'Best Buy',288.92,0.00,'Samsung 4TB 990 Pro $269.99','14632.pdf',0),(14633,103,4,'2025-09-18',0,'WCCR',66.82,0.00,'license plates 2009 Ford Mustang.518TFW\r\nVIN: 1ZVHT82HX95123152\r\n\r\nYour confirmation number is 0-038-451-840.','14633.jpg',0),(14634,127,27,'2025-09-18',0,'BANK OF COLORADO',307.52,4000.00,'reference number is 119143677. -> SBA LOAN PROCEEDS XXXXXXX469 -> HELOC XXXXXXX894 -> Sep 18, 2025 -> Description -> principal interest\r\n\r\n08/12/2025 7.740000 % .00021205(V) 34,529.08 31 226.98','14634.pdf',0),(14635,40,27,'2025-09-19',-2515,'Steve Winter',0.00,10000.00,'Hay Sales from JSW','14635.jpg',0),(14636,117,27,'2025-09-23',0,'BC 4469',2000.00,0.00,'Transfer from -> BUS COMPLETE CHK (...5571)\r\nTransfer to -> BC4469 (...4469) -> Amount -> $2,000.00 -> Initiate on -> Sep 22, 2025\r\nEstimated availability -> Sep 23, 2025 -> Note to self -> None\r\nTransaction number -> 26293774360','14636.jpg',0),(14637,114,18,'2025-09-20',0,'State Farm',1896.00,0.00,'Policy Number: -> 86-GW-8837-3\r\nPolicy Details: -> HOMEOWNERS POLICY 9370 COUNTY ROAD 70\r\nPayment Method: -> SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: -> 09/20/2025 -> Payment Amount: -> $1,896.00\r\nConfirmation: -> HR9QV1S8','14637.pdf',0),(14638,114,18,'2025-09-20',0,'State Farm',547.00,0.00,'Policy Number: -> 86-G0-7448-3\r\nPolicy Details: -> PERSONAL LIABILITY UMBRELLA POLICY\r\nPayment Method: -> SWD2071 - VISA - 2071, (Preferred) -> Payment Date: -> 09/20/2025 -> Payment Amount: -> $547.00\r\nConfirmation: -> HR9QW1BK','14637.pdf',0),(14639,99,21,'2025-09-30',0,'Xcel Energy',17.69,0.00,'53-3673095-1\r\nPayment Details\r\n\r\nConfirmation Number: c8a3f\r\nPayment Amount: $17.69','14639.pdf',0),(14640,98,21,'2025-10-01',0,'Xcel Energy',38.53,0.00,'53-3294798-7\r\nElectricity Service 08/24/25 - 09/23/25 130 kWh $32.31','14639.pdf',0),(14641,98,21,'2025-10-02',0,'Xcel Energy',13.05,0.00,'53-0303897-5 HP\r\nNatural Gas Service 08/22/25 - 09/23/25 0 therms $13.05','14639.pdf',0),(14642,119,21,'2025-10-06',0,'Personal 6680',0.00,2000.00,'Transfer from > TOTAL CHECKING (...6680)\r\nTransfer to > BUS COMPLETE CHK (...1150)\r\nAmount > $2,000.00 > Transfer date > Oct 6, 2025\r\nNote to self > cc 7085 payment\r\nTransaction number > 26491158025 >','14642.jpg',0),(14643,112,21,'2025-10-06',0,'Usda',0.00,936.55,'itemize of 1099-G\r\nEMERGENCY COMMODITY ASSISTANCE PROGRAM ID: 0918988890','14643.pdf',0),(14644,12,21,'2025-10-08',0,'Anthem Carie',0.00,116.50,'chk 1104925705 refund','14644.pdf',0),(14645,106,27,'2025-10-01',0,'Trujillo Tree Service',0.00,1250.00,'Oct 01, 2025 > OASIS TREE AND L BILL_PAY OASIS TREE AND > 1,250.00 9,960.48','14645.jpg',0),(14646,36,21,'2025-10-25',0,'Agfinity',404.98,0.00,'Transaction Id: trn_5797494b-faf7-40af-9bc0-5510d42a5508\r\nPROPANE Upgrade\r\n09/30/25 T50023 INVOICE #150023 \r\nINTRA-COMPANY LABOR 1 $55.00 \r\nSERVICE LABOR 2 $110.00 $220.00 \r\nREGULATOR 1 $141.98 \r\nPROPANE PARTS 2 $18.46 $36.92','14646.pdf',0),(14647,127,27,'2025-10-20',0,'BANK OF COLORADO',194.31,3000.00,'Date on Advances Periodic Rate to Interest Rate Days Charge\r\n09/12/2025 7.740000 % .00021205(V) 34,529.08 6 43.93\r\n09/18/2025 7.740000 % .00021205(V) 30,836.60 23 150.38','14647.pdf',0),(14648,125,27,'2025-10-21',0,'JM Bullion',10634.40,0.00,'Order Number: ORD-6576103 > Your Estimated Ship Date is: 10/24/2025 - 10/27/2025 > Item Price Qty Subtotal > 2023 10 oz British Silver Maid Marian Coin (BU) > > $506.40 > > 21 > > $10,634.40 > Subtotal: > $10,634.40 > Shipping: > $0.00 > Sales ','14648.jpg',0),(14649,117,21,'2025-10-23',0,'6680',1000.00,0.00,'TOTAL CHECKING (...6680) > Transfer to > BUS COMPLETE CHK (...5571)\r\n > Amount > $1,000.00 > Transfer date > Oct 23, 2025 > Note to self > equalize accts\r\n > Transaction number > 26686587988','14649.jpg',0),(14650,4,18,'2025-10-23',0,'Nephrology Clinic',91.04,0.00,'Account Number : 106379314 > Transaction ID > 300799234 > Authorization Code > 08372G\r\n09/11/2025 99213 Office/Outpatient Established Low Mdm 20 $165.00 $91.04\r\n8053 Insurance Adjustment -$73.96','14650.pdf',0),(14651,106,27,'2025-11-01',0,'Trujillo Tree Service',0.00,1250.00,'Oct 31, 2025 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 $5,076.08','14651.jpg',0),(14652,99,21,'2025-11-05',0,'Xcel Energy',17.90,0.00,'53-3673095-1\r\nPayment Details > Confirmation Number: > a72f5 > Payment Amount: > $17.90 >','14652.pdf',0),(14653,98,21,'2025-11-01',0,'Xcel Energy',38.35,0.00,'53-3294798-7\r\nElectricity Service 09/23/25 - 10/22/25 197 kWh $38.35','14652.pdf',0),(14654,98,21,'2025-11-01',0,'Xcel Energy',24.30,0.00,'53-0303897-5 HP\r\nNatural Gas Service 09/23/25 - 10/24/25 13 therms $24.30','14652.pdf',0),(14655,6,19,'2025-11-01',0,'Home Depot',10.66,0.00,'electric timer & plug end male for space heater','14655.pdf',0),(14656,117,21,'2025-11-04',0,'6680',0.00,1000.00,'Transfer from > TOTAL CHECKING (...6680) > Transfer to > BUS COMPLETE CHK (...5571) > Amount > $1,000.00 > Transfer date > Nov 4, 2025 > Note to self > cc 2071 payment > Transaction number > 26844498659 >','14656.jpg',0),(14657,117,27,'2025-11-25',0,'BC 4469',0.00,1000.00,'Transfer from > BC4469 (...4469) > Transfer to > BUS COMPLETE CHK (...5571) > Amount > $1,000.00 > Initiate on > Nov 25, 2025 > Estimated availability > Nov 26, 2025 > Note to self > low balance > Transaction number > 27090492043','14657.jpg',0),(14658,17,18,'2025-03-12',0,'Smallpdf',120.00,0.00,'Smallpdf Desktop Yearly Subscription\r\n3/12/2025 3/13/2025 SMALLPDF Office & Shipping Sale $120.00','14658.pdf',0),(14659,127,27,'2025-11-19',0,'BANK OF COLORADO',218.13,2000.00,'ref# 115465375. \r\n\r\n10/11 7.74% - .00021205(V) - $30,836.60 09 $58.85 - \r\n10/20 7.74% - .00021205(V) - $28,030.91 01 $5.94 - \r\n10/21 7.74% - .00021205(V) - $35,530.91 11 $82.87 - \r\n11/01 7.24% - .00019835(V) - $35,530.91 10 $70.47 -','14659.pdf',0),(14660,125,27,'2025-11-24',0,'JM Bullion',221.52,0.00,'2 oz Silver Coins >$110.76 >2 >$221.52 >','14660.jpg',0),(14661,29,3,'2025-11-26',-2521,'Steve Winter',0.00,716.39,'Gasoline to fill 2016 F150 3/25 - 11/25','14661.jpg',0),(14662,29,3,'2025-11-26',-2522,'Steve Winter',0.00,1173.89,'agsense, rubber gloves, drip oil, sharp stones and ect','14662.jpg',0),(14663,40,27,'2025-11-26',-2523,'Steve Winter',0.00,10000.00,'Hay Sales from JSW','14663.jpg',0),(14664,117,27,'2025-11-28',0,'BC 4469',0.00,4000.00,'Transfer from > BC4469 (...4469) > Transfer to > BUS COMPLETE CHK (...5571)\r\n > Amount > $4,000.00 > Initiate on > Nov 26, 2025 > Estimated availability > Nov 28, 2025\r\n > Note to self > WHS cc > Transaction number > 27104100123\r\n\r\ndocs -STEVE WINTER\r\nAccount Number ending in 8598','14664.pdf',0),(14665,117,25,'2025-11-29',0,'WHS',3500.00,0.00,'$3,500.00 to your BUS COMPLETE CHK (...1150) account. Transfer from > BUS COMPLETE CHK (...5571) > Transfer to > BUS COMPLETE CHK (...1150) > Nov 29, 2025 > Note to self > cc 086 > Transaction number > 27134586786\r\n\r\ndocs - statement 2730044469','14665.pdf',0),(14666,12,21,'2025-12-30',0,'Anthem Carie',482.79,0.00,'Form 1095-A
\r\n21 January $892.50 $1057.45 $731.66\r\n22 February $892.50 $1057.45 $731.66\r\n23 March $892.50 $1057.45 $731.66','14666.pdf',0),(14681,94,18,'2025-12-15',0,'Rockythemes',39.00,0.00,'creativo theme\r\n\r\n2d02a6c4a10c8593d393998a5c0b0d37 license key','14681.pdf',0),(14667,17,1,'2025-12-31',0,'ASCENTBB INTERNET',960.00,0.00,'12/18/2025 -85\r\n11/18/2025 -85\r\n10/18/2025 -85\r\n9/18/2025 -85\r\n8/18/2025 -85\r\n7/18/2025 -85\r\n6/18/2025 -85\r\n5/18/2025 -85\r\n4/18/2025 -70\r\n3/18/2025 -70\r\n2/18/2025 -70\r\n1/18/2025 -70\r\n\r\ndocs - Medicatre increase 2026 to $1426.00','14667.pdf',0),(14668,83,27,'2025-12-31',0,'Bank Of Colorado',3583.13,0.00,'form 1098
\r\nMortgage Interest Statement','14668.pdf',0),(14669,13,18,'2025-12-30',0,'CAMPUS MINISTRIES OF FOUNDATIONS CHURCH',600.00,0.00,'2025 Charitable Contribution Receipt||Tax ID# 81-3948288','14669.pdf',0),(14670,34,4,'2025-12-30',0,'Chase Bank',180.00,0.00,'','14670.jpg',0),(14680,94,18,'2025-09-25',0,'Blue Host',37.19,0.00,'Order: 1838811587 > Date: 25th September 2025 > Credit Card: 2071 > JESUSLOVESHUMOR.COM 1 year(s) 10/10/2026 $21.99 > Renewal of: Domain Privacy + Protection > 1 year(s) 10/10/2026 $15.00 > Subtotal: $36.99 > ICANN Fee: $0.20','14680.pdf',0),(14671,133,21,'2025-12-30',0,'Coinbase',0.00,0.00,'','14671.jpg',0),(14679,94,18,'2025-12-11',0,'Blue Host',22.19,0.00,'Order number: 1855114420 > Date: 11th December 2025 > Billing information: Steve Winter > Payment details: Credit Card: xxxxxxxxxxxx2071 > HEMPDBASE.COM 1 year(s) 12/26/2026 $21.99 > Subtotal: $21.99 > ICANN Fee: $0.20','14679.pdf',0),(14672,13,18,'2025-12-31',0,'ISREAL LIVES MINISTRIES',492.00,0.00,'12/30/2025 -41.00\r\n11/30/2025 -41.00\r\n10/30/2025 -41.00\r\n9/30/2025 -41.00\r\n8/30/2025 -41.00\r\n7/30/2025 -41.00\r\n6/30/2025 -41.00\r\n5/30/2025 -41.00\r\n4/30/2025 -41.00\r\n3/30/2025 -41.00\r\n2/28/2025 -41.00\r\n1/30/2025 -41.00','14672.pdf',0),(14678,56,19,'2025-11-27',0,'King Soopers',15.00,0.00,'Rx# 6275141\r\n90 - fenofibrate 160 mg tablets $15.00\r\n\r\nRX#6275142\r\n90 - LISINOPRIL-HCTZ 20-25 MG TAB $0.00','14678.jpg',0),(14673,128,21,'2025-12-31',0,'SSA Treas 310',0.00,19011.00,'STEVE\r\nFORM SSA-1099 - SOCIAL SECURITY BENEFIT STATEMENT','14673.pdf',0),(14674,41,21,'2025-12-31',0,'XCEL Energy',1697.65,0.00,'12/19/2025 $141.02\r\n11/17/2025 ($144.36)\r\n10/17/2025 ($144.25)\r\n8/18/2025 ($192.56)\r\n7/18/2025 ($162.51)\r\n6/18/2025 ($140.13)\r\n5/21/2025 ($134.56)\r\n4/18/2025 ($148.29)\r\n3/20/2025 ($159.94)\r\n2/18/2025 ($165.78)\r\n1/17/2025 ($164.25)','14674.jpg',0),(14677,12,21,'2025-12-30',0,'Anthem Steve',2317.80,0.00,'Form 1095-A
','14677.jpg',0),(14675,13,18,'2025-12-30',0,'AG NATIONAL OFFICE',206.00,0.00,'12/20/2025 12/22/2025 AG NATIONAL OFFICE Gifts & Donations Sale -51.50\r\n11/20/2025 11/23/2025 AG NATIONAL OFFICE Gifts & Donations Sale -51.50\r\n10/21/2025 10/23/2025 AG NATIONAL OFFICE Gifts & Donations Sale -51.50\r\n9/25/2025 9/28/2025 AG NATIONAL OFFICE Gifts & Donations Sale -51.50','14675.jpg',0),(14676,128,21,'2025-12-30',0,'SSA Treas 310',0.00,7552.00,'Form SSA-1099 Social Security benefits statement CARIE\r\n12/10/2025 $944.00\r\n11/12/2025 $944.00 \r\n10/8/2025 $944.00 \r\n8/13/2025 $944.00 \r\n7/9/2025 $944.00 \r\n6/11/2025 $944.00 \r\n5/14/2025 $944.00 \r\n4/9/2025 $944.00','14676.jpg',0),(14682,127,27,'2025-12-22',0,'BANK OF COLORADO',210.35,3000.00,'reference number is 114923232. > Template > Open transfer > From account > SBA LOAN PROCEEDS XXXXXXX469 > To account > HELOC XXXXXXX894 > Date > Dec 22, 2025 > Amount > Regular payment of $3,000.00\r\n\r\n11/11/2025 7.240000 % .00019835(V) $35,530.91 8 $56.38\r\n11/19/2025 7.240000 % .00019835(V) $33,749.04 23 $153.97','14682.pdf',0),(14683,99,21,'2025-12-22',0,'Xcel Energy',36.75,0.00,'53-3673095-1\r\nPayment Details > 2 months > Confirmation Number: > 16cc6 > Payment Amount: > $36.75 >','14683.pdf',0),(14684,98,21,'2025-12-07',0,'Xcel Energy',55.87,0.00,'53-3294798-7\r\nElectricity Service 10/22/25 - 11/20/25 350 kWh $55.87','14683.pdf',0),(14685,98,21,'2025-12-12',0,'Xcel Energy',48.54,0.00,'53-0303897-5 HP\r\nNatural Gas Service 10/24/25 - 11/20/25 41 therms 44ccf $48.54','14683.pdf',0),(14686,122,18,'2025-12-24',0,'Colorado Secretary Of State',25.00,0.00,'Name Software Web Design, LLC\r\nSOS ID # 20051025806\r\nDate & time 12/24/2025 05:01 PM\r\nTransaction Periodic report\r\nDocument # 20258395246\r\nThis number is unique to the Secretary of State\'s office.\r\nPayment type VISA\r\nLast 4 digits on card 2071\r\nAmount $25.00','14686.pdf',0),(14687,6,19,'2025-12-27',0,'Lowes',34.93,0.00,'Transaction # : 656936042 \r\nOrder # : 201812361251434435 \r\nOrder Date : 12/27/25 13:03:11 \r\n__________________________\r\nStair rail\r\nBRASS HANDRAIL BRACKET $32.64 \r\nItem #: 37433 3 @ 10.88 \r\nInvoice 98864 Subtotal $ 32.64 \r\nSubtotal $ 32.64 \r\nTotal Tax $ 2.29 \r\nTotal $ 34.93','14687.pdf',0),(14688,88,21,'2025-12-31',0,'Chevron',0.00,372.07,'contains 1099-MISC
\r\nRoyalties','14688.pdf',0),(14689,66,18,'2026-01-14',0,'State Farm',253.87,0.00,'Policy Number: 556 5007-B01-06\r\nPolicy Details: 2016 FORD F150 PICKUP\r\n\r\nPayment Method: SWD2071 - VISA - 2071, (Preferred)\r\nPayment Date: 01/14/2026\r\n\r\nPayment Amount: $253.87\r\n\r\nConfirmation: KD9VH1TV','14689.pdf',0),(14690,106,27,'2025-12-01',0,'Trujillo Tree Service',0.00,1250.00,'Dec 29, 2025 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 $6,354.56 > \r\nDec 22, 2025 > principal & interest > $3,000.00 $5,104.56 > \r\nDec 01, 2025 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 $8,104.56 >','14690.jpg',0),(14691,106,27,'2025-12-29',0,'Trujillo Tree Service',0.00,1250.00,'Dec 29, 2025 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 $6,354.56 > \r\nDec 22, 2025 > principal & interest > $3,000.00 $5,104.56 > \r\nDec 01, 2025 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 $8,104.56 >','14691.jpg',0),(14692,98,21,'2026-01-04',0,'Xcel Energy',90.02,0.00,'53-3294798-7\r\nElectricity Service 11/20/25 - 12/23/25 671 kWh $90.02','14693.pdf',0),(14693,98,21,'2026-01-04',0,'Xcel Energy',122.96,0.00,'53-0303897-5 HP\r\nNatural Gas Service 11/20/25 - 12/23/25 127 therms 137 ccf $122.96','14693.pdf',0),(14694,6,19,'2026-01-17',0,'Ace Hardware',10.64,0.00,'replaced Toilet flapper seal only\r\nAmerican Standard Champion 4 4-in black Plastic Flush valve assembly for American Standard','14694.jpg',0),(14695,112,21,'2025-12-31',0,'Pdc Energy',0.00,123.07,'Chk 40054435 12/24/25 \r\noil & gas','14695.pdf',0),(14696,112,10,'2026-12-30',0,'WESTERA',133.48,133.48,'Chk 40054435 12/24/25 \r\noil & gas','14696.jpg',0),(14697,6,19,'2025-01-05',0,'POULSEN ACE HARDWARE',79.10,0.00,'floor fan for laundry room\r\n01/02/2025,01/05/2025,POULSEN ACE HARDWARE,Repair & Maintenance,Sale,-79.10,','14697.jpg',0),(14698,132,19,'2025-12-31',0,'Breeze Thru Windsor',322.00,0.00,'LICENSE BSC262\r\nRFID Tag #958262256\r\n\r\n12/7/2025 -27\r\n11/7/2025 -27.00\r\n10/7/2025 -27\r\n9/7/2025 -27\r\n8/7/2025 -27\r\n7/7/2025 -27\r\n6/7/2025 -27\r\n5/7/2025 -27\r\n4/7/2025 -27\r\n3/7/2025 -27\r\n2/7/2025 -27\r\n1/7/2025 -25\r\n -322','14698.jpg',0),(14699,101,19,'2025-12-31',0,'Breeze Thru Windsor',228.00,0.00,'12/16/2025 -19\r\n11/16/2025 -19\r\n9/16/2025 -19\r\n8/16/2025 -19\r\n7/16/2025 -19\r\n6/16/2025 -19\r\n5/16/2025 -19\r\n4/16/2025 -19\r\n3/16/2025 -19\r\n2/16/2025 -19\r\n1/16/2025 -19\r\n10/16/2025 -19\r\n -228','14699.jpg',0),(14700,6,19,'2025-06-06',0,'POULSEN ACE HARDWARE',1074.33,0.00,'Replace home swamp cooler\r\n6/6/2025 6/8/2025 POULSEN ACE HARDWARE & G Repair & Maintenance Sale -1074.33','14700.jpg',0),(14701,108,19,'2025-06-21',0,'Verizon',233.04,0.00,'cell phone replacement for 970-231-5854\r\n6/21/2025 6/23/2025 RUSSELL CELLULAR WINDSOR Office & Shipping Sale -233.04','14701.jpg',0),(14702,104,19,'2025-11-01',0,'Sams 4470',31.44,0.00,'premium','14702.jpg',0),(14703,17,18,'2025-05-02',0,'Digitary',62.14,0.00,'Video software by XVid suite','14703.jpg',0),(14704,17,18,'2025-09-24',0,'Dropbox',119.88,0.00,'9/24/2025 9/25/2025 DROPBOX*DJS7Z43JVXXN Bills & Utilities Sale -119.88','14704.jpg',0),(14705,94,18,'2025-12-16',0,'ROCKYTHEMES',39.00,0.00,'12/16/2025 ROCKYTHEMES AGENCY SRL Office & Shipping Sale -39.00 repair Keep Colorado Free website running\r\n\r\ndocs - AG missions\r\nWesterra\r\nmultiple data breach','14705.pdf',0),(14706,127,27,'2026-01-20',0,'BANK OF COLORADO',183.62,3000.00,'From Rate (APR) Daily Balance Subject Interest\r\nDate on Advances Periodic Rate to Interest Rate Days Charge\r\n12/12/2025 7.240000 % .00019835(V) $33,749.04 10 $66.94\r\n12/22/2025 7.240000 % .00019835(V) $30,959.39 19 $116.68','14706.pdf',0),(14707,4,21,'2025-12-31',0,'Comprehensive In Surance Ag',548.00,0.00,'8/26/2025 ($94.75) \r\n7/28/2025 ($94.75) \r\n6/24/2025 ($59.75) \r\n5/27/2025 ($59.75) \r\n4/24/2025 ($59.75) \r\n3/25/2025 ($59.75) \r\n2/25/2025 ($59.75) \r\n1/24/2025 ($59.75) ($548.00)','14707.jpg',0),(14708,132,25,'2026-01-21',0,'WCCR',356.28,0.00,'2019 Ford\r\nESRV-VHC-RNW Plate Number: CTFB57\r\n\r\nYour confirmation number is 0-040-253-538.','14708.jpg',0),(14709,101,27,'2026-01-21',0,'WCCR',51.92,0.00,'2016 Ford\r\nESRV-VHC-RNW Plate Number: BSC262\r\n\r\nYour confirmation number is 0-040-265-393.','14709.jpg',0),(14710,119,21,'2026-01-25',0,'Checking 6680',0.00,1000.00,'Transfer from > TOTAL CHECKING (...6680) > Transfer to > BUS COMPLETE CHK (...1150)\r\nAmount > $1,000.00 > Transfer date > Jan 25, 2026\r\nNote to self > whs insurance > Transaction number > 27825343677','14710.jpg',0),(14711,13,6,'2025-12-31',0,'Journey Church',950.00,0.00,'07/13/2025 Tithes $50.00 $50.00\r\n07/20/2025 Tithes $100.00 $100.00\r\n07/27/2025 Tithes $500.00 $500.00\r\n08/17/2025 Tithes $60.00 $60.00\r\n08/31/2025 Tithes $50.00 $50.00\r\n09/21/2025 Tithes $40.00 $40.00\r\n10/19/2025 Tithes $50.00 $50.00\r\n11/02/2025 Tithes $40.00 $40.00\r\n12/07/2025 Tithes $60.00 $60.00','14711.pdf',0),(14712,36,4,'2026-01-26',0,'Agfinity',746.97,0.00,'Payment Success > Transaction Id: > trn_80b45719-d3b5-4a63-962f-41e98b1c1d18\r\n\r\nP206100 PROPANE > 357.4000 GAL > $2.09000/gal > $746.97','14712.jpg',0),(14713,123,21,'2025-12-31',0,'LegalShield',559.68,0.00,'12/15/2025 $10.98\r\n12/15/2025 $39.9\r\n11/17/25 $10.98\r\n11/17/25 $39.90\r\n10/17/25 $10.98\r\n10/17/25 $39.90\r\n8/15/25 $10.98\r\n8/15/25 $39.90\r\n7/18/25 $10.98\r\n7/18/25 $39.90\r\n6/16/25 $10.98\r\n6/16/25 $39.90\r\n5/16/25 $10.98\r\n5/16/25 $39.90\r\n4/18/25 $10.98\r\n4/18/25 $39.90\r\n3/17/25 $10.98\r\n3/17/25 $39.90\r\n2/18/25 $10.98\r\n2/18/25 $39.90\r\n1/17/25 $10.98\r\n1/17/','14713.jpg',0),(14714,13,18,'2026-12-31',0,'Foundations Church Inc',50.00,0.00,'','14714.pdf',0),(14715,99,21,'2026-02-02',0,'Xcel Energy',18.63,0.00,'53-3673095-1\r\nConfirmation Number: 06982\r\nPayment Amount: $18.63','14715.pdf',0),(14716,98,21,'2026-02-03',0,'Xcel Energy',164.34,0.00,'53-0303897-5 HP\r\nNatural Gas Service 12/23/25 - 01/26/26 170 therms $164.34 183 ccf','14715.pdf',0),(14717,98,21,'2026-02-04',0,'Xcel Energy',102.77,0.00,'53-3294798-7\r\nElectricity Service 12/23/25 - 01/26/26 735 kWh $102.77','14715.pdf',0),(14718,40,27,'2026-02-04',-2545,'Steve Winter',0.00,10000.00,'Hay Sales from JSW\r\n\r\ndocs - On 02/01/2026 your interest rate changed from 7.240000 % to 6.990000 %. The old interest rate was based on an index value of 7.000000 %.\r\nThe new interest rate is based on an index value of 6.750000 % plus a rate adjuster of .240000 %.','14718.pdf',0),(14719,16,27,'2026-03-11',0,'Weld County',6284.30,0.00,'WELD COUNTY 22.038 (6.082) $1,234.21\r\nSCHOOL DIST RE4-WINDSOR 46.646 $4,069.86\r\nNORTHERN COLORADO WATER 1 $77.35\r\nWINDSOR-SEVERANCE FIRE 8.535 $660.19\r\nAIMS JUNIOR COLLEGE 6.313 $488.31\r\nCLEARVIEW LIBRARY 3.54600 $274.28\r\nWEST GREELEY CONSERVATION 0.414 $32.02\r\n LEVY = 82.41 $6,836.22\r\nSENNET EXEMPTION $551.92\r\n\r\nConfirmation Number: BM6HQQ3TA','14719.pdf',0),(14720,117,21,'2026-02-03',0,'WHS',0.00,1000.00,'Transfer from > TOTAL CHECKING (...6680) > Transfer to > BUS COMPLETE CHK (...5571) > Amount > $1,000.00 > Transfer date > Feb 3, 2026 > Note to self > update balance > Transaction number > 27940291903 >','14720.jpg',0),(14721,54,21,'2025-12-31',0,'Usda',0.00,6622.77,'EMERGENCY COMMODITY ASSISTANCE PROGRAM ID: 0918988890','14721.pdf',0),(14722,127,27,'2026-02-27',0,'BANK OF COLORADO',187.66,0.00,'01/10/2026 - 7.240000 - .00019835(V) - 30,959.39 - 10 - $61.40\r\n01/20/2026 - 7.240000 - .00019835(V) - 28,143.01 - 12 - $66.98 \r\n02/01/2026 - 6.990000 - .00019150(V) - 28,143.01 - 11 - $59.28\r\n\r\n SBA LOAN PROCEEDS XXXXXXX469 > HELOC XXXXXXX894 > Date > Feb 27, 2026 > Regular payment of $3,000.00 \r\n reference number is 118698284.','14722.pdf',0),(14723,117,24,'2026-02-23',0,'WHS',0.00,1000.00,'Transfer from > BUS COMPLETE CHK (...1150) > Transfer to > BUS COMPLETE CHK (...5571) > Amount > $1,000.00 > Transfer date > Feb 23, 2026 > Note to self > low balance > Transaction number > 28182495420','14723.jpg',0),(14724,117,27,'2026-02-23',0,'BC 4469',0.00,3000.00,'Transfer from > BC4469 (...4469) > Transfer to > BUS COMPLETE CHK (...5571) > Amount > $3,000.00 > Initiate on > Feb 24, 2026 > Estimated availability > Feb 25, 2026 > Note to self > cc payments > Transaction number > 28182757516 >','14724.jpg',0),(14725,94,18,'2026-02-23',0,'Blue Host',89.38,0.00,'Renewal of: domain .ONLINE\r\nDOUBLEBOXEQUIPMENT.ONLINE 1 year(s) 03/10/2027 $49.99\r\nRenewal of: domain .COM\r\nDOUBLEBOXEQUIPMENT.COM 1 year(s) 03/10/2027 $23.99\r\nRenewal of: Domain Privacy + Protection\r\nDOUBLEBOXEQUIPMENT.ONLINE 1 year(s) 03/10/2027 $15.00\r\nSubtotal: $88.98\r\nICANN Fee: $0.40\r\nTotal: $89.38','14725.jpg',0),(14726,94,18,'2026-02-24',0,'Blue Host',74.38,0.00,'JESUSOVERGANGS.COM 1 year(s) 03/11/2027 $21.99\r\nGODOVERGANGS.COM 1 year(s) 03/11/2027 $21.99\r\nRenewal of: Domain Privacy + Protection\r\nJESUSOVERGANGS.COM 1 year(s) 03/11/2027 $15.00\r\nRenewal of: Domain Privacy + Protection\r\nGODOVERGANGS.COM 1 year(s) 03/11/2027 $15.00\r\nSubtotal: $73.98\r\nICANN Fee: $0.40','14726.jpg',0),(14727,94,18,'2026-02-01',0,'Blue Host',37.19,0.00,'Order number: 1865926072\r\n\r\n Description \r\nSJWFARMS.COM 1 year(s) 02/16/2027 $21.99\r\nRenewal of: Domain Privacy + Protection\r\nSJWFARMS.COM 1 year(s) 02/16/2027 $15.00\r\nSubtotal: $36.99\r\nICANN Fee: $0.20\r\nTax: $0.00\r\nTotal: $37.19','14727.jpg',0),(14728,94,18,'2026-01-28',0,'Blue Host',95.88,0.00,'Order number: 1865124415\r\nRenewal of: SiteLock Essentials\r\nSOFTWAREWEBSECURE.COM 1 year(s) 02/12/2027 $95.88\r\nSubtotal: $95.88\r\nTax: $0.00\r\nTotal: $95.88','14728.jpg',0),(14729,112,27,'2026-02-27',0,'Coinbase',10000.00,0.00,'Reference code YDWURVHFDC \r\nPayment method Cash (USD) \r\nDate and time 2026/02/28 12:58 PST \r\nAmount 0.14512918 BTC \r\nPrice @ $67,568.29 / BTC \r\nSubtotal $9,806.13 \r\nCoinbase fee $183.87 \r\nTotal $9,990.00','14729.jpg',0),(14730,112,27,'2026-01-27',0,'Coinbase',11.00,0.00,'Reference code S3DEGGXQDV \r\nPayment method XRP Wallet \r\nDate and time 2026/02/25 04:06 PST \r\nAmount 0.01573964 BTC \r\nPrice @ 0.0000206595421601 BTC / XRP \r\nSubtotal 761.8581224112215295 XRP \r\nCoinbase fee $11.00 \r\nTotal 769.553659 XRP','14730.jpg',0),(14731,103,18,'2026-03-03',0,'State Farm',269.70,0.00,'Policy Number:157 0044-C02-06D\r\nPolicy Details:2009 FORD MUSTANG 2DR\r\n\r\nPayment Method:VISA - VISA - 1066, (Preferred)\r\nPayment Date:03/03/2026\r\n\r\nPayment Amount:$269.70\r\n\r\nConfirmation:LF9RC9X5','14731.pdf',0),(14732,94,18,'2026-02-28',0,'Blue Host',22.19,0.00,'Order number: 1871837087\r\nDate: 28th February 2026 \r\n\r\nRenewal of: domain .COM\r\nHELPDBASE.COM 1 year(s) 03/15/2027 $21.99\r\nSubtotal: $21.99\r\nICANN Fee: $0.20\r\nTax: $0.00\r\nTotal: $22.19','14732.jpg',0),(14733,54,21,'2026-03-03',0,'Usda',0.00,6937.90,'FBA | Farmer Bridge Assistance Program\r\nAPPLICATION ID 1403381\r\nRECORDING STATE Colorado (08)\r\nRECORDING COUNTY Weld (123)\r\nAll records from Program Year 2025 1 CORN 156.4','14733.pdf',0),(14734,99,21,'2026-03-10',0,'Xcel Energy',18.67,0.00,'53-3673095-1\r\nConfirmation Number: 1d26f','14734.pdf',0),(14735,40,27,'2026-03-11',0,'Steve Winter',0.00,20000.00,'Hay Sales from JSW','14735.jpg',0),(14736,14,24,'2026-03-11',1537,'Odricil & Meis CPA',845.00,0.00,'2025 tax preparation','14736.pdf',0),(14737,16,25,'2026-03-11',1538,'United States Treasury',2423.00,0.00,'Federal Taxes & tax returns','14737.pdf',0),(14738,106,27,'2026-03-02',0,'Trujillo Tree Service',0.00,1250.00,'march rent\r\nMar 02, 2026 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 > \r\nJan 30, 2026 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 >','14738.jpg',0),(14739,106,27,'2026-01-30',0,'Trujillo Tree Service',0.00,1250.00,'Feb rent\r\nMar 02, 2026 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 > \r\nJan 30, 2026 > OASIS TREE AND L BILL_PAY OASIS TREE AND > $1,250.00 >','14739.jpg',0);
/*!40000 ALTER TABLE `transactions` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `vendors`
--
DROP TABLE IF EXISTS `vendors`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `vendors` (
`vendorid` mediumint(9) NOT NULL AUTO_INCREMENT,
`vendor` varchar(50) NOT NULL,
`pay_by` varchar(50) NOT NULL,
PRIMARY KEY (`vendorid`)
) ENGINE=MyISAM AUTO_INCREMENT=64 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `vendors`
--
LOCK TABLES `vendors` WRITE;
/*!40000 ALTER TABLE `vendors` DISABLE KEYS */;
INSERT INTO `vendors` VALUES (44,'Bluehost Softwax','4246315472141066'),(45,'dropbox','4246315119712071'),(46,'Town Of Windsor','4246315457200986'),(47,'Waste Management WHS','4246315457200986'),(48,'Bluehost Warmhugs','4246315472141066'),(49,'Century Link Hair Shop','153791150'),(50,'Waste Management Business','3781002393'),(51,'Smallpdf','4246315472141066'),(52,'BREEZE THRU - 2016','4246315155888991'),(53,'BREEZE THRU - 2019','4246315155888991'),(54,'Campus Ministries Of Foundations','4246315119712071'),(55,'ISRAEL LIVES MINISTRIES','4246315119712071'),(56,'AG NATIONAL OFFICE Warrens','cash'),(57,'WELLCARE','4246315472141066'),(58,'STATE FARM INSURANCE','4246315472141066'),(59,'Xcell Energy','125286680'),(60,'Agsense','4147202182313070'),(61,'Ascent Broadband','4147202182313070'),(62,'Bullion Brother','4246315119712071'),(63,'Malwarebytes','4246315472141066');
/*!40000 ALTER TABLE `vendors` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `water_shares`
--
DROP TABLE IF EXISTS `water_shares`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `water_shares` (
`shareid` smallint(6) NOT NULL AUTO_INCREMENT,
`share_name` varchar(50) NOT NULL,
`shares` decimal(4,1) NOT NULL,
`days_estimated_office` tinyint(4) NOT NULL,
`calc_days` decimal(4,2) NOT NULL,
PRIMARY KEY (`shareid`)
) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `water_shares`
--
LOCK TABLES `water_shares` WRITE;
/*!40000 ALTER TABLE `water_shares` DISABLE KEYS */;
INSERT INTO `water_shares` VALUES (1,'Terry Lake winter LOIS',8.0,28,0.25),(2,'Terry Lake winter',2.0,28,0.25),(3,'WINDSOR RESERVOIR winter LOIS',4.0,26,0.50),(4,'WINDSOR RESERVOIR winter',3.0,26,0.50),(5,'WINDSOR RESERVOIR ROBERT HETTINGER',2.0,26,0.50),(6,'River Dividend',2.0,0,0.50);
/*!40000 ALTER TABLE `water_shares` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `water_used`
--
DROP TABLE IF EXISTS `water_used`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `water_used` (
`waterid` mediumint(9) NOT NULL AUTO_INCREMENT,
`date` date NOT NULL,
`gate10` decimal(6,1) NOT NULL,
`gate11` decimal(6,1) NOT NULL,
`gate12` decimal(6,1) NOT NULL,
`gate04` decimal(6,1) NOT NULL,
`river` tinyint(4) NOT NULL,
`comment` varchar(255) NOT NULL,
PRIMARY KEY (`waterid`)
) ENGINE=MyISAM AUTO_INCREMENT=651 DEFAULT CHARSET=latin1;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `water_used`
--
LOCK TABLES `water_used` WRITE;
/*!40000 ALTER TABLE `water_used` DISABLE KEYS */;
INSERT INTO `water_used` VALUES (1,'2015-06-24',2.5,0.0,0.0,0.0,1,'1st for 2015 (7 in rain to this point)'),(2,'2015-06-25',2.5,0.0,0.0,0.0,1,'alfalfa'),(3,'2015-06-26',2.5,0.0,1.5,0.0,1,'fill pivot pond start pivot'),(4,'2015-06-27',0.0,0.0,1.5,0.0,1,'star 0.82 in'),(5,'2015-06-28',0.0,0.0,1.5,0.0,1,'switch 0.65 in then 0.92 after pivot road'),(6,'2015-06-29',2.5,0.0,0.0,0.0,1,''),(7,'2015-06-30',2.5,1.5,0.0,0.0,1,'start gated pipe'),(8,'2015-07-01',2.5,1.5,0.0,0.0,1,'2nd day gated'),(9,'2015-07-02',2.5,1.5,0.0,0.0,1,'finish alfalfa start sw corner'),(10,'2015-07-03',2.5,1.5,0.0,0.0,1,'work on plastic sev07'),(11,'2015-07-04',0.0,0.0,1.5,0.0,1,'2nd pivot use rain 0.3'),(12,'2015-07-05',0.0,0.0,1.5,0.0,1,'2nd pivot use'),(13,'2015-07-06',2.5,0.0,0.0,0.0,0,'start reservoir run'),(14,'2015-07-07',2.5,0.0,0.0,0.0,0,''),(15,'2015-07-08',2.5,0.0,0.0,0.0,0,'Rain 0.4 order out'),(16,'2015-07-15',2.0,1.0,0.5,0.0,0,'No pivot numerous piss ass rain during period.'),(17,'2015-07-13',1.5,0.0,0.0,0.0,0,'for the gated pipe.'),(18,'2015-07-14',1.0,0.5,0.0,0.0,0,'for the gated pipe.'),(19,'2015-07-17',2.0,0.5,1.5,0.0,0,'Water drop pivot going'),(20,'2015-07-16',2.0,0.5,1.5,0.0,0,'pivot going .81 inches'),(21,'2015-07-20',2.0,0.0,1.5,0.0,0,'no rain this week'),(22,'2015-07-21',2.0,2.0,1.5,0.0,0,'pivot tgoing until 1am'),(23,'2015-07-22',2.0,2.0,1.5,0.0,0,'gated pipe'),(24,'2015-07-23',2.0,0.0,1.5,0.0,0,'gated pipe'),(25,'2015-07-24',0.0,0.0,0.0,0.0,0,'gated pipe. misunderstood water order.'),(26,'2015-07-25',0.0,0.0,2.0,0.0,0,'pivot'),(27,'2015-07-26',0.0,0.0,2.0,0.0,0,'pivot'),(28,'2015-07-27',2.0,0.0,2.0,0.0,0,'pivot'),(29,'2015-07-28',2.0,0.0,2.0,0.0,0,'pivot'),(30,'2015-07-29',2.0,0.0,2.0,0.0,0,'pivot'),(31,'2015-07-30',2.0,0.0,2.0,0.0,0,'pivot'),(32,'2015-07-31',2.0,0.0,2.0,0.0,0,'pivot Friday night .91 inches'),(33,'2015-08-01',0.0,1.0,1.0,0.0,0,'Alfalfa irrigation'),(34,'2015-08-02',0.0,0.0,2.0,0.0,0,'Alfalfa irrigation'),(35,'2015-08-03',3.0,1.0,0.0,0.0,0,'Alfalfa irrigation'),(36,'2015-08-04',3.0,1.0,0.0,0.0,0,'Alfalfa irrigation'),(37,'2015-08-05',3.0,1.0,0.0,0.0,0,'Piss ass rains only'),(38,'2015-08-06',2.0,1.0,2.0,0.0,0,'Pivot on 1.0 inch'),(39,'2015-08-07',2.0,0.0,2.0,0.0,0,'Pivot on 1.0 inch out weekend'),(40,'2015-08-11',2.0,1.0,0.0,0.0,0,'dry spray corn'),(41,'2015-08-10',2.0,1.0,0.0,0.0,0,'monday rain 0.4 inches'),(42,'2015-08-12',2.0,1.0,0.0,0.0,0,'dry'),(43,'2015-08-13',2.0,1.0,2.0,0.0,0,'Pivot 0.58 in'),(44,'2015-08-14',0.0,0.0,2.0,0.0,0,'Pivot 0.58 in'),(45,'2015-08-15',0.0,0.0,2.0,0.0,0,'Pivot 0.58 in'),(46,'2015-08-16',0.0,0.0,2.0,0.0,0,'Pivot 0.58 in'),(47,'2015-08-17',2.0,1.5,1.5,0.0,0,'Pivot 0.58 in rain 0.5 in. W pump off.'),(48,'2015-08-18',2.0,1.5,1.5,0.0,0,'Pivot 0.58'),(49,'2015-08-19',2.0,1.0,0.0,0.0,0,'Pivot off'),(50,'2015-08-20',2.0,1.0,0.0,0.0,0,'Pivot off out Fri, Sat, Sun'),(51,'2015-08-24',2.0,0.5,1.5,0.0,0,'Pivot 0.58 in'),(52,'2015-08-25',2.0,1.0,1.0,0.0,0,''),(53,'2015-08-26',2.0,1.5,2.0,0.0,0,''),(54,'2015-08-27',2.0,0.0,0.0,0.0,0,'Pivot 0.58 in off. Water out Friday .'),(55,'2015-08-31',2.0,0.5,1.0,0.0,0,'Pivot 0.58 start'),(56,'2015-09-01',2.0,1.0,1.5,0.0,0,'Pivot 0.58 start'),(57,'2015-09-02',2.0,1.0,1.5,0.0,0,'Pivot 0.58 off wed afternoon.'),(58,'2015-09-03',2.5,0.0,0.0,0.0,0,''),(59,'2015-09-04',2.5,0.0,0.0,0.0,0,''),(60,'2016-06-13',3.0,0.0,0.0,0.0,1,'1st day old hay'),(61,'2016-06-14',3.0,0.0,0.0,0.0,1,'Old hay night set'),(62,'2016-06-15',3.0,0.0,0.0,0.0,1,'New alf day old night'),(63,'2016-06-16',3.0,0.0,0.0,0.0,1,'New hay day'),(64,'2016-06-17',3.0,0.0,1.0,0.0,1,'Pivot start partial run. All alfafa gate 10'),(65,'2016-06-18',1.5,0.0,1.5,0.0,1,'Full pivot. 5in add N'),(66,'2016-06-19',1.5,0.0,1.5,0.0,1,'Full pivot. 5in no N 2nd time. Pit corn irrigation'),(67,'2016-06-20',3.0,0.0,1.5,0.0,1,'Pivot all day 0.5. All alfafa gate 10'),(68,'2016-06-21',2.0,1.0,0.0,0.0,1,'Pivot off. All alfafa gate 10. Start gated pipe'),(69,'2016-06-22',2.0,2.0,0.0,0.0,1,'Corn & young seed, gated pipe'),(70,'2016-06-23',1.5,2.0,1.5,0.0,1,'Start pivot 0.5 afternoon, gated pipe'),(71,'2016-06-28',1.5,1.5,0.0,0.0,1,'Pivot off. Started 4th revolution, gated pipe'),(72,'2016-06-27',0.0,1.5,1.5,0.0,1,'3rd revolution, NW CORNER'),(73,'2016-06-26',0.0,0.0,1.5,0.0,1,'2nd revolution'),(74,'2016-06-25',0.0,0.0,1.5,0.0,1,'2nd revolution'),(75,'2016-06-24',1.5,2.0,1.5,0.0,1,'1st revolution, gated pipe'),(76,'2016-06-29',1.5,1.5,0.0,0.0,1,'Pivot off. pit corn & gated pipe'),(77,'2016-06-30',0.0,0.0,0.0,0.0,0,'gated pipe & pond corners'),(78,'2016-07-01',0.0,0.0,1.5,0.0,0,'Start pivot 0.5 in.'),(79,'2016-07-02',0.0,0.0,1.5,0.0,0,'pivot 0.5 in.'),(80,'2016-07-03',0.0,0.0,1.5,0.0,0,'pivot 0.5 in. 2nd revolution'),(81,'2016-07-04',0.0,0.0,1.5,0.0,0,'pivot 0.5 in. 3rd revolution'),(82,'2016-07-05',1.5,1.0,0.0,0.0,0,'pivot off. sw corner & nw corner'),(83,'2016-07-06',1.5,1.0,0.0,0.0,0,'pivot off. sw corner & nw corner'),(84,'2016-07-07',1.5,1.0,0.0,0.0,0,'pivot off. sw corner & nw corner'),(85,'2016-07-08',1.5,1.0,0.0,0.0,0,'pivot off. sw corner & nw corner'),(86,'2016-07-09',0.0,0.0,1.5,0.0,0,'pivot on .61'),(87,'2016-07-10',0.0,0.0,1.5,0.0,0,'pivot on .61'),(88,'2016-07-11',0.0,1.0,0.0,0.0,0,'Pivot off. gated pipe'),(89,'2016-07-12',1.5,1.0,0.0,0.0,0,'Pivot off. 12 hrs on 12hrs, gated pipe, pit field'),(90,'2016-07-13',1.5,1.0,0.0,0.0,0,'Pivot off. 12 hrs on 12hrs, gated pipe, pit field'),(91,'2016-07-14',1.5,1.0,0.0,0.0,0,'Pivot off. 12 hrs on 12hrs, gated pipe, pit field'),(92,'2016-07-15',0.0,0.0,1.5,0.0,0,'Pivot on 0.61'),(93,'2016-07-16',0.0,0.0,1.5,0.0,0,'Pivot on 0.61'),(94,'2016-07-17',0.0,0.0,1.5,0.0,0,'Pivot on 0.61'),(95,'2016-07-18',3.5,1.0,0.0,0.0,0,'Pivot off alfalfa start, SW corner, some pit fiel'),(96,'2016-07-19',3.5,1.5,0.0,0.0,0,'Pivot off alfalfa start, SW corner, some pit fiel'),(97,'2016-07-20',3.5,1.5,1.5,0.0,0,'Pivot on.6 alfalfa start, SW corner, some pit'),(98,'2016-07-21',3.5,1.5,1.5,0.0,0,'Pivot on.6 alfalfa start, SW corner, some pit'),(99,'2016-07-22',3.0,1.5,1.5,0.0,0,'Pivot on.61alfalfa start, SW corner, some pit'),(100,'2016-07-23',0.0,0.0,1.5,0.0,0,'Pivot on.61, gated pipe'),(101,'2016-07-24',0.0,0.0,1.5,0.0,0,'Pivot on.71, gated pipe'),(102,'2016-07-25',3.5,1.5,0.0,0.0,0,'Pivot off alfalfa start, SW corner, some pit'),(103,'2016-07-26',3.5,1.5,0.0,0.0,0,'Pivot off new alfalfa finish, gated pipe'),(104,'2016-07-27',3.5,1.5,0.0,0.0,0,'Pivot off, old alfalfa, gated pipe'),(105,'2016-07-28',2.0,0.0,1.5,0.0,0,'Pivot on .71 alfalfa done'),(106,'2016-07-29',2.0,0.0,1.5,0.0,0,'Pivot on .71 alfalfa done'),(107,'2016-07-30',0.0,0.0,1.5,0.0,0,'Pivot on .71 alfalfa done'),(108,'2016-07-31',0.0,0.0,1.5,0.0,0,'Pivot on .71 alfalfa done'),(109,'2016-08-01',1.5,1.5,0.0,0.0,0,'Pivot off, NW corner'),(110,'2016-08-02',0.0,1.5,0.0,0.0,0,'Pivot off, gated pipe'),(111,'2016-08-03',0.0,1.5,0.0,0.0,0,'Pivot off, gated pipe'),(112,'2016-08-04',0.0,0.0,1.5,0.0,0,'Pivot on .71'),(113,'2016-08-05',0.0,0.0,1.5,0.0,0,'Pivot on .71 18 hr only ditch went out'),(114,'2016-08-08',1.5,0.0,1.5,0.0,0,'Pivot on .71'),(115,'2016-08-09',2.0,2.0,0.0,0.0,0,'Pivot off, SW corner, gated pipe & pit field'),(116,'2016-08-10',2.0,2.0,1.5,0.0,0,'Pivot on 0.71 , SW corner, NW corner & pit field'),(117,'2016-08-11',2.0,2.0,1.5,0.0,0,'Pivot on 0.71, SW corner, gated pipe & pit field'),(118,'2016-08-15',0.0,1.5,0.0,0.0,0,'Pivot off, NE corner'),(119,'2016-08-16',0.0,1.5,0.0,0.0,0,'Pivot off NE corner'),(120,'2016-08-17',0.0,1.5,2.0,0.0,0,'Pivot on 0.71, gated pipe'),(121,'2016-08-18',0.0,1.5,2.0,0.0,0,'Pivot on 0.71, gated pipe. Water off'),(122,'2016-08-22',1.5,0.0,0.0,0.0,0,'Pivot off. Pit field some SW corner'),(123,'2016-08-23',1.5,0.0,0.0,0.0,0,'Pivot off. Pit field some SW corner'),(124,'2016-08-24',1.5,0.0,0.0,0.0,0,'Pivot off. Pit field some SW corner. all water off'),(125,'2016-08-29',3.0,0.0,0.0,0.0,0,'Pivot off. SW alfalfa'),(126,'2016-08-30',3.0,0.0,0.0,0.0,0,'Pivot off. SW alfalfa'),(127,'2016-08-31',3.0,0.0,2.0,0.0,0,'Pivot on 0.65in & SW alfalfa'),(128,'2016-09-01',0.0,0.0,2.0,0.0,0,'Pivot on 0.65in LAST IRRIGATION'),(129,'2017-06-10',3.0,0.0,0.0,0.0,1,'new hay morning old hay night'),(130,'2017-06-11',3.0,0.0,0.0,0.0,1,'new hay morning old hay night'),(131,'2017-06-12',3.0,0.0,0.0,0.0,1,'new hay morning old hay night'),(132,'2017-06-13',3.0,0.0,0.0,0.0,1,'new hay morning old hay night'),(133,'2017-06-14',3.0,0.0,0.0,0.0,1,'new hay morning old hay night'),(134,'2017-06-15',3.0,0.0,0.0,0.0,1,'new hay morning old hay night'),(135,'2017-06-16',3.0,1.0,1.5,0.0,1,'Pivot on 12pm'),(136,'2017-06-17',0.0,1.5,1.5,0.0,1,''),(137,'2017-06-18',0.0,1.5,1.5,0.0,1,'Pivot off am on pm gated pipe'),(138,'2017-06-19',3.0,0.0,0.0,0.0,1,'Pivot off am on pm gated pipe'),(139,'2017-06-20',3.0,0.0,0.0,0.0,1,'Pivot off am on pm young seed, gated pipe'),(140,'2017-06-21',3.0,0.0,0.0,0.0,1,'Pivot off young seed'),(141,'2017-06-22',0.0,1.5,1.5,0.0,1,'Pivot on 0.6in, pond gated pipe'),(142,'2017-06-23',0.0,1.5,1.5,0.0,1,'Pivot on corner nw'),(143,'2017-06-24',0.0,0.0,1.5,0.0,1,'Pivot on'),(144,'2017-06-25',0.0,0.0,1.5,0.0,1,'Pivot on 0.61'),(145,'2017-06-26',2.5,0.0,0.0,0.0,0,'Pivot off west ditch\r\n 177 days water declared more yet to come.'),(146,'2017-05-31',3.0,0.0,0.0,0.0,1,'flood came next day 4in rain'),(147,'2017-06-30',0.0,0.0,1.5,0.0,0,'Pivot on 0.61'),(148,'2017-07-03',0.0,0.0,1.5,0.0,0,'Pivot on pm only 0.61'),(149,'2017-07-04',0.0,0.5,1.0,0.0,0,'Pivot on am only 0.61'),(150,'2017-07-05',0.0,0.5,1.5,0.0,0,'Pivot on 0.61'),(151,'2017-07-06',3.0,0.5,1.5,0.0,0,'Pivot on am only 0.7 in'),(152,'2017-07-07',0.0,0.5,1.5,0.0,0,'Pivot on 0.7 in'),(153,'2017-07-10',0.0,0.5,1.5,0.0,0,'Pivot on 0.8 in'),(154,'2017-07-11',0.0,0.5,1.5,0.0,0,'Pivot on 0.5 in'),(155,'2017-07-12',0.0,0.5,1.5,0.0,0,'Pivot on 0.6 in. Finish gated pipe'),(156,'2017-07-13',0.0,0.5,1.5,0.0,0,'Pivot on 0.6 in. modular field'),(157,'2017-07-14',0.0,0.5,0.0,0.0,0,'Pivot off. Pivot Pond gated pipe.'),(158,'2017-07-17',3.0,1.5,0.0,0.0,0,'Young seeding am old alfalfa pm, gated pipe'),(159,'2017-07-18',3.0,1.5,1.5,0.0,0,'Young seeding am old alfalfa pm, gated pipe, pivot'),(160,'2017-07-19',3.0,1.5,1.5,0.0,0,'Young seeding am old alfalfae, pivot 0.5in N applied'),(161,'2017-07-20',3.0,1.5,1.5,0.0,0,'Young seeding am old alfalfa pm, pivot 0.5in. All gated pipes taking lots of water.'),(162,'2017-07-21',3.0,1.0,1.5,0.0,0,'old alfalfa, pivot 0.5in, set SW pivot corner 1pm. Decided to skip new alfalfa north side. N application finished.'),(163,'2017-07-24',0.0,1.5,2.0,0.0,0,'pivot 0.6in,\r\nEast gated pipe last two sets'),(164,'2017-07-25',0.0,2.0,1.5,0.0,0,'pivot 0.61in 180deg CW\r\nEast gated pipe South End and by Barn'),(165,'2017-07-26',0.0,2.0,1.5,0.0,0,'pivot 0.61in,\r\nAm modular home gated pipe \r\nEast gated pipe South End set 2'),(166,'2017-07-27',0.0,1.5,2.0,0.0,0,'rainfall 0.2in\r\npivot 0.61in,\r\nEast gated pipe South End set 4-5\r\nout until Monday.'),(167,'2017-07-31',3.0,1.5,0.0,0.0,0,'SW corner of pivot set\r\npivot off\r\n5 rows north set on\r\nEast gated pipe South End set 6'),(168,'2017-08-01',0.0,1.5,2.0,0.0,0,'pivot 0.61in,\r\nEast gated pipe South End set 8-9'),(169,'2017-08-02',0.0,1.5,2.0,0.0,0,'rainfall 0.15in\r\npivot 0.61in,\r\nModular home AM, East gated pipe north End last set PM'),(170,'2017-08-03',0.0,1.5,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 1\r\n8/10 1.2in rain\r\n8/8 1.5in combined rain total 2.7in'),(171,'2017-08-21',0.0,1.0,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 2-3'),(172,'2017-08-22',0.0,1.0,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 4-5'),(173,'2017-08-23',0.0,1.5,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 5-6'),(174,'2017-08-24',0.0,2.0,2.0,0.0,0,'pivot 0.61in, \r\nModular am pond pipe pm'),(175,'2017-08-25',0.0,1.5,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 7-8'),(176,'2017-08-26',0.0,0.0,2.0,0.0,0,'pivot 0.61in'),(177,'2017-08-27',0.0,0.0,2.0,0.0,0,'pivot 0.61in'),(178,'2017-08-28',3.0,1.5,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 1-2\r\nOld alfalfa short rows'),(179,'2017-08-29',3.0,1.5,2.0,0.0,0,'pivot 0.61in, \r\nEast gated pipe South End set 2-3\r\nOld alfalfa long rows south side 2nd day.'),(180,'2017-08-30',3.0,1.5,0.0,0.0,0,'pivot off\r\nEast gated pipe South End set 4-5\r\nSwest corner of pivot.'),(181,'2017-08-31',0.0,1.5,0.0,0.0,0,'pivot off\r\nEast gated pipe South End set 5-6'),(182,'2017-09-05',0.0,1.5,2.0,0.0,0,'pivot on 0.5\r\nEast gated pipe South End set 7 back to 1'),(183,'2017-09-06',0.0,1.5,2.0,0.0,0,'pivot on 0.6\r\nEast gated pipe South End set 2 -3'),(184,'2017-09-07',0.0,2.0,2.0,0.0,0,'pivot on 0.6\r\nModular home corner'),(185,'2017-09-08',0.0,2.0,2.0,0.0,0,'pivot on 0.6\r\nEast gated pipe split north and middle.'),(186,'2018-05-30',0.0,0.0,2.0,0.0,1,'pivot on 0.35 inches new end gun'),(187,'2018-05-31',0.0,0.0,2.0,0.0,1,'pivot on 0.35 inches new end gun'),(188,'2018-06-04',2.5,0.0,0.0,0.0,1,'pivot off. Sev 08 new gated pipe'),(189,'2018-06-05',2.5,0.0,0.0,0.0,1,'pivot off. Sev 08 new gated pipe and 35 acre Alfalfa field'),(190,'2018-06-06',2.5,0.0,0.0,0.0,1,'pivot off. Sev 08 new gated pipe and 35 acre Alfalfa field'),(191,'2018-06-07',2.5,0.0,1.5,0.0,1,'pivot off. Sev 08 new gated pipe and 35 acre Alfalfa field and East gated pipe'),(192,'2018-06-08',2.5,0.0,1.5,0.0,1,'pivot on 0.45 chem pump on. Sev 08 new gated pipe and 35 acre Alfalfa field and East gated pipe'),(193,'2018-06-09',2.5,0.0,2.0,0.0,1,'pivot on chem on. Sev 08 new gated pipe and 35 acre Alfalfa field and East gated pipe'),(194,'2018-06-10',2.5,1.5,2.0,0.0,1,'pivot on 0.65. Sev 08 new gated pipe and 35 acre Alfalfa field and nw corner am only'),(195,'2018-06-11',2.5,0.0,2.0,0.0,1,'pivot off. Sev 08 new gated pipe and finish 35 acre Alfalfa field and sev08'),(196,'2018-06-12',2.5,0.0,2.0,0.0,1,'pivot off. Sev 08 new gated pipe and sev08'),(197,'2018-06-13',2.5,0.0,2.0,0.0,1,'pivot on 0.65. Sev 08 new gated pipe and sev08'),(198,'2018-06-14',0.0,1.5,2.0,0.0,1,'pivot on 0.65. Sev 06'),(199,'2018-06-15',0.0,1.5,2.0,0.0,1,'pivot on 0.65. Pivot pond am modular pm water out'),(200,'2018-06-27',2.0,0.0,0.0,0.0,0,'pivot off\r\nSev08 gated pipe short rows\r\nswest corner'),(201,'2018-06-28',2.0,0.0,2.0,0.0,0,'pivot off \r\nSev08 gated\r\nEast gated pipe 1st set'),(202,'2018-06-29',0.0,1.0,2.0,0.0,0,'pivot 0.65\r\nEast gated pipe'),(203,'2018-06-30',0.0,1.0,2.0,0.0,0,'pivot 0.65\r\nEast gated pipe'),(204,'2018-07-01',0.0,1.0,2.0,0.0,0,'pivot 0.65\r\nPond gated pipe am\r\nTbox pm'),(205,'2018-07-02',0.0,1.5,1.5,0.0,0,'pivot 0.65\r\nModular gated am\r\nTbox pm\r\nWater off tomorrow'),(206,'2018-07-06',2.0,0.0,0.0,0.0,0,'pivot off\r\nSev08 gated pipe long rows'),(207,'2018-07-07',0.0,0.0,2.0,0.0,0,'pivot 0.55 chem pump on 323 degree'),(208,'2018-07-08',0.0,0.0,2.0,0.0,0,'pivot 0.55 chem pump on'),(209,'2018-07-09',2.0,0.0,0.0,0.0,0,'pivot off pm chem pump off @midnight pivot on am only restarted after turning chem pump off.\r\nSev08'),(210,'2018-07-10',0.0,1.5,2.0,0.0,0,'pivot off chem pump off \r\nNW corner am\r\nGated pipe east pm pivot 0.65 on pm'),(211,'2018-07-11',0.0,1.5,2.0,0.0,0,'pivot on 0.65\r\nGated pipe east\r\n135 days here'),(212,'2018-07-12',0.0,1.5,2.0,0.0,0,'pivot on 0.65\r\nGated pipe east'),(213,'2018-07-13',0.0,0.0,2.0,0.0,0,'pivot on 0.65'),(214,'2018-07-17',2.0,2.0,0.0,0.0,0,'pivot off\r\nNwest corner am\r\nAlfalfa am corn pm'),(215,'2018-07-18',2.0,2.0,0.0,0.0,0,'pivot off\r\neast gated\r\nAlfalfa am corn pm'),(216,'2018-07-19',2.0,2.0,0.0,0.0,0,'pivot 0.65 pm\r\neast gated\r\nAlfalfa am corn pm'),(217,'2018-07-20',2.0,0.0,2.0,0.0,0,'pivot 0.65 \r\neast gated cap off\r\nAlfalfa am corn pm'),(218,'2018-07-21',0.0,0.0,2.0,0.0,0,'pivot on 0.65'),(219,'2018-07-22',0.0,0.0,2.0,0.0,0,'pivot on 0.65'),(220,'2018-07-23',2.0,0.0,2.0,0.0,0,'pivot on 0.65\r\nAlfalfa am & pm'),(221,'2018-07-24',2.0,0.0,0.0,0.0,0,'pivot off \r\nAlfalfa am & corn pm'),(222,'2018-07-25',2.0,0.0,0.0,0.0,0,'pivot off \r\nCorn field water out'),(223,'2018-08-03',0.0,0.0,2.0,0.0,0,'pivot on 0.5in p.m.\r\nEast gated pipe am'),(224,'2018-08-04',0.0,0.0,2.0,0.0,0,'pivot on 0.5in \r\nEast gated pipe 3 rows'),(225,'2018-08-05',0.0,0.0,2.0,0.0,0,'pivot on 0.5in \r\nEast gated pipe 3 rows'),(226,'2018-08-06',2.0,0.0,2.0,0.0,0,'pivot on 0.50\r\nSec 08 some East pipe'),(227,'2018-08-07',2.0,0.0,2.0,0.0,0,'pivot on 0.50\r\nSec 08 some East pipe'),(228,'2018-08-08',2.0,0.0,2.0,0.0,0,'pivot on 0.50\r\nSec 08 some East pipe'),(229,'2018-08-09',2.0,0.0,2.0,0.0,0,'pivot on 0.50\r\nPivot pond and modular home'),(230,'2018-08-13',0.0,0.0,2.5,0.0,0,'pivot on 0.5in \r\nEast gated pipe'),(231,'2018-08-14',0.0,0.0,2.5,0.0,0,'pivot on 0.5in \r\nEast gated pipe'),(232,'2018-08-15',0.0,0.0,2.5,0.0,0,'pivot on 0.5in \r\nEast gated pipe'),(233,'2018-08-16',0.0,0.0,2.5,0.0,0,'pivot on 0.5in \r\nEast gated pipe'),(234,'2018-08-17',0.0,0.0,2.5,0.0,0,'pivot on 0.5in \r\nEast gated pipe'),(235,'2018-08-20',2.0,0.0,0.0,0.0,0,'pivot off \r\nCorn field south'),(236,'2018-08-21',2.0,0.0,0.0,0.0,0,'pivot off \r\nCorn field south'),(237,'2018-08-22',0.0,0.0,2.5,0.0,0,'pivot on 0.5in pm\r\nModular am gated pm'),(238,'2018-08-23',0.0,0.0,2.5,0.0,0,'pivot on 0.5in pm\r\nModular am gated pm'),(239,'2018-08-24',0.0,0.0,2.5,0.0,0,'pivot on 0.5in pm\r\nModular am gated pm'),(240,'2018-08-27',0.0,0.0,2.5,0.0,0,'pivot on 0.5in pm\r\ngated pipe'),(241,'2018-08-28',2.0,0.0,2.5,0.0,0,'pivot on 0.50\r\neast gated'),(242,'2018-08-29',2.0,0.0,2.5,0.0,0,'pivot on 0.50\r\neast gated'),(243,'2018-08-30',0.0,0.0,2.5,0.0,0,'pivot on 0.5in pm\r\npivot pond am gated pipe pm'),(244,'2019-06-08',1.5,0.0,0.0,0.0,1,'Dumped planting hemp'),(245,'2019-06-09',1.5,0.0,0.0,0.0,1,'planting hemp started at noon with water'),(246,'2019-06-10',0.0,1.5,0.0,0.0,1,'Pivot 3pm .25 in'),(247,'2019-06-11',0.0,1.5,0.0,0.0,1,'Pivot 0.25 in'),(248,'2019-06-12',0.0,1.5,0.0,0.0,1,'Pivot 0.25 in shut off at night'),(249,'2019-06-15',2.5,0.0,0.0,0.0,1,'Starting to irrigate the Alfalfa field what is pump had to be rewired from fried wires'),(250,'2019-06-14',2.5,0.0,0.0,0.0,1,'irrigate the Alfalfa field'),(251,'2019-06-16',2.5,0.0,0.0,0.0,1,'Alfalfa field sev08'),(252,'2019-06-17',2.5,0.0,0.0,0.0,1,'Alfalfa field sev08'),(253,'2019-06-18',2.5,0.0,0.0,0.0,1,'Alfalfa field sev08 try irrigating Severance 08 but got rained out and didn\'t do a very good job setting gated pipe and evening'),(254,'2019-06-19',2.5,0.0,0.0,0.0,1,'Alfalfa field sev08'),(255,'2019-06-20',2.5,0.0,0.0,0.0,1,'Alfalfa field sev08'),(256,'2019-06-21',2.5,0.0,0.0,0.0,1,'SEVO8'),(257,'2019-07-01',0.0,2.0,0.0,0.0,1,'EAST GATED PIPE'),(258,'2019-07-02',2.0,2.0,2.0,0.0,1,'Hemp am and\r\nEAST GATED PIPE and modular pipe am pivot pond gated evening\r\nPivot 0.4in at 260 degree chem pump on'),(259,'2019-07-03',2.0,0.0,2.5,0.0,1,'EAST GATED PIPE pipe overflow\r\nPivot 0.4in at 312 degree chem pump off 600 gallon used\r\nUpped to0.5 inch at 4pm'),(260,'2019-07-04',0.0,0.0,2.5,0.0,1,'EAST GATED PIPE pipe overflow\r\nPivot 0.5in'),(261,'2019-07-05',0.0,0.0,2.5,0.0,1,'EAST GATED PIPE pipe last set barn side evening\r\nPivot 0.5in\r\nGoing out over the weekend David is made almost three revolutions'),(262,'2019-07-08',2.0,0.0,0.0,0.0,1,'Hemp swest corner and sev08'),(263,'2019-07-09',2.0,0.0,0.0,0.0,1,'sev08 and 1st 8 pivot rows'),(264,'2019-07-10',0.0,2.0,0.0,0.0,1,'modular gated pipe am\r\nEnd river water 51 days'),(265,'2019-07-11',0.0,0.0,1.5,0.0,0,'Pivot 0.5 in'),(266,'2019-07-12',0.0,0.0,2.5,0.0,0,'Pivot 0.5 in and east gated pipe'),(267,'2019-07-13',0.0,0.0,2.5,0.0,0,'Pivot 0.5 in and east gated pipe'),(268,'2019-07-14',0.0,0.0,2.5,0.0,0,'Pivot 0.5 in and east gated pipe'),(269,'2019-07-15',0.0,0.0,2.5,0.0,0,'Pivot 0.5 in and east gated pipe'),(270,'2019-07-16',2.0,1.0,0.0,0.0,0,'east gated pipe\r\nHemp\r\nSouth corn'),(271,'2019-07-17',2.0,1.0,0.0,0.0,0,'east gated pipe\r\nSouth corn'),(272,'2019-07-18',2.0,1.0,2.0,0.0,0,'east gated pipe\r\nSouth corn\r\nPivot 0.5 chemp pump on'),(273,'2019-07-19',2.0,0.0,2.0,0.0,0,'Alfalfa am and pm\r\nPivot 0.5 chemp pump off at dusk.'),(274,'2019-07-20',0.0,0.0,2.0,0.0,0,'Pivot 0.5 in'),(275,'2019-07-21',0.0,0.0,2.0,0.0,0,'Pivot 0.5 in'),(276,'2019-07-23',2.0,2.0,0.0,0.0,0,'Alfalfa am and pm\r\nSouth end of East gated pipe'),(277,'2019-07-22',2.0,2.0,0.0,0.0,0,'Alfalfa am and pm\r\nModular am pivot pond pm'),(278,'2019-07-24',2.0,1.0,0.0,0.0,0,'Alfalfa am and pm\r\n East gated pipe set 2 & 3'),(279,'2019-07-25',2.0,1.0,0.0,0.0,0,'Alfalfa am and pm\r\n East gated pipe set\r\nDeclarations have increased and are as follows (as of 7/19/2019):\r\n• LWRC = 25 days or cfs/right (4 shares = 1 rt)\r\n• WRCC = 25 days or cfs/right (2 shares = 1 rt)\r\n• CBT – 70%'),(280,'2019-07-26',2.0,0.0,2.0,0.0,0,'Corn swest corner and sev08 \r\nPivot 0.25 chemp pump off at 311 degrees'),(281,'2019-07-27',0.0,0.0,2.0,0.0,0,'Pivot 0.25 chemp pump onf at 311 degrees at 9:30 am off and empty 4pm 0.4in at 7pm'),(282,'2019-07-28',0.0,0.0,2.0,0.0,0,'Pivot 0.4 chemp pump on'),(283,'2019-07-29',2.0,0.0,2.0,0.0,0,'Pivot 0.5\r\nHemp corn pm'),(284,'2019-07-30',0.0,1.5,0.0,0.0,0,'Modular am\r\nPivot pond pipe'),(285,'2019-07-31',0.0,1.5,0.0,0.0,0,'East gated pipe by kboxes South set'),(286,'2019-08-01',0.0,1.5,0.0,0.0,0,'East gated pipe'),(287,'2019-08-02',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table'),(288,'2019-08-03',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table'),(289,'2019-08-04',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table'),(290,'2019-08-05',0.0,1.5,0.0,0.0,0,'East gated pipe'),(291,'2019-08-06',2.0,1.5,0.0,0.0,0,'East gated pipe , hemp am corn pm'),(292,'2019-08-07',0.0,1.5,0.0,0.0,0,'East gated pipe'),(293,'2019-08-08',0.0,1.5,0.0,0.0,0,'East gated pipe'),(294,'2019-08-09',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table'),(295,'2019-08-10',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table'),(296,'2019-08-11',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table'),(297,'2019-08-12',0.0,0.0,2.0,0.0,0,'Pivot 0.5 vri table east gated pipe a.m.'),(298,'2019-08-13',2.0,1.5,0.0,0.0,0,'East gated pipe , hemp am corn pm'),(299,'2019-08-14',0.0,1.5,0.0,0.0,0,'East gated pipe ,'),(300,'2019-08-15',2.0,1.0,0.0,0.0,0,'East gated pipe , sev08 corn'),(301,'2019-08-16',0.0,0.0,0.0,0.0,0,'East gated pipe , sev08 corn'),(302,'2019-08-19',0.0,0.0,2.0,0.0,0,'spray corn 17th pivot vri table'),(303,'2019-08-20',0.0,0.0,2.0,0.0,0,'pivot vri table'),(304,'2019-08-21',0.0,0.0,2.5,0.0,0,'pivot vri table east gated north end'),(305,'2019-08-22',0.0,0.0,2.5,0.0,0,'pivot vri table east gated near south end'),(306,'2019-08-23',2.0,0.0,1.0,0.0,0,'pivot off hemp a.m applied fertilizer\r\n east gated near south end'),(307,'2019-08-26',2.0,1.5,0.0,0.0,0,'pivot off\r\nmodular home, pivot pond p.m.'),(308,'2019-08-27',0.0,1.5,0.0,0.0,0,'south gated pipe a.m.'),(309,'2019-08-28',0.0,1.0,0.0,0.0,0,'south east gated pipe a.m.'),(310,'2019-08-29',2.0,1.0,2.0,0.0,0,'east gated pipe a.m.\r\nPivot on\r\nHemp applied fertilizer short corn rows'),(311,'2019-08-30',0.0,0.0,2.0,0.0,0,'pivot vri table'),(312,'2019-08-31',0.0,0.0,2.0,0.0,0,'pivot vri table'),(313,'2019-09-01',0.0,0.0,2.0,0.0,0,'pivot vri table'),(314,'2019-09-02',0.0,0.0,2.0,0.0,0,'pivot vri table'),(315,'2020-06-20',2.0,0.0,2.0,0.0,0,'first day reservoir'),(316,'2020-06-21',2.0,0.0,2.0,0.0,0,''),(317,'2020-06-22',2.0,0.0,2.0,0.0,0,''),(318,'2020-06-23',2.0,0.0,1.5,0.0,0,''),(319,'2020-06-24',1.5,2.0,1.5,0.0,0,''),(320,'2020-06-25',1.5,0.0,1.5,0.0,0,''),(321,'2020-06-26',1.5,0.0,1.5,0.0,0,''),(322,'2020-06-27',0.0,0.0,1.5,0.0,0,''),(323,'2020-06-28',0.0,0.0,1.5,0.0,0,''),(324,'2020-06-29',1.5,0.0,1.5,0.0,0,''),(325,'2020-06-30',1.5,0.0,1.5,0.0,0,''),(326,'2020-07-01',1.5,0.0,1.5,0.0,0,''),(327,'2020-07-02',1.5,0.0,1.5,0.0,0,''),(328,'2020-07-03',1.5,0.0,1.5,0.0,0,''),(329,'2020-07-04',0.0,0.0,1.5,0.0,0,''),(330,'2020-07-05',0.0,0.0,1.5,0.0,0,''),(331,'2020-07-06',1.5,0.0,1.5,0.0,0,'west pump house corner 1st set 24 hr, 2nd 12 hr'),(332,'2020-07-07',1.5,1.5,1.5,0.0,0,'end vri switched to flat when starting N\r\nmodular am pivot pond pm'),(333,'2020-07-08',1.5,0.0,1.5,0.0,0,'started 2nd application of N 0.5 inches'),(334,'2020-07-09',2.0,0.0,2.0,0.0,0,'hemp\r\npivot on started 2nd application of N off in am'),(335,'2020-07-10',2.0,0.0,2.0,0.0,0,'hemp middle gated pipe\r\nhemp south field and short corn rows\r\n100 F'),(336,'2020-07-11',0.0,0.0,2.0,0.0,0,'pivot only vri table\r\n100 F\r\nEast gated am and pm'),(337,'2020-07-12',0.0,0.0,2.0,0.0,0,'pivot only vri table\r\n100 F'),(338,'2020-07-13',2.0,0.0,2.0,0.0,0,'pivot only vri table\r\n\r\nEast gated pipe a.m. by barn\r\n\r\nSev08'),(339,'2020-07-14',2.0,1.5,1.5,0.0,0,'pivot only vri table mostly pm\r\n\r\nModular home\r\n\r\nSev08'),(340,'2020-07-15',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\nSis set for hemp am\r\n\r\nSev08'),(341,'2020-07-16',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\nSev08'),(342,'2020-07-17',0.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\nHoed and cultivated younger hemp'),(343,'2020-07-18',0.0,0.0,1.5,0.0,0,'pivot only vri table pm increase water\r\n\r\nHemp am'),(344,'2020-07-19',0.0,0.0,1.5,0.0,0,'pivot only vri table pm'),(345,'2020-07-20',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\nSev08'),(346,'2020-07-21',2.0,1.5,1.5,0.0,0,'pivot only vri table\r\n\r\nModular home\r\n\r\nSev08'),(347,'2020-07-22',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\nBarn am\r\n\r\nSev08'),(348,'2020-07-23',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\n1st set am east gated\r\nSev08 hemp'),(349,'2020-07-24',0.0,0.0,1.5,0.0,0,'pivot only vri table pm\r\n\r\nHemp am'),(350,'2020-07-25',0.0,0.0,1.5,0.0,0,'pivot only vri table pm\r\n\r\nNo East gated pipe'),(351,'2020-07-26',0.0,0.0,1.5,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe spray corn'),(352,'2020-07-27',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\nEast gated am\r\nSev08'),(353,'2020-07-28',2.0,1.5,1.5,0.0,0,'pivot only vri table\r\n\r\nEast gated am \r\n\r\nModular home\r\n\r\nSev08'),(354,'2020-07-29',2.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\nEast gated pipe\r\n\r\nSev08 hemp'),(355,'2020-07-30',0.0,0.0,1.5,0.0,0,'pivot only vri table\r\n\r\nam east gated\r\nSev08'),(356,'2020-07-31',0.0,0.0,1.5,0.0,0,'pivot only vri table pm\r\n\r\nHemp am\r\n\r\nGate 12 open since 5/30/20'),(357,'2020-08-03',2.0,0.0,2.0,0.0,0,'pivot only vri table pm\r\n\r\nBarn am\r\n\r\nSev 08'),(358,'2020-08-04',2.0,0.0,2.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am\r\n\r\nSev 08'),(359,'2020-08-05',2.0,0.0,2.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am\r\n\r\nSev 08'),(360,'2020-08-06',0.0,0.0,2.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am'),(361,'2020-08-10',2.0,0.0,2.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am\r\n\r\nSev 08'),(362,'2020-08-11',2.0,1.5,2.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am\r\n\r\nModular \r\n\r\nSev 08'),(363,'2020-08-12',2.0,0.0,1.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am\r\n\r\nSev 08'),(364,'2020-08-13',0.0,0.0,2.0,0.0,0,'pivot only vri table pm\r\n\r\nEast gated pipe am'),(365,'2020-08-17',3.0,0.0,0.0,0.0,0,'Alfalfa am gated pm'),(366,'2020-08-18',3.0,0.0,0.0,0.0,0,'Alfalfa am gated pm'),(367,'2020-08-19',3.0,0.0,2.0,0.0,0,'Alfalfa am gated pm hemp pm\r\n\r\nEast gated Partial corn then 10am hemp'),(368,'2020-08-20',3.0,0.0,2.0,0.0,0,'Alfalfa am gated pm\r\n\r\nEast gated'),(369,'2020-08-21',3.0,0.0,0.0,0.0,0,'Alfalfa am gated pm'),(370,'2020-08-27',0.5,0.0,1.0,0.0,0,'Hemp all three locations pivot 1.46'),(371,'2020-09-03',0.5,0.0,1.0,0.0,0,'Hemp all three locations pivot 1.8 inch'),(372,'2021-05-24',3.0,0.0,0.0,0.0,1,'alfalfa'),(373,'2021-05-25',3.0,0.0,1.0,0.0,1,'alfalfa\r\nYoung seeding 0.46 in afternoon. Fixed pivot stuff'),(374,'2021-05-26',3.0,0.0,1.0,0.0,1,'alfalfa\r\nCorn 0.46 young seed Thursday morning'),(375,'2021-05-27',3.0,0.0,0.0,0.0,1,'alfalfa\r\nStarted grass'),(376,'2021-05-28',3.0,0.0,0.0,0.0,1,'alfalfa and grass'),(377,'2021-06-08',0.0,0.0,2.0,0.0,1,'Start 0 degree Corn 0.5 CHEM PUMP ON 67 DEGREE'),(378,'2021-06-09',0.0,0.5,1.5,0.0,1,'Corn 0.69 young seed\r\nIrrigation NW Corner'),(379,'2021-06-10',0.0,0.0,2.0,0.0,1,'Corn 0.69'),(380,'2021-06-11',3.0,0.0,0.0,0.0,1,'alfalfa am ditch rider allowed extra hours to finish 270 dropped to .5 to get done faster \r\nCorn pm'),(381,'2021-06-12',3.0,0.0,0.0,0.0,1,'alfalfa am\r\nCorn pm'),(382,'2021-06-13',3.0,0.0,0.0,0.0,1,'alfalfa am\r\nCorn pm'),(383,'2021-06-14',3.0,0.0,1.5,0.0,1,'Corn start 8in pipe\r\n\r\nalfalfa am\r\nCorn pm'),(384,'2021-06-15',3.0,0.0,1.5,0.0,1,'Corn 8in pipe\r\nYoung seed pm 1.1in\r\n\r\nalfalfa am\r\nCorn pm'),(385,'2021-06-16',2.0,0.0,1.5,0.0,1,'Corn 8in pipe\r\nYoung seed pm 1.1in\r\n\r\nCorn rd 21'),(386,'2021-06-17',0.0,1.0,1.5,0.0,1,'Corn 8in pipe\r\nYoung seed pm 1.1in\r\n\r\nYoung seeding corner pulled ditch'),(387,'2021-06-18',0.0,0.0,2.0,0.0,1,'Corn 8in pipe\r\nPivot 0.69in'),(388,'2021-06-19',0.0,0.0,2.0,0.0,1,'Corn 8in pipe finish first time\r\nPivot 0.69in'),(389,'2021-06-20',0.0,0.0,2.0,0.0,1,'Corn only\r\nPivot only 0.69in'),(390,'2021-06-21',1.5,0.0,0.0,0.0,1,'Corn only'),(391,'2021-06-22',2.0,0.0,0.0,0.0,0,'Corn only'),(392,'2021-06-23',2.0,0.0,0.0,0.0,0,'Corn only'),(393,'2021-06-24',0.0,0.0,2.0,0.0,0,'Corn only 8 in N applied\r\nPivot only 0.69in'),(394,'2021-06-25',0.0,0.0,2.0,0.0,0,'Corn only 8 in N applied\r\nPivot only 0.77in'),(395,'2021-06-28',0.0,0.0,2.0,0.0,0,'Corn only 8 in N applied \r\nPivot only 0.77in started by builder'),(396,'2021-06-29',0.0,0.0,2.0,0.0,0,'Corn only 8 in N applied\r\nPivot only 0.77in am lane pm start young seed'),(397,'2021-06-30',0.0,0.0,2.0,0.0,0,'Corn only 8 in N applied\r\nPivot only 0.77in'),(398,'2021-07-01',0.0,0.0,2.0,0.0,0,'Pivot only 0.77in'),(399,'2021-07-06',2.0,0.0,0.0,0.0,0,'Corn house garden'),(400,'2021-07-07',2.0,0.0,2.0,0.0,0,'Corn house garden \r\n\r\n8 in gated pipe\r\npivot 0.65in N application started 125.8 degree'),(401,'2021-07-08',2.0,0.0,2.0,0.0,0,'Corn house south set pm \r\n\r\n8 in gated pipe at double gate pipe \r\npivot 0.65in N application started 125.8 degree stopped 270 degree 12 pm\r\nYoung seed 0.45in\r\nCreated table 20 to switch corn to 0.85in \r\nNo N applied at 0 degree'),(402,'2021-07-09',0.0,0.0,2.0,0.0,0,'8 in gated after double gate pipe\r\nPivot 0.85in on table 20\r\nN on 78 degree off at 123'),(403,'2021-07-12',0.0,0.0,2.0,0.0,0,'8 in gated bottom\r\nPivot 0.85in on table 20\r\nN off'),(404,'2021-07-13',0.0,0.0,2.0,0.0,0,'8 in gated by barn\r\nPivot 0.85in on table 20\r\nN off until\r\nYoung seed cut 0in water\r\nN started 0 degree 0.83 in'),(405,'2021-07-14',2.0,0.0,2.0,0.0,0,'Corn house south set pm \r\nN off at 123 degree\r\n8 in gated pipe at double gate pipe \r\npivot 0.65in N application started 125.8 deg\r\nYoung seed 0.45in\r\nCreated table 20 to switch corn to 0.85in \r\nNo N applied at 0 degree'),(406,'2021-07-15',2.0,0.0,2.0,0.0,0,'Corn house south set pm \r\n8 in gated pipe at double gate pipe \r\nCreated table 20 to switch corn to 0.9in \r\nNo N applied at 0 degree'),(407,'2021-07-16',0.0,0.0,2.0,0.0,0,'8 in gated south bottom\r\nPivot 0.9 in on table 20 sw pm\r\nN off'),(408,'2021-07-19',0.0,0.0,2.0,0.0,0,'8 in gated south end\r\nPivot 0.9 in on table 20 sw pm\r\nN off'),(409,'2021-07-20',3.0,0.0,2.0,0.0,0,'Alfalfa am corn pm\r\n\r\n8 in gated south end\r\nPivot 0.9 in on table 20 sw pm\r\nN off'),(410,'2021-07-21',3.0,0.5,2.0,0.0,0,'Alfalfa am corn pm\r\n\r\n8 in gated south end\r\nPivot 0.9 in on table 20 sw pm\r\nN off\r\n\r\nPartial corner young seed'),(411,'2021-07-22',3.0,0.0,2.0,0.0,0,'Alfalfa am corn pm\r\n\r\n8 in gated\r\nPivot .44 on most young seed\r\nPivot 0.7 in on table 20 sw pm\r\nN on at 12pm'),(412,'2021-07-23',0.0,0.0,2.0,0.0,0,'8 in gated south end\r\nPivot 0.7 in on table 20 sw pm\r\nN on'),(413,'2021-07-26',0.0,0.0,2.0,0.0,0,'8 in gated barn am pivot pond pm\r\nPivot flat 0.91in young seed am corn pm\r\nN over with'),(414,'2021-07-27',0.0,0.0,2.0,0.0,0,'8 in gated south \r\nPivot flat 0.91in corn east side'),(415,'2021-07-28',3.0,0.0,2.0,0.0,0,'8 in gated south \r\nPivot flat 0.91in corn south side\r\nCorn house'),(416,'2021-07-29',3.0,0.0,2.0,0.0,0,'8 in gated middle \r\nPivot flat 0.91in corn west side\r\nCorn house\r\nYoung seed pm'),(417,'2021-07-30',0.0,0.0,2.0,0.0,0,'8 in gated middle \r\nPivot flat 0.91in corn east to south'),(418,'2021-08-02',0.0,0.0,2.0,0.0,0,'8 in gated north\r\nPivot flat 0.91in corn swest and young seed pm'),(419,'2021-08-03',0.0,0.0,2.0,0.0,0,'8 in gated north am pivot pond pm\r\nPivot flat 0.91in corn north annd east'),(420,'2021-08-04',2.0,1.0,2.0,0.0,0,'Corn 8in gate barn\r\nYoung seed nw corner \r\n\r\nHouse grass am corn pm'),(421,'2021-08-05',2.5,0.0,2.0,0.0,0,'8 in gated double side am\r\nPivot flat 0.91in corn west side\r\nCorn house some grass'),(422,'2021-08-09',2.5,0.0,2.0,0.0,0,'8 in gated single side start\r\nPivot flat 0.67in corn west side\r\nCorn house some grass'),(423,'2021-08-10',2.5,0.0,2.0,0.0,0,'8 in gated single side start\r\nPivot flat 0.67in corn west side\r\nCorn house'),(424,'2021-08-11',0.0,0.0,2.0,0.0,0,'8 in gated \r\nPivot flat 0.67in corn'),(425,'2021-08-12',0.0,0.0,2.0,0.0,0,'8 in gated \r\nPivot flat 0.67in corn\r\nSkipped over young seed'),(426,'2021-08-16',3.0,0.0,2.0,0.0,0,'8 in gated north end\r\nPivot flat 0.67in corn\r\nIrrigation 4th cut'),(427,'2021-08-17',3.0,0.0,2.0,0.0,0,'8 in gated north end\r\nPivot flat 0.67in corn\r\nIrrigation 4th cut'),(428,'2021-08-18',3.0,0.0,2.0,0.0,0,'8 in gated S end dbl rows\r\nPivot East am flat 0.67in corn\r\nIrrigation 4th cut'),(429,'2021-08-19',3.0,0.0,0.0,0.0,0,'Pivot flat 0.67in corn\r\nIrrigation 4th cut'),(430,'2021-08-23',2.5,0.0,2.0,0.0,0,'8 in gated S hill\r\nPivot East am flat 0.67in corn'),(431,'2021-08-24',2.5,0.0,2.0,0.0,0,'8 in gated S hill\r\nPivot west am flat 0.67in corn switched to .74 at 0 degree\r\n\r\nAlfalfa 4th am'),(432,'2021-08-25',2.5,0.0,2.0,0.0,0,'8 in gated N bottom \r\nPivot east am flat 0.74in\r\n\r\nAlfalfa 4th am N ditch'),(433,'2021-08-26',2.5,0.0,0.0,0.0,0,'Pivot west am flat 0.74in\r\n\r\nAlfalfa 4th am N ditch'),(434,'2021-08-30',0.0,0.0,2.0,0.0,0,'8 in gated N \r\nPivot east am flat 0.74in'),(435,'2021-08-31',2.5,0.5,2.0,0.0,0,'8 in gated barn \r\nPivot south east am flat 0.74in\r\n\r\nAlfalfa modular home corner pivot night switch 2in at 279 degree'),(436,'2021-09-01',2.5,0.0,2.0,0.0,0,'8 in south last irrigation\r\nPivot south east am flat 2.0in\r\n\r\nAlfalfa modular home pivot continued\r\nswitch 2in at 279 degree'),(437,'2022-05-23',0.0,0.0,1.5,0.0,1,'Pivot'),(438,'2022-05-24',0.0,0.0,1.5,0.0,1,'Pivot'),(439,'2022-05-27',1.5,0.0,0.0,0.0,1,'Corn'),(440,'2022-05-28',2.0,0.0,0.0,0.0,1,''),(441,'2022-05-29',2.0,0.0,0.0,0.0,1,''),(442,'2022-06-06',1.5,0.0,1.5,0.0,1,''),(443,'2022-06-07',1.5,0.0,1.5,0.0,1,''),(444,'2022-06-08',3.0,0.0,0.0,0.0,1,''),(445,'2022-06-09',3.0,0.0,0.0,0.0,1,''),(446,'2022-06-10',3.0,0.0,0.0,0.0,1,''),(447,'2022-06-11',1.5,0.0,1.5,0.0,1,''),(448,'2022-06-12',1.5,0.0,1.5,0.0,1,''),(449,'2022-06-13',1.5,0.0,1.5,0.0,1,''),(450,'2022-06-14',1.5,0.0,1.5,0.0,1,''),(451,'2022-06-15',1.5,0.0,1.5,0.0,1,''),(452,'2022-06-16',1.5,0.0,1.5,0.0,1,''),(453,'2022-06-17',1.5,0.0,1.5,0.0,1,''),(454,'2022-06-18',2.0,0.0,1.0,0.0,1,''),(455,'2022-06-19',2.0,0.0,1.0,0.0,1,''),(456,'2022-06-20',2.0,1.0,0.0,0.0,1,'G4'),(457,'2022-06-21',2.0,1.0,0.0,0.0,1,'G4'),(458,'2022-06-22',2.0,1.0,0.0,0.0,1,'G4'),(459,'2022-06-23',3.0,0.0,0.0,0.0,1,'Lower corn'),(460,'2022-06-24',2.0,0.0,1.5,0.0,0,'Lower corn 8 in south end'),(461,'2022-06-25',0.0,0.0,1.5,0.0,0,'Pivot 1 inch appliied 32-0-0 15 gal hr'),(462,'2022-06-26',0.0,0.0,1.5,0.0,0,'Pivot 1 inch appliied 32-0-0 15 gal hr'),(463,'2022-06-27',0.0,0.0,1.5,0.0,0,'Pivot 1 inch appliied 32-0-0 15 gal hr off am\r\n8 in set 2 & 3'),(464,'2022-06-28',0.0,0.0,1.5,0.0,0,'Pivot 0.4\r\n8 in set 4 finished'),(465,'2022-06-29',2.5,0.0,0.0,0.0,0,'Young seed'),(466,'2022-06-30',2.5,1.0,0.0,0.0,0,'G4\r\nYoung seed'),(467,'2022-07-01',2.5,1.0,0.0,0.0,0,'G4\r\nYoung seed'),(468,'2022-07-02',0.0,1.0,0.0,0.0,0,'G4'),(469,'2022-07-03',0.0,1.0,0.0,0.0,0,'G4'),(470,'2022-07-04',1.5,0.0,0.0,0.0,0,'South corn field finish'),(471,'2022-07-05',0.0,0.0,1.5,0.0,0,'Pivot 1.25 in apply 32-0-0'),(472,'2022-07-06',2.5,0.0,1.5,0.0,0,'Pivot 1.25 in apply 32-0-0\r\nsev 07'),(473,'2022-07-07',2.5,0.0,1.5,0.0,0,'Pivot 1.25 in apply 32-0-0 180 degrees\r\nStarted east gated pipe am\r\nsev 07 north half\r\nRain 0.5 inches\r\nTime to sis 21hr 13 min'),(474,'2022-07-08',2.5,0.0,1.5,0.0,0,'Pivot 1.54 in at 200 degrees apply 32-0-0 \r\nStarted east gated pipe am\r\nsev 07 north half'),(475,'2022-07-11',2.5,0.0,0.0,0.0,0,'sev 07 sourh half by garden and west end'),(476,'2022-07-12',2.5,1.0,0.0,0.0,0,'G4\r\nsev 07 sourh half and west end'),(477,'2022-07-13',2.5,1.0,1.5,0.0,0,'G4\r\nsev 07 sourh half and west end\r\nPivot N off 1.54 inches'),(478,'2022-07-14',2.5,1.0,1.5,0.0,0,'G4\r\nsev 07 finish sourh half and west end\r\nPivot N off 1.54 inches 90 degree 12pm'),(479,'2022-07-15',0.0,0.0,1.5,0.0,0,'Pivot N off 1.54 inches 180 degree 12pm'),(480,'2022-07-16',0.0,0.0,1.5,0.0,0,'Pivot N off 1.0 inches 0 degree 12am'),(481,'2022-07-17',0.0,0.0,1.5,0.0,0,'Pivot N off 1.0 inches 90 degree 6pm'),(482,'2022-07-18',0.0,0.0,1.5,0.0,0,'Pivot N on at night 1.0 inches 0 degree 6pm'),(483,'2022-07-19',2.5,1.0,1.5,0.0,0,'Young seed am\r\nG4\r\n\r\nPivot N on 1.0 inches 90 degree 6pm'),(484,'2022-07-20',2.5,1.0,0.0,0.0,0,'Pit field n 2/3\r\nG4'),(485,'2022-07-21',2.5,1.0,0.0,0.0,0,'Pit field N 3/4\r\nG4'),(486,'2022-07-22',2.5,0.0,1.5,0.0,0,'Young seed am\r\n\r\nPivot N off 1.0 inches 270 degree 6am'),(487,'2022-07-23',0.0,0.0,1.5,0.0,0,'Pivot N on 1.0 inches 180 degree 6pm'),(488,'2022-07-24',0.0,0.0,1.5,0.0,0,'Pivot N on 1.0 inches 270 degree 6pm'),(489,'2022-07-25',2.5,0.0,1.5,0.0,0,'Young seed am finished\r\nSplit gated pipe to finish\r\n\r\nPivot N off 1.25 inches 270 degree 6am'),(490,'2022-07-26',2.5,1.0,1.5,0.0,0,'Corn by barn east of Kbox off at night\r\nG4\r\nStarted corn by garden\r\n\r\nPivot N off 1.25 inches 340 degree 6am. Ran out of water. Off twelve hours'),(491,'2022-07-27',2.5,1.0,1.5,0.0,0,'Srart double gated pipe\r\nG4\r\nSev07\r\nPivot 1.25 inches 103 degree 12:47 pm. Ran out of water.'),(492,'2022-07-28',2.5,1.0,1.5,0.0,0,'G4\r\nSev07 south half\r\nPivot 1.25 inches 220 degree 6:00 am.\r\n\r\nRain 1.2 Inches'),(493,'2022-08-01',0.0,0.0,1.5,0.0,0,'Pivot 2.5 inches 306 degree 6am alfalfa'),(494,'2022-08-02',0.0,1.0,1.5,0.0,0,'Pivot 2.5 inches alfalfa 0.91 in corn 23 degree at 3:35 pm\r\nG4'),(495,'2022-08-03',3.0,1.0,2.0,0.0,0,'G4\r\nSev07 north half\r\nSev06 Double glated pipe\r\nPivot 0.91 inches 100 degree 6:00 am.'),(496,'2022-08-04',3.0,1.0,2.0,0.0,0,'G4\r\nSev07 finished \r\nSev06 up to single gated\r\nPivot 0.91 inches 304 degrees 7pm'),(497,'2022-08-05',3.0,0.0,0.0,0.0,0,'sev 08 south end'),(498,'2022-08-08',3.0,0.0,2.0,0.0,0,'Sev08 finished \r\nSev06 up to single gate by sorgum\r\nPivot 0.1.25 inches 2 degrees'),(499,'2022-08-09',3.0,1.0,2.0,0.0,0,'G4\r\nSev08\r\nSev06 advance south\r\nPivot 1.25 inches 100 degrees 7pm'),(500,'2022-08-10',3.0,1.0,2.0,0.0,0,'G4\r\nSev07 south end up to valve\r\nSev06 finished barn\r\nPivot 1.25 inches 228 degrees 9pm'),(501,'2022-08-11',0.0,1.0,0.0,0.0,0,'G4'),(502,'2022-08-15',3.0,0.0,2.0,0.0,0,'Sev 06 Bend gated pipe\r\nPivot 0 degree 13pm\r\nSev07 3/4 mark'),(503,'2022-08-16',3.0,1.0,2.0,0.0,0,'G4\r\nSev07 7/8 mark\r\nSev06 3rd and 4th set\r\nPivot 1.05 inches change 131 degrees 4pm'),(504,'2022-08-17',3.0,1.0,2.0,0.0,0,'G4\r\nSev07 finished am sev08 pm\r\nSev06 next to barn. Not finished as of pm\r\nPivot 1.05 inches change 270 degrees 4am'),(505,'2022-08-18',0.0,1.0,0.0,0.0,0,'G4'),(506,'2022-08-22',3.0,0.0,0.0,0.0,0,'Young seed'),(507,'2022-08-23',3.0,1.0,2.0,0.0,0,'G4\r\nYoung seed am seven pm\r\nBarn side sev06 am\r\nPivot 0.67 pm'),(508,'2022-08-24',3.0,1.0,2.0,0.0,0,'G4\r\nYoung seed am sev08 pm \r\nSouth end sev06 am\r\nPivot 0.67 pm'),(509,'2022-08-25',3.0,1.0,0.5,0.0,0,'G4\r\nsev07 \r\nMiddle of sev06 am\r\nPivot off 4 am at 0.75 start back 0.4in'),(510,'2022-08-30',3.0,1.0,0.5,0.0,0,'G4\r\nsev07 \r\nMiddle of sev06 am\r\nPivot off'),(511,'2022-08-31',3.0,1.0,1.5,0.0,0,'G4\r\nsev07 N half\r\nsev06 am S emd\r\nPivot on pm 0.45 CC 180 6pm'),(512,'2022-09-01',3.0,1.0,2.0,0.0,0,'G4\r\nsev07 N half\r\nsev06 am barn\r\nPivot on pm 1.25in CC 0 at 10:30 am'),(513,'2023-07-14',2.5,0.0,2.0,0.0,0,'Corn only\r\nEast side south end am only\r\n1st day reservoir'),(514,'2023-07-15',2.5,0.0,2.0,0.0,0,'Corn only\r\nEast side south single gates\r\nPivot 1in N on'),(515,'2023-07-16',2.5,0.0,2.0,0.0,0,'Corn only\r\nEast side south single gates'),(516,'2023-07-17',2.5,0.0,2.0,0.0,0,'Corn only pit field\r\nEast side south single gates'),(517,'2023-07-18',2.5,0.0,2.0,0.0,0,'Corn pit field\r\nEast side middle\r\nNote 1 pass pivot N off 1in'),(518,'2023-07-19',2.5,1.0,2.0,0.0,0,'Corn pit field north\r\nEast side north\r\nMcginn 1st day'),(519,'2023-07-20',2.5,1.0,2.0,0.0,0,'Corn both fields\r\nPivot pond gated pipe\r\nPivot 1.25 N on\r\nMcginn'),(520,'2023-07-21',2.5,1.0,2.0,0.0,0,'Corn south field\r\nPivot only 1.25 N on\r\nMcginn\r\n\r\n0.6 in rain'),(521,'2023-07-24',2.5,1.0,2.0,0.0,0,'Corn south field\r\nPivot only 1. N off\r\nMcginn\r\n\r\n0.0 in rain'),(522,'2023-07-25',2.5,1.0,2.0,0.0,0,'Corn south field\r\nPivot only 1. N off\r\nMcginn\r\n\r\n0.0 in rain'),(523,'2023-07-26',2.5,1.0,2.0,0.0,0,'Corn pit field\r\nPivot only 1. N off\r\nMcginn\r\n\r\n0.0 in rain'),(524,'2023-07-27',2.5,1.0,2.0,0.0,0,'Corn pit field\r\nPivot only 1. N on 9am to clean up\r\nMcginn\r\n\r\n0.0 in rain'),(525,'2023-07-28',2.5,1.0,2.0,0.0,0,'Corn pit field\r\nPivot only 1in \r\nMcginn\r\n\r\n0.0 in rain'),(526,'2023-07-31',2.0,1.0,1.0,0.0,0,'Corn pit field\r\nPivot only 1in\r\nMcginn\r\n\r\n0.4 in rain'),(527,'2023-08-01',2.0,1.0,1.0,0.0,0,'Corn pit field\r\nPivot only 1in\r\nMcginn\r\n\r\n0 in rain'),(528,'2023-08-02',2.0,1.0,1.0,0.0,0,'Corn south house\r\nPivot only 1in. 0.9 in to 270\r\nMcginn\r\n\r\n0 in rain'),(529,'2023-08-03',2.0,1.0,1.0,0.0,0,'Corn south house\r\nPivot only 1in. Dry alfalfa\r\nMcginn\r\n\r\n0 in rain'),(530,'2023-08-07',2.5,1.0,2.0,0.0,0,'Corn south house\r\nPivot .7\r\nMcginn\r\n\r\n0 in rain'),(531,'2023-08-08',2.5,1.0,2.0,0.0,0,'Corn pivot\r\nPivot .7\r\nMcginn\r\n\r\n0 in rain'),(532,'2023-08-09',2.5,1.0,2.0,0.0,0,'Corn pit\r\nPivot .7\r\nMcginn\r\n\r\n0 in rain'),(533,'2023-08-10',2.5,1.0,2.0,0.0,0,'Corn pit\r\nPivot .7\r\nMcginn\r\n\r\n0 in rain'),(534,'2023-08-14',2.5,1.0,2.0,0.0,0,'Corn house and alfalfa\r\nPivot alfalfa 2in\r\nMcginn\r\n\r\n0 in rain'),(535,'2023-08-15',2.5,1.0,2.0,0.0,0,'Corn house and alfalfa\r\nPivot alfalfa 2in\r\nMcginn\r\n\r\n0 in rain'),(536,'2023-08-16',2.5,1.0,2.0,0.0,0,'Corn house and alfalfa\r\nPivot corn 1in\r\nMcginn\r\n\r\n0 in rain'),(537,'2023-08-17',2.5,1.0,2.0,0.0,0,'Corn house and alfalfa\r\nPivot corn 1in\r\nMcginn\r\n\r\n0 in rain'),(538,'2024-05-23',0.0,0.0,2.0,0.0,1,'pivot on 1.0 in'),(539,'2024-06-03',0.0,0.0,2.0,0.0,1,'pivot on 1.0 in'),(540,'2024-06-04',0.0,0.0,2.0,0.0,1,'pivot on 1.0 in'),(541,'2024-06-05',0.0,0.0,2.0,0.0,1,'pivot on 1.0 in'),(542,'2024-06-06',1.5,0.0,1.5,0.0,1,'pivot on 1.0 in'),(543,'2024-06-07',1.5,0.0,1.5,0.0,1,'pivot on 1.0 in'),(544,'2024-06-08',1.5,0.0,1.5,0.0,1,'pivot on 1.0 in'),(545,'2024-06-09',1.5,0.0,1.5,0.0,1,'pivot on 1.0 in'),(546,'2024-06-10',1.5,0.0,1.5,0.0,1,'pivot on 1.0 in'),(547,'2024-06-11',2.0,0.0,1.5,0.0,1,'pivot on 1.0 in'),(548,'2024-06-12',2.0,0.0,1.5,0.0,1,'pivot on 1.0 in'),(549,'2024-06-13',2.0,0.0,1.5,1.0,1,'pivot on 1.0 in'),(550,'2024-06-14',0.0,0.0,2.0,1.0,1,'pivot on 1.0 in'),(551,'2024-06-15',0.0,0.0,2.0,1.0,1,'pivot on 1.0 in'),(552,'2024-06-16',0.0,0.0,2.0,1.0,1,'pivot on 1.0 in'),(553,'2024-06-17',1.5,0.0,2.0,1.0,1,'pivot on 1.0 in'),(554,'2024-06-18',1.5,0.0,2.0,1.0,1,'pivot on 1.0 in'),(555,'2024-06-19',1.5,0.0,2.0,1.0,1,'pivot on 1.0 in\r\nchem on'),(556,'2024-06-20',1.5,0.0,2.0,0.0,1,'pivot on 1.250 in\r\nchem on'),(557,'2024-06-21',1.5,0.0,2.0,0.0,1,'pivot on 1.25 in chem on\r\nend run 220 degree'),(558,'2024-06-25',1.5,0.0,0.0,0.0,0,'100F\r\nSw corner & N garden'),(559,'2024-06-26',1.5,0.0,0.0,0.0,0,'87F\r\nSw corner & garden'),(560,'2024-06-27',1.5,0.0,0.0,0.0,0,'87F\r\nSw corner & garden'),(561,'2024-06-28',1.5,0.0,0.0,0.0,0,'87F\r\npit middle'),(562,'2024-07-01',2.5,0.0,2.0,1.0,0,'Middle pit field & yh field 90+F\r\npiv on 1.25in start 220 degree\r\nchem on'),(563,'2024-07-02',2.5,0.0,2.0,1.0,0,'Middle pit field & yh field 90+F\r\npiv on 1.25in\r\nchem off'),(564,'2024-07-03',2.5,0.0,2.0,1.0,0,'piv on 1.25in\r\nSev06 by doubles\r\nMid N pit field & yh mid N field 90+F\r\nPump kicked off night'),(565,'2024-07-04',2.5,0.0,2.0,1.0,0,'piv on 1.25in chem off 190@\r\n N pit field & yh mid field\r\nPond corner & sev06 bottom \r\n 85+F windy'),(566,'2024-07-08',0.0,0.0,1.0,0.0,0,'Sev 06 bottom\r\nPivot 1.25in start 8pm'),(567,'2024-07-09',0.0,0.0,1.5,0.0,0,'Pivot 230 1.25 in chem off \r\nSev 06 N of bottom'),(568,'2024-07-10',0.0,0.0,1.5,0.0,0,'Pivot 0 1.25 in chem on\r\nSev 06 N top\r\nHigh 80s'),(569,'2024-07-11',0.0,0.0,2.0,0.0,0,'Pivot 50 1.25 in chem on\r\nSev 06 S\r\nHigh 80s'),(570,'2024-07-13',0.0,0.0,2.0,0.0,0,'Pivot 170 1.335 in chem on\r\nSev 06 off\r\nLow 100'),(571,'2024-07-15',3.0,0.0,2.0,1.5,0,'piv on 1.25in 0 degree\r\nSev06 off\r\nSev7 on garden\r\nSev 8 on N \r\nSev SW start \r\n95+F'),(572,'2024-07-14',0.0,0.0,2.0,0.0,0,'Pivot 270 1.5 in chem off Alfalfa \r\nSev 06 off\r\nMid 100'),(573,'2024-07-16',3.0,1.5,2.0,1.5,0,'piv on 1.25in \r\nSev06 double gates\r\nSev7 on garden\r\nSev 8 on N\r\nSev SW day2\r\n95+F'),(574,'2024-07-17',3.0,0.0,2.0,1.5,0,'piv on 1.25in 180 degree empty chem tank\r\nSev06 center hump 10 rows\r\nSev7 N pit valve\r\nSev 8 on N end\r\nSev SW end \r\n90+F'),(575,'2024-07-18',2.0,0.0,2.0,1.5,0,'piv on 1.25in 180 degree\r\nSev06 N center hump\r\nSev7 N pit valve\r\nSev 8 on N finish\r\nSev SW end \r\n90+F'),(576,'2024-07-19',2.0,0.0,2.0,0.0,0,'piv on 1.25in 180 degree\r\nSev06 N valley\r\nSev7 mid N half\r\nSev 8 off \r\nSev SW end off\r\n90+F'),(577,'2024-07-22',2.0,0.0,2.0,0.0,0,'piv on 1.25in 270 degree alfalfa\r\nSev06 N end\r\nSev7 N end\r\nSev 8 off \r\nSev SW end off\r\n85+F'),(578,'2024-07-23',2.0,0.0,2.0,1.5,0,'piv on 1.5in 0 degree\r\nSev06 N end\r\nSev7 off\r\nSev 8 alfalfa am corn tops pm\r\nSev SW end off\r\n90+F'),(579,'2024-07-24',2.0,0.0,2.0,1.5,0,'piv on 1.25in 60 degree\r\nSev06 S end\r\nSev7 S2 pm\r\nSev 8 alfalfa am \r\nSev SW end off\r\n95+F'),(580,'2024-07-25',2.0,0.0,2.0,1.5,0,'piv on 1.25in 140 degree\r\nSev06 S3\r\nSev7 S3 pm\r\nSev 8 alfalfa am \r\nSev SW end off\r\n95+F'),(581,'2024-07-29',3.0,0.0,2.0,0.0,0,'piv on 1.25in 240 degree\r\nSev06 off\r\nSev7 S2 pm\r\nSev 8 alfalfa am \r\nSev SW end on\r\n95+F'),(582,'2024-07-30',3.0,0.0,2.0,0.0,0,'piv on 1.5in 340 degree alfalfa\r\nSev06 S valley\r\nSev7 S2 pm\r\nSev 8 alfalfa am \r\nSev SW end on am only\r\n95+F'),(583,'2024-07-31',3.0,0.0,2.0,1.5,0,'piv on 1.25in 80 degree \r\nSev06 valley\r\nSev7 valve pit\r\nSev 8 corn\r\nSev SW off\r\n95+F'),(584,'2024-08-01',3.0,0.0,2.0,1.5,0,'piv on 1.25in 180 degree \r\nSev06 pivot pond\r\nSev7 valve pit N\r\nSev 8 corn pm finish\r\nSev SW off\r\n95+F'),(585,'2024-08-02',0.0,0.0,0.0,1.5,0,'temp: - F: 100 wind: - sw'),(586,'2024-08-05',2.0,0.0,2.0,0.0,0,'pivot - water depth: - 1.25 position: - 290 \r\nsev06 - %done: - 50 notes: - NA\r\nsev07 - %done: - 50 notes: - NA\r\ntemp: - F: - 95+ wind: - sw'),(587,'2024-08-06',2.0,0.0,2.0,0.0,0,'pivot - water depth: - 1.25 position: - 10\r\nsev06 - %done: - 90 notes: - NA\r\nsev07 - %done: - 85 notes: - NA\r\ntemp: - F: - 95+ wind: - na'),(588,'2024-08-07',2.0,0.0,2.0,0.0,0,'pivot - water depth: - 1.25 position: - 60\r\nsev06 - %done: - 99 notes: - NA\r\nsev07 - %done: - 95 notes: - NA\r\ntemp: - F: - 95+ wind: - na'),(589,'2024-08-08',0.0,0.0,2.0,0.0,0,'pivot - water depth: - 1.25 position: - 130\r\ntemp: - F: - 95+ wind: - 0'),(590,'2024-08-12',3.0,0.0,2.0,1.5,0,'pivot - water depth: - 1in position: - 255\r\ntemp: - F: - 85+ wind: - 0 \r\nsev06 - %done: - 20 notes: - NA\r\nsev07 - %done: - 20 notes: - NA\r\nrain: - depth: - 0.6 condition: - slow over weekend'),(591,'2024-08-13',3.0,0.0,2.0,1.5,0,'pivot - water depth: - 1 position: - 50\r\ntemp: - F: - 915+ wind: - 0 \r\nsev06 - %done: - 45 notes: - NA\r\nsev07 - %done: - 40 notes: - NA\r\nrain: - depth: - 0.3- am 0.5 pm\r\nsev08 - %done: - 15 notes: - NA'),(592,'2024-08-14',3.0,0.0,2.0,1.5,0,'pivot - water depth: - 1 position: - 180\r\ntemp: - F: - 91+ wind: - 0 \r\nsev06 - %done: - 55 notes: - NA\r\nsev07 - %done: - 55 notes: - NA\r\nsev08 - %done: - 40 notes: - NA'),(593,'2024-08-19',3.0,0.0,2.0,0.0,0,'pivot - water depth: - 1 position: - 70\r\ntemp: - F: - 95+ wind: - 5 \r\nsev06 - %done: - 70 notes: - NA\r\nsev07 - %done: - 65 notes: - NA\r\nsev08 - %done: - 80 notes: - NA\r\nAlfalfa bale time'),(594,'2024-08-20',2.5,0.0,2.5,0.0,0,'pivot - water depth: - 1 position: - 140\r\ntemp: - F: - 95+ wind: - 5 \r\nsev06 - %done: - 80 notes: - NA\r\nsev07 - %done: - 75 notes: - NA\r\nAlfalfa bale time'),(595,'2024-08-21',2.5,0.0,2.5,0.0,0,'pivot - water depth: - 1 position: - 266\r\ntemp: - F: - 95+ wind: - 5 \r\nsev06 - %done: - 100 notes: - pivot pond\r\nsev07 - %done: - 90 notes: - NA\r\nAlfalfa baling 34acre'),(596,'2024-08-27',3.0,0.0,2.0,1.5,0,''),(597,'2024-08-28',3.0,1.0,2.0,1.5,0,'temp: - F: - 85+ wind: - N\r\nNw dry spot'),(598,'2024-08-29',3.0,0.0,2.0,1.5,0,''),(599,'2024-09-03',3.0,0.0,2.0,0.0,0,'rain: - depth: - 0.2 condition: - 0'),(600,'2024-09-04',3.0,0.0,2.0,0.0,0,''),(601,'2024-09-05',3.0,0.0,2.0,0.0,0,''),(602,'2024-09-09',2.0,0.0,1.5,0.0,0,''),(603,'2025-06-16',0.0,0.0,1.5,0.0,1,'temp: - F: - 95+ wind: - NApivot - water depth: - .71 position: - 5\r\nrain: - depth: - 0.0 condition: - 0'),(604,'2025-06-17',0.0,0.0,1.5,0.0,1,'temp: - F: - 70+ wind: - NApivot - water depth: - .71 position: - 95 \r\nrain: - depth: - 1.2\" condition: - 0'),(605,'2025-06-18',0.0,0.0,2.0,0.0,1,'temp: - F: - 70+ wind: - NApivot - water depth: - .71 position: - 190\r\nrain: - depth: - 0in condition: - 0'),(606,'2025-05-28',0.0,0.0,1.5,0.0,1,'pivot - water depth: - 1.0 position: - 270\r\nsevnw forward'),(607,'2025-05-29',0.0,0.0,1.5,0.0,1,'pivot - water depth: - 1.0 position: - 340\r\nsevnw forward'),(608,'2025-05-30',0.0,0.0,1.5,0.0,1,'pivot - water depth: - 1.0 position: - 360\r\nsevnw forward'),(609,'2025-06-24',2.0,0.0,2.0,0.0,1,'temp: - F: - 90+ wind: - NApivot - water depth: - .8 position: - 250\r\nrain: - depth: - 0in condition: - 0\r\nsev08 - %done: - 0 notes: - alfalfa am'),(610,'2025-06-25',2.0,0.0,2.0,0.0,1,'temp: - F: - 90+ wind: - NApivot - water depth: - 0.8 position: - 0\r\nrain: - depth: - 0in condition: - 0\r\nsev08 - %done: - 20 notes: - alfalfa am \r\nsev06 - dug leads'),(611,'2025-06-26',2.0,0.0,2.0,0.0,1,'temp: - F: - 90+ wind: - NApivot - water depth: - 0.8 position: - 150\r\nrain: - depth: - 0in condition: - 0\r\nsev08 - %done: - 30 notes: - alfalfa am \r\nsev06 - dug leads'),(612,'2025-06-27',2.0,0.0,0.0,0.0,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 0.8 position: - 300\r\nsev08 - %done: - 100'),(613,'2025-06-30',2.0,0.0,2.0,0.0,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 0.8 position: - 290\r\nsev07 25% S1100ft\r\nsev06 - S770ft'),(614,'2025-07-01',2.0,0.0,2.0,1.5,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 0.8 position: - 0 chem on\r\nsev07 S1061\r\nsev06 - S533'),(617,'2025-07-07',2.0,0.0,2.0,0.0,0,'temp: - F: - 95+ wind: - NA\r\npivot - water depth: - 1.20 position: - 350\r\nsev07 S2100ft\r\nsev06 - S1315ft'),(615,'2025-07-02',2.0,0.0,2.0,1.5,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 0.8 position: - 140 chem on\r\nsev07 S100\r\nsev06 - S0'),(616,'2025-07-03',2.0,0.0,2.0,1.5,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 0.8 position: - 222 chem on\r\nsev07 S60 am S1963pm\r\nsev06 - S1358 ft pivot pond pm'),(618,'2025-07-08',2.0,0.0,2.0,1.5,0,'temp: - F: - 100+ wind: - NA\r\npivot - water depth: - 1.2 position: - 355 chem off\r\nsev07 S60 am S1700pm\r\nsev06 - S1158 ft '),(619,'2025-07-09',2.5,0.0,2.5,1.5,0,'temp: - F: - 100+ wind: - NA\r\npivot - water depth: - 1.33 position: - 150 chem off\r\nsev08 S632 \r\nsev06 - S999 ft '),(620,'2025-07-10',2.5,0.0,2.5,1.5,0,'temp: - F: - 95+ wind: - NA\r\npivot - water depth: - 1.33 position: - 195 chem off\r\nsev08 finished S450, sev06 - S777 ft \r\n0.6 in on alfalfa'),(621,'2025-07-14',2.0,0.0,2.0,0.0,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 1.67 position: - 5 chem on\r\nsev07 S800, sev06 - S577 ft'),(622,'2025-07-15',2.0,0.0,2.0,1.5,0,'temp: - F: - 95+ wind: - 5 mph\r\n pivot - water depth: - 1.67 position: - 92 chem on\r\nsev07 S618, sev06 - off AM S500 ft'),(623,'2025-07-16',2.0,0.0,2.0,1.5,0,'temp: - F: - 75+ wind: - NA \r\npivot - water depth: - 1.67 position: - 175 chem on\r\nsev07 S400, sev06 - S377 ft'),(624,'2025-07-17',2.0,0.0,2.5,1.5,0,'temp: - F: - 85+ wind: - NA pivot - water depth: - 1.67 position: - 4 chem on\r\nsev07 S200, sev06 - start S end'),(625,'2025-07-18',2.0,0.0,2.5,0.0,0,'temp: - F: - 90+ wind: - NA\r\npivot - water depth: - 1.67 position: - 61 chem on\r\nsev07 off, sev06 - S1147 ft, \r\nsev08 - middle: - 50 notes: - NA'),(626,'2025-07-19',0.0,0.0,2.0,0.0,0,'pivot - water depth: - 1 position: - 150 chem on\r\ntemp: - F: - 90+ wind: - breezy \r\nsev06 - off today notes: - NA\r\nrain: - depth: - 0.04in late pm condition: - 0'),(627,'2025-07-20',0.0,0.0,2.0,0.0,0,'pivot - water depth: - 1.67 position: - 222 chem on, at 245 chem off water depth 2.5in\r\ntemp: - F: - 95+ wind: - breezy afternoon\r\nstopping for alfalfa bale'),(628,'2025-07-22',2.5,0.0,0.0,1.5,0,'pivot - off\r\nchem tanks emty\r\ntemp: - F: - 100+ wind: - \r\nstopped for alfalfa bale\r\nsev07 - 5% done: - notes: - NA'),(629,'2025-07-23',2.5,0.0,2.5,1.5,0,'pivot - on 2.0in alfalfa started\r\nchem tanks epmty\r\ntemp: - F: - 85+ wind: - \r\nsev07 - %done: - 25\r\nrain: - depth: - 0.4 condition: - calm, 1.5 @ hp'),(630,'2025-07-24',2.5,0.0,2.5,1.5,0,'pivot - on 2.0 in alfalfa position 350\r\ntemp: - F: - 85+ wind: - \r\nsev07 - 60%done: \r\nsev06 - 70%done: notes: - NA'),(631,'2025-07-25',2.5,0.0,2.5,0.0,0,'pivot - on 2.0 position 54\r\ntemp: - F: - 90+ wind: - \r\nsev07 - 60%done: \r\nsev06 - 75%done: notes: - NA'),(632,'2025-07-26',0.0,0.0,2.0,0.0,0,'pivot - on .5 & 1.43 position 144.7 GOT STUCK IN LOW SPOT\r\ntemp: - F: - 95+ wind: -'),(633,'2025-07-27',0.0,0.0,2.0,0.0,0,'pivot - on .5 & 1.43 position 219\r\ntemp: - F:95+ wind: -'),(634,'2025-07-28',3.0,0.0,2.5,0.0,0,'pivot - on 1.43 position 299\r\ntemp: - F: - 100+ wind: - \r\nsev07 - 60%done: \r\nsev06 - 80%done: notes:\r\nsev08 - 0%done: - 50 notes: - alfalfa AM'),(635,'2025-07-29',3.0,0.0,2.5,0.0,0,'pivot - on .43 position 120\r\ntemp: - F: - 85+ wind: - \r\nsev07 - 60%done: \r\nsev06 - 0%done: notes:\r\nsev08 - 0%done: - 50 notes: - alfalfa AM'),(636,'2025-07-30',2.5,0.0,2.5,0.0,0,'pivot - on 1in position 354 alfalfa\r\ntemp: - F: - 80+ wind: - \r\nsev07 - 80%done: \r\nsev06 - 25%done: notes:'),(637,'2025-07-31',2.5,0.0,2.5,0.0,0,'pivot - on 0.4 position 196 corn\r\ntemp: - F: - 80+ wind: - \r\nsev07 - 80%done: \r\nsev06 - 25%done: notes:'),(638,'2025-08-04',2.5,0.0,2.5,1.5,0,'pivot - on .8 in position 245\r\ntemp: - F: - 95+ wind: - \r\nsev07 - 65%done: \r\nsev06 - 60%done: notes: - in draw'),(639,'2025-08-05',2.5,0.0,2.5,1.5,0,'pivot - on 1 in position 325 alfalfa\r\ntemp: - F: - 95+ wind: - \r\nsev07 - 75%done: \r\nsev06 - 75%done: notes:'),(640,'2025-08-06',2.5,0.0,2.5,1.5,0,'pivot - on 0.43 in position 90\r\ntemp: - F: - 100+ through Friday wind: minimal \r\nsev07 - 75%done: \r\nsev06 - 90%done: notes:'),(641,'2025-08-07',2.5,0.0,2.5,0.0,0,'pivot - on 0.6 position 154 corn\r\ntemp: - F: - 90+ wind: - \r\nsev07 - 90%done: \r\nsev06 - 0%done: notes: pm pivot pond'),(642,'2025-08-11',2.5,0.0,2.5,0.0,0,'pivot - on 0.6 position 140 corn\r\ntemp: - F: - 90+ wind: - \r\nsev07 - 30%done: \r\nsev06 - 10%done: notes:'),(643,'2025-08-12',2.5,0.0,2.5,0.0,0,'pivot - on 0.6 position 80 corn\r\ntemp: - F: - 90+ wind: - \r\nsev07 - 40%done: \r\nsev06 - 20%done: notes:\r\nsev08 - 20%done: - 50 notes: - NA'),(644,'2025-08-13',2.5,0.0,2.5,0.0,0,'pivot - on 0.6 position 80 corn\r\ntemp: - F: - 90+ wind: - \r\nsev07 - 50%done: \r\nsev06 - 30%done: notes:\r\nsev08 - 30%done: - notes: - NA'),(645,'2025-08-18',2.5,0.0,2.5,1.5,0,'pivot - on 0.8 in position 154\r\ntemp: - F: - 90+ wind: minimal \r\nsev07 - 75%done: \r\nsev06 - 50%done: notes:\r\nsev08 - 50%done notes: - NA\r\nsev08 - 50%done notes: - NA'),(646,'2025-08-19',2.5,0.0,2.5,1.5,0,'pivot - on 0.8 in position 0\r\ntemp: - F: - 90+ wind: minimal \r\nsev07 - 85%done: \r\nsev06 - 60%done: notes:\r\nsev08 - 80%done notes: - NA'),(647,'2025-08-25',0.0,0.0,2.0,0.0,0,'rain: - depth: - 0.3 condition: - 0\r\npivot - water depth: - 2 position: - 0\r\nalfalfa'),(648,'2025-08-26',0.0,0.0,2.0,0.0,0,'pivot - water depth: - 2 position: - 290\r\nalfalfa'),(649,'2025-08-27',0.0,0.0,2.0,0.0,0,'pivot - water depth: - 2 position: - 290\r\nalfalfa'),(650,'2025-09-09',3.0,0.0,0.0,0.0,0,'sev08 - alfalfa AM & PM');
/*!40000 ALTER TABLE `water_used` ENABLE KEYS */;
UNLOCK TABLES;
/*!50112 SET @disable_bulk_load = IF (@is_rocksdb_supported, 'SET SESSION rocksdb_bulk_load = @old_rocksdb_bulk_load', 'SET @dummy_rocksdb_bulk_load = 0') */;
/*!50112 PREPARE s FROM @disable_bulk_load */;
/*!50112 EXECUTE s */;
/*!50112 DEALLOCATE PREPARE s */;
/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
-- Dump completed on 2026-03-15 9:04:56