Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [js] attribuire stile a tag <html> con js

    Ciao a tutti. Mi sto scontrando con il seguente problema:
    Ho la necessità di attribuire il seguente stile al tag "radice" <html>:

    codice:
    html:{overflow:hidden; }
    e di farlo solo tramite javascript, in modo tale che se il js è disabilitato sul browser, non sia applicato nessuno stile.
    All'inizo avevo pensato a scrivere una cosa del tipo:
    codice:
    <html id="hzml">....
    per poi utilizzare una funzione:
    codice:
     function setHTMLstyle() {
    document.getElementsById('hzml').style.overflow='hidden';
    }
    da caricare nel <body>. La cosa funziona, ma purtroppo mi invalida la pagina

    Ho provato anche con un più generico:
    codice:
    document.getElementsByTagName('html').style.overflow='hidden';
    ma la cosa non sembra funzionare.

    Qualche suggerimento?

    Grazie
    "This is the end, Clark... for both of us"

  2. #2
    Parere mio, ma ... se applichi il tutto al tag <body> ?
    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  3. #3
    Parere mio, ma ... se applichi il tutto al tag <body> ?
    ...avevo dei problemi (mi pare con FF); in ogni caso penso di aver risolto lo stesso la situazione con questa bella trovata: metto nell'head:

    codice:
    <link type="text/css" href="nuoviassets/cssofficial.css" rel="stylesheet">
    <link type="text/css" href="nuoviassets/csshtmloverflow.css" rel="stylesheet">
    Il primo è quello "ufficiale" di tutta la pagina, e contiene la riga:
    codice:
    html {overflow:hidden;}
    il secondo è costituito da una sola riga:
    codice:
    html {overflow:auto!important;}
    e ho modificato il js come segue:
    codice:
    function setHTMLstyle() {
    document.getElementsByTagName("link")[1].disabled = true;
     }
    "This is the end, Clark... for both of us"

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.