Creare funzione if else

[Shyson]

Dovrei creare una funzione del genere:

se totale è più di uno scrivi rosso, else scrivi verde.

 

[Altutto]

Ciao
Potresti usare qualcosa come:

<script>
function controllanumero(totale){
if(totale>1){$("#scrivi").html("rosso");}
else{$("#scrivi").html("verde");}
}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
</script>
<div id="scrivi"></div>

Demo

 

[Shyson]

Non funziona, cosa sbaglio?

<script>
function controllanumero(totalequantita){
if(totalequantita>1){$(".cord").html("rosso");}
else{$(".cord").html("verde");}
}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
</script>
…
<script>controllanumero();</script>

 

[Altutto]

Ciao,
La funzione controllanumero richiede che venga passato come parametro il numero da controllare
Inoltre, non è necessario che la chiami un'altra volta, lo hai già fatto subito dopo aver dichiarato la variabile numero_totale

 

[Shyson]

Non riesco a capire, io la vedo semplice: se totalequantita è zero scrivi rosso, se è 1 scrivi verde

 

[Altutto]

Infatti è così, ma totalequantita è il parametro della funzione, mentre numero_totale è la variabile che passi come parametro

 

[criric]

<script>
function controllanumero(totale){
if(totale>1){$("#scrivi").html("rosso");}
else{$("#scrivi").html("verde");}
}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
</script>
<div id="scrivi"></div>

Scritta così non puù funzionare : la funzione viene richiamata prima che il div venga creato.
Bisogna usare $(document).ready( oppure inserire la chiamata dopo il div

 

[Altutto]

Ops, è vero, non ho messo $(document).ready(); mentre ci lavoravo su jsfiddle perchè aggiunge già un'istruzione simile, ho dimenticato di aggiungerla, chiedo scusa!
Così dovrebbe funzionare, l'ho testato con firefox ed Internet Explorer:

<script>
$(document).ready(function controllanumero(totalequantita){
if(totalequantita>1){$(".cord").html("rosso");}
else{$(".cord").html("verde");}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
});
</script>
<div class="cord"></div>

 

[Shyson]

A me non funziona, puoi vedere in alto a sinistra (appena sotto il titolo), c'è un conflitto perché appaiono anche doppi pulsanti

http://www.libridelbenessere.altervista.org/

 

[Altutto]

Con l'ultima versione del codice che ho postato, cambiano tutti i div con classe "cord", se vuoi cambiare un solo div in particolare assegnagli un'ID e selezionala al posto della classe

 

[Shyson]

Con l'ultima versione del codice che ho postato, cambiano tutti i div con classe "cord", se vuoi cambiare un solo div in particolare assegnagli un'ID e selezionala al posto della classe

Il css è questo

a.cord:link { color: #999; text-decoration: none; }
a.cord:visited { color: #999; text-decoration: none; }
a.cord:hover { color: #0080ff; text-decoration: none; }

 

[Altutto]

Assegna semplicemente un'altra ID al div di cui vuoi cambiare il contenuto

 

[Shyson]

Assegna semplicemente un'altra ID al div di cui vuoi cambiare il contenuto

Scusa ma non riesco a capire, mi fai un esempio reale?

 

[Altutto]

Assegna al div in cui vuoi scrivere il colore un'ID qualunque, poi modifica il codice jquery di conseguenza
Ora sono dal cellulare, domani, se vuoi, ti posto il codice già modificato

 

[Shyson]

Se ho ben capito, ho messo un id inesistente…ma nemmeno così funziona.

<script>
$(document).ready(function controllanumero(totalequantita){
if(totalequantita>1){$("#cordX").html("rosso");}
else{$("#cordX").html("verde");}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
});
</script>
…
<a class="cord" href="#segnalibroOrdine"><div id="cordX"></div></a>

 

[Altutto]

Ciao,
Puoi anche assegnare direttamente al tag <a> la tua id:

<a class="cord" href="#segnalibroOrdine" id="cordX"></a>

 

[Shyson]

Qui non ci capisco più niente. Come puoi vedere appaiono 2 pulsanti (Aggiungi al carrello e Aggiunto), qualche conflitto?
http://www.libridelbenessere.altervista.org/

a.cord:link { color: #999; text-decoration: none; }
a.cord:visited { color: #999; text-decoration: none; }
a.cord:hover { color: #0080ff; text-decoration: none; }

…

<script>
$(document).ready(function controllanumero(totalequantita){
if(totalequantita>1){$("#cordX").html("rosso");}
else{$("#cordX").html("verde");}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
});
</script>

<a class="cord" href="#segnalibroOrdine" id="cordX"></a>

 

[Altutto]

A me funziona correttamente:

 

[Shyson]

Questi pulsanti non devono apparire così

 

[Altutto]

Ma questo problema si è presentato solo quando hai aggiunto il codice

<script>
$(document).ready(function controllanumero(totalequantita){
if(totalequantita>1){$("#cordX").html("rosso");}
else{$("#cordX").html("verde");}
var numero_totale = 0; //setta questa variabile
controllanumero(numero_totale);
});
</script>

<a class="cord" href="#segnalibroOrdine" id="cordX"></a>

?