作者nircosk (大俠)
看板PHP
標題[請益] php內button失效
時間Sat Jul 25 14:44:30 2015
小弟目前寫了一個php檔要從資料庫撈數據出來,現在要做進一步的顯示,結果在
裡面設了一個button就失效了,js的function都跑不出來,想請問是什麼問題
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf8">
<style>
.body{
font-family:MS Gothic;
}
</style>
<script type="text/javascript">
function change(){
var png=document.getElementById('unbook');
if(png.src.match("book1")){
png.src="img/test/book2.png";
}
else{
png.src="img/test/book1.png";
}
}
function pass(gg){
document.write(gg);
}
</script>
</head>
<body>
<?php
$q = $_GET['a'];
$con = mysqli_connect('localhost','root','','demo1');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con , "demo1");
mysql_query("SET NAMES 'UTF8'");
$sql="SELECT * FROM od where origin='$q'";
$result = mysqli_query($con,$sql);
while($row = @mysqli_fetch_array($result)) {
?>
<img src="img/test/book2.png" id="unbook" onclick="change()" style="float:left; ">
<button style="display:block;
margin:30px;
border-width:1px; border-style:solid; border-color:grey;
background-color:rgb(248,248,245);
width:80%;
height:100px;" onclick="pass(this.value)" value="vfdcz">
<img src="img/1.jpg" style="display:inline; float:left; height:90px;">
<?php
echo "<div >";
echo "出發: " . $row['origin'] . "";
echo "</div>";
echo "<div>";
echo "停靠: " . $row['stop'] . "";
echo "</div>";
echo "<div>";
echo "終點: " . $row['destination'] . "";
echo "</div>";
?>
</button>
<?php
}
mysqli_close($con);
?>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.182.27.53
※ 文章網址: https://webptt.com/m.aspx?n=bbs/PHP/M.1437806672.A.C75.html
1F:→ crossdunk: BUTTON的css怎不分出來寫 07/25 15:15
2F:→ nircosk: 但button還是沒反應耶 07/26 05:43
3F:→ shvanta: id="unbook" 這邊會重複, 一個頁面只能有一個唯一的 ID 07/26 09:15
5F:→ KawasumiMai: ID只能有一個,class可以有很多個 07/26 19:37
6F:→ KawasumiMai: 要下event請用id不然就得用selector,要統一上css 07/26 19:38
7F:→ KawasumiMai: 請愛用class 07/26 19:38
8F:→ NioTW: 除了上面說的 id 會出現重複,css要分離寫之外,button 是 07/27 01:23
9F:→ NioTW: inline 元素,即便 display:block 照w3c規範裡面應該只有 07/27 01:23
10F:→ NioTW: img 和 text。加div 不正確。 07/27 01:23
11F:→ Yench: id是唯一的 沒錯 09/01 16:07