refurbiz
Cryptocy: BALI TUGAS, platform penghasilan online paruh wakt...
Nasib di Langit
Pada jaman dahulu ada seorang Jendral dari negeri Tiongkok kuno yang mendapat tugas untuk memimpin pasukan melawan musuh yang jumlahnya sepuluh kali lipat lebih banyak.
Mendengar kondisi musuh yang tak seimbang, seluruh prajuritnya gentar kalau-kalau akan menderita kekalahan dan mati sia-sia.
Di tengah perjalanan menuju medan perang, Jendral itu singgah di sebuah kuil kecil. Ia sembahyang dan berdoa meminta petunjuk para dewa.
Sedangkan prajuritnya menanti di luar kuil itu dengan harap-harap cemas.
Tak lama kemudian, sang Jendral keluar dari kuil tersebut.
Ia berteriak pada seluruh pasukannya, “Kita telah mendapat petunjuk dari langit.”
Lalu ia mengeluarkan koin emas simbol kerajaan dari sakunya. Sambil mengacungkan koin itu ke udara ia berkata,
“Sekarang, kita lihat apa kata nasib. Mari kita adakan toss. Bila kepala yang muncul, maka kita akan menang. Tapi bila ekor yang muncul, kita akan kalah. Hidup kita tergantung pada nasib.”
Jendral lalu melempar koin
emas itu ke udara. Koin emas pun berputar-putar di udara. Lalu jatuh berguling-guling
di tanah.
Seluruh pasukan mengamati apa yang muncul. Setelah agak lama menggelinding ke
sana-kemari, koin itu terhenti.
Dan yang mun
... baca selengkapnya di Nasib di Langit Cerita Motivasi dan Inspirasi Nomor Satu
mms Live TV - Links
Al Jazeera International mms://85.8.187.107:8081 mms://85.8.187.107:8082 Discovery Channel mms: / / tv.lzu.edu.cn/tv3 ABC News mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:36819 AZTV mms://85.132.27.83/aztv BBC World mms: / / tv.lzu.edu.cn/tv1 Argentina Canal7 mms: / / canal7envivo.telecomdatacenter.com.ar/canal7envivo Cartoons Channel mms://lastream001.galaxytelevision.net/cartoonsChannel Center TV mms://85.195.120.36/3282azmedia.wmv?cid=59231&dummy=.wmv CCTV1 mms://live.cctv.com/live11 CCTV5 mms://tv.lzu.edu.cn/cctv5 mms://live.cctv.com/live15 CN8 mms: / / 68.87.109.4/cn8winmedia CNBC mms://a1873.l2639649579.c26396.g.lm.akamaistream.net/D/1873/26396/v0001/reflector:49579 ESPN2 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:45155 ESPN Asia mms: / / tv.lzu.edu.cn/tv4 ESPN News mms://a548.l2558036547.c25580.g.lm.akamaistream.net/D/548/25580/v0001/reflector:56678 ESPN USA mms://193.108.95.74/D/1729/21686/v0001/reflector:53822 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:23292 ET1 mms: / / 209.190.38.90/et1_3? sid = D19668AF-B4CF-4C81-BF4F-D5C5D62DE25D-16-30563 Euro News mms://85.8.187.109:8082 Euro Sports mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21687/v0001/reflector:45425 Eurosport News mms: / / stream02.rambler.ru/eurosport fix.tv mms: / / www.fixtv.hu / fixdsl FOX mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:23292 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21687/v0001/reflector:56668 FOX5 News mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21687/v0001/reflector:30206 FOX8 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:50135 FOX11 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21687/v0001/reflector:59343 FOX Japan mms://202.167.254.196/fox?WMContentBitrate=400000 France24 mms://live.france24.com/france24_fr.wsx mms://live.france24.com/france24_en.wsx mms://live.france24.com/france24_ar.wsx Fussball TV http://www.speedup-tv.com/act_stream.aspx?sender_id=31 Hir TV mms://streamer.hirtv.net/hirtv.asf HTV9 http://www.vtc.com.vn/news/truyenhinhtr … il3284.asx Irib3 mms://live.iransima.ir/irib3 http://www.irib.ir/live/tv333.asx http://www.irib.ir/live/tv3.asx ITN mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21687/v0001/reflector:34652 JGolf mms: / / media.jgolfi.com/jbs03 Kanal D mms: / / dogantv-kanaldlive.wm.llnwd.net/dogantv_kanaldlive Kuwait TV3 http://video.media.gov.kw/ktv3 mms: / / 82.145.212.24/ktv3? MSWMExt =. asf Magyar ATV mms://broadcast.line.hu/ATVlive MCM mms://vipmms9.yacast.net/mcm_top Megaspore mms://195.200.64.242/ch42?WMContentBitrate=110000&=.wma Meteo TV mms://netshow.atlas.cz/meteotv MLB TV (mozaik) mms://a1503.l1086932070.c10869.g.lm.akamaistream.net/D/1503/10869/v0001/reflector:32015 MTV Asia mms://totbd1.streaming.totbb.com/Encoder10?wmcontentbitrate=400000 MTV-U mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:50505 MusicBox mms://81.89.49.210/musicbox National Geographic Channel mms://202.167.254.196/nationalgeographic National Geographic Adventure Channel mms://202.167.254.196/A1AdventureChannel NBC Weatherplus (KNBC) mms://a353.l817842352.c8178.g.lm.akamaistream.net/D/353/8178/v0001/reflector:42352 NBC (KXAN36) mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:52989 NDR mms: 213.254.239.66/ndrfernsehen / / $ ndr_nds mms: 213.254.239.66/ndrfernsehen / / $ ndr_hh mms: 213.254.239.66/ndrfernsehen / / $ ndr_hh NET (gr.) mms: / / 209.190.38.90/netghad NHL Network mms://a1040.l858741709.c8587.g.lm.akamaistream.net/D/1040/8587/v0001/reflector:41709 NJTV-5 mms: / / live.njbg.com.cn: 88/NJTV03 NRK1 http://160.68.101.41:80/nrk_tv_webvid08_h?MSWMExt=.asf NRK2 mms: / / straumV.nrk.no/nrk_tv_webvid04_m mms: / / 160.68.101.41:80 / nrk_tv_webvid04_h? MSWMExt =. asf http://160.68.101.41:80/nrk_tv_webvid03_h?MSWMExt=.asf Sports mms: / / straumV.nrk.no/nrk_tv_webvid03_m Sports n-tv mms: / / stream.n-tv.de/ntvlive OUR Journaal 24 mms: / / livemedia2.omroep.nl/nosjournaal24-bb NTDTV mms://online.ntdtvcast.com/Stream-Live NTV Turkey mms: / / 144.122.56.15/odtutv http://guide.ceit.metu.edu.tr/video/content/odtutv.asx NuSports mms://video.nusports.cn/1/live Nyíregyháza TV http://stream.giganet.hu/nytvonline?MSWMExt=.asf Channel Five http://adas.5csatorna.hu/popup.html PETN Sport Channel mms://80.237.157.98/sportschannel Polsat2 mms://85.8.187.103:8082 mms://85.8.187.103:8081/ Press TV mms: / / 217.218.67.244/presslive RTBF http://evenement.rtbf.be/flash/light.swf RTCG Sat http://194.109.160.107/radio/rtcgv.ram RTL Tele Letzebuerg http://www.rtl.lu/modules/asxwrapper.as ... p; ext =. asx mms://streaming.newmedia.lu/telehighres?MSWMExt=.asf RTL Tele Letzebuerg 2 mms://streaming.newmedia.lu/rtl2 RTR Planeta mms: / / video.rfn.ru / RTR-Planeta RTRS mms://88.198.14.117/rtrs/tv.wmv RTR Planeta Sport mms://69.90.71.116/K1.wmv RTS2 http://www.rts.co.yu/rts2uzivo.ram Saudi TV2 mms://stream.kacst.edu.sa/SaudiTV-Channel2 Seria A TV mms: / / WWW.LEWEBRADIO.NET / SERIE A TV Sky News mms: / / live1.wm.skynews.servecast.net/skynews_wmlz_live300k mms://tinyurl.com/24aw6x SkyTürk http://213.74.22.66/skyturk.asx mms: / / 66.90.101.68/TV-skyturk Sorozatguru TV http://www.sorozatguru.info/gurutv.asx SportsWin.tv mms://wm.broadcast.tneg.de/telespassdsl Shandong mms: / / tvlive2.sdrt.com/tytv mms: / / 211.148.197.132/sztv-5 Shanghai Sports mms://tv.lzu.edu.cn/shyxty Szeged City TV mms://213.163.4.195:8080/ Star Sports http://207.138.82.130:80/D/1729/21686/v … ctor:53822 TA3 http://wmv.the.sk/ta3live?.wma Talpa TV mms://str3.talpa.tv/livestream1 Telesport Ro mms://193.230.176.89:8091 mms://193.230.176.89:8090 TMF Belgium mms: / / 85.119.217.29/TMFLive TMF Netherlands http://streams.mtvnetworks.nl/cgi-bin/r … m=tmf_high TSR2 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:30546 TV2 dk mms://80.160.76.117/tv2live4 TV3/24 http://195.10.10.101:80/tv3/tv3/low.asf TV5 Monde Europe mms: / / mytv.ctn1.net/tv5monde TV Chile mms://wmserver1.tvn.cl/tvchile TVCi mms://i2catvserver.i2cat.net/TVC_inter TV Taroba mms://200.150.71.4:8080 mms: / / taroba.sercomtel.com.br / Taroba / TVVI International http://www.canalgv.com/canalgv/resource … v_tvvi.asx TV7 Tunesia http://www.tunisiatv.com/ram/direct.ram TVP Polonia mms://85.8.187.102:8082 TW1 mms://a226.l858731284.c8587.e.lm.akamaistream.net/D/226/8587/v0001/reflector:31284 mms://a1179.l858723126.c8587.e.lm.akamaistream.net/D/1179/8587/v0001/reflector:23126 Versus TV mms://a102.l1992344009.c19923.g.lm.akamaistream.net/D/102/19923/v0001/reflector:44014 mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:31716 WLTX (CBS19) mms://a1729.l2168647534.c21686.g.lm.akamaistream.net/D/1729/21686/v0001/reflector:56503 XIN TV http://mfile.akamai.com/25255/live/reflector:30561.asx Zee Sports mms://208.53.170.177:80/zeesports-idesitvdotcom-sdskdjnks3
hp-compaq Presario V3000 series
HP Technical Support:
Malaysia phone numbers for:
Questions before you buy: 1-800-88-4848
Technical support after you buy: 1-800-88-8588
Note: 1-800 local toll-free numbers not applicable outside Malaysia
High Res photos of hp-compaq Presario V3125AU notebook
http://forum.lowyat.net/index.php?showtopi...dpost&p=9356943
DRIVERS Complete Drivers Listed Download Here
AMD Turion 64 Mobile Technology (V3XXXAU)
All Compaq Presario V3000AU CTO Notebook PC drivers for Windows XP
LINK Compaq Presario V3164AU Notebook PC drivers for Windows XP
LINK Compaq Presario V3165AU Notebook PC drivers for Windows XP
LINK Compaq Presario V3166AU Notebook PC drivers for Windows XP
LINK Compaq Presario V3222AU Notebook PC drivers for Windows Vista
LINK Compaq Presario V3616AU Notebook PC drivers for Windows Vista
LINK Compaq Presario V3716AU Notebook PC drivers for Windows Vista
Intel Centrino Duo Mobile Technology (V3XXXTU)
All Compaq Presario V3000TU CTO Notebook PC drivers for Windows XP
LINK Compaq Presario V3106TU Notebook PC drivers for Windows XP
LINK Compaq Presario V3109TU Notebook PC drivers for Windows XP
LINK Compaq Presario V3204TU Notebook PC drivers for Windows Vista
LINK Compaq Presario V3719TU Notebook PC drivers for Windows Vista
All Windows(x86 & x64) Drivers (AMD) (including Windows Vista x86 & x64)
Windows Drivers for V3000 series
Windows Drivers for V3100 series
Windows Drivers for V3200 series
All Windows(x86 & x64) Drivers (intel) (including Windows Vista x86 & x64)
Windows Drivers for V3000 series
hp-compaq Presario V3614AU (AMD series) XP Drivercourtesy of BOTAK_WAI
Bluetooth
ftp://ftp.hp.com/pub/softpaq/sp32501-33000/sp32883.exe
Card Reader
ftp://ftp.hp.com/pub/softpaq/sp36501-37000/sp36612.exe
Modem
ftp://ftp.hp.com/pub/softpaq/sp36501-37000/sp36610.exe
QLB
ftp://ftp.hp.com/pub/softpaq/sp36501-37000/sp36708.exe
WLAN
ftp://ftp.hp.com/pub/softpaq/sp36501-37000/sp36684.exe
UAA(must install b4 install modem and sound right?)
ftp://ftp.hp.com/pub/softpaq/sp33501-34000/sp33566.exe
Win XP Dual Core patch
http://www.badongo.com/file/5345032
http://www.badongo.com/file/2839430
password: 下載前先回覆
AMD patch
http://www.amd.com/us-en/Processors/Techni...1_14098,00.html
Compaq Quick Play DVD player
http://rapidshare.com/files/71665612/QuickPlay.zip.html
for the chipset, sound, and video driver i'm not sure these can use anot. i'm using other 1.
Chipset
http://www.badongo.com/file/4477175
Sound
http://www.badongo.com/file/4477198
Video
http://www.badongo.com/file/4477692
Audio drivers Tutorial for V3000 series Intelcourtesy of mindkiller6610
Ok..here is the tutorial to install sound driver on V3218TU with headphone jack working and no speaker sound when using headphone.
NOTE : if u have previously installed a working sound driver but the speaker is not mute when u r using headphone,u need to uninstall the previous driver. On Device Manager choose Conexant High Definition Audio and click uninstall.
download this softpaq(driver files)
ftp://ftp.hp.com/pub/softpaq/sp33001-33500/sp33470.exe
double click the exe and let it extracts the files to
C:\swsetup\SP33470 (u can choose other path, but i will use the default path here).
after it extracts the files..it will try to detect the hardware or media and it will eventually gives u an error in detecting media or so..that is normal. Just click OK.
after that, go to Device Manager, highlight High Definition Audio Bus or sumthing like that, right click, choose install driver/update driver..
then follow as in the screenshots..
Click YES/OK when the windows message pop out, and let it install the driver.
Restart ur laptop and try out the speaker and headphone. It should work now.
Hope this helps and Good Luck
AMD Turion 64 X2 Dual Core Processor Drivers (for Windows XP)
1) install Windows XP with Service Pack 2 (no link here),
2) install the Microsoft Dual Core hotfix KB896256,
3) install the AMD Turion(tm) 64 X2 Dual-Core Mobile Technology Driver for Windows XP
4) install the AMD Dual Core Optimizer for Windows XP
Optional:
install AMD Power Monitor Version 1.0.2 for Windows XP & Windows Vista
This application is used to monitor the current frequency, voltage, utilization, and power savings of each core of each processor in a system. This application also has a system tray icon that can be used to view and select power schemes on the system. The system tray icon will show the average utilization of every core on the system.
Windows Vista x86 RTM Installationbeta
Check if you have at least 1GB of RAM (dual channel mode)
1) Insert the installation DVD
2) Follow thru the menus and select the version that you purchased
Display would look horrible without Aero at first but you have to get the driver from Windows Update.
3) After completing installation, run windows update.
4) Select every Optional & Recommended driver updates. eg, synaptics, hp quick launch, nvidia geforce go, hypertransport, ricoh card reader drivers.
5) Go to Control Panel > Personalization > Windows Color and Appearance, choose the Windows Aero Colour Scheme and click Apply.
6) The End.
Hardware that will work out of the box with Windows Vista
- Wireless, Bluetooth, Ethernet
GRAPHICS: Updating to the latest NVIDIA FORCEWARE (alexus)
"the latest forceware is version 93.71, you'll have to edit the nv4_disp.inf file to make it to install on geforce go 6150."
just add the two line below into the inf file:
%NVIDIA_C51.DEV_0244.1% = nv4_NV3x,PCI\VEN_10DE&DEV_0244
NVIDIA_C51.DEV_0244.1 = "NVIDIA Geforce Go 6150"
Windows XP SP2 Setup & Installation Guide for V3119AU/V3009AU courtesy of shinjin (only for Windows XP SP2)
1. Install the OS.
2. Install the NVIDIA nForce Chipset Driver, Click here!
3. Install the NVIDIA GeForce Go 6150 Graphics Driver, Click here!
4. Install the AMD Processor Update for Microsoft Windows XP to optimized the processor for the system, Click here!
5. Install Microsoft Universal Audio Architecture (UAA) Bus Driver for High Definition Audio, Click here!
6. Install Conexant High Definition Audio (for AMD), Click here!
7. Install Conexant HDAUDIO Soft Data Fax Modem with SmartCP Driver, Click here!
8. Install Ricoh 5-in-1 Card Reader Host Controller and Driver, Click here!
9. Install Broadcom Wireless LAN Driver, Click here!
10. Install Software and Drivers for HP Integrated Module with Bluetooth Wireless (For V3119AU), Click here!
11. Install HP Wireless Assistant, Click here!
12. Install System Default Settings, Click here!
Done, now your notebook ready to use! Below is the optional installation:-
Optional
1. Install WinFlash Utility for HP Notebook System BIOS Ver. F11- Windows-Based, Click here!
- Adds an option to the Setup menu (F10) to Enable or Disable key click sounds.
- Changes the function of the Fn + Multimedia keys to control the fast forward and rewind functions.
- Improves the key click sound to make it more pleasing to the ear.
2. Install Help and Support Center, Click here!
- This package updates the Help and Support Center for the listed operating systems. The Help and Support Center is an integrated help and assistance tool from Microsoft and HP that provides simple click access to built-in product information, preventative care and maintenance assistance, and web links to online support and technical assistance.
3. Install Wireless Home Network Setup, Click here!
- The Wireless Home Network Setup utility assists in the initial setup of wireless home networks and enables a computer to be added to an existing wireless home network simply and securely.
4. Install HP Battery Check, Click here!
-This package contains the HP Battery Check tool for the listed operating systems. The HP Battery Check tool helps to check the state of the battery. This tool also provides warranty information if the battery test fails.
5. Install AMD Dual-Core Optimizer, Click here!
- The AMD Dual-Core Optimizer can help improve some PC gaming video performance by compensating for those applications that bypass the Windows API for timing by directly using the RDTSC (Read Time Stamp Counter) instruction.
6. Install Synaptics Touchpad, Click here!
- This package contains the Synaptics Touchpad driver for the listed operating systems. The driver provides advanced features such as PalmCheck, EdgeMotion, tap zones, double-tap, and tap-to-select.
Windows XP Audio driver Installation Guide for AMD courtesy of frequency (only for Windows XP SP2)
the steps will be
1. Install the Microsoft UAA Bus driver For HD audio (From HP)
2. Install the Conexant (From HP)
3. Restart
4. Prompts u PCI device found...browse to the modem driver directory(Dont install from clicking the exe), just let the windows find the driver
5. The rest just let windows find the best suitable driver
From HP website
Microsoft Universal Audio Architecture (UAA) Bus Driver for High Definition Audio
http://h10025.www1.hp.com/ewfrf/wc/softwar...=3195393&dlc=en
or
http://h18007.www1.hp.com/support/files/hp...load/23553.html
From Microsoft KB
Details about Universal Audio Architecture (UAA) High Definition Audio class driver version 1.0a
http://support.microsoft.com/kb/888111
Link to Driver Download http://www.hydrogenaudio.org/forums/index....showtopic=47079
Direct Driver download http://www.hydrogenaudio.org/forums/index....pe=post&id=2389
-----------
Benchmarks
pictures of jooku1's brand spankin NEW hp-compaq Presario V3011 by jooku1
http://forum.lowyat.net/index.php?showtopi...dpost&p=7677465
exclusive benchmark scores using Sisoft Sandra 2007 Lite by jooku1
http://forum.lowyat.net/index.php?showtopi...dpost&p=7679308
Apple Quicktime 1080P H.264 decoding (notice the excess framerates) by jooku1
http://forum.lowyat.net/index.php?showtopi...dpost&p=7716872
------------
Compaq Presario V3000 Notebook PC: Documentation
Maintenance and Service Guide
Compaq Presario V3000 Notebook PC
Document Part Number: 418333-001
June 2006
Download Here
This guide is a troubleshooting reference used for maintaining
and servicing the computer. It provides comprehensive
information on identifying computer features, components, and
spare parts; troubleshooting computer problems; and performing
computer disassembly procedures.
Link to other Documentation
Suckerfish Dropdowns
by Patrick Griffiths, Dan Webb
Meet the markup
To start, we should use the best method for defining a navigation menu — a list. For this example, we will work on a simple HTML unordered list. {Line wraps are marked ». –Ed.}<ul>
<li>Sunfishes
<ul>
<li><a href="">Blackbanded»
sunfish</a></li>
<li><a href="">Shadow bass</a></li>
<li><a href="">Ozark bass</a></li>
<li><a href="">White crappie</a></li>
</ul>
</li>
<li>Grunts
<ul>
<li><a href="">Smallmouth grunt
</a></li>
<li><a href="">Burrito</a></li>
<li><a href="">Pigfish</a></li>
</ul>
</li>
<li>Remoras
<ul>
<li><a href="">Whalesucker</a></li>
<li><a href="">Marlinsucker</a></li>
<li><a href="">Ceylonese remora</a></li>
<li><a href="">Spearfish remora</a></li>
<li><a href="">Slender suckerfish</a></li>
</ul>
</li>
</ul>
Quite straightforward really — nice and neat HTML that, as a result, is highly accessible. But now we want to transform this into a dynamic list — the first level of list items will make up a horizontal menu bar from which the second level lists will drop down.Styling it
To get started, all of the lists need to be jigged around a bit — namely, the padding and margin set to zero and the list-style set to none:ul { padding: 0; margin: 0; list-style: none; }Now we need to transform the first-level list into a horizontal menu bar. There are a number of methods to do this, discussed in detail elsewhere. We could display the list-items inline (
display: inline
), but for this example, we are going to float them to the left.li { float: left; position: relative; width: 10em; }The position has been set to
relative
because we want the position of the second-level, nested lists to be relative to the first-level list items and the width has been set to space it out a bit. The dropdown menu is coming together.The next step is to tackle the second-level lists that will be the dropdowns themselves:
li ul { display: none; position: absolute; top: 1em; left: 0; }
display: none
with display: block
, you will see the need for the top and left properties in Internet Explorer, because without them, IE will align the second-level lists to the top right of their relative parent rather than the bottom left. Unfortunately, this IE fix will mess things up in browsers like Opera, so add the following CSS to reset the top and left properties on all but IE browsers:li > ul { top: auto; left: auto; }And now, making the sucker work. To make a second-level list appear when its parent list item is “rolled over,” we simply need to add the following:
li:hover ul { display: block; }Which says that any list that is nested in a list item that has the cursor hovering over it should be displayed.
Finally, because the lists are floated left, the content underneath it needs to be set free of the floating by applying
clear: left
to it.Hold on a minute!
“This dropdown malarkey doesn't work!” I hear 102.6% (or the latest percentage being thrown about) of you cry. I am, as some might have guessed, talking about Internet Explorer users. The more you use and develop with browsers such as Mozilla the more you realize how pathetic Internet Explorer can be when it comes to web standards. The:hover
pseudo class should work with any element, but in Internet Explorer it only works with links. So. What’s the use in a dropdown menu when it only works on -2.6% of browsers? Not much, to be honest. We need to apply a little bit more magic.DOM-based scripting to the rescue
We’ve established IE’s lack of support for the:hover
pseudo class, but by using the Document Object Model, we can attach mouseover and mouseout events to any element. This is good news for us because it means that with a simple snippet of JavaScript we can effectively patch IE’s :hover
problems.Because IE is blind we need to find another way to identify the properties of the
:hover
pseudo class. With JavaScript, we know that we can manipulate the className property of an element so what we are going to do first is alter the CSS:li:hover ul{ display: block; }becomes:
li:hover ul, li.over ul{ display: block; }Now we can invoke the
:hover
CSS rules by adding the class over
to the desired element. We also need a way to tell IE which of the UL elements on the page we actually want to be our dropdown menus. We can do this by giving an id
to our root ul
element:<ul>becomes:
<ul id="nav">Now that we have a means of identifying the root
ul
element of our dropdown list, we can grab this element and loop through all of its child elements, attaching mouseover and mouseout events to all the li
elements nested within it. And this is how it’s done:startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList;On page load, the
startList
function is invoked. The function determines if the browser is actually IE 5 or greater by checking for the existence of the document.all
object and document.getElementById
function. This is a bit of a crude way of doing it but it’s short and sweet — and since we are trying to make a compact solution, this will do. It then loops through, enabling mouseover and mouseout events which add and remove the over
class from the className
property of the element.There you have it. If you got lost anywhere, have a look at a commented, bare-bones example in action.
Gills, fins, scales...
So far things are a little bare. The idea has been to show the basic workings of the Suckerfish Dropdown, but CSS can make things look a lot prettier. An obvious starting point would be to apply a background color to the second-level lists.After resetting the top and left properties as described earlier, dropdowns in the pretty example appear directly below menu labels in most modern browsers, but unfortunately not in all. In Safari 1.0, they still drop down from the top left edge of the screen. {Check the discussion forum for workarounds. –Ed.}