[javascript] applet per pulsanti

**9178angel** · 03-08-2004, 16:59

voglio crare un pulsante che mi mostra o nasconde una tabella o un oggetto

questo pulsante lo creo da frontpage facendo inserisci-->componente-->pulsante la passaggio del mouse

ora vorrei che questo pulsate mi faccia apparire una tabella
poi dovrei creare allo stesso modo un altro pulsante che mi faccia sparire la tabella e allo stesso tempo mi inserisca un oggetto che ho chiamato giacinto.class

sapreste aiutarmi? grazie tante

un'altra cosa...vorrei che qs oggetti appaiano solo quando clicco sui pulsanti e nn prima quindi dovre inserire all'inizio un codice che li renda invisibili

GRAZIE GRAZIE GRAZIE

**9178angel** · 03-08-2004, 17:00

mi hanno detto che Bisogna inserire la tabella in un blocco DIV con proprietà CSS visibility:'none';

Quando si clicca sul pulsante viene reimpostata la proprietà a 'visibile'.

Viceversa con l'altro pulsante, oppure si può fare con un solo pulsante che controlla tale proprietà...

ma io nn capisco

cos'è si mangia? :master:

**badaze** · 03-08-2004, 17:15

Prova cosi.... con IE

codice:

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

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function hideShow() {
 if (oDiv.style.visibility== 'visible') {
  oDiv.style.visibility = 'hidden';
	oBtn.value            = 'Show';
 } else {
  oDiv.style.visibility = 'visible';
	oBtn.value            = 'Hide';	
 }
}
//-->
</script>

</head>
<body>
<div style="visibility:hidden" id="oDiv">
 <table summary="">
  <tr>
   <td>Uno</td><td>Due</td><td>tre</td>
  </tr>
  <tr>
   <td>Uno</td><td>Due</td><td>tre</td>
  </tr>
  <tr>
   <td>Uno</td><td>Due</td><td>tre</td>
  </tr>		
 </table>
</div>
<input id="oBtn" type="button" value="Show" onclick="hideShow()">
</body>
</html>

**Mich_** · 04-08-2004, 08:20

Traduco in Javascript (funziona in tutti i browser, tranne NN4 e IE5):

codice:

function hideShow() {
  var oDv = document.getElementById('oDiv');
  var oBt = document.getElementById('oBtn');
  if (oDv.style.visibility == 'visible') {
    oDv.style.visibility = 'hidden';
    oBt.value = 'Show';
  } else {
    oDv.style.visibility = 'visible';
    oBt.value = 'Hide';	
  }
}

Se preferisci non far occupare lo spazio quando e` nascosto, usa:
oDv.style.display = 'block';
oDv.style.display = 'none';

al posto delle righe con visibility

Discussione: [javascript] applet per pulsanti

Strumenti discussione

Ricerca discussione

Visualizza

[javascript] applet per pulsanti

Permessi di invio