Colore del testo su Span

**Devilage** · 27-06-2005, 10:10

Salve ragazzi, ho un problema, non riesco a fare un js che mi imposti il colore dello span style in base alla parola che viene caricata...
Vi mostro un sorgente in asp ma necessito per js, il colore del testo deve restare nero e cambiare solo il colore di sfondo della parola.

 <<2-giacenza>>

<%
select case giacenza

case "alta"
colore = "green"

case "media"
colore = "yellow"

case "bassa"
colore = red>bassa"

case "ordinazione"
colore = "blue"

end select
%>

"> <<2giacenza>>

*pragma · 27-06-2005, 13:10

Originariamente inviato da Devilage
Salve ragazzi, ho un problema, non riesco a fare un js che mi imposti il colore dello span style in base alla parola che viene caricata... eccc.....

allora io ho capito questo:
che in base al colore che viene scritto in un text ti debba cambiare il colore di sfondo di uno span.
Devi quotare il mio codice e copiarlo

codice:

<html>
<head>
<title></title>
  <script type="text/javascript">
                function colora() {
      var c = document.getElementById("col").value;
   document.getElementById("spa").style.backgroundColor = c;
    }

   </script>
</head>
<body>
<form >
<input type="text" id="col" />


<input type="button" id="imposta" value="clicca e colora" onclick="colora()" />
</form>


Un po' di testo. <span id="spa" >Questo é in uno span.</span> Altro testo.</p>
</body>
</html>

se poi vuoi che lo sfondo sia obbligatoriamente #FFC6C6
imponi
document.getElementById("spa").style.backgroundCol or = "#FFC6C6" //tutto su una riga;
e togli il riferimento ala variabile c e l'input text.
ciao

**Devilage** · 27-06-2005, 14:19

No no, aspetta aspetta.

In base al VALORE... Alta, Media, Bassa, Su ordinazione
In base ad ogniuno di questi un colore di span style diverso.

Se <<2-giacenza>> = "Bassa" il colore xxx è red
Se <<2-giacenza>> = "Alta" il colore xxx è green
Se <<2-giacenza>> = "Media" il colore xxx è yellow
Se <<2-giacenza>> = "Su ordinazione" il colore xxx è blue

 <<2-giacenza>>

**br1** · 27-06-2005, 14:30

Allora non e' un problema javascript

Vedo un orrore di stompa qui:

colore = red>bassa"

ma nel dubbio ti sposto su ASP

**Devilage** · 27-06-2005, 14:36

Br1 non mi interessa asp, a me serve il codice in javascript, quello che ho messo è solo x far capire alla gente cosa mi serve.

**br1** · 27-06-2005, 15:08

Perdona se ho agito di fretta... evidentemente non avevo capito

Dato che continuo a non capire del tutto i tuoi messaggi ti posto un esempio:

codice:

<html>
<head>
<title></title>
  <script type="text/javascript">
                function colora() {
	  var c = document.getElementById("col").options[document.getElementById("col").selectedIndex].value;
   document.getElementById("spa").style.backgroundColor = c;
    }

   </script>
</head>
<body>
<form >
<input type="text" id="colr" />


<input type="button" id="imposta" value="clicca e colora" onclick="colora()" />
<select id="col" name="col">
<option value="red">Bassa</option>
<option value="green">Alta</option>
<option value="yellow">Media</option>
<option value="blue">Su ordinazione</option>
</select>
</form>


Un po' di testo. <span id="spa" >Questo é in uno span.</span> Altro testo.</p>
</body>
</html>

ciao

**Devilage** · 27-06-2005, 15:26

No, non ci capiamo

Facciamo prima così... il mio sito è www.xara.it
Dove ci sono gli articoli... case, cpu....ecc c'è sotto ad ogni descrizione una giacenza. Ogni utente vedrà "Alta" oppure "Media"...ecc

Nel mio codice offline io vedo <<2-giacenza>> che una volta online questa cambia leggendo in automatico da un DB. Qui tutto funziona regolarmente.

Attualmente tutti vedono sotto la voce Alta, Media... uno span di colore rosa.

Vorrei mettere un javascript che in base al valore del testo mi cambi in automatico il colore dello span.
Se il valore è "Alta" lo span è di colore Verde..
Se il valore è "Media" lo span è di colore Giallo..
Attualmente il codice è:

 <<2-giacenza>>

Una volta messo il javascript prima di <span style=... dovrei inserire la va riabile al posto di #FFC6C6

Impostando il javascipt per un template poi verrà automaticamente ripetuto per altri articoli e nelle successive pagine, ogni articolo avrà quindi lo span di colore diverso in base al valore testuale della giacenza.

**santino83** · 27-06-2005, 15:29

ma perchè mettere un javascript? quando controlli quant'è la data di giacenza (se è alta media o bassa) direttamente da lato server imposti il colore.

è una pagina asp?

codice:


<%
select case giacenza

case "alta"
colore = "green"

case "media"
colore = "yellow"

case "bassa"
colore = "red"

case "ordinazione"
colore = "blue"

end select
%>
<span bgcolor=<%= colore %>>Sono in giacenza <%= giacenza %></span>

**Devilage** · 27-06-2005, 15:35

Perchè utilizzo un software di gestione ordini che mi permette solo di inserire che tipo di giacenza testuale inserire, le funzioni sono inserite in alcuni files .js richiamati esternamente di cui solo 2 mi è possibile aprire senza problemi.

Tutte le pagine sono in .htm, le pagine asp il server non me le fa caricare.

**br1** · 27-06-2005, 16:56

Il problema continua a non essere javascript dato che la possibile soluzione farebbe uso degli id univoci... ;
ora appuriamo che non e' nemmeno ASP... ;
diciamo che forse si potrebbe risolvere con CSS:

<style>
.alta {background-color: green;}
.media {background-color: yellow;}
.bassa {background-color: red;}
.ordinazione {background-color: blue;}
</style>
...

>"> <<2-giacenza>> 

ciao

Discussione: Colore del testo su Span

Strumenti discussione

Ricerca discussione

Visualizza

Colore del testo su Span

Re: Colore del testo su Span

Permessi di invio