Aiuto per DISPLAY=NONE 
Author: donatella colomboHo questo problema: 'display=none' non dovrebbe occupare spazio nella pagina. Di conseguenza, se il div su cui sta agendo 'display =none" è posto orizzontalmente sulla prima cella della griglia, mi aspetto che il contenuto della seconda cella orizzontale della griglia, ovvero quella sottostante al div omesso, compaia ad inizio pagina , invece continua a comparire in basso .... Why???
function mostra1(){
$('#imCellStyle_10').css('display', 'none');
$('#imCellStyleTitle_10').css('display', 'none');
$('#imCellStyle_28').css('display', 'block');
$('#imCellStyle_36').css('display', 'block');
$('#imCellStyle_37').css('display', 'block');
$('#imCellStyle_38').css('display', 'block');
}
in pratica, mi aspettavo che il contenuto di display = block, che nel loro stato "naturale" compaiono sotto a quelli che sto mettendo a none, slittassero "sopra" al posto dello spazio liberato dal div precedente ..... Ho provato ad aggiungere il remove ... nulla!!
Help!! Grazie
ciao, ...non ho mai visto un codice del genere e neanche immagino come dovrebbe funzionare, ...non sarà forse jQuery...? ... quindi alla larga da me...!...
... invece, in caso di HTML/CSS dovresti sbloccare l'ancoraggio dei DIV dal codice originale, assegnandogli una posizione RELATIVA ...
... questo un esempio: http://www.zspace.it/kolasim/website/divsinoK/pagina_1.html
... e questo il codice che puoi vedere direttamente in linea usato per sbloccare i DIV:
body #imCel1_00 { position:relative; top:0}
body #imCel1_01 { position:relative;top:0}
body #imCel1_02 { position:relative; top:0}
body #imCel1_03 { position:relative; top:0}
... avendo usato la v.7, per l'inserimento del codice ho usato la scheda CSS di un Oggetto Codice HTML
.
bye, KolAsim
Author
Niente...niente...non funziona....ho sostituito il codice jquery con javascript per la gestione del "vedo-nonvedo" , e fin qui tutto bene:
<script type="text/javascript">
function mostra1() {
{document.getElementById('imCellStyle_45').style.display = 'none'};
{document.getElementById('imCellStyleTitle_45').style.display = 'none'};
{document.getElementById('imCellStyle_28').style.display = 'block'};
{document.getElementById('imCellStyle_37').style.display = 'block'};
{document.getElementById('imCellStyle_38').style.display = 'block'};
}
</script>
<body>
<input type="button" value="News" onclick="[removed]mostra1()" /> </br> </br>
</body>
------
Ho poi aggiunto nell'area css dell'oggetto html che deve comparire:
#imCellStyle_37{
background: Silver;
width: 300px;
position: relative;
top: 0px;
}
....Nulla!!! L'infame se ne sta lì!! Vedo il background silver, vedo la width di 300, ma lui non si schioda dal fondo pagina...... Cosa mi sfugge????
Ciao,
... se avessi avuto il programma v.9 ti avrei dato già la soluzione al 100%, ...ma non conoscendone la struttura delle relazioni a scalare dei DIV, proprio non saprei cosa dirti...
... come avrai notato in precedenza, per la v.7 io ho anteposto BODY nel codice CSS...
... non so che effetto vuoi ottenere, ma, visto che mi era rimasto il catorcio tra i piedi, ho rifatto il mio l'esempio modificandolo leggermente: http://www.zspace.it/kolasim/website/divsino2K/pagina_1.html
... e questo è il JavaScript che ho usato:
http://www.zspace.it/kolasim/website/divsino2K/tuttidiv.txt
... eventualmente, ...avvia un nuovo progetto personalizzato vergine, realizza una struttura semplice come il mio esempio, pubblica in RETE in una SottoDirettory chiamata per esempio “test_div” e postane il LINK qui, ..almeno ci si potrà basare su qualcosa di concreto come il mio esempio...
.
bye, KolAsim
Author
Grazie Kolasim....io non mi capacito, ierinotte ho fatto l'una su questa cosa, ora sono in ufficio e sono collegata al mio pc di casa con teamviewer per riuscire tra una cosa e l'altra a metterci mano, ma lavorando da remoto sono molto rallentata .. quindi tocca aspettare stasera..ho provato col body, col bikini con tutto ciò che ha un senso e con tutto ciò che non ne ha....nulla, nulla nulla!! :-((
... ciao, ... a 'sta sera, ...e posta il tuo esempio, ...magari anche se sono senza strumenti ci potremmo arrivare...
.
bye
Ciao Donatella,
non ho capito cosa vuoi ottenere ed è quindi probabile che quanto ti scrivo non ti sarà di alcuna utilità, ma lo spazio nella pagina viene mantenuto dal div imCell_n, che contiene i div che hai usato come selettori. (dove n è il numero progressivo assegnato ai div inseriti nella pagina)
Se applichi display none al div imCell_n, il div che lo affianca (se ci sono più oggetti sulla riga) o il div che compare sotto (se c'è un oggetto per ogni riga) prende il posto del div che hai nascosto.
Author
Ciao Silvana...
si, i vari {document.getElementById('imCellStyle_45').style.display = 'none'}; che ho indicato nel post sopra si riferiscono esattamente ai div interessati!! Ma quelli messi a block al disotto, se ne stanno tenacemente ancorati dove sono e non prendono il posto di quelli che ho nascosto. Sono infami..!!!! Ora ci picchio la testa ancora un po' perchè ora la considero una faccenda personale tra me e i DIV accipicchia!! E se proprio ne esco esausta vi romperò ancora le scatole... :-) .... Grazie mille
Author
Quasi quasi ci sono ...forse... allora, seguendo le dritte di Kolasim, ho incollato il percorso della mia pagina web e l'ho aperta con chrome, mi sono posizionata sullo spazio vuoto che NON VIENE OCCUPATO e facendo "ispeziona elemento" mi fa vedere un bellissimo <div style ....>, che, se procedo col destro del mouse a fare "delete node"..SE NE VA E I MIEI DIV PASSANO finalmente sopra.... Ora sto provando a mettere nella funzione anche i removeNode .... speriamo bene....
... tra di voi in
... e con la v.9, ...vi capirete meglio... 
.
bye, KolAsim
leggi bene ciò che ti ha detto Silvana,
nota la differenza tra imCellStyle e imCell
Author
..no no Kolasim...dove scappi!!!
document.getElementById('imCellStyle_45').removeNode=('true')
può essere sostituito da qualcosa di più efficace?? (ps: volevo metterti online una esportazione ma non riesco ad accedere al mio server...ho le psw in ufficio.. :-( ))
Author
Si ho letto, e per la paura io ho messo tutto ...document.getElementById('imCellStyle_45').style.display = "none";
document.getElementById('imCellStyleTitle_45').style.display = "none";
document.getElementById('imCellStyleGraphics_45').style.display = "none";
document.getElementById('imCell_45').style.display = "none";
... ogni tanto butto un occhio, ... aspetterò il LINK, ...ma vedrai che con l'arrivo di esperti di v.9 e di tutto, sarai presto a cavallo...
(io sono sempre appiedato)
.
bye
Author
Funzionaaaa!!!!!! Grazie grazie grazie a tutti .....
Author
Praticamente, i div vuoti laterali di cui io non consideravo proprio l'esistenza, si spostavano al posto del div vuoto e occupavano spazio... ora devo solo imparare bene la gestione degli spazi sulla griglia in quanto è stato sufficiente eliminare le colonne vuote dalla griglia per ottenee il mio risultato. Ergo..mi sono persa in un bicchiere d'acqua
Author
ok...per recuperare il mio layout con le larghezze che avevo già definito, ho schiaffato un oggetto html senza contenuto, e con position=absolute , nelle colonne laterali vuote che mi davano fastidio. Immagino sia la cosa più corretta...