vila3 Posted February 14, 2014 at 12:02 AM Report #545225 Posted February 14, 2014 at 12:02 AM (edited) olá. estou a tentar desenvolver um aplicativo para por num site do meu clube é um clube de atletismo e o site serve para os atletas do clube colocarem lá as suas marcas pessoais eu pensei em fazer uma tabela para esse efeito, criei dois botões um para adicionar linhas e outro para remover. e caixas de texto dentro das celulas para os atletas escreverem la o seu nome, marcas e outras informações o código é este: <HTML> <HEAD> <TITLE> Add/Remove dynamic rows in HTML table </TITLE> <SCRIPT language="javascript"> function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var cell1 = row.insertCell(0); var element1 = document.createElement("input"); element1.type = "checkbox"; cell1.appendChild(element1); var cell2 = row.insertCell(1); var element2 = document.createElement("input"); element2.type = "text"; cell2.appendChild(element2); var cell3 = row.insertCell(2); var element2 = document.createElement("input"); element2.type = "text"; cell3.appendChild(element2); var cell4 = row.insertCell(3); var element2 = document.createElement("input"); element2.type = "text"; cell4.appendChild(element2); var cell5 = row.insertCell(4); var element2 = document.createElement("input"); element2.type = "text"; cell5.appendChild(element2); } function deleteRow(tableID) { try { var table = document.getElementById(tableID); var rowCount = table.rows.length; for(var i=0; i<rowCount; i++) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if(null != chkbox && true == chkbox.checked) { table.deleteRow(i); rowCount--; i--; } } }catch(e) { alert(e); } } </SCRIPT> </HEAD> <BODY> <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> <INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" /> <TABLE id="dataTable" width="350px" border="1"> <TR> <TD></TD> <TD> Nome</TD> <TD> Prova </TD> <TD> Marca </TD> <TD> Local </TD> <TD> Data</TD> </TR> <TR> <TD><INPUT type="checkbox" name="chk"/></TD> <TD> <INPUT type="text" /> </TD> <TD> <INPUT type="text" /> </TD> <TD> <INPUT type="text" /> </TD> <TD> <INPUT type="text" /> </TD> <TD> <INPUT type="text" /> </TD> </TR> </TABLE> </BODY> </HTML> experimentem o código e vejam o que faz a minha duvida é, eu não sei como organizar a tabela, eu gostava de a organizar por marca (desde o atleta com melhor marca até ao atleta com pior marca) e tambem se possivel passar as "textbox" para texto normal. se alguem me puder ajudar agradecia 🙂 Edited February 14, 2014 at 12:03 AM by vila3
I-NOZex Posted February 14, 2014 at 12:10 AM Report #545226 Posted February 14, 2014 at 12:10 AM acho que estás a reinventar a roda... mais vale usares logo um plugin para isso 😉 https://datatables.net/examples/api/editable.html http://www.editablegrid.net/en B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now