PROBLEMA SITO SU JAVASCRIPT

Ale0000

Nuovo Utente
2 Mar 2017
5
1
1
34
Il problema era in java script, tramite un if dovrebbe : se si seleziona martedi' o giovedi' il costo del biglietto era di 4 X N biglietti altrimenti se si seleziona altri giorni il costo era di 7 X N biglietti.

HTML:
<html>
<head>
<link REL="icon" HREF="logo.jpg" TYPE="image/jpg"/>
<title>Cinema Gold</title>
<link rel="stylesheet" type="text/css" href="stile.css">
</head>
<body>
<div id="pagina">
<div id="logo">
<img src="logo.jpg" width="245" height="145">
</div>
<div id="tendina">
    <nav class="center">
        <ul>
            <li><a href="../cinema.html"><h3>Home</h3></a></li>
            <li class="dropdown">
                <a href="#programmazione" class="dropbtn"><h3>Programmazione</h3></a>
                <div class="dropdown-content">
                    <a href="../cinema2.html"><h3>Film</h3></a>
                    <a href="../Extra/Extra.html"><h3>Extra</h3></a>
                </div>
            </li>
            <li class="dropdown">
            <a href="#servizi" class="dropbtn"><h3>Servizi</h3></a>
            <div class="dropdown-content">
                    <a href="../Food&Drink/Food&Drink.html"><h3>Food&Drink</h3></a>
                    <a href="../orari/orari.html"><h3>Orari</h3></a>
                    <a href="prenotazione.html"><h3>Prenotazione</h3></a>
                    </div>
            </li>
            <li><a href="../info/info.html"><h3>Info</h3></a></li>
            <li class="dropdown">
                <a href="#Sale" class="dropbtn"><h3>Sale</h3></a>
                <div class="dropdown-content">
                    <h3><a href=youtubeJp1wzo_3Eko">Sala 1</a></h3>
                    <h3><a href=youtube]ADt5anp7iJY">Sala 2</a></h3>
                    <h3><a href=youtube]IaUYPiTiMw">Sala 3</a></h3>
                    <h3><a href="youtube]g7XXIiKBFS>Sala 4</a></h3>
                    <h3><a href="youtube]VV1zCcA">Sala 5</a></h3>
                    <h3><a href=tube.com/watch?v=G05YLSyCiA8">Sala 6</a></h3>
                    <h3><a href=ww.youtube.com/watch?v=qkrwiM5pyCw">Sala 7</a></h3>
                    <h3><a href="www.youtube.com/watch?v=IBjpAyifz9c">Sala 8</a></h3>
                </div>
            </li>
        </ul>
    </nav>
</div>
<div id="info">
<h1>PREZZI DI INGRESSO :</h1>
<br><br>
<h2>MARTEDI' E GIOVEDI' :
<br><br>
BIGLIETTO INTERO : 4€
<br><br>
BIGLIETTO RIDOTTO : 4€
<br><br>
TUTTI GLI ALTRI GIORNI :
<br><br>
BIGLIETTO INTERO : 7€
<br><br>
BIGLIETTO RIDOTTO : 7€</h2>
</div>
<div id="img2">
<img src="tic.jpg" class="img2">
</div>
<div id="img3">
<img src="a.jpg" class="img3">
</div>
<div id="prenota">
<form name="mio_modulo" method="post">
<h1>Seleziona Il giorno :  </h1>
<ul id="b"><h4>
  <li class="ok"><input type="radio" name="gender" value="a">Martedi' o giovedi'</li>
  <br><br>
  <li class="ok"><input type="radio" name="gender" value="b">Altri giorni</li>
  </h4>
  </ul>
<br>
<br>
<h1>Seleziona Il film  :  </h1>
<ul id="b"><h4>
<li class="ok"><input type="radio" name="prov" value="Authoban-Fuori Controllo">Authoban-Fuori Controllo</li>
<br><br>
<li class="ok"><input type="radio" name="prov" value="Resident Evil 6">Resident Evil 6</li>
<br><br>
<li class="ok"><input type="radio" name="prov" value="Moonlight">Moonlight</li>
<br><br>
<li class="ok"><input type="radio" name="prov" value="Manchester by the Sea">Manchester by the Sea</li>
<br><br>
<li class="ok"><input type="radio" name="prov" value="David Lynch: The Art Life">David Lynch: The Art Life</li>
<br><br>
<li class="ok"><input type="radio" name="prov" value="The Great Wall">The Great Wall</li>
</h4>
</ul>
<br>
<br>
<h1>Inserisci il numero di biglietti da acquistare : </h1><input type="text" name="n1">
<br>
<br>
<h1>Totale : </h1><input type="text" name="ris"><br>
<br>
<input type="button" class="bottone" value="Calcola Totale" onclick="somma()">
</form>
<script>
function somma(){
if(gender=="a"){
var a=document.mio_modulo.n1.value;
document.mio_modulo.ris.value=parseInt(a)*parseInt(7)+"€";
}
else{
var a=document.mio_modulo.n1.value;
document.mio_modulo.ris.value=parseInt(a)*parseInt(4)+"€";
}
};
</script>
</div>
</div>
</body>
</html>
CSS:
Codice:
a:link {
    color: #006699;    /* colore collegamenti ipertestuali */
}
a:visited{
    color: #006699;    /* colore collegamenti ipertestuali dopo averli visualizzati */
}
body {
    background-image: url("sfondo.jpg");  /* sfondo */
    background-attachment: fixed;
    overflow: auto;
}
h1 {
    text-shadow: 1px 1px #0099FF;    /* ombre testo blu */
    font-size: 15px;
    color: white;
}
h2 {
    font-size: 15px;
    color: white;
}
h3 {
    text-align: center;
    font-size: 16px;        /* testi in h3 */
    color:  #006699;
}
h4 {
    font-size: 15px;
    color: white;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;                              /* per la navbar */
    overflow: hidden;
    background-color: black;
}

li {
    float: left;            /* per la navbar */
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;             /* per la navbar */
    padding: 1px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: white;                   /* per la navbar */
}

li.dropdown {
    display: inline-block;              /* per la navbar */
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;                  /* per la navbar */
    min-width: 148px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.center {
    margin-left: 535px;
    margin-right: 535px;                                  /* per posizionare navbar al centro */
    margin-top:5px;
    width: 29%;
    padding: 10px;
}
.dropdown-content a {
    color: #006699;
    padding: 12px 16px;
    text-decoration: none;           /* per la navbar */
    display: block;
    text-align: left;
}
.dropdown-content a:hover {background-color: white}
.dropdown:hover .dropdown-content {                       /* per la navbar */
    display: block;
}
p.verdana {
    font-style: normal;       /* stile del testo sul paragrafo */
    font-family: Arial;
    text-align: center;
}
#logo{
    padding: 0;
    margin: 0 auto;         /* posizionamento logo */
    width: 13%;
}
#prenota{
    position: relative;
    margin-top: 100px;
    margin-left: 40px;
    margin-bottom: 70px;
}
.bottone{
    background-color: #006699;
    color: white;
    border-color: #006699;
}
#pagina{
overflow: auto;
}
#info{
    margin-top:70px;
    margin-left: 45px;
    margin-bottom: 0px;
text-align: center;
}
.img2{
    width: 25%;
position: absolute;
    margin-left: 1080px;
    margin-top: 30px;
}
.img3{
    width: 29%;
position: absolute;
    margin-left: 1020px;
    margin-top: 470px;
}
.bottone:active{
    background-color: #CC9900;
}
.bottone:focus{
    background-color: #CC9900;
}
ul#b{
    background-color: transparent;
}
li.ok{

}

GRAZIE o_O:)
 
Ultima modifica di un moderatore:

Ale0000

Nuovo Utente
2 Mar 2017
5
1
1
34
Perfavore ragazzi e' urgente mi serve per domani :(,potete rispondere entro le 22/23
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ma l'hai scritto tu ? devi valorizzare la variabile gender
 

Ale0000

Nuovo Utente
2 Mar 2017
5
1
1
34
si l'ho scritto io tutto il codice ,perche' la variabile gender va' valorizzata ? e come si fa? (non so usare bene il java script so soltanto le cose basilari)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Codice:
var gender = document.mio_modulo.gender.value;
prima della if , se no javascript non sa che valore ha
 

Ale0000

Nuovo Utente
2 Mar 2017
5
1
1
34
ok adesso provo e ti faccio sapere ,grazie mille per la risposta comunque ;)