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...

Citazione:

---

Originalmente inviato da hotmailpower

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

e poi e possibile farlo diventare intermittente il bordo...

---

Si, con un po' di Javascript usando setInterval.

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

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

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.

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

Citazione:

---

Originalmente inviato da hotmailpower

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

---

Allora spiegati no? :wink: E' la proprietà CSS chiamata border-style.

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...^^

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).

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