Richiesta Tabella con JavaScript

**maestromusica** · 10-01-2013, 17:30

Salve a tutti, sto impazzendo nel cercare una risorsa che credevo abbastanza semplice, ed invece forse...non esiste...
Con una immagine di sicuro mi spiego meglio:
In pratica io dispongo di una tabella HTML che vorrei modificare quanto meno possibile
dovrei nascondere la colonna D_Dettaglio, e fare in modo che il contenuto
nascosto sia visualizzabile in una finestra (tipo graybox) su un link al relativo valore in D_Oggetto.
Per esempio cliccando su "Intervento di Manutenzione", si apre una finestra con all'interno: "Riassetto, vite+ dado, pulizia generale OMAGGIO".
Credo che Javascript sia la soluzione piu' facile, ma per me va bene qualsiasi cosa, anche un solo CSS, l'importante e' che non debba editare la tabella a mano volta per volta.
Sapete se esiste qualcosa del genere "gia' pronto"?

**dragon88** · 10-01-2013, 18:04

Ho capito, se non sbaglio, solamente che vuoi nascondere un'intera colonna, ma per questo è ovvio che si usa il Javascript, gestendo il DOM, dai un'occhiata qui:

http://www.html.it/articoli/javascri...lle-tabelle-1/

La guida è fatta da tre lezioni e parla di come gestire il codice delle tabelle con javascript, ma già dalla seconda lezione comincia a fare quello che vuoi te.

Per il resto non ho capito cosa dovresti fare oltre a nascondere una colonna.

**maestromusica** · 10-01-2013, 18:15

Ti ringrazio, quell'articolo gia' l'ho letto. Mi manca il resto.

Originariamente inviato da dragon88
Per il resto non ho capito cosa dovresti fare oltre a nascondere una colonna.

Non dovrebbe essere troppo difficile quello che ho chiesto, comunque l'ho realizzato graficamente cosi' forse mi spiego meglio...

**Grambo** · 10-01-2013, 18:33

puoi creare dei riquadri nascosti .. ed al passaggio del mouse sul link rendi visibile il relativo riquadro

**Vindav** · 10-01-2013, 18:43

l'effetto che vuoi ricreare si chiama "tooltip"

**maestromusica** · 10-01-2013, 19:14

Si, ma io vorrei una greybox che va aperta e chiusa.

**Vindav** · 10-01-2013, 19:19

allora si chiama finestra modale, ci sono migliaia di esempi in rete

**Grambo** · 10-01-2013, 19:19

Originariamente inviato da maestromusica
Si, ma io vorrei una greybox che va aperta e chiusa.

quando clicchi la "x" rendi invisibile il tooltip

**maestromusica** · 10-01-2013, 19:22

Ok, credo che stiamo andando fuori tema...

...
L'argomento iniziale era nascondere una colonna e richiamare i dati dalla colonna di fianco, in una finestra vulgaris.
Quindi se esisteva qualcosa che lo facesse da solo modificando quanto meno possibile la tabella.

**Grambo** · 10-01-2013, 19:35

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#apDiv1 {
	position:absolute;
	left:155px;
	top:41px;
	width:300px;
	height:auto;
	z-index:1;
	border:thin ridge #999;
}
</style>
</head>
<script type="text/javascript">
 function mostra(val){
	  document.getElementById('apDiv'+val).style.visibility='visible';
	 }
	 
 function nascondi(val){
	  document.getElementById('apDiv'+val).style.visibility='hidden';
	 }
</script>
<body>
<div id="apDiv1" style="visibility:hidden;">
  

riassetto, vite+ dado, ecc...</p>
  

CHIUDI</p>
</div>


Intervento in manutenzione</p>
</body>
</html>

+ o - ?

Discussione: Richiesta Tabella con JavaScript

Strumenti discussione

Ricerca discussione

Visualizza

Richiesta Tabella con JavaScript

Permessi di invio