Bootstrap Snippet Socio Professionista using HTML CSS Bootstrap Javascript

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

"Socio Professionista"
Bootstrap 3.0.0 Snippet by robertox85

Related: See More

Questions / Comments:

"Socio Professionista" Bootstrap 3.0.0 Snippet by robertox85

Related: See More

Questions / Comments:

"Socio Professionista"
Bootstrap 3.0.0 Snippet by robertox85