booking.uptours.se Open in urlscan Pro
62.181.227.150  Public Scan

Form analysis
1 forms found in the DOM

Name: search-engine-package-form — POST /sokresultat-paketbokning

<form name="search-engine-package-form" method="post" action="/sokresultat-paketbokning" class=" searchbox-form" target="_blank"><input type="hidden" name="company" value="UT">
  <div class="item">
    <div class="item-inner multiselect multiselect-multi"><label for="search-engine-package-depcity_multiple"><i aria-hidden="true" class="icon-gmd-flight-takeoff searchbox-item-icon"></i>Avreseort</label><select name="depcity_multiple"
        multiple="multiple" id="search-engine-package-depcity_multiple" class="classinput form-select"
        onchange="$('.multiselect-multi select').multiselect({close: function(){$('.multiselect-multi select').multiselect({beforeclose: function(){return true;}});}, beforeclose: function (){generalLoad_search_engine_package('depcity_multiple');$('.multiselect-multi select').multiselect('refresh');}});"
        style="display: none;"></select><button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" tabindex="0" id="search-engine-package-depcity_multiple_ms" style="width: 1116px;"><span
          class="ui-icon ui-icon-triangle-1-s"></span><span>Välj</span></button><span class="requiredfield-asterisk" title="Obligatorisk uppgift" id="search-engine-package-depcity_multiplerule"></span></div><input type="hidden"
      name="depcity_multiple_changed" id="search-engine-package-depcity_multiple_changed" value="">
  </div>
  <div class="item">
    <div class="item-inner multiselect multiselect-multi"><label for="search-engine-package-prodcode_multiple"><i aria-hidden="true" class="icon-package searchbox-item-icon"></i>Resmål</label><select name="prodcode_multiple" multiple="multiple"
        id="search-engine-package-prodcode_multiple" class="classinput form-select"
        onchange="$('.multiselect-multi select').multiselect({close: function(){$('.multiselect-multi select').multiselect({beforeclose: function(){return true;}});}, beforeclose: function (){generalLoad_search_engine_package('prodcode_multiple');$('.multiselect-multi select').multiselect('refresh');}});"
        style="display: none;"></select><button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" tabindex="0" id="search-engine-package-prodcode_multiple_ms" style="width: 1116px;"><span
          class="ui-icon ui-icon-triangle-1-s"></span><span>Välj</span></button><span class="requiredfield-asterisk" title="Obligatorisk uppgift" id="search-engine-package-prodcode_multiplerule"></span></div><input type="hidden"
      name="prodcode_multiple_changed" id="search-engine-package-prodcode_multiple_changed" value="">
  </div>
  <div class="item">
    <fieldset class="item-inner pickadate-date-wrapper fieldset fieldset--calendardates js__fieldset"><label for="search-engine-package-calendardates"><i aria-hidden="true" class="icon-fa-calendar searchbox-item-icon"></i>Datum</label><input
        type="text" name="" id="search-engine-package-calendardates" class="fieldset__input form-input form-input-text picker__input" value="" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false"
        aria-owns="search-engine-package-calendardates_root ">
      <div class="picker" id="search-engine-package-calendardates_root" aria-hidden="true">
        <div class="picker__holder">
          <div class="picker__frame">
            <div class="picker__wrap">
              <div class="picker__box">
                <div class="picker__header"><select class="picker__select--year" aria-controls="search-engine-package-calendardates_table" title="Välj år">
                    <option value="2024" selected="">2024</option>
                    <option value="2025">2025</option>
                    <option value="2026">2026</option>
                    <option value="2027">2027</option>
                    <option value="2028">2028</option>
                    <option value="2029">2029</option>
                    <option value="2030">2030</option>
                    <option value="2031">2031</option>
                    <option value="2032">2032</option>
                    <option value="2033">2033</option>
                    <option value="2034">2034</option>
                  </select><select class="picker__select--month" aria-controls="search-engine-package-calendardates_table" title="Välj månad">
                    <option value="0" disabled="">Januari</option>
                    <option value="1" disabled="">Februari</option>
                    <option value="2" disabled="">Mars</option>
                    <option value="3" disabled="">April</option>
                    <option value="4" disabled="">Maj</option>
                    <option value="5" disabled="">Juni</option>
                    <option value="6" disabled="">Juli</option>
                    <option value="7" disabled="">Augusti</option>
                    <option value="8" selected="">September</option>
                    <option value="9">Oktober</option>
                    <option value="10">November</option>
                    <option value="11">December</option>
                  </select>
                  <div class="picker__nav--prev picker__nav--disabled" data-nav="-1" role="button" aria-controls="search-engine-package-calendardates_table" title="Föregående månad"> </div>
                  <div class="picker__nav--next" data-nav="1" role="button" aria-controls="search-engine-package-calendardates_table" title="nästa månad"> </div>
                </div>
                <table class="picker__table picker__weektable" id="search-engine-package-calendardates_table" role="grid" aria-controls="search-engine-package-calendardates" aria-readonly="true">
                  <thead>
                    <tr>
                      <th class="picker__weeknumber" scope="col">V.</th>
                      <th class="picker__weekday" scope="col" title="Måndag">Mån</th>
                      <th class="picker__weekday" scope="col" title="Tisdag">Tis</th>
                      <th class="picker__weekday" scope="col" title="Onsdag">Ons</th>
                      <th class="picker__weekday" scope="col" title="Torsdag">Tor</th>
                      <th class="picker__weekday" scope="col" title="Fredag">Fre</th>
                      <th class="picker__weekday" scope="col" title="Lördag">Lör</th>
                      <th class="picker__weekday" scope="col" title="Söndag">Sön</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td role="presentation">
                        <div class="picker__dayweek">35</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724630400000" role="gridcell" aria-disabled="true">26</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724716800000" role="gridcell" aria-disabled="true">27</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724803200000" role="gridcell" aria-disabled="true">28</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724889600000" role="gridcell" aria-disabled="true">29</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724976000000" role="gridcell" aria-disabled="true">30</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1725062400000" role="gridcell" aria-disabled="true">31</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725148800000" role="gridcell" aria-disabled="true">1</div>
                      </td>
                    </tr>
                    <tr>
                      <td role="presentation">
                        <div class="picker__dayweek">36</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725235200000" role="gridcell" aria-disabled="true">2</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725321600000" role="gridcell" aria-disabled="true">3</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725408000000" role="gridcell" aria-disabled="true">4</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725494400000" role="gridcell" aria-disabled="true">5</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725580800000" role="gridcell" aria-disabled="true">6</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725667200000" role="gridcell" aria-disabled="true">7</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725753600000" role="gridcell" aria-disabled="true">8</div>
                      </td>
                    </tr>
                    <tr>
                      <td role="presentation">
                        <div class="picker__dayweek">37</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus picker__day--today picker__day--selected picker__day--highlighted" data-pick="1725840000000" role="gridcell" aria-selected="true" aria-activedescendant="true">9</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1725926400000" role="gridcell">10</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726012800000" role="gridcell">11</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726099200000" role="gridcell">12</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726185600000" role="gridcell">13</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726272000000" role="gridcell">14</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726358400000" role="gridcell">15</div>
                      </td>
                    </tr>
                    <tr>
                      <td role="presentation">
                        <div class="picker__dayweek">38</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726444800000" role="gridcell">16</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726531200000" role="gridcell">17</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726617600000" role="gridcell">18</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726704000000" role="gridcell">19</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726790400000" role="gridcell">20</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726876800000" role="gridcell">21</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1726963200000" role="gridcell">22</div>
                      </td>
                    </tr>
                    <tr>
                      <td role="presentation">
                        <div class="picker__dayweek">39</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727049600000" role="gridcell">23</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727136000000" role="gridcell">24</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727222400000" role="gridcell">25</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727308800000" role="gridcell">26</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727395200000" role="gridcell">27</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727481600000" role="gridcell">28</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727568000000" role="gridcell">29</div>
                      </td>
                    </tr>
                    <tr>
                      <td role="presentation">
                        <div class="picker__dayweek">40</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--infocus" data-pick="1727654400000" role="gridcell">30</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus" data-pick="1727740800000" role="gridcell">1</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus" data-pick="1727827200000" role="gridcell">2</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus" data-pick="1727913600000" role="gridcell">3</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus" data-pick="1728000000000" role="gridcell">4</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus" data-pick="1728086400000" role="gridcell">5</div>
                      </td>
                      <td role="presentation">
                        <div class="picker__day picker__day--outfocus" data-pick="1728172800000" role="gridcell">6</div>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="picker__footer"><button class="picker__button--close" type="button" data-close="true" disabled="" aria-controls="search-engine-package-calendardates">Stäng</button></div>
              </div>
            </div>
          </div>
        </div>
      </div><input type="hidden" name="calendardates" value="2024-09-09"><span class="requiredfield-asterisk" title="Obligatorisk uppgift"
        id="search-engine-package-calendardatesrequiredholder"></span><i aria-hidden="true" class="pickadate-date-icon icon-calendar" id="search-engine-package-calendardates-opener"></i><input type="hidden" name="calendardates_changed"
        id="search-engine-package-calendardates_changed" value="">
    </fieldset>
  </div>
  <script>
    var maxAdults = 8;
    var minAdults = 1;
    var maxChildren = 0;
    var minChildren = 0;

    function callpaxselection_search_engine_package(o_target) {
      $("body").toggleClass("showpax");
      $("#" + o_target + "-popup").toggle();
    }
    $(document).ready(function() {
      $(document).on("click touch", "body.showpax", function(event) {
        if ((!$(event.target).closest(".charter-rooms-popup").length)) {
          $(".searchbox-popup.charter-rooms-popup").hide();
          $("body").removeClass("showpax");
        }
      });
      setTimeout(() => {
        $(".ui-multiselect-searchbox-horizontal").on("click", function() {
          $(".searchbox-popup.charter-rooms-popup").hide();
          $("body").removeClass("showpax");
        });
        $(".picker__input").on("click", function() {
          $(".searchbox-popup.charter-rooms-popup").hide();
          $("body").removeClass("showpax");
        });
      }, 1000);
    });

    function incrementAdults_search_engine_package(o_target) {
      if ($("#" + o_target + "-popup .adults .increment.disabled").length) {
        return false;
      }
      //$("#"+o_target + "-popup .adults select").show();
      tempNewval = parseInt($("#" + o_target + "-popup .adults select").val()) + 1;
      $("#" + o_target + "-popup .adults select").val(tempNewval).change();
      $("#" + o_target + "-popup .adults .currentnumber").html(tempNewval);
      $("#" + o_target + "-popup .adults .counter-for").html("resenärer");
      if (tempNewval == maxAdults) {
        $("#" + o_target + "-popup .adults .increment").addClass("disabled").attr("disabled", "disabled");
      }
      if (tempNewval > minAdults) {
        $("#" + o_target + "-popup .adults .decrement").removeClass("disabled").removeAttr("disabled");
      }
      triggerLabelText(o_target);
    }

    function decrementAdults_search_engine_package(o_target) {
      if ($("#" + o_target + "-popup .adults .decrement.disabled").length) {
        return false;
      }
      //$("#"+o_target + "-popup .adults select").show();
      tempNewval = parseInt($("#" + o_target + "-popup .adults select").val()) - 1;
      $("#" + o_target + "-popup .adults select").val(tempNewval).change();
      $("#" + o_target + "-popup .adults .currentnumber").html(tempNewval);
      $("#" + o_target + "-popup .adults .counter-for").html("resenärer");
      if (tempNewval == minAdults) {
        $("#" + o_target + "-popup .adults .decrement").addClass("disabled").attr("disabled", "disabled");
        $("#" + o_target + "-popup .adults .counter-for").html("resenär");
      }
      if (tempNewval < maxAdults) {
        $("#" + o_target + "-popup .adults .increment").removeClass("disabled").removeAttr("disabled");
      }
      triggerLabelText(o_target);
    }

    function incrementChildren_search_engine_package(o_target) {
      if ($("#" + o_target + "-popup .children .increment.disabled").length) {
        return false;
      }
      //$("#"+o_target + "-popup .children select").show();
      tempNewval = parseInt($("#" + o_target + "-popup .children select").val()) + 1;
      $("#" + o_target + "-popup .children select").val(tempNewval).change();
      $("#" + o_target + "-popup .children .currentnumber").html(tempNewval);
      if (tempNewval > minChildren) {
        $("#" + o_target + "-popup .children .decrement").removeClass("disabled").removeAttr("disabled");
      }
      if (tempNewval == maxChildren) {
        $("#" + o_target + "-popup .children .increment").addClass("disabled").attr("disabled", "disabled");
      }
      triggerLabelText(o_target);
    }

    function decrementChildren_search_engine_package(o_target) {
      if ($("#" + o_target + "-popup .children .decrement.disabled").length) {
        return false;
      }
      //$("#"+o_target + "-popup .children select").show();
      tempNewval = parseInt($("#" + o_target + "-popup .children select").val()) - 1;
      $("#" + o_target + "-popup .children select").val(tempNewval).change();
      $("#" + o_target + "-popup .children .currentnumber").html(tempNewval);
      if (tempNewval == minChildren) {
        $("#" + o_target + "-popup .children .decrement").addClass("disabled").attr("disabled", "disabled");
      }
      if (tempNewval < maxChildren) {
        $("#" + o_target + "-popup .children .increment").removeClass("disabled").removeAttr("disabled");
      }
      triggerLabelText(o_target);
    }

    function triggerChildAges(o_target) {
      var tempNumberChildren = parseInt($("#" + o_target + "-popup .children select").val());
      if (tempNumberChildren !== undefined) {
        $("#" + o_target + "-popup .childage").hide();
        for (let i = 1; i <= tempNumberChildren; i++) {
          $("#" + o_target + "-popup #childage" + i).show();
        }
      }
    }

    function triggerLabelText(o_target) {
      var totalAdults = $("#" + o_target + "-popup .adults select").val();
      var totalChildren = $("#" + o_target + "-popup .children select").val();
      if (totalAdults == 1) {
        var paxString = totalAdults + " resenär";
      } else {
        var paxString = totalAdults + " resenärer";
      }
      if (totalChildren > 0) {
        paxString = paxString + ", " + totalChildren + " barn";
      }
      $("#" + o_target + "-label").html(paxString);
    }
  </script>
  <div class="item">
    <div class="" style="position:relative;"><label for="">Resenärer</label>
      <button onclick="callpaxselection_search_engine_package('search-engine-package-paxinroom');event.stopPropagation();" type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all ui-state-hover" tabindex="0"
        id="search-engine-package-paxinroom-label" style="width:100%;">4 resenärer</button>
      <div id="search-engine-package-paxinroom-popup" class="searchbox-popup charter-rooms-popup" style="display:none;">
        <h4>Välj resenärer</h4>
        <div class="roomblock" id="roomblock">
          <div class="adults">
            <select name="adults" style="display:none;" id="search_engine_package_adults_select">
              <option value="1">1 resenär</option>
              <option value="2">2 resenärer</option>
              <option value="3">3 resenärer</option>
              <option selected="" value="4">4 resenärer</option>
              <option value="5">5 resenärer</option>
              <option value="6">6 resenärer</option>
              <option value="7">7 resenärer</option>
              <option value="8">8 resenärer</option>
            </select>
            <div class="counter-number-selection">
              <span class="currentnumber">4</span>
              <span class="counter-for">resenärer</span>
              <a href="#" class="increment" onclick="incrementAdults_search_engine_package('search-engine-package-paxinroom');return false;">+</a>
              <a href="#" class="decrement" onclick="decrementAdults_search_engine_package('search-engine-package-paxinroom');return false;">-</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script>
    triggerLabelText("search-engine-package-paxinroom");
  </script>
  <div class="item item-nav resetfloat">
    <div class="item-inner"><button class="button search-engine-package-submit button-skin-f" name="search-engine-package-submit" onclick="submit();">Sök</button></div>
  </div>
</form>

Text Content

AvreseortVälj
ResmålVälj
Datum
20242025202620272028202920302031203220332034JanuariFebruariMarsAprilMajJuniJuliAugustiSeptemberOktoberNovemberDecember



V.MånTisOnsTorFreLörSön
35
26
27
28
29
30
31
1
36
2
3
4
5
6
7
8
37
9
10
11
12
13
14
15
38
16
17
18
19
20
21
22
39
23
24
25
26
27
28
29
40
30
1
2
3
4
5
6

Stäng
Resenärer 4 resenärer

VÄLJ RESENÄRER

1 resenär 2 resenärer 3 resenärer 4 resenärer 5 resenärer 6 resenärer 7
resenärer 8 resenärer
4 resenärer + -
Sök
 * Välj alla
 * Avmarkera alla
 * 

 * Vidare

 * Välj alla
 * Avmarkera alla
 * 

 * Vidare