Classe non rilevata

**Alifuma92** · 18-06-2014, 16:29

ciao a tutti!!

Ho aggiunto uno script ad una mia pagina che contiene una classe per creare un input color. ossia un campo per inserimento colori tramite palette.
si richiamo cosi:

<input class="color">

fino a qui tutto bene... quando però voglio stampare la stessa cosa, ma attraverso una variabile come in questo caso:

var riga = "<input class='color'>";

visualizzo solamente una classica textbox.

qualcuno sa dirmi come mai la classe non viene rilevata in questo caso???

grazie a tutti in anticipo!!!

**tampertools** · 18-06-2014, 17:04

Devi ricaricare lo script.
Comunque potresti usare

codice HTML:

<input type="color">

**Alifuma92** · 18-06-2014, 17:07

In che senso ricaricare lo script tampertools?

**tampertools** · 18-06-2014, 17:45

Lo script a un certo punto (ma senza vederlo non posso sapere quando) parte e "aggiusta" gli input.color
Tu dei farlo ripartire perché altrimenti lui non vede il tuo nuovo input

**Alifuma92** · 18-06-2014, 17:54

la mia pagina è così in modo semplificato
<html>
<head>
<script type="text/javascript" src="jscolor/jscolor.js"></script>

<script>
function stampa(){

var r = "<input class='color'>";
document.write(r);

}
</script>
</head>
<body>
...
</body>
</html>

Scusa ma non capisco come ricaricarlo...o richiamarlo...

**KillerWorm** · 18-06-2014, 18:13

Ciao, come accennato da tampertool, dovrai "riapplicare" tale classe agli elementi creati runtime.
Ci sono degli esempi nella pagina di tale libreria.
Prova una cosa del genere:

codice:

<html>
<head>
   <script type="text/javascript" src="jscolor/jscolor.js"></script>    
 
   <script>
   function stampa(){

       var r = document.createElement('INPUT')
new jscolor.color(r)
document.getElementsByTagName('BODY')[0].appendChild(r)

   }
   </script> 
</head>
<body>
...
</body>
</html>

**Alifuma92** · 18-06-2014, 18:34

Funziona perfettamente... l'ultima cosa... come applico la stessa cosa a questa funzione semplice?

function stampa(){

var righe = "";

// Inserisco una riga ad ogni ciclo

for(i=1; i<=numero_colori; i++){

var id = "colore"+i;
var per ="percentuale"+i;

righe = righe + "colore numero "+i+" : <input class='color' id='"+id+"'><br><input type='text' id='"+per+"' /><br>";

}

box.innerHTML=righe;

}

grazie mille ancora!

**Alifuma92** · 18-06-2014, 20:26

Come faccio ad assegnare l id la classe ecc e a stamparlo nel modo che ho scritto sopra.?

**KillerWorm** · 18-06-2014, 23:00

Si può fare in vari modi. Con jQuery sarebbe ancora più semplice.

Comunque puoi fare una cosa del genere (posto un esempio completo):

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="jscolor/jscolor.js"></script>
    <script type="text/javascript">
      function stampa(){
        var box = document.getElementById("box");
        var numero_colori = 10;
        for(i=1; i<=numero_colori; i++){
          var id = "colore"+i;
          var per ="percentuale"+i;
           box.insertAdjacentHTML("beforeend", "colore numero "+i+" : <input  class='color' id='"+id+"'><br><input type='text'  id='"+per+"' /><br>");
          new jscolor.color(document.getElementById(id));
        }
      }
    </script>
  </head>
  <body><input type=button value="Elabora" onclick="stampa()">
  <div id="box"></div>
  </body>
</html>

PS: quando posti sul forum, è meglio fornire possibilmente tutti i dettagli all'inizio.
PPS: quando posti del codice sul forum, è opportuno usare gli appositi tag di formattazione.

**Alifuma92** · 18-06-2014, 23:45

Funziona alla grande! Grazie mille!
Scusami per le mancanze, ma è la prima volta che scrivo. lo terrò presente! grazie ancora!

Discussione: Classe non rilevata

Strumenti discussione

Ricerca discussione

Visualizza

Classe non rilevata

Permessi di invio