Visualizzazione risultati 1 fino 3 di 3

Discussione: Modificare proprietà CSS mediante script

  1. #1
    Guest

    Predefinito Modificare proprietà CSS mediante script

    Salve,
    stò creando un form per l'inserimento di alcuni dati, ed ho una parte del documento che appare e scompare a seconda di una scelta fatta. Ora, quando quel particolare div appare io ho la necessità di modificare la posizione degli elementi al di sotto di esso e la dimensione del div che contiene tutto il form. So che devo utilizzare l'interfaccia CSSStyleSheet, ma non ho capito benissimo come selezionre il CSS che mi interessa (ne ho due) e come trovare l'elemento che mi interessa all'interno dell'array che compongo. Per esempio, se io avessi un CSS con questa proprietà:
    Codice:
    div#div_pagamento{
    	position: absolute;
    	top: 375px;
    	left: 0px;
    }
    e volessi modificarlo per mettere top: 550px mediante uno script, che codice dovrei utilizzare?

    Grazie mille!

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,603

    Predefinito

    Beh, essendo un singolo elemento puoi direttamente andare a modificare lo stile inline (quello associato all'attributo style) di questo, sfruttando la proprietà style del DOM.

  3. #3
    L'avatar di saitfainder
    saitfainder non è connesso Sëniör Stäff
    Data registrazione
    06-12-2002
    Residenza
    Torino
    Messaggi
    8,715

    Predefinito

    Di solito in questi casi invece di andare a modificare lo stile da CSSStyleSheet è più semplice, e anche più comprensibile in seguito, agire su una classe associata all'elemento.

    Quindi crei una regola div#div_pagamento.miaclasse (che ha la precedenza sulla regola base) e in cui metti gli attributi modificati.


    «È una mia peculiarità distorcere la verità e inventarne di nuove.»
    «I tuoi orientamenti hanno su di me un effetto prossimo allo zero.»


Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •