Wywoz gruzu

Gość: wywuz grózó Re: Wywoz gruzu IP: 171.25.230.* 12.04.18, 09:28

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>TABELKA</title>
<style type="text/css">
table,
th,
td {
border-bottom: 2px solid black;
text-align: center;
}

table {
border-collapse: collapse;
width: 400px;
}

th,
td {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

td,
th {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

tr:nth-child(even) {
background-color: turquoise;
}

/*input[type="button"] {
width: 40px;
height: 40px;
}*/
</style>
<script type="text/javascript">

var osoby = new Array();

function wypiszOsoby(){

var tbody =document.getElementById("t1");

var s="";
for( var i=0;i<osoby.length; i++ ){
var osoba = osoby[i];

s = s + "<tr><td>" + osoba.name + "</td> "+"<td>" + osoba.surname + "</td></tr>";
}
tbody.innerHTML = s;
}

function dodaj() {

const person = {
name : document.getElementById('i1').value,
surname : document.getElementById('i2').value,

print : function(){
console.log(this.name+' '+this.surname);
}
}

//person.print();

osoby.push(person);

wypiszOsoby();

document.getElementById('f1').reset();

/* var x = document.getElementById('i1').value;
var y = document.getElementById('i2').value;
var z = x + " " + y;
var nameT = new Array();
nameT.push(z);

document.getElementById('t1').innerHTML +=
'<tr><td>' + x + '</td><td>' + y + '</td></tr>';

document.getElementById('f1').reset();*/
}

</script>
</head>

<body>
<form id='f1'>
<label for="i1">Imię:</label>
<input type="text" name="imie" id="i1">
<label for="i2">Nazwisko:</label>
<input type="text" name="nazwisko" id="i2">
</form>
<input type="button" value="+" name="dodaj" onclick="dodaj()">
<input type="button" value="Sortuj" name="sort" onclick="sortuj()">
<div>
<table>
<thead>
<tr>
<th>Imię</th>
<th>Nazwisko</th>
</tr>
<tbody id="t1">
</tbody>
</thead>
</table>
</div>
</body>

</html>

Drzewko
Od najstarszego
Od najnowszego

Gość: wywuz grózó Re: Wywoz gruzu IP: 171.25.230.* 12.04.18, 09:28

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>TABELKA</title>
<style type="text/css">
table,
th,
td {
border-bottom: 2px solid black;
text-align: center;
}

table {
border-collapse: collapse;
width: 400px;
}

th,
td {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

td,
th {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

tr:nth-child(even) {
background-color: turquoise;
}

/*input[type="button"] {
width: 40px;
height: 40px;
}*/
</style>
<script type="text/javascript">

var osoby = new Array();

function wypiszOsoby(){

var tbody =document.getElementById("t1");

var s="";
for( var i=0;i<osoby.length; i++ ){
var osoba = osoby[i];

s = s + "<tr><td>" + osoba.name + "</td> "+"<td>" + osoba.surname + "</td></tr>";
}
tbody.innerHTML = s;
}

function dodaj() {

const person = {
name : document.getElementById('i1').value,
surname : document.getElementById('i2').value,

print : function(){
console.log(this.name+' '+this.surname);
}
}

//person.print();

osoby.push(person);

wypiszOsoby();

document.getElementById('f1').reset();

/* var x = document.getElementById('i1').value;
var y = document.getElementById('i2').value;
var z = x + " " + y;
var nameT = new Array();
nameT.push(z);

document.getElementById('t1').innerHTML +=
'<tr><td>' + x + '</td><td>' + y + '</td></tr>';

document.getElementById('f1').reset();*/
}

</script>
</head>

<body>
<form id='f1'>
<label for="i1">Imię:</label>
<input type="text" name="imie" id="i1">
<label for="i2">Nazwisko:</label>
<input type="text" name="nazwisko" id="i2">
</form>
<input type="button" value="+" name="dodaj" onclick="dodaj()">
<input type="button" value="Sortuj" name="sort" onclick="sortuj()">
<div>
<table>
<thead>
<tr>
<th>Imię</th>
<th>Nazwisko</th>
</tr>
<tbody id="t1">
</tbody>
</thead>
</table>
</div>
</body>

</html>
pawe.l91 Re: Wywoz gruzu 12.04.18, 15:18

Paker 691-601-890
- Gość: Leon Re: Wywoz gruzu IP: *.tvgawex.pl 12.04.18, 17:41
  
  Dziękuję

Najnowsze z forum Chełmno

Zaloguj się