Newsgroup: it.lavoro.professioni.webmaster
Titolo: select sempre in primo piano su un div...

unendo un po' di javascript e css ho creato delle false popup, praticamente
simili alle chromeless rese possibili con ie, ma compatibili con i browser
ad esso alternativi.
Fanno cio' che mi ero prefisso e sono anche simpatiche da vedere. L'unica
cosa che non mando giu' e che il div su cui e' praticamente costruita la
popup, passa in secondo piano quando viene mosso o visualizzato sopra ad un
menu' a tendina di tipo <select><option>...</option></select>.
Il difetto, manco a dirlo, si manifesta solo ed unicamente un i browser di
casa M$
Cerco di essere piu' preciso. Quando la popup viene visualizzata (ripeto, si
tratta di un div che, dipendentemente a determinati eventi, viene
visualizzato o nascosto) e sotto c'e' un menu' a tendina di tipo <select>,
tutto il testo sottostante viene giustamente coperto al suo passaggio
tranne sto' maledetto select che praticamente la buca e passa sopra.
Ho provato a fare alcune prove compreso impostare lo z-index che comunque
non funziona. Ripeto, il difetto e' solo con ie, con tutti gli altri
browser il malfunzionamento non si manifesta.
Avete qualche idea?
-- 
Questo messaggio si autodistruggera' entro 10"
    _     _
  o' |,=./ `o
     (o o)    
 ooO--(_)--Ooo-

 Avete qualche idea?
Vedendo qualcosa forse...
visuddhi

 Avete qualche idea?
Che <select> ignora lo z-index ed è sempre in primo piano

 Che <select> ignora lo z-index ed č sempre in primo piano
...veramente questa e' la constatazione da cui dovrebbe seguire l'idea per
risolvere il difetto...


 
http://www.blooberry.com/indexdot/css/properties/position/zindex.htm
... si quel documento lo conoscevo (altri dicono praticamente la stessa
cosa). Speravo pero' che esistesse un qualche hack con cui far recitare ad
ie la "preghiera della sera" DESIDERATA.
tralasciando comunque la parte relativa al movimento, il codice che
evidenzia il difetto e' questo (chiedo venia per la lunghezza)
######### START HTML #########
<HTML>
  <HEAD>
    <TITLE>pop-up</TITLE>
    <style>
body {font-family:Verdana;font-size:10pt;background-color: #fff;}
a:visited,a:active,a:link,a:hover { text-decoration: none;color:#000; }
div#help_popup
{
  position: absolute; top:70; left:250;
  background-color: #e1e1e1;
  border-color:#000;
  border-style:solid;
  border-width:1px;
  width:310px;
  min-height: 250px;
  height: auto !important;
  height: 250px;
  z-index:1000;
}
div#head
{
  min-width: 305px;
  width: auto !important;
  width:310px;
  height:20px;
  background-color: #ff0000;
  padding-left:5px;
  font-weight:bold;
  color:#fff;
}
div#content
{
  overflow:auto;
  height:250px;
  padding:5px;
}
div#tendina
{
  background-color: #E8CC19;
  z-index:0;
  visibility:inherit;
}
    </style>
  </HEAD>
<BODY>
<p align="center" style="width:100%;margin-top:50px;">
  <a href="javascript:hiddenOnOff('help_popup');">On OFF help_popup</a><br
/>
</p>
<div id="tendina" align="center">
  <form>
    menu': <select name="uno" >
      <option>uno
      <option>due
      <option>tre
      <option>quattro
    </select>
    <br>
    campo di testo: <input type="text">
    <p>
      testo
    </p>
  </form>
</div>
<DIV id="help_popup">
  <div id="head">
    titolo
  </div>
  <div id="content">
    <p>
      Nel mezzo del cammin di nostra vita
      mi ritrovai per una selva oscura
      ché la diritta via era smarrita.
    </p>
    <p>
      Ahi quanto a dir qual era è cosa dura
      esta selva selvaggia e aspra e forte
      che nel pensier rinova la paura!
    </p>
    <p>
      Tant'è amara che poco è più morte;
      ma per trattar del ben ch'i' vi trovai,
      dirò de l'altre cose ch'i' v'ho scorte.
    </p>
    <p>
      Io non so ben ridir com'i' v'intrai,
      tant'era pien di sonno a quel punto
      che la verace via abbandonai.
    </p>
    <p>
      Ma poi ch'i' fui al piè d'un colle giunto,
      là dove terminava quella valle
      che m'avea di paura il cor compunto,
    </p>
    <p>
      guardai in alto, e vidi le sue spalle
      vestite già de' raggi del pianeta
      che mena dritto altrui per ogne calle.
    </p>
    <p>
      Allor fu la paura un poco queta
      che nel lago del cor m'era durata
      la notte ch'i' passai con tanta pieta.
    </p>
    <p>
      E come quei che con lena affannata
      uscito fuor del pelago a la riva
      si volge a l'acqua perigliosa e guata,
    </p>
  </DIV>
</div>
<SCRIPT language="JavaScript">
document.getElementById("help_popup").style.visibility="hidden";
function hiddenOnOff(popup)
{
  var status = document.getElementById(popup).style.visibility;
  if ( status == "visible")
    document.getElementById(popup).style.visibility="hidden";
  if (status == "hidden")
  document.getElementById(popup).style.visibility="visible";
}
</SCRIPT>
</BODY>
</HTML>
########## END HTML ##########


 Avete qualche idea?
Mi piace trovare le soluzioni... o almeno ci provo.
Dai un occhiata se ti va bene qui...
http://www.visuddhi.com/vstuff/div_over_select.asp
visuddhi

Rintoccavano le 12:47, giovedě 13 gennaio 2005, quando visuddhi vocifero'
che ...
grande l'idea, veramente grande...
Una volta fatti i dovuti aggiustamenti ho finalmente risolto il problema
che, ad essere sinceri, m'infastidiva non poco.
Per il movimento delle popup ho usato un approccio diverso e ho aggiunto la
possibilita' di "aprirle" e "chiuderle" in base a determinati eventi o su
rischiesta.
coddadi'.....  un GGGGGRRRRRRRAAAAZZIE oo.
Spero di poter contraccambiare.
