Visualizzazione risultati 1 fino 10 di 10

Discussione: javascript colore bordo input

  1. #1
    Guest

    Question javascript colore bordo input

    Ciao ragazzi
    per colorare un input in javascript uso
    document.Form.nome.style.borderColor='red';
    e compare di sopra piu scuso e sotto piu chiaro come posso fare
    e poi e possibile farlo diventare intermittente il bordo...

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

    Predefinito

    Citazione Originalmente inviato da hotmailpower Visualizza messaggio
    per colorare un input in javascript uso
    document.Form.nome.style.borderColor='red';
    e compare di sopra piu scuso e sotto piu chiaro come posso fare
    Dipenderà dal fatto che il bordo visualizzato è di tipo "inset" che fa sembrare il campo incavato. Se lo vuoi uniforme cambia "borderStyle" in "solid".

    Citazione Originalmente inviato da hotmailpower Visualizza messaggio
    e poi e possibile farlo diventare intermittente il bordo...
    Si, con un po' di Javascript usando setInterval.


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


  3. #3
    Guest

    Predefinito

    potresti postere il codice perché non ho capito come fare....

  4. #4
    Guest

    Predefinito

    Sarebbe molto utile se lo posti, serve anche a me :) grazie

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

    Predefinito

    Non aspettate sempre la pappa pronta... vi incollo un esempio, poi andrà ovviamente adattato

    Codice HTML:
    <script type="text/javascript">
    blinkbox = document.getElementById('box_con_bordo_lampeggiante');
    blinkflag = 0;
    setInterval('blinker()', 500);
    
    function blinker() {
      blinkbox.style.borderColor = blinkflag ? '#00ff00' : '#ff0000';
      blinkflag = ++blinkflag % 2;
    }
    </script>
    E inserite almeno un link al mio sito se usate questo codice.


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


  6. #6
    Guest

    Predefinito

    ha me mi interessava sapere come cambiare la proprietà del bordo da incavato a solid XD

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

    Predefinito

    Citazione Originalmente inviato da hotmailpower Visualizza messaggio
    ha me mi interessava sapere come cambiare la proprietà del bordo da incavato a solid XD
    Allora spiegati no? E' la proprietà CSS chiamata border-style.


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


  8. #8
    Guest

    Predefinito

    no non ci siamo capiti heheh
    io in javascript uso sto codice
    document.Form.nickname.style.borderColor='red';
    che pero mi fa uno strano effetto io vorrei creare un bordo di pexel 2 di colore rosso
    capit in css deve essere cosi
    .nome{
    border: 1px solid nomecolore;
    }

    ma in javascript come si fa...^^

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

    Predefinito

    Quella è la forma compatta che estesa sarebbe:
    Codice:
    border-width: 1px;
    border-style: solid;
    border-color: red;
    Le proprietà Javascript hanno lo stesso nome, devi solo togliere il trattino e rendere maiuscola la lettera seguente (boder-style => borderStyle).


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


  10. #10
    Guest

    Predefinito

    ti ringrazio non lo sapevo...^^

    P.S.
    se io volessi stampare in php questo
    echo '<script type="text/javascript">
    document.Form.nome.style.borderStyle='solid';
    document.Form.nome.style.borderColor='red';
    </script>';
    come posso fare da errore

Regole di scrittura

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