Visualizzazione dei risultati da 1 a 8 su 8

Discussione: [js] div style

  1. #1
    Utente di HTML.it L'avatar di Bat
    Registrato dal
    May 2002
    Messaggi
    588

    [js] div style

    Qualcuno sa dirmi perchè se metto nell'htm i seguenti tags su netscape non funziano

    <div id="nome1" name="nome1" style:"display:'';">

    <div id="nome1" name="nome1" style:"display:'none';">

    mentre nel js lo script :

    document.getElementById.style.display=''
    document.getElementById.style.display='none'

    funziona benissimo (???)

    ..sintassi (?) non mi sembra, ma è un ora che continuo a provare, ormai mi sono fissato sulle stesse prove inutili ..

  2. #2
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    Credo che sia proprio un problema di sintassi
    metti = dopo style
    <div id="nome1" name="nome1" style="display:'';">

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Le prime hanno errori di sintassi: i duepunti devono essere = se usi style come attributo:

    <div id="nome1" name="nome1" style="display:'';">

    <div id="nome1" name="nome1" style="display:'none';">

    Il primo non so se e` una sintassi corretta CSS, il secondo dovrebbe andar bene dappertutto.

    Pero` i CSS andrebbero raggruppati in testa alla pagina o in un file esterno, facendo riferimento con le classi.

    Ciao
    Michele
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it L'avatar di Bat
    Registrato dal
    May 2002
    Messaggi
    588
    grazie Sgnafurz e Mich_, in effetti questa è la soluzione che avevo provato ma continua a non funzionare(?) posto il problema in maniera più completa :

    per gli stili uso un css esterno ma in questa parte di codice non sono coinvolti : per utilizzare il seguente script assegno la proprietà display a dei un tag DIV come segue :

    --- nel javascript-----

    path_lay="document.getElementById";

    function view (elem){
    if (document.getElementById) {
    if (elem != "0") { eval(path_lay+"('" + nomi[elem] + "')"+".style.display=''"); }
    } // if
    else {
    if (elem != "0") { eval(path_lay+"['" + nomi[elem] + "']"+".style.display=''"); }
    } // else
    }

    function view (elem){
    if (document.getElementById) {
    if (elem != "0") { eval(path_lay+"('" + nomi[elem] + "')"+".style.display='none'"); }
    } // if
    else {
    if (elem != "0") { eval(path_lay+"['" + nomi[elem] + "']"+".style.display='none'"); }
    } // else
    }

    -------nell' html--------

    <div id="na1" name="na1" style="display:'';">

    codice na1

    </div>

    <div id="na2" name="na2" style="display:'none';">

    codice na2

    </div>

    na1

    na2

    in questo modo tramite il link visualizzo/nascondo delle parti della pagina.
    Purtroppo non capisco perchè lo script funziona, mentre all'apertura della pagina lo style del div viene completamente ignorato (nn7) (?)

  5. #5
    Utente di HTML.it L'avatar di Bat
    Registrato dal
    May 2002
    Messaggi
    588
    riposto il js (nell'esempio precedente mi è restato la variabile con il vettore dei nomi, mentre il link richiamava direttamente il nome)

    function view (elem){
    if (document.getElementById) {
    if (elem != "0") { eval(path_lay+"('" +elem + "')"+".style.display=''"); }
    } // if
    else {
    if (elem != "0") { eval(path_lay+"['" + elem + "']"+".style.display=''"); }
    } // else
    }

    function view (elem){
    if (document.getElementById) {
    if (elem != "0") { eval(path_lay+"('" + elem + "')"+".style.display='none'"); }
    } // if
    else {
    if (elem != "0") { eval(path_lay+"['" + elem + "']"+".style.display='none'"); }
    } // else
    }

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non credo che puoi usare eval() in codesto modo nei browser di ultima generazione.
    codice:
    function view (elem){
      if (document.getElementById) {
        if (elem != "0") { 
          document.getElementById(elem).style.display='';   
        }
      } else {
        if (elem != "0") { eval(path_lay+"['" + elem + "']"+".style.display=''"); }
      } 
    }
    La seconda parte non so correggerla, ma se e` per IE non dovrebbe avere problemi mentre se e` per NN4, non credo che puoi modificare lo stile (quando e` uscito NN4 i CSS non erano ancora standard).

    Per IE5.0 credo dovresti fare:
    eval("document.all."+elem+".style.display) = ''

    Ciao
    Michele
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    63
    <SCRIPT LANGUAGE="javascript">

    function view(elem){
    if (document.getElementById) {
    document.getElementById(elem).style.display = 'block';}
    }

    function hide(elem){
    if (document.getElementById) {
    document.getElementById(elem).style.display = 'none';}
    }

    </SCRIPT>

    <div id="na1" style="display:block">

    codice na1

    </div>

    <div id="na2" style="display:none">

    codice na2

    </div>

    na1
    na2


    Così dovrebbe andare senza prob, su IE5+, Ns6+ opera7.. Molto non si può fare sui browser obsoleti con lo style-display
    javascript: tutto attaccato

  8. #8
    Utente di HTML.it L'avatar di Bat
    Registrato dal
    May 2002
    Messaggi
    588
    .. puntuali e professionali come sempre!

    ora mi trovo con :
    1)problema risolto.
    2)nuove tecniche da verificare
    3)spunti nuovi per semplificare dei vecchi script...

    se non fossero solo lati positivi potrei quasi disperarmi

    Grazie a 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.