Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    107

    z-index delle select su IE

    Salve a tutti! Avevo aperto un thread qualche tempo fa ma rischiavo di andare Off Topic quindi ne apro uno nuovo rispiegandovi il problema:
    Ho un form che permette di inserire un titolo, una descrizione e una foto [opzionale]. Se è compilato incorrettamente allora mi viene visualizzata un'alert di errore, altrimenti mi inoltra il form. Ora, se nel suddetto form, attraverso il pulsante Sfoglia, si è scelta anche una foto da uploadare, mentre viene uploadata viene richiamata una funzione che mi mette a tutto schermo un div grigio che coprirà tutto quello che c'è sotto e al centro un div con la scritta "Caricamento dell'immagine in corso".
    Fin qui tutto ok! Se non fosse che con le select sorge un piccolo problema su IE 6!!! Praticamente le select hanno un z-index altissimo che mi sovrasta il div centrale con la scritta "Caricamento in corso"!

    Ho provato, nella suddetta funzione che crea il div grigio, a rendere le select invisibili prima di fare qualsiasi cosa così:
    codice:
    array_select = document.getElementsByTagName("select");
    for (i=0; i<array_select.length; i++){
        array_select[i].style.visibility = "hidden";
    }
    e ho anche provato a cambiargli lo z-index cosi:
    codice:
    array_select = document.getElementsByTagName("select");
    for (i=0; i<array_select.length; i++){
        array_select[i].style.zIndex = -5;
    }
    Ma nessuno dei due sembra funzionare!! Come posso fare a risolvere questo PICCOLO bug di IE 6??? Grrr...

    Intanto vi posto uno screenshot x spiegarmi meglio!

    Ciao e grazie mille!!
    Giovanni

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    cosi hai provato?
    array_select[i].style.display = "none";
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    107
    non posso fare display none altrimenti il form non me li vede. Se faccio visibility hidden esistono e hanno un valore, invede se faccio display none sembra che non esistano e non abbiano un valore!
    Giovanni

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    gia' avevo scritto che le select non rispettano lo z-index, perche' insisti con lo z-index?
    gia' avevo scritto che e' corretto settarne la visibility a hidden, fanno tutti cosi'
    a riprova, in una pagina senza tutto il resto dello script aggiungi
    codice:
    window.onload=function(){
    array_select = document.getElementsByTagName("select");
    for (i=0; i<array_select.length; i++){
        array_select[i].style.visibility = "hidden";
    }
    }
    e mi sembra funzionare, no?
    se si', vuol dire che il problema e' altrove
    fornisci un link dove vedere tutto lo script all' opera,
    altrimenti si tira a indovinare (con gran perdita di tempo per tutti)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.