[JS] Cabiare le proprietà css degli input

**PaoDJ** · 08-06-2004, 18:27

Ciao,

ho bisogno di assegnare delle proprietà css ad un oggetto.

Mi spiego meglio, voglio ke tutti gli input di una pagina abbiano come classe css la "bold" e che abbiano come background-image l'immagine specificata.

Es.

<input type="submit" value="Invia" style="Ok" />

codice:

function MakeHTML() {
  var inputs = document.getElementsByTagName("input");
  for (var i=0; i<inputs.length; i++){
    var input2 = inputs[i];
    if(input2.getAttribute("type")=="submit"){
      stile=input2.KE CI METTO X PRENDERE LO "style" DEL BOTTONE?
      input2.CLASSE="bold";
    }
  }
}

window.onload = MakeHTML;

Mi serve sapere che ci devo mettere al posto di CLASSE (per indicare la classe css del bottone) e al posto della prase per mettere nella variabile il valore dell'attributo html "style".

Come specifico poi il background-image di input2?

Grazie
Pao

**Mich_** · 09-06-2004, 08:28

Non e` che ci capisca molto in quel pezzetto di codice.

Riscrivo in HTML/CSS/JS:

codice:

<style type="text/css">
/* questi due stili servono per le due version degli input */
.inp_base { background-image:url(...); .... }
.inp_mod { background-image:url(...); .... }
</style>

<script type="text/javascript">
function cambiaClasse() {
  var inputs = document.getElementsByTagName("input");
  for (var i=0; i<inputs.length; i++){
    if(inputs[i].getAttribute("type")=="submit"){
      inputs[i].className = 'inp_mod';
    }
  }
}
</script>
</head>

<body>
...
<input type="submit" value="Invia" class="inp_base">

In quello script c'e` qualcosa che non quadra: non capisco perche` fare un loop su tutti gli input per cambiare classe solo ad uno.

Discussione: [JS] Cabiare le proprietà css degli input

Strumenti discussione

Ricerca discussione

Visualizza

[JS] Cabiare le proprietà css degli input

Permessi di invio