"Socio Professionista"
Bootstrap 3.0.0 Snippet by robertox85

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-6 col-md-offset-3 col-xs-12">
<div id='progress'><div id='progress-complete'></div></div>
<form method="post" id="msform">
<!-- INFO GENERALI -->
<fieldset>
<legend>Dati Personali</legend>
<div class="form-group">
<label class="control-label" for="name1">
Nome
</label>
<input class="form-control" id="name1" name="name1" type="text"/>
</div>
<div class="form-group">
<label class="control-label " for="name1">
Cognome
</label>
<input class="form-control" id="name1" name="name1" type="text"/>
</div>
<div class="form-group" id="div_radio">
<label class="control-label " for="radio">
Sesso
</label>
<div class="">
<label class="radio-inline">
<input class="" name="radio" type="radio" value="M"/>
M
</label>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
legend {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width:auto;
padding:0 10px;
border-bottom:1px solid transparent;
}
fieldset {
border: 1px groove #ddd !important;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
.margin-left{
margin-left:10px;
}
.professioni_sanitarie,
.esperienza_control,
.blsd_control,
.medico_control,
.sanitario_control,
.altro_control,
.abilitazione_group{
display: none;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
screenSize();
$(window).resize(function(event) {
/* Act on the event */
screenSize();
});
$('#select').change(function(event) {
/* Act on the event */
if ($(this).val() == 'medico') {
// chiudo
$('.sanitario_control').slideUp();
$('.altro_control').slideUp();
// apro
$('.medico_control').slideToggle();
}
if ($(this).val() == 'professionista_sanitario') {
// chiudo
$('.medico_control').slideUp();
$('.altro_control').slideUp();
// apro
$('.sanitario_control').slideToggle();
}
if ($(this).val() == 'oss') {
$('.medico_control').slideUp();
$('.altro_control').slideUp();
$('.sanitario_control').slideUp();
}
if ($(this).val() == 'seleziona') {
$('.medico_control').slideUp();
$('.altro_control').slideUp();
$('.sanitario_control').slideUp();
}
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Kit

Questions / Comments: