Hướng dẫn tạo Box dropdown ( Liênkếtwebsites ) Xin chào các bạn, gần đây có nhiều bạn mới lập trang riêng có hỏi về cách thiết lập hộp liênkết xổ ra ( dropdown box ) giống như hộp liênkết của DIỄN ĐÀN TƯ VẤN TIN HỌC. Tôi nghĩ chủ đề này không mới, nhưng lại rất cần cho những người mới "vào nghề". Nó làm cho trang web của chúng ta gọn gàng mà lại mang tính thẩm mỹ cao. Vì vậy tôi xin hướng dẫn cách làm như sau: Ta coi đoạn code gồm có 3 phần: 1- Phần 1: . <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl ank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">--------------------------</option> Chú ý: Bạn có thể thay chữ : Điểm báo online bằng gì cũng được. Nên nhớ nó sẽ hiện trên box để ta biết được đó là liênkết gì. 2- Phần 2: Tạo liênkết cho từng mục. <option value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin học</option> Chú ý: ở đây bạn đã nhận ra http://lekimtuong.violet.vn/ là địa chỉ của trang web. Còn Diễn đàn tư vấn tin học là tên sẽ được hiển thi trong box của ta. Lặp lại và thay đổi những liênkết cần thiết nếu cần. 3- Phần 3: Cuối đoạn code </select> 4- Kết luận: Nối 3 đoạn của 3 phần trên ta được một dropdown box thật tuyệt vời. 5- Lưu ý: + Nếu muốn làm 2 hay nhiều hơn các box bạn phải thực hiện lại các bước trên. + Dấu cách và xuống hàng trong HTML code không quan trọng, do vậy ta nên soạn thảo trên Word là thích hợp nhất ( font UNICODE ) + Nếu bạn nào ngại vất vả thì test thử đoạn code của DIỄN ĐÀN TƯ VẤN TIN HỌC xem sao nhé. <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.optio ns[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">--------------------------</option> <option value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin học</option> <option value="http://vietnamnet.vn">Vietnamnet</option> <option value="http://vnexpress.net">VnExpress</option><option value="http://thanhnien.com.vn">Thanh Niên</option><option value="http://dantri.com.vn">Dân trí</option><option value="http://tuoitre.com.vn">Tuổi trẻ Online</option><option value="http://tienphong.vn/">Tiền phong Online</option><option value="http://vietbao.vn">Việt báo</option><option value="http://www.baomoi.com/">Báo mới</option><option value="http://www.nhandan.org.vn/">Nhân dân Online</option><option value="http://www.qdnd.vn/qdnd/baongay.qdnd">Quân đội nhân dân</option><option value="http://www.thethaovanhoa.vn/">Thể thao - Văn hóa</option><option value="http://www.laodong.com.vn/">Lao động</option><option value="http://antg.cand.com.vn/">An ninh thế giới</option><option value="http://www.thegioiphunu-pnvn.com.vn/">Phụ nữ Việt nam</option><option value="http://suckhoedoisong.vn/home.htm">Sức khoẻ đời sống</option> </select> . Chúc các bạn thành công. Code liên kếtcác websites giáo dục Thanh hoá Để tiện cho các nhà trường và các cơ sở giáo dục dễ dàng hơn trong việc truy cập đến với cácwebsites giáo dục Thanh hoá, hôm nay tôi xin giới thiệu đoạn code tạo liênkết đến tất cả các website giáo dục trong toàn tỉnh ( phòng GD, các trường THPT, các trường THCS, các trường Tiểu học ). Hy vọng đây sẽ là một tiện ích rất hữu hiệu cho các website Phòng GD và các nhà trường trong việc giao lưu với các đơn vị bạn mà không mất công tìm địa chỉ ( vốn dĩ là rất dài ) Ngoài ra code này cũng tạo liênkết đến hầu hết các trang con của Thư viện trực tuyến violet.vn. HƯỚNG DẪN SỬ DỤNG: - Đăng nhập bằng tài khoản quản trị - Vào Quản trị -> Giao diện -> Thêm khối trên cột chức năng. - Copy đoạn code sau: ------------------------------------------------------------------------------ <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl ank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Thư viện Violet</option><option value="about:Tabs">--------------------------</option><option value="http://violet.vn/main">Thư viện Violet</option><option value="http://baigiang.violet.vn/">Thư viện Bài giảng</option><option value="http://giaoan.violet.vn/">Thư viện Giáo án</option><option value="http://tulieu.violet.vn/">Thư viện Tư liệu</option><option value="http://dethi.violet.vn/">Thư viện Đề thi</option><option value="http://blog.violet.vn/">Blog giáo viên</option><option value="http://daotao.violet.vn/">Đào tạo vi tính</option><option value="http://lophoc.violet.vn/">Lớp học trực tuyến</option><option value="http://soanbai.violet.vn/">Soan bài trực tuyến</option><option value="http://thanhhoa.violet.vn/">Violet Thanh hoá</option></select> <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl ank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Các phòng giáo dục</option><option value="about:Tabs">-------------------------- </option><option value="http://camthuy.violet.vn/">PGD Cẩm thủy</option><option value="http://violet.vn/hauloc/">PGD Hậu lộc</option><option value="http://violet.vn/yendinh/">PGD Yên định</option><option value="http://thoxuan.violet.vn/">PGD Thọ xuân</option><option value="http://violet.vn/ngoclac/">PGD Ngọc lặc</option><option value="http://violet.vn/nongcong/">PGD Nông cống</option><option value="http://violet.vn/tinhgia">PGD Tĩnh gia</option><option value="http://violet.vn/thuongxuan">PGD Thường xuân</option><option value="http://violet.vn/quanson">PGD Quan sơn</option><option value="http://violet.vn/vinhloc">PGD Vĩnh lộc</option><option value="http://violet.vn/trieuson">PGD Triệu sơn</option><option value="http://violet.vn/quangxuong">PGD Quảng xương</option><option value="http://violet.vn/pgdhatrung/">PGD Hà trung</option><option value="http://violet.vn/ngason/">PGD Nga sơn</option><option value="http://violet.vn/phongthanhhoa/">PGD TP Thanh hoá</option></select> <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl ank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Khối các trường THPT </option><option value="aaaaaaaaa">---------------------------</option><option value="http://thpt-quangxuong3-thanhhoa.violet.vn/">THPT Quảng xương 3</option><option value="http://violet.vn/thpt-quangxuong4- thanhhoa/">THPT Quảng xương 4</option><option value="http://violet.vn/thpt-dongson1-thanhhoa">THPT Đông sơn 1</option><option value="http://violet.vn/thpt-bcnguyenmongtuan- thanhhoa/">THPT Nguyễn Mộng Tuân</option><option value="http://thpt- camthuy1-thanhhoa.violet.vn/">THPT Cẩm thủy 1</option><option value="http://violet.vn/thpt-camthuy3-thanhhoa/">THPT Cẩm thủy 3</option><option value="http://violet.vn/thpt-cambathuoc-thanhhoa/">THPT Cầm Bá Thước</option><option value="http://violet.vn/thpt-thuongxuan2- thanhhoa/">THPT Thường xuân 2</option><option value="http://violet.vn/thpt- ngoclac-thanhhoa/">THPT Ngọc lặc</option><option value="http://violet.vn/thcs-bacson-thanhhoa/">THPT Bắc sơn</option><option value="http://violet.vn/thpt-lelai-thanhhoa/">THPT Lê Lai</option><option value="http://violet.vn/thpt-bctrieuson-thanhhoa">THPT BC Triệu sơn</option><option value="http://violet.vn/thpt-trieuson4-thanhhoa/">THPT Triệu sơn 4</option><option value="http://violet.vn/thpt-dinhchuongduong- thanhhoa/">THPT Đinh Chương Dương</option><option value="http://violet.vn/thpt-hoanghoa4-thanhhoa/">THPT Hoằng hoá 4</option><option value="http://violet.vn/thpt-bctinhgia2-thanhhoa/">THPT BC Tĩnh gia 2</option><option value="http://violet.vn/thpt-badinh- thanhhoa/">THPT Ba đình</option><option value="http://violet.vn/thpt- thoxuan4-thanhhoa/">THPT Thọ xuân 4</option><option value="http://violet.vn/thpt-nhuthanh-thanhhoa/">THPT Như thanh</option><option value="http://violet.vn/thpt-nhuxuan-thanhhoa/">THPT Như xuân</option><option value="http://violet.vn/thpt-bclevanlinh- thanhhoa/">THPT BC Lê Văn Linh</option><option value="http://violet.vn/docanhtoan/">THPT Nông cống 1</option><option value="http://violet.vn/thpt-nongcong2-thanhhoa/">THPT Nông cống2</option><option value="http://violet.vn/thpt-nongcong4- thanhhoa/">THPT Nông cống 4</option><option value="http://violet.vn/thpt- yendinh1-thanhhoa/">THPT Yên định 1</option><option value="http://violet.vn/thpt-thongnhat-thanhhoa/">THPT Thống Nhất</option><option value="http://violet.vn/thpt-daoduytu-thanhhoa/">THPT Đào Duy Từ</option><option value="http://violet.vn/thpt-hauloc1- thanhhoa/">THPT Hậu lộc 1</option><option value="http://violet.vn/thpt- haulac2-thanhhoa/">THPT Hậu lộc 2</option><option value="http://violet.vn/thpt-hauloc4-thanhhoa/">THPT Hậu lộc 4</option><option value="http://violet.vn/thpt-bcduongdinhnghe- thanhhoa/">THPT BC Dương Đình Nghệ</option><option value="http://violet.vn/thpt-bctranphu-thanhhoa/">THPT BC Trần Phú</option><option value="http://violet.vn/thpt-samson-thanhhoa/">THPT Sầm sơn</option></select> <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl ank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Khối các trường THCS</option><option value="about:Tabs">-------------------------- </option><option value="http://violet.vn/thcs-taydo-thanhhoa/">THCS Tây đô – Vĩnh lộc</option><option value="http://violet.vn/thcs-vinhgiang- thanhhoa/">THCS Vĩnh giang – Vĩnh lộc</option><option value="http://violet.vn/thcs-vinhkhang-thanhhoa/">THCS Vĩnh khang – Vĩnh lộc</option><option value="http://violet.vn/thcs-dongson-thanhhoa/">THCS Đông sơn – Bỉm sơn</option><option value="http://violet.vn/thcs-hatien- thanhhoa/">THCS Hà tiến – Hà trung</option><option value="http://violet.vn/thcslythuongkiet/">THCS Lý Thường Kiệt – Hà trung</option><option value="http://violet.vn/thcshathanh/">THCS Hà thanh – Hà trung</option><option value="http://violet.vn/thcs-hachau- thanhhoa/">THCS Hà châu – Hà trung</option><option value="http://violet.vn/thcs-hoangcat-thanhhoa/">THCS Hoằng cát - Hoằng hoá</option><option value="http://violet.vn/thcs-hoangkhe-thanhhoa/">THCS Hoằng khê - Hoằng hoá</option><option value="http://violet.vn/thcs- hoangchau-thanhhoa/">THCS Hoằng châu - Hoằng hoá</option><option value="http://violet.vn/thcs-hoangphong-thanhhoa/">THCS Hoằng phong - Hoằng hoá</option><option value="http://violet.vn/thcs-hoangha- thanhhoa/">THCS Hoằng hà - Hoằng hoá</option><option value="http://violet.vn/thcs-lehuulap-thanhhoa/">THCS Lê Hữu Lập - Hậu lộc</option><option value="http://violet.vn/thcs-loctan-thanhhoa/">THCS Lộc tân - Hậu lộc</option><option value="http://violet.vn/thcs-phuloc- thanhhoa/">THCS Phú lộc - Hậu lộc</option><option value="http://violet.vn/thcs-nguloc-thanhhoa/">THCS Ngư lộc - Hậu lộc</option><option value="http://violet.vn/thcs-trungson-thanhhoa/">THCS Trung sơn - Sầm sơn</option><option value="http://violet.vn/thcs-bacson- thanhhoa/">THCS Bắc sơn - Sầm sơn</option><option value="http://violet.vn/ptcs-ngathuy-thanhhoa/">THCS Nga thủy – Nga sơn</option><option value="http://violet.vn/thcs-thitran-thanhhoa/">THCS Thị trấn Quan hoá</option><option value="http://violet.vn/thcs-xuanduong- thanhhoa/">THCS Xuân dương - Thường xuân</option><option value="http://violet.vn/thcs-xuankhanh-thanhhoa/">THCS Xuân khánh - Thọ xuân</option><option value="http://violet.vn/thcs-ngathanh-thanhhoa/">THCS Nga thanh – Nga sơn</option><option value="http://violet.vn/thcs-namtien- thanhhoa/">THCS Nam tiến – Quan hoá</option><option value="http://violet.vn/thcs-thobinh-thanhhoa/">THCS Thọ bình - Triệu sơn</option><option value="http://violet.vn/thcs-annong-thanhhoa/">THCS An nông - Triệu sơn</option><option value="http://violet.vn/thcs-thieuhoa- thanhhoa/">THCS Thiệu hoà - Thiệu hoá</option><option value="http://violet.vn/thcs-ngatan-thanhhoa/">THCS Nga tân – Nga sơn</option><option value="http://violet.vn/thcs-thitran-thoxuan- thanhhoa/">THCS Thị trấn Thọ xuân</option><option value="http://violet.vn/thcs-xuanhung-thanhhoa/">THCS Xuân hưng – Thọ xuân</option><option value="http://violet.vn/thcs-xuanlai-thanhhoa/">THCS Xuân lai - Thọ xuân</option><option value="http://violet.vn/thcs-xuantan- thanhhoa/">THCS Xuân tân - Thọ xuân</option><option value="http://violet.vn/thcs-xuantruong-thanhhoa/">THCS Xuân trường - Thọ xuân</option><option value="http://violet.vn/thcs-thoominh-thanhhoa/">THCS Thọ minh - Thọ xuân</option><option value="http://violet.vn/thcs-xuanhoa- thanhhoa/">THCS Xuân hoà - Thọ xuân</option><option value="http://violet.vn/thcs-thoxuong-thanhhoa/">THCS Thọ xương - Thọ xuân</option><option value="http://violet.vn/thcs-thotruong-thanhhoa/">THCS Thọ trường - Thọ xuân</option><option value="http://violet.vn/thcs-thodien- thanhhoa/">THCS Thọ diên - Thọ xuân</option><option value="http://violet.vn/thcs-thohai-thanhhoa/">THCS Thọ hải - Thọ xuân</option><option value="http://violet.vn/thcs-taayho-thanhhoa/">THCS Tây hồ - Thọ xuân</option><option value="http://violet.vn/thcs-xuantin- thanhhoa/">THCS Xuân tín - Thọ xuân</option><option value="http://violet.vn/thcs-xuanchau-thanhhoa/">THCS Xuân châu - Thọ xuân</option><option value="http://violet.vn/thcs-xuanson-thanhhoa/">THCS Xuân sơn - Thọ xuân</option><option value="http://violet.vn/thcs-xuangiang- thanhhoa/">THCS Xuân giang - Thọ xuân</option><option value="http://violet.vn/thcs-xuanthanh-thanhhoa/">THCS Xuân thành - Thọ xuân</option><option value="http://violet.vn/thcs-tenong-thanhhoa/">THCS Tế nông – Nông cống</option><option value="http://violet.vn/thcs-congliem- thanhhoa/">THCS Công liêm – Nông cống</option><option value="http://violet.vn/thcs-thieuthanh-thanhhoa/">THCS Thiệu thành - Thiệu hoá</option><option value="http://violet.vn/thcs-quangchau-thanhhoa/">THCS Quảng châu - Quảng xương</option><option value="http://violet.vn/thcs- quangcat-thanhhoa/">THCS Quảng cát - Quảng xương</option><option value="http://violet.vn/thcs-ledinhkien-thanhhoa/">THCS Lê Đình Kiên – Yên định</option><option value="http://violet.vn/thcs-dinhhung-thanhhoa/">THCS Định hưng – Yên định</option><option value="http://violet.vn/thcs-dinhhai- thanhhoa/">THCS Định hải – Yên định</option><option value="http://violet.vn/thcs-nguyetan-thanhhoa/">THCS Nguyệt ấn - Ngọc lặc</option><option value="http://violet.vn/thcs-ngoclien-thanhhoa/">THCS Ngọc liên - Ngọc lặc</option><option value="http://violet.vn/thcs-phungminh- thanhhoa/">THCS Phùng minh - Ngọc lặc</option><option value="http://violet.vn/thcs-ngocson-thanhhoa/">THCS Ngọc sơn - Ngọc lặc</option><option value="http://violet.vn/thcs-thuyson-thanhhoa/">THCS Thúy sơn - Ngọc lặc</option><option value="http://violet.vn/thcs-quangtrung- thanhhoa/">THCS Quang trung - Ngọc lặc</option><option value="http://thcs- caothinh-thanhhoa.violet.vn/">THCS Cao thịnh - Ngọc lặc</option><option value="http://violet.vn/thcs-camngoc-thanhhoa/">THCS Cẩm ngọc - Cẩm thủy</option><option value="http://violet.vn/ptcs-ngatien-thanhhoa/">THCS Nga tiến – Nga sơn</option><option value="http://violet.vn/thcs-ngadien- thanhhoa/">THCS Nga điền – Nga sơn</option><option value="http://violet.vn/thcs-trungthuong-thanhhoa/">THCS Trung thượng – Quan sơn</option><option value="http://violet.vn/thcs-xuanlam- thanhhoa/">THCS Xuân lâm – Tĩnh gia</option><option value="http://violet.vn/thcs-luongchi-thanhhoa/">THCS Lương chí – Tĩnh gia</option><option value="http://violet.vn/thcs-daoduytu-thanhhoa/">THCS Đào Duy Từ - Tĩnh gia</option></select> <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl ank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Khối các trường Tiểu học </option><option value="aaaaaaaaa">---------------------------</option><option value="http://violet.vn/th-thongnhat-thanhhoa/">TH Thống nhất – Yên định</option><option value="http://violet.vn/th-dinhhung-thanhhoa/">TH Định hưng – Yên định</option><option value="http://violet.vn/th-yengiang- thanhhoa/">TH Yên giang – Yên định</option><option value="http://violet.vn/th-quangchau-thanhhoa/">TH Quảng châu - Quảng xương</option><option value="http://violet.vn/th-quangminh-thanhhoa/">TH Quảng minh - Quảng xương</option><option value="http://violet.vn/th-thitran- camthuy-thanhhoa/">TH Thị trấn Cẩm thủy</option><option value="http://violet.vn/th-camvan1-thanhhoa/">TH Cẩm vân 1 - Cẩm thủy</option><option value="http://violet.vn/th-camluong-thanhhoa/">TH Cẩm lương - Cẩm thủy</option><option value="http://violet.vn/th-thitran- thanhhoa/">TH Thị trấn Thường xuân</option><option value="http://violet.vn/th-halong2-thanhhoa/">TH Hà long 2 – Hà trung</option><option value="http://violet.vn/th-ngayen-thanhhoa/">TH Nga yên – Nga sơn</option><option value="http://violet.vn/th-hailoc- thanhhoa/">TH Hải lộc - Hậu lộc</option><option value="http://violet.vn/th- hoaloc-thanhhoa/">TH Hoa lộc - Hậu lộc</option><option value="http://violet.vn/th-loctan-thanhhoa/">TH Lộc tân - Hậu lộc</option><option value="http://violet.vn/th-thinhloc-thanhhoa/">TH Thịnh lộc - Hậu lộc</option><option value="http://violet.vn/th-phuthanh- thanhhoa/">TH Phú thanh – Quan hoá</option><option value="http://violet.vn/th-namtien-thanhhoa/">TH Nam tiến – Quan hoá</option><option value="http://violet.vn/th-xuanhoa-thoxuan- thanhhoa/">TH Xuân hoà - Thọ xuân</option><option value="http://violet.vn/thtruonggiang1/">TH Trường giang 1- Nông cống</option><option value="http://violet.vn/th-thominh-thanhhoa/">TH Thọ minh - Thọ xuân</option><option value="http://violet.vn/th-tholoc- thanhhoa/">TH Thọ lộc - Thọ xuân</option><option value="http://violet.vn/thcs-thotruong-thanhhoa/">TH Thọ trường - Thọ xuân</option><option value="http://violet.vn/th-xuanphu-thanhhoa/">TH Xuân phú - Thọ xuân</option><option value="http://violet.vn/th-xuanvinh- thanhhoa/">TH Xuân vinh - Thọ xuân</option><option value="http://violet.vn/th-xuanhoa-thanhhoa/">TH Xuân hoà - Thọ xuân</option><option value="http://violet.vn/thcs-xuanyen-thanhhoa/">TH Xuân yên - Thọ xuân</option><option value="http://violet.vn/th-thonguyen- thanhhoa/">TH Thọ nguyên - Thọ xuân</option><option value="http://violet.vn/th-xuanthien-thanhhoa/">TH Xuân thiên - Thọ xuân</option><option value="http://violet.vn/th-xuanminh-thanhhoa/">TH Xuân minh - Thọ xuân</option><option value="http://violet.vn/th-hanhphuc- thanhhoa/">TH Hạnh phúc - Thọ xuân</option><option value="http://violet.vn/th-lamson-thanhhoa/">TH Lam sơn - Thọ xuân</option><option value="http://violet.vn/th-namgiang-thanhhoa/">TH Nam giang - Thọ xuân</option></select> ------------------------------------------------------------------------------ Chúc các bạn thành công. Lê Kim Tường @ 17:07 20/09/2009 . tạo Box dropdown ( Liên kết websites ) Xin chào các bạn, gần đây có nhiều bạn mới lập trang riêng có hỏi về cách thiết lập hộp liên kết xổ ra ( dropdown. . Chúc các bạn thành công. Code liên kết các websites