Hallo zuammen,
ich hab ein "kleines" Problem.
Ich habe eine DB voller Daten.
Diese Daten lasse ich mir mittels PHP in einer HTML-table darstellen.
Vor jeder Zeile / Spalte befindet sich eine Checkbox.
Mein Ziel ist es das der Betrachter/User die Möglichkeit hat per checkbox jeweils eine Spalte / Zeile auszuwählen.
Mit den Zeilen klappt das ja schon ganz gut. Jedoch machen mir die Spalten Sorgen. Ich sitz jetzt schon länger drann und komm einfach nich drauf. Mein Momentanes Hindernis sind die id's die ich vergebe.
Vielleicht habt ihr eine Idee wie ich das irgendwie arrangieren kann.
Danke schon mal!
Code:
ich hab ein "kleines" Problem.
Ich habe eine DB voller Daten.
Diese Daten lasse ich mir mittels PHP in einer HTML-table darstellen.
Vor jeder Zeile / Spalte befindet sich eine Checkbox.
Mein Ziel ist es das der Betrachter/User die Möglichkeit hat per checkbox jeweils eine Spalte / Zeile auszuwählen.
Mit den Zeilen klappt das ja schon ganz gut. Jedoch machen mir die Spalten Sorgen. Ich sitz jetzt schon länger drann und komm einfach nich drauf. Mein Momentanes Hindernis sind die id's die ich vergebe.
Vielleicht habt ihr eine Idee wie ich das irgendwie arrangieren kann.
Danke schon mal!
Code:
PHP-Code:
<html>
<head>
<script src="functions.js" type="text/javascript" language="javascript"></script>
<style type="text/css">
<!--
body { background-color:white; }
table.selectrows { border-collapse:collapse; }
table.selectrows:hover { cursor:pointer; }
table.selectrows td { padding:10px; margin:0; }
table.selectrows tr { padding:0; margin:0; border:1px solid black; }
table.selectrows tr.checked { background-color:#88e; color:white; }
table.selectrows tr.unchecked { background-color:white; color:black; }
table.selectrows label { display:block; width:100%; height:100%; margin:0; padding:0; border:none; }
-->
</style>
<script type="text/javascript"><!--
function rowclickedcheck(checkid, rowid)
{
window.setTimeout("colorizeRow('"+checkid+"','"+rowid+"')",300);
return true;
}
function colorizeRow(idcheck, idrow)
{
document.getElementById(idrow).className = ((document.getElementById(idcheck).checked) ? "checked" : "unchecked");
}
//--></script>
</head>
<body>
<form name="theform" action="" method="GET">
<?php
//include ("check_login.php");
$sep = "#";
$file = "test.csv";
$lines = file($file);
$numlines = count($lines);
$headers[] = "0";
$headers = explode($sep, $lines[0]);
$numheaders = count($headers);
$i = 0;
echo "<table border = 1 cellpadding = 2 class='selectrows'><tr >";
echo "<td></td>";
while($i<$numheaders){
$headers = str_replace("\"", "", $headers);
?><td ><input name="checkcol<? echo $i?>" type="checkbox" onclick="return colclickedcheck('<? echo $i?>');"
onkeyup="return colclickedcheck('<? echo $i?>');" /></td>
<?
$i++;
}
echo "</tr>";
$y = 0;
while($y<$numlines){
$x=0;
?><TR class="unchecked" id="rownr<? echo $y?>">
<TD>
<input id="checknr<? echo $y?>" name="checknr<? echo $y?>"
type="checkbox"
onclick="return rowclickedcheck('checknr<? echo $y?>','rownr<? echo $y?>');"
onkeyup="return rowclickedcheck('checknr<? echo $y?>','rownr<? echo $y?>')" />
</td>
<? while($x<$numheaders){
$fields = explode($sep, $lines[$y]);
$fields = str_replace("\"", "", $fields);
?>
<td id="test" onclick="return rowclickedcheck('checknr<? echo $y?>','rownr<? echo $y?>');"
onkeyup="return rowclickedcheck('checknr<? echo $y?>','rownr<? echo $y?>');"
onmousedown="document.getElementById('checknr<? echo $y?>').checked = (document.getElementById('checknr<? echo $y?>').checked ? false : true);"
nowrap="nowrap" >
<label for="checknr<? echo $y?>">
<? echo $fields[$x];?></label></td>
<?
$x++;
}
$y++;
echo "</TR>";
}
//close the table.
echo "</table>";
?>
</form>
</body>
</html>
Kommentar