Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149

    Cambio colore su campi selezionati/deselezionati

    Buongiorno a tutti,
    ho usato le seguenti istruzioni per aiutare l'utente quando inserisce i dati in una form.
    Quando si ferma in una campo appare automaticamente lo sfondo in giallino, quando si sposta ritorna lo sfondo bianco. Con le select non funziona però,quando mi sposto con il tab sopra la select appare blu, come faccio a metterla dello stesso colore giallino?
    Le istruzioni usate sono:

    function sel(id) {
    if (!document.getElementById) return;
    selDiv = document.getElementById(id);
    selDiv.style.backgroundColor = "#ffc";
    }
    function des(id) {
    if (!document.getElementById) return;
    selDiv = document.getElementById(id);
    selDiv.style.backgroundColor = "#fff";
    }

    Poi nei vari campi ho richiamato le istruzioni:
    onFocus="sel('nome_utente')" onBlur="des('nome_utente')"

    Grazie mille e buona giornata

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Attenzione ogni browser interpreta gli stili diversamente sopratutto con le select, detto questo che browser usi e posta l'html della form che contiene i campi (senza codice php o asp solo html)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Ciao Andrea, l'intenzione mia è quella che funzioni in tutti i browser, io attualmente sto testando tu internet explorer.

    Lo script nella head è:

    function sel(id) {
    if (!document.getElementById) return;
    selDiv = document.getElementById(id);
    selDiv.style.backgroundColor = "#ffc";
    }
    function des(id) {
    if (!document.getElementById) return;
    selDiv = document.getElementById(id);
    selDiv.style.backgroundColor = "#fff";
    }

    la form è:

    <input type="text" name="nome_utente" id="nome_utente" size="30" maxlength="40" value="" onFocus="sel('nome_utente')" onBlur="des('nome_utente')" >

    <tr>
    <td> Nazione </td><td><select name="naz_struttura" id="naz_struttura" style="font-size: 11px;" onFocus="sel('naz_struttura')" onBlur="des('naz_struttura')">
    <option value=""> -- </option>
    <option value="Italia"> Italia </option>
    <option value="Estero"> Estero </option>
    </select></td>
    </tr>

    Se mi sposto sopra col tab vedo blu, però quando apro la select cliccandoci per esempio sopra con il mouse vedo giustamente tutto lo sfondo in giallo come avevo previsto...è solo quel blu che vorrei capire se posso eliminarlo.
    grazie!

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da luseresi
    Se mi sposto sopra col tab vedo blu, però quando apro la select cliccandoci per esempio sopra con il mouse vedo giustamente tutto lo sfondo in giallo come avevo previsto...è solo quel blu che vorrei capire se posso eliminarlo.
    grazie!
    Prova anche con firefox (più attendibile come standard) comunque non credo ci sia soluzione se ti sposti col tab (almeno su ie)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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 © 2026 vBulletin Solutions, Inc. All rights reserved.