Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

visible and hidden di un oggetto in html

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

visible and hidden di un oggetto in html

Postdi ivo » 25/01/07 23:07

Ho creato un pulsante rollover e un layer che di default è hidden.
Quando clicco sul pulsante vorrei che il layer diventasse visible
sto cercando di usare la funzione OnClick ma non riesco a richiamare il layer

help
Immagine
Avatar utente
ivo
Utente Senior
 
Post: 1134
Iscritto il: 20/08/01 01:00
Località: Treviso

Sponsor
 

Postdi archimede » 26/01/07 09:05

Se posti uno spezzone di codice contenente quanto hai fatto finora forse qualcuno può darci un'occhiata.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi ivo » 26/01/07 10:17

vi posto l'intera pagina html
Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('pulsante1.jpg')">
  <div id="Layer1" style="position:absolute; left:293px; top:38px; width:399px; height:341px; z-index:1; visibility: hidden;">
    <textarea readonly  rows="20" cols="50" >
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
    </textarea>
</div>
  <div align="justify">
      </p>
</div>
  </div>
  <p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pulsante di prova','','pulsante1.jpg',1)" ><img src="pulsante0.jpg" alt="pulsante di prova" name="pulsante di prova" width="88" height="31" border="0"></a></p>
 
</body>°
</html>
Immagine
Avatar utente
ivo
Utente Senior
 
Post: 1134
Iscritto il: 20/08/01 01:00
Località: Treviso

Postdi archimede » 26/01/07 14:33

Non vedo OnClick in quella pagina... Comunque:
Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>
<body>
<div id="Layer1" style="position:absolute; left:293px; top:38px; width:399px; height:341px; z-index:1; visibility: hidden;">
  <textarea readonly rows="20" cols="50" >
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
   prova 1 2 3 prova 1 2 3 prova 1 2 3 prova 1 2 3
  </textarea>
</div>
<div align="justify"></div>
<p><input type ="button" value="pulsante di prova" name="pulsante di prova" onclick="document.getElementById('Layer1').style.visibility='visible';"></p>
</body>
</html>
HTH.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi ivo » 26/01/07 14:52

scusate se rompo ancora le p....
la funzione e On Click volevo abbinarla al pulsante rollover

è possibile ?
Immagine
Avatar utente
ivo
Utente Senior
 
Post: 1134
Iscritto il: 20/08/01 01:00
Località: Treviso

Postdi archimede » 26/01/07 16:09

Credo di sì: se l'aggiungi cosa succede?

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi tekanet » 29/01/07 12:02

Se non erro,

document.getElementById('Layer1').style.visibility='visible';

e

document.getElementById('Layer1').style.visibility='hidden';

nascondono e mostrano l'elemento ma, una volta nascosto, l'"ingombro" rimane tale e quale (quindi nel caso di un div, un buco bianco invece dell'elemento visualizzato). Per farlo sparire e riadattare la struttura del documento invece, uso:

document.getElementById('Layer1').style.display='none';

e per ripristinare

document.getElementById('Layer1').style.display='block'; (nel caso di un div o di un elemento il cui display type è block).

HTH, tK
tekanet
Utente Senior
 
Post: 173
Iscritto il: 03/09/02 10:22
Località: Milano sud-ovest

Postdi ivo » 30/01/07 09:02

sì, il comando funziona anche all'interno del pulsante rollover!
Grazie del vostro aiuto.
Immagine
Avatar utente
ivo
Utente Senior
 
Post: 1134
Iscritto il: 20/08/01 01:00
Località: Treviso


Torna a Programmazione


Topic correlati a "visible and hidden di un oggetto in html":


Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti