Javascript | What you get is what you share | Những gì bạn nhận được là những gì bạn chia sẻ.

reset and begin

Showing posts with label Javascript. Show all posts

4/26/2012

Script Tạo mã qrcode sử dụng api google

Cách tạo khá đơn giản là dùng google api để xử lý dữ liệu và trả về kết quả trên trang chủ
xem Demo

Các Bước Làm

12/17/2011

Hiệu ứng Tuyết rơi javascript

Cơn bão tuyết là một hiệu ứng viết bằng JavaScript có thể dễ dàng thêm vào các trang web. Dễ sử dụng, và dễ dàng để thiết lập.

chỉ sử dụng 1 file javascript duy nhất , có đầy đủ các chức năng cần thiết. đặc biệt không sử dụng hình ảnh cho các hiệu ứng tuyết. tăng khả năng load .

11/30/2011

Đưa bloc Lịch âm dương theo ngày hiện tại lên web

Bài trước có giới thiệu về lịch âm dương nhưng theo tháng khi click vào ngày nào thì hiện các thông tin âm lịch của ngày đó , bây h muốn trình bày lịch âm dương theo kiểu lịch bloc truyên thống ( lịch tờ ) như hình sau:

Để chèn thêm lịch vào ta thêm những đoạn code sau vào trong trang web

11/22/2011

Hiển thị câu danh ngôn ngẫu nhiên bằng javascript

F5 trang này để xem demo :

Ta sẽ thấy trước khi refresh .

và sau khi refresh

Để hiển thị ngẫu nhiên 1 câu danh ngôn hay là 1 đoạn Text bất kỳ, bạn có thể sử dụng đoạn mã javascript đơn giản sau :

5/12/2011

Tự thay đổi ảnh nền của website theo thời gian bằng javascript

script đơn giản làm thay đổi ảnh nền của website

<script type="text/javascript">

var now = new Date();
var hours = now.getHours();
if(hours >0 && hours < 8){
document.write ('<body style="background:url(anh 1.jpg) #174c98 no-repeat fixed center top;">');

}
else if (hours > 8 && hours < 16){
document.write ('<body style="background:url(anh 2.jpg) #174c98 no-repeat fixed center top;">');
}
else {
document.write ('<body style="background:url(anh 3.jpg) #174c98 no-repeat fixed center top;">');
}

</script>

thay đổi đường dẫn ảnh tương ứng vào anh 1, anh 2 anh 3...

2/21/2011

chèn quảng cáo chạy 2 bên sát màn hình áp dụng với blogspot

chèn đoạn code này vào trước thẻ html </body> của bất kỳ trang nào kể cả blogspot


<div id="divAdRight" style="left:914px; width: 90px; position: absolute; z-index:99; top: 5px;" align="center">
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZLLuBIxU8ZUULe06ZdXpzvt-Ml3vN_DWm0ujbkwdhos5bwZhGxUFsunVmdwbYdVFH2K18M8vOnBYNsAUpZch8rL2eS2LnWAcK8VFXsu0NFPwMELc9XB_qKs8InAUYBumnIwOBi_KC2ce/s1600/welcome_page_map.png" height="257" width="90" /> </div> 

<div id="divAdLeft" style="left:3px; width:90px; position:absolute; z-index:99; top:5px;" align="center">
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZLLuBIxU8ZUULe06ZdXpzvt-Ml3vN_DWm0ujbkwdhos5bwZhGxUFsunVmdwbYdVFH2K18M8vOnBYNsAUpZch8rL2eS2LnWAcK8VFXsu0NFPwMELc9XB_qKs8InAUYBumnIwOBi_KC2ce/s1600/welcome_page_map.png" height="257" width="90" /> </div>

10/31/2010

lấy thông tin thời tiết bằng Javascript

Thông tin về thời tiết là một trong những widget hay được hiển thị nhất trên các website tin tức. Tuy vậy, có nhiều web master không biết cách làm widget này. Tôi thường thấy người ta "mượn tạm" các file javascript hoặc lọc nội dung trên các website nổi tiếng như VnExpress, Dân trí, ... rồi hiện chúng trên website của mình. Cách làm như vậy khiến website của mình phụ thuộc vào các trang đó, đồng thời cũng khó tùy biến.

Bài viết này sẽ chia sẻ cho các bạn cách lấy thông tin dự báo thời tiết và hiển thị chúng trên website 1 cách đơn giản. Thông tin thời tiết này được lấy từ Yahoo! nên có thể đảm bảo độ chính xác và tin cậy.

Cách hiển thị thông tin thời tiết trên website

Để hiển thị thông tin thời tiết trên website, bạn chỉ cần chèn đoạn code sau vào trong thẻ head:

<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/weather.min.js"></script>

Sau đó, ở vị trí bạn muốn hiển thị thông tin thời tiết, bạn chỉ cần chèn đoạn code:

<script type="text/javascript">
showWeather('hanoi, vietnam');
</script>

10/13/2010

tạo đếm ngược thời gian với javascript count down javascript

tạo đếm ngược thời gian với javascript count down javascript
<form name="counter"><input type="text" size="8"
name="d2"></form>

<script>

</script>