<?php //array as records $rows = array( array('id'=>1,'color'=>'#FFCCFF'), array('id'=>2,'color'=>'#FFCCCC'), array('id'=>3,'color'=>'#CCFFAA'), ); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>change color</title> <script type="text/javascript"> //data from php array var rows = <?php echo json_encode($rows);?>; var rowIndex = 0; function moveLeft(){ if (rowIndex == 0){ rowIndex = rows.length-1; } else { rowIndex--; } document.getElementById('color-box').style.backgroundColor = rows[rowIndex].color; return false; } function moveRight(){ if (rowIndex == rows.length-1){ rowIndex = 0; } else { rowIndex++; } document.getElementById('color-box').style.backgroundColor = rows[rowIndex].color; return false; } </script> </head> <body style="text-align:center"> <!-- main-box --> <div id="color-box" style="background-color:white;width:500px;height:500px;border:solid green 1px;"> </div> <!-- arrow --> <a href="#" onclick="return moveLeft();"><=</a> <span style="width:25px;"></span> <a href="#" onclick="return moveRight();">=></a> <!-- small-boxes --> <div style="width:300px;"> <?php foreach($rows as $row):?> <div style="background-color:<?php echo $row['color']?>;width:100px;height:100px;float:left;"> </div> <?php endforeach;?> <br clear="both" /> </div> </body> </html>
<?php $sql="SELECT * FROM promotion ORDER BY id_pro "; $result=$DB->query($sql); while ($row=$DB->fetch_array($result)){ $rows[] = $rows; } ?>;
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
