object document

**axsod** · 14-10-2006, 13:26

ciao ragazzi vorrei realizzare uno script che lavori con l'oggetto document.
in pratica quello che deve fare e fare 2 tabelle una a dx e una sx quando clicco su un link nella tabella a sx deve aggiungere una nuova righe alla tabella a dx e quando clicco su un link cancella riga deve cancellare la riga dalla tabella.
vorrei farlo adattare a tuti i browser ma ho provato la removenode() su firefox e nn funziona
grazie

**cavicchiandrea** · 14-10-2006, 14:21

Originariamente inviato da axsod
ciao ragazzi vorrei realizzare uno script che lavori con l'oggetto document.
in pratica quello che deve fare e fare 2 tabelle una a dx e una sx quando clicco su un link nella tabella a sx deve aggiungere una nuova righe alla tabella a dx e quando clicco su un link cancella riga deve cancellare la riga dalla tabella.
vorrei farlo adattare a tuti i browser ma ho provato la removenode() su firefox e nn funziona
grazie

leggi qui

**axsod** · 14-10-2006, 15:11

bravo e quello che cercavo solo che devo passare delle variabili come posso modificarlo??
grazie mille

**axsod** · 14-10-2006, 15:16

ha.. e dirli di apparire sulla tabella di dx..
grazie

**axsod** · 14-10-2006, 18:57

ho risolto il passaggio di variabile..
ma come faccio ad' assegnare un id che identifica ogni elemento.
quello che voglio ottenere e ad esempio ci sono 5 link e con questi 5 link deve creare solo 5 elementi e quando viene ricliccato nn deve aggiungere un' altro elemento data che c'è gia ma aggiornarlo

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>aggiungi / rimuovi campi input</title>
<script language="JavaScript" type="text/javascript">
<!--
var num=1;
function accoda(numero){
	if(document.createElement && document.getElementById && document.getElementsByTagName) {
		// crea elementi
		var oTr=document.createElement("TR");
		var oTd1=document.createElement("TD");
		var oTd2=document.createElement("TD");
		var oField=document.createElement("INPUT");
		var oButt=document.createElement("INPUT");

		// setta attributi
  		oField.setAttribute("type","text");
		oField.setAttribute("value",numero)
		oField.setAttribute("name","testo"+num);
		oButt.setAttribute("type","button");
		oButt.setAttribute("value","rimuovi");

		// setta gestore evento
		if(oButt.attachEvent) oButt.attachEvent('onclick',function(e){rimuovi(e);})
		else if(oButt.addEventListener) oButt.addEventListener('click',function(e){rimuovi(e);},false)

		// appendi al relativo padre
		oTd1.appendChild(oField);
		oTd2.appendChild(oButt);
		oTr.appendChild(oTd1);
		oTr.appendChild(oTd2);
		document.getElementById('tab').getElementsByTagName('TBODY')[0].appendChild(oTr);

		// incrementa variabile globale
		num++
	}
}


function rimuovi(e){
	if(document.removeChild && document.getElementById && document.getElementsByTagName) {
		if(!e) e=window.event;
		var srg=(e.target)?e.target:e.srcElement;

		// risali al tr del td che contiene l' elemento che ha scatenato l' evento
		while(srg.tagName!="TR"){srg=(srg.parentNode)?srg.parentNode:srg.parentElement}

		// riferimento al tbody
		var tb=document.getElementById('tab').getElementsByTagName('TBODY')[0];
		
		// rimuovi
		tb.removeChild(srg);
	}
}
//-->
</script>
</head>
<body>
clicca
clicca
clicca
clicca
<table id="tab">
<tr>
<td></td>
</tr>
</table>
</tbody>
</body>
</html>

Discussione: object document

Strumenti discussione

Ricerca discussione

Visualizza

object document

Re: object document

Permessi di invio