vorrei unire 2 script, ma andiamo con ordine
file html
l' ops.js è cosiCodice PHP:<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple Ajax Example: CSV file -> HTML table</title>
<script language="javascript" type="text/javascript" src="ops.js">
</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body onload="loadCSVFile('s.csv?', 'ResTable');">
<center>
<div id="ResTable"></div>
</center>
</body>
</html>
ora vorrei poter aggiungere un'altro script, che mi permetta di nascondere alcune colonne a mio piacimento e a riguardo avevo trovato questoCodice PHP:var xmlhttp;
var destDiv;
var DEFAULT_SEPARATOR = ";";
function loadCSVFile(filePath, targetDiv){
xmlHttp = null;
// code for Firefox, Opera, ...
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
// code for IE...
else
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlHttp != null) {
destDiv = targetDiv;
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET", filePath, true);
xmlHttp.send(null);
}
else {
alert("Your browser doesn't support xmlHttp: cannot read CSV file!");
}
}
function stateChange(){
// if xmlHttp is loaded...
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var content = xmlHttp.responseText;
var res = makeHTMLTable(content);
document.getElementById(destDiv).innerHTML = res;
}
else {
alert("Problem retrieving CSV file");
}
}
}
function makeHTMLTable(content){
var res = "";
var lines = content.split("\n"); // split the content to get an array of lines
var numFields = lines[0].split(DEFAULT_SEPARATOR).length; // get number of fields
// open HTML table
res += "<table width='90%' id='ResTable'>";
// for simplicity, the first line of the CSV file
// contains the header cells captions
res += "<tr>";
var ths = lines[0].split(DEFAULT_SEPARATOR); // split the line to get header cell values
for (field = 0; field < numFields; field++) {
res += "<th>" + ths[field] + "</th>";
}
res += "</tr>";
// for every other line...
for (line = 1; line < lines.length - 1; line++) {
var tds = lines[line].split(DEFAULT_SEPARATOR); // split the line to get cell values
res += "<tr>";
for (field = 0; field < numFields; field++) {
if (tds[field] == undefined || tds[field] == "") {
tds[field] = "-";
}
res += "<td>" + tds[field] + "</td>";
}
res += "</tr>";
}
// close HTML table
res += "</table>";
return res;
}
come posso unire i 2 script?Codice PHP:<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<script>
$(document).ready(function() {
$('input[type="checkbox"]').click(function() {
var index = $(this).attr('name').substr(3);
index--;
$('table tr').each(function() {
$('td:eq(' + index + ')',this).toggle();
});
$('th.' + $(this).attr('name')).toggle();
});
});
</script>
<body>
<table>
<thead>
<tr>
<th class="col1">Header 1 <input type="checkbox" name="col1" checked="checked" />Hide/Show</th>
<th class="col2">Header 2 <input type="checkbox" name="col2" checked="checked" />Hide/Show</th>
<th class="col3">Header 3 <input type="checkbox" name="col3" checked="checked" />Hide/Show</th>
</tr>
</thead>
<tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
<tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
<tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
<tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
</table>
<form>
<input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1
<input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2
<input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3
</form>
</body>
</html>
Rispondi quotando
