Ai biết sửa giùm, đề thi Web1

by tranngocdien 17/3/2010, 13:38

Ai biết sửa giùm, đề thi Web1 Images?q=tbn:SOFgDv6YZRyyaM

Ai biết sửa giùm, đề thi Web1 Images?q=tbn:zPOayAEy2xuNEM

Ai biết sửa giùm, đề thi Web1 Images?q=tbn:CUUU26C6Wfnl3M

Ai biết sửa giùm, đề thi Web1 Images?q=tbn:ke1fcnT-T-r0iM

Ảnh lớn hiển thị với kích thước: 600x500
Ảnh nhỏ : 100x80
Các file ảnh có tên lần lượt là: 1.gif,2.gif,3.gif,4.gif

Viết mã html thể hiện nội dung trang web trên. layout có thể dùng table hoặc thẻ div
Viết mã Javascript xử lý sự kiện khi click 1 tấm ảnh nhỏ, ảnh lớn sẽ được hiển thị lên trên

by **ChuongTienPhat** 17/3/2010, 17:02

Hi cả nhà!
Phát xin trình bày cách dễ nhất mà Phát làm lúc thi, các bạn có thể xem thêm tài liệu slide bài giảng web 1 bài 6 về DOM và Javascript,
còn vài cách để làm như dùng node.setAttribute...

Các kiến thức liên quan:
+ function, truyền tham số cho function trong Javascript
+ get Element
+ innerHTML
+ OnClick

Nguyên tắc
Muốn thay đổi ảnh khi click chuột, phải bắt sự kiện OnClick.
Muốn thay đổi ảnh thì trong code phải thay đổi thuộc tính src của thẻ img.
Muốn biết cái img nào cần phải thay đổi thì phải tên hoặc id của nó, rồi có thể dùng nhiều phương thức javascript như innerHTML, setAttibute... để thay đổi.

Cách tiếp cận trong code sau là lợi dụng phương thức innerHTML để thay đổi đoạn code ở giữa cặp được gán id=''main" trong dòng đầu tiên của table.

Code:: <html>  <script type="text/javascript"> function post(imges) {  var hinh = document.getElementById("main");   hinh.innerHTML = "<img src='img/" + imges + "' />"; } </script> <table border='1'> <tr>  <td colspan='3' id='main'></td> </tr> <tr>  <td><img src='img/images_001.jpg' onClick="post('images_001.jpg')"/></td> <td><img src='img/images_002.jpg' onClick="post('images_002.jpg')"/></td> <td><img src='img/images_003.jpg' onClick="post('images_003.jpg')"/></td> </tr> </table> </html>

Mọi thắc mắc xin các bạn relay bên dưới để mọi người cùng giải đáp.
Xin cám ơn và chúc các bạn học thi tốt Cười nhe răng

by tranngocdien 17/3/2010, 17:29

Code rất rõ ràng, dễ hiểu, đều có chú dẫn từng bước.
Đã test, rất oke
Thank bác Phát cái nha, lúc nào cũng chu đáo

by tranngocdien 17/3/2010, 17:32

Tiện hỏi luôn, bác Phát có đoạn code phân trang 4 cột không
Mình có phân trang rùi, nhưng chỉ được 1 cột à
Tại trong chuỗi lệnh $sql có để limit là 4,4 nhưng chỉ ra có 1 cột 4 dòng à
Chắc phải sửa trong while rùi

by tranngocdien 17/3/2010, 17:55

Thông cảm nha, chất lượng hơi kém, tại vội quá

by tranngocdien 17/3/2010, 18:02

Cấu Trúc CSDL của bài trên

Code:: table LoaiPhanMem Field Type Collation MaLoaiPhanMem int(11) TenLoaiPhanMem varchar(256) table PhanMem Field Type Collation MaPhanMem int(11) utf8_unicode_ci TenPhanMem varchar(256) DungLuong int(111) NgayTiepNhan date SoLuotDownload int(11) MaLoaiPhanMem int(11) HinhAnh varchar(256) utf8_unicode_ci

by **ChuongTienPhat** 17/3/2010, 18:27

tranngocdien đã viết:Tiện hỏi luôn, bác Phát có đoạn code phân trang 4 cột không
Mình có phân trang rùi, nhưng chỉ được 1 cột à
Tại trong chuỗi lệnh $sql có để limit là 4,4 nhưng chỉ ra có 1 cột 4 dòng à
Chắc phải sửa trong while rùi

Pác đưa code lên cả nhà xem giúp cho Cười nhe răng

Nhờ SỬA chứ có phải nhờ CODE MỚI đâu Cười nhe răng

by tranngocdien 17/3/2010, 20:00

Các bác tham khảo nha

Code:: <div id="nd_title_duoi">LAPTOP DI ĐỘNG</div> <div id="nd"> <?php //$_GET=& HTTP_GET_VARS[]; include_once("DataProvider.php"); //$malt=$_REQUEST["malt"]; //echo "Ma loai Laptop: ".$_REQUEST["malt"]; //$sql="SELECT * FROM laptop WHERE malt='".$malt."' and mansx='NSXHP'"; //$sql="SELECT * FROM laptop WHERE manhom='NSP07'"; $page=$_REQUEST["page"]; $seg=$_REQUEST["seg"]; //$seg=1; $pagesize=4; // QUAN TRONG $trangtrendoan=3; //QUAN TRONG $tongrecord="select count(malt) as SL from laptop where mansx='NSXAC' "; //echo "$tongrecord"; $sorecord=DataProvider::ExecuteQuery($tongrecord); $row=mysql_fetch_array($sorecord); $tongso=$row["SL"]; $sotrang=ceil($tongso/$pagesize); $soseg=ceil($sotrang/$trangtrendoan); //echo "$soseg"; $last=$sotrang; $firts=1; //$starrecord=($i-1)*$pagesize; $starrecord=($page-1)*$pagesize; $sql="select cp.tencpu,lt.*,bat.tenbattery,mon.tenmoniter,ram.tenram,dri.tendriver,wc.tenwebcam,nsp.tennhom from laptop lt, cpu cp,battery bat,moniter mon,ram,driver dri,webcam wc,nhomsanpham nsp where cp.macpu=lt.macpu and bat.mabattery=lt.mabattery and mon.mamoniter=lt.mamoniter and ram.maram=lt.maram and dri.madriver=lt.madriver and wc.mawebcam=lt.mawebcam and nsp.manhom=lt.manhom and lt.manhom='NSP01' limit $starrecord,$pagesize"; $result=DataProvider::ExecuteQuery($sql); while($record=mysql_fetch_array($result)) { echo "<tr><td></br></td></tr>"; echo "<table width='578' border='1' cellspacing='0' cellpadding='0'>"; echo " <tr>"; echo " <td>"; echo " <table width='200'>"; echo " <tr>"; echo " <td >".$record["tenlt"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td width=27% rowspan='4'><img src='".$record["hinh"]."' width='115' hieght='115'/></td>"; echo " </tr>"; echo " <tr>"; echo " <td><font color='#FF0000'>Giá:".$record["gialt"]."</font></td>"; echo " </tr>"; echo " <tr>"; echo " <td><a href=javascript:addcart1('".$record["malt"]."')>MUA HANG</a></td>"; echo " </tr>"; echo " </table>"; echo " </td>"; echo " <td>"; echo " <table width='355'>"; echo " <tr>"; echo " <td>TỔNG QUAN</td>"; echo " </tr>"; echo " <tr>"; echo " <td>CPU:".$record["tencpu"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td>BATTERY:".$record["tenbattery"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td>MONITER:".$record["tenmoniter"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td>RAM:".$record["tenram"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td>DRIVER:".$record["tendriver"]."</td>"; echo " <tr>"; echo " <td>WEBCAM:".$record["tenwebcam"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td>Nhóm Sản Phẩm:".$record["tennhom"]."</td>"; echo " </tr>"; echo " <tr>"; echo " <td><a href='ChiTiet.php?malt=".$record["malt"]."&mansx=".$record["mansx"]."'><font color='#FF0000'>XEM CHI TIẾT.....</font></a></td>"; echo " </tr>"; echo " </table>"; echo " </td>"; echo " </tr>"; echo "</table>"; //echo " <tr>"; //echo " </tr>"; } $startpage=$seg*$trangtrendoan - $trangtrendoan+1; $lastpage=$startpage + $trangtrendoan; //echo $startpage."_".$lastpage; if( ($seg==$soseg && $soseg > 1) || ($seg<$soseg && $seg > 1) ) { ?> <div id="phantrang"> <a href="LaptopDiDong.php?page=<?php echo ($startpage-1) ?>&seg=<?php echo $seg-1 ?>" target="_self"><?php echo "Back "; ?></a> </div> <?php } for($j=$startpage;$j<$lastpage;$j++) { if($j<=$sotrang) { ?> <div id="phantrang"> <a href="LaptopDiDong.php?page=<?php echo $j ?>&seg=<?php echo $seg ?>" target="_self"><?php echo "$j  " ?></a> </div> <?php } } if($seg<$soseg) { ?> <div id="phantrang"> <a href="LaptopDiDong.php?page=<?php echo $j ?>&seg=<?php echo $seg+1 ?>" target="_self"><?php echo "Next"; ?></a> </div> <?php } ?> </div>  </div>

by Sponsored content

Ai biết sửa giùm, đề thi Web1

Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1

Re: Ai biết sửa giùm, đề thi Web1