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.
CSS:
GRAZIE
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
Ultima modifica di un moderatore:
,potete rispondere entro le 22/23
