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

    ottenere il backgourndcolor di una textbox

    Ciao!
    Ho un form con alcune textbox.
    Tramite un css assegno a queste textbox uno stile, e tra le altre caratteristiche, do un colore di fondo.

    Ho aggiunto un bottone alla cui pressione vorrei visualizzare a video il colore di sfondo di una di queste textbox.
    Se scrivo alert(document.form.tx.style.backgroundcolor); non mi visualizza nulla.
    Usando lo stesso comando però, riesco a cambiare il colore dello sfondo:
    document.form.tx.style.backgroundcolor=#ff0000;

    Avete qualche idea in proposito?

    Grazie!

  2. #2
    Utente di HTML.it L'avatar di floyd
    Registrato dal
    Apr 2001
    Messaggi
    3,837
    prova backgroundColor
    c maiuscola

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133

    Re: ottenere il backgourndcolor di una textbox

    Originariamente inviato da SamuelZ1000
    Ciao!
    Ho un form con alcune textbox.
    Tramite un css assegno a queste textbox uno stile, e tra le altre caratteristiche, do un colore di fondo.

    Ho aggiunto un bottone alla cui pressione vorrei visualizzare a video il colore di sfondo di una di queste textbox.
    Se scrivo alert(document.form.tx.style.backgroundcolor); non mi visualizza nulla.
    Usando lo stesso comando però, riesco a cambiare il colore dello sfondo:
    document.form.tx.style.backgroundcolor=#ff0000;

    Avete qualche idea in proposito?

    Grazie!
    Al novanta percento non è possibile identificare le caratteristiche di un campo che non abbia lo stile in linea. (style="backgraund:black; border: 1px solid red; etc...") Intervengo sperando che qualcuno più esperto mi smentisca (con un esempio) visto che non ci sono mai riuscito.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    anche con la C maiuscola non funziona.
    Però segnalo questo comportamento:
    il css che assegna lo stile alla mia textbox è fatto così:

    .tb_required{
    background-color:#FFFFCC;
    border: 1px solid #7F9BD9;
    padding: 2px;
    width: 180px;
    }

    la mia textobx quindi, all'apertura della pagina mi si presenta gialla.
    Se a questo punto clicco sul pulsante sopra citato ed eseguo il comando:
    fm.tx.style.backgroundColor
    ottengo una stringa vuota.

    Se però al click del pulsante eseguo:

    alert(tx.style.backgroundColor);
    tx.style.backgroundColor=#FF0000;
    alert(tx.style.backgroundColor);

    Ottengo un alert vuoto, la textbox si colora di rosso, un alert con scritto #ff0000.

    Ha quindi ragione cavicchiandrea?

    Ciao!

  5. #5
    Utente di HTML.it L'avatar di floyd
    Registrato dal
    Apr 2001
    Messaggi
    3,837
    document.defaultView.getComputedStyle(document.nom e_form.nome_campo, null).backgroundColor
    sui browser più diffusi credo non abbia problemi

  6. #6
    mmm, mi ritorna un errore:

    'document.defaultView' è nullo o non è un oggetto

  7. #7
    Utente di HTML.it L'avatar di floyd
    Registrato dal
    Apr 2001
    Messaggi
    3,837
    già
    funziona con ff e opera

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Tramite input di floyd ho trovato questi siti (senza dare troppo lontano) che trattano l'argomento
    1) http://javascript.html.it/articoli/s...omio-perfetto/ (italiano)

    2) http://www.quirksmode.org/dom/getstyles.html (inglese)

    C'è anche un opzione IE buona lettura.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9
    function getStyleProp(x,prop)
    {
    if(x.currentStyle)
    return(x.currentStyle[prop]);
    if(document.defaultView.getComputedStyle)
    return(document.defaultView.getComputedStyle(x,'')[prop]);
    return(null);
    }

    x=document.form.tx
    prop="backgroundColor"

    FUNZIONA benissimo!!

    Grazie a entrambi!!

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.