Posizionamento elementi nascosti

5 Risposte

• 

  andreadev

  Utente Attivo

  Iscritto da

  ago, 2020

  Messaggi:

  94

  Re: Posizionamento elementi nascosti

  16 nov 2020, 10:23

  Ciao PejAster, benvenuto nel forum
  
  Non ho molto chiaro quello che intendi con "seguendo l'impaginazione che avrebbero se fossero tutti visibili". Avresti modo di inserire delle immagini, e magari anche un pezzo del tuo codice? In questo modo potremo esserti di maggiore aiuto.
• P

  PejAster

  Pochi posts

  Iscritto da

  nov, 2020

  Messaggi:

  8

  Re: Posizionamento elementi nascosti

  16 nov 2020, 10:53

  Nel senso che i Div che vengono mostrati a seconda della scelta dell'utente, appaiono su colonne o righe diverse (ovvero seguendo la normale impaginazione che avrebbero se fossero sempre visibili e non le avessi nascoste)
  Invece vorrei che apparissero sempre nello stesso punto, ovvero nel body in alto a sx
  
  function inizio() {
  document.getElementById("emocromo").style.visibility = 'hidden';
  document.getElementById("sierologia").style.visibility = 'hidden';
  }
  
  }
  function emocromo() {
  document.getElementById('idc').value = 1;
  document.getElementById("emocromo").style.visibility = 'visible';
  document.getElementById("sierologia").style.visibility = 'hidden'
  }
  
  nel body ho i due div (che contengono tabelle che estraggono dati tramite php). Il problema è che nel momento in cui mostro il secondo Div questo appare in basso a sx nel body (ovvero la posizione che avrebbe normalmente se il primo Div fosse visivile)
• 

  andreadev

  Utente Attivo

  Iscritto da

  ago, 2020

  Messaggi:

  94

  Re: Posizionamento elementi nascosti

  16 nov 2020, 11:02

  Ok, in tal caso il problema è l'utilizzo della proprietà 'visibility'. Questa proprietà nasconde l'elemento, ma gli fa comunque occupare spazio nella pagina. Se vuoi nascondere l'elemento evitando questo problema, ti consiglio di usare la proprietà 'display' e di impostarla su 'none':
  

  
  ...
  document.getElementById("sierologia").style.display = 'none';
  ...
  

  Per farli riapparire, basta che imposti la proprietà 'display' su 'initial', oppure su un altro valore che gli avevi indicato tu, se la avevi già impostata nei css.
• P

  PejAster

  Pochi posts

  Iscritto da

  nov, 2020

  Messaggi:

  8

  Re: Posizionamento elementi nascosti

  16 nov 2020, 11:11

  Grazie mille mi sei stato veramente d'aiuto
• 

  andreadev

  Utente Attivo

  Iscritto da

  ago, 2020

  Messaggi:

  94

  Re: Posizionamento elementi nascosti

  16 nov 2020, 11:59

  Di niente, buona giornata!