cartecitoyenne.paris.fr Open in urlscan Pro
194.153.110.192  Public Scan

Form analysis
2 forms found in the DOM

Name: search — GET servlet/plugins/billetterieSolrSearch

<form id="searchForm" name="search" method="get" action="servlet/plugins/billetterieSolrSearch">
  <script>
    var pagination = false;
    var openDropdown = function(button) {
      button.parentNode.classList.toggle('open');
    }
    var changeOu = function(event) {
      var button = document.querySelector('#search .champ.ou > .btn-group > button');
      var checkboxesArrdtIds = [];
      var checkboxesArrdtIdsMaj = [];
      $('#search .champ.ou input[type=checkbox]:checked').each(function() {
        checkboxesArrdtIds.push($(this).attr("id"));
      });
      // copie le contenu du tableau
      var checkboxesArrdtIdsMaj = checkboxesArrdtIds.slice();
      // recupération de l'id de la checkbox coché
      var checkboxEvent = event.target.id;
      // si 'Tout Paris' vient d'être coché, on décoche toutes les checkboxes
      var toutParis = document.getElementById('checkbox-arrdtAll');
      // si 'Tout Paris' vient d'être coché, on décoche toutes les checkboxes
      if (toutParis.checked && 'checkbox-arrdtAll' === checkboxEvent && 0 < checkboxesArrdtIds.length) {
        checkboxesArrdtIds.forEach(function(arrondissement, idElement, object) {
          if ('checkbox-arrdtAll' != arrondissement && document.getElementById(arrondissement)) {
            // unchecked arrondissement
            document.getElementById(arrondissement).checked = false;
            // suppression arrondissement de la liste
            var indexArrondissement = checkboxesArrdtIdsMaj.indexOf(idElement);
            checkboxesArrdtIdsMaj.splice(indexArrondissement, 1);
          }
        });
      } else if (-1 != checkboxesArrdtIds.indexOf('checkbox-arrdtAll')) {
        // sinon on décoche 'Tout Paris'
        toutParis.checked = false;
        // on met à jour la liste des arrondissements cochés
        // suppression arrondissement de la liste
        var indexArrondissement = checkboxesArrdtIds.indexOf('checkbox-arrdtAll');
        checkboxesArrdtIdsMaj.splice(indexArrondissement, 1);
      }
      // copie le contenu du tableau
      var checkboxesArrdtIds = checkboxesArrdtIdsMaj.slice();
      if (checkboxesArrdtIds.length) {
        button.innerHTML = Array.prototype.slice.call(checkboxesArrdtIds).map(function(checkboxId) {
          return $('#search .champ.ou label[for="' + checkboxId + '"]').html();
        }).join(', ');
      } else {
        button.innerHTML = 'Arrondissements';
      }
    }
    var options = {
      target: "#result_solr",
      success: showResultSolr,
      error: handleErrorSolr,
      beforeSubmit: beforeResultSolr
    };
    $('#searchForm').ajaxForm(options);

    function showResultSolr(responseText, statusText, xhr, $form) {
      $("#search-btn").button('reset');
      $("#home-header").remove();
      $("#three-zones-first").remove();
      $("#three-zones-third").remove();
      $(".hide-when-solr-success").hide();
      $("#result_solr").show();
    }

    function handleErrorSolr() {
      $("#search-btn").button('reset');
    }

    function beforeResultSolr(responseText, statusText, xhr, $form) {
      if (!pagination) {
        $("#search-btn").button('loading');
      }
      pagination = false;
    }
    $(document).ready(function() {
      //update arrdts
      $.ajax({
        url: 'jsp/site/Portal.jsp?page=search-evt-solr&action=load&list_name=districts',
        type: 'get',
        dataType: 'text',
        success: function(data) {
          if (data.length > 0) {
            $("#ou div.arr-columns").append(
              '<div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdtAll" onchange="changeOu(event)" name="ou" value=""><div class="tick"></div></span> <label for="checkbox-arrdtAll">' +
              "Tout Paris" + '</label> </div>');
            $.each(JSON.parse(data), function(index, value) {
              $("#ou div.arr-columns").append('<div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt' + value.id + '"onchange="changeOu(event)" name="ou" value="' + value.id +
                '"><div class="tick"></div></span> <label for="checkbox-arrdt' + value.id + '">' + value.libelle + '</label> </div>');
            });
          }
        }
      });
      //update categories
      $.ajax({
        url: 'jsp/site/Portal.jsp?page=search-evt-solr&action=load&list_name=categories',
        type: 'get',
        dataType: 'text',
        success: function(data) {
          if (data.length > 0) {
            $.each(JSON.parse(data), function(index, value) {
              $('#categories').append($('<option>', {
                value: value,
                text: value
              }));
            });
            $("#categories").val("");
          }
        }
      });
      //update périodes
      $.ajax({
        url: 'jsp/site/Portal.jsp?page=search-evt-solr&action=load&list_name=periode',
        type: 'get',
        dataType: 'text',
        success: function(data) {
          if (data.length > 0) {
            $.each(JSON.parse(data), function(index, value) {
              $('#tranchesHoraires').append($('<option>', {
                value: value.value,
                text: value.libelle
              }));
            });
            $("#tranchesHoraires").val("");
          }
        }
      });
      //update public
      $.ajax({
        url: 'jsp/site/Portal.jsp?page=search-evt-solr&action=load&list_name=public',
        type: 'get',
        dataType: 'text',
        success: function(data) {
          if (data.length > 0) {
            $.each(JSON.parse(data), function(index, value) {
              $('#qui').append($('<option>', {
                value: value,
                text: value
              }));
            });
            $("#qui").val("");
          }
        }
      });
    });
  </script>
  <div class="row classic-search">
    <div class="hide">
      <input type="hidden" name="type_search" id="type_search" value="simple">
      <input type="hidden" name="page" value="search-solr">
      <input type="hidden" id="page_index" name="page_index">
    </div>
    <div class="champ quoi">
      <label>Quoi</label>
      <select id="categories" name="quoi" onchange="onCategorieChanged(this)">
        <option disabled="" selected="">Type d'événement</option>
        <option value="">Tous</option>
        <option value="Visite privée">Visite privée</option>
        <option value="Atelier">Atelier</option>
        <option value="Conférence-débat">Conférence-débat</option>
        <option value="Balade guidée">Balade guidée</option>
        <option value="Débat">Débat</option>
        <option value="Grand événement">Grand événement</option>
        <option value="Sport">Sport</option>
        <option value="Concert">Concert</option>
        <option value="Cinéma">Cinéma</option>
        <option value="Exposition">Exposition</option>
        <option value="Vie municipale">Vie municipale</option>
        <option value="Théâtre">Théâtre</option>
        <option value="Réunion publique">Réunion publique</option>
        <option value="Sénior +">Sénior +</option>
        <option value="Projection-Débat">Projection-Débat</option>
        <option value="Spectacle">Spectacle</option>
        <option value="Rencontre">Rencontre</option>
        <option value="Formation">Formation</option>
        <option value="Ciné-Citoyen">Ciné-Citoyen</option>
        <option value="quizz">quizz</option>
        <option value="Visite virtuelle">Visite virtuelle</option>
        <option value="Visioconférence">Visioconférence</option>
        <option value="Vernissage">Vernissage</option>
        <option value="Randonnée pédestre">Randonnée pédestre</option>
        <option value="Lecture">Lecture</option>
        <option value="Nocturne">Nocturne</option>
        <option value="Concours">Concours</option>
        <option value="Conférence musicale">Conférence musicale</option>
      </select>
    </div>
    <div class="champ quand">
      <label>Quand</label>
      <input class="date form-control" id="form-quand" name="quand" type="text" value="">
      <script src="js/bootstrap-datepicker.js"></script>
      <script src="js/locales/bootstrap-datepicker.fr.js" charset="utf-8"></script>
      <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
          $('#form-quand').datepicker({
            language: 'fr',
            todayHighlight: true
          });
        });
      </script>
    </div>
    <div class="champ trancheHoraire">
      <label>Période</label>
      <select id="tranchesHoraires" name="heure" placeholder="Moment de la journée">
        <option disabled="" selected="">Moment de la journée</option>
        <option value="">Toute la journée</option>
        <option value="7-13">Matinée (7h-13h)</option>
        <option value="12-18">Après-midi (12h-18h)</option>
        <option value="17-0">Soirée (17h-0h)</option>
      </select>
    </div>
    <div class="champ qui">
      <label>Qui</label>
      <select id="qui" name="qui" placeholder="Choix du public">
        <option disabled="" selected="">Choix du public</option>
        <option value=""> Indifférencié</option>
        <option value="Spécial Famille (enfant accompagné)">Spécial Famille (enfant accompagné)</option>
        <option value="Spécial Sénior (+55 ans)">Spécial Sénior (+55 ans)</option>
        <option value="Spécial Jeunes (12-25 ans)">Spécial Jeunes (12-25 ans)</option>
      </select>
    </div>
    <div class="champ ou">
      <label>Où</label>
      <div class="btn-group">
        <button type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Arrondissements </button>
        <div id="ou" class="dropdown-menu" onclick="event.stopPropagation();">
          <div class="arr-columns">
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdtAll" onchange="changeOu(event)" name="ou" value="">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdtAll">Tout Paris</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt1" onchange="changeOu(event)" name="ou" value="1">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt1">01er arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt2" onchange="changeOu(event)" name="ou" value="2">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt2">02eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt3" onchange="changeOu(event)" name="ou" value="3">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt3">03eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt4" onchange="changeOu(event)" name="ou" value="4">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt4">04eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt5" onchange="changeOu(event)" name="ou" value="5">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt5">05eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt6" onchange="changeOu(event)" name="ou" value="6">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt6">06eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt7" onchange="changeOu(event)" name="ou" value="7">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt7">07eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt8" onchange="changeOu(event)" name="ou" value="8">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt8">08eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt9" onchange="changeOu(event)" name="ou" value="9">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt9">09eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt10" onchange="changeOu(event)" name="ou" value="10">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt10">10eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt11" onchange="changeOu(event)" name="ou" value="11">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt11">11eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt12" onchange="changeOu(event)" name="ou" value="12">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt12">12eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt13" onchange="changeOu(event)" name="ou" value="13">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt13">13eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt14" onchange="changeOu(event)" name="ou" value="14">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt14">14eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt15" onchange="changeOu(event)" name="ou" value="15">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt15">15eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt16" onchange="changeOu(event)" name="ou" value="16">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt16">16eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt17" onchange="changeOu(event)" name="ou" value="17">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt17">17eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt18" onchange="changeOu(event)" name="ou" value="18">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt18">18eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt19" onchange="changeOu(event)" name="ou" value="19">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt19">19eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt20" onchange="changeOu(event)" name="ou" value="20">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt20">20eme arrdt.</label> </div>
            <div class="arr-item"> <span class="checkbox-arrdt-container"> <input type="checkbox" id="checkbox-arrdt21" onchange="changeOu(event)" name="ou" value="21">
                <div class="tick"></div>
              </span> <label for="checkbox-arrdt21">Hors de Paris</label> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row advanced-search" style="display: none;">
    <div class="champ motsCles">
      <label>Mots-clés</label>
      <input type="text" name="query" value="" id="solr" placeholder="Mots-clés (nom de spectacle, artiste...)">
    </div>
    <div class="champ datedu">
      <label for="show_date_start">Du</label>
      <input class="date form-control" id="show_date_start" name="show_date_start" value="" type="text">
      <script src="js/bootstrap-datepicker.js"></script>
      <script src="js/locales/bootstrap-datepicker.fr.js" charset="utf-8"></script>
      <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
          $('#show_date_start').datepicker({
            language: 'fr',
            autoclose: true
          });
        });
      </script>
    </div>
    <div class="champ dateau">
      <label for="show_date_end">Au</label>
      <input class="date form-control" name="show_date_end" id="show_date_end" value="" type="text">
      <script src="js/bootstrap-datepicker.js"></script>
      <script src="js/locales/bootstrap-datepicker.fr.js" charset="utf-8"></script>
      <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
          $('#show_date_end').datepicker({
            language: 'fr',
            autoclose: true
          });
        });
      </script>
    </div>
  </div>
  <div class="row search-more">
    <span id="show" class="link" onclick="showAdvanceSearch();">Plus de critères<i class="icon-arrow-bottom"></i></span>
    <span id="close" class="link" onclick="hideAdvanceSearch();" style="display: none;">Fermer<i class="icon-arrow-top"></i></span>
  </div>
  <div class="row search-more">
    <button id="search-btn" class="button button-submit uppercase" type="submit" data-loading-text="<i class='fa fa-spinner fa-spin '></i> rechercher">rechercher</button>
  </div>
</form>

POST jsp/site/Portal.jsp?page=billetterie&action=fiche-spectacle&product_id=2383#bloc-reservation

<form class="layout-content info-offre" id="form-fiche-evt" ajax-submit="" action="jsp/site/Portal.jsp?page=billetterie&amp;action=fiche-spectacle&amp;product_id=2383#bloc-reservation" method="post">
  <div class="container">
    <div class="component component-text title-section">
      <ol class="breadcrumbs">
        <li class="breadcrumbs-item"><a>Atelier</a></li>
      </ol>
      <div class="social-medias"> Partager : <div class="twitter">
          <a id="twitter-share" target="_blank" href="https://twitter.com/home?status=https%3A%2F%2Fcartecitoyenne.paris.fr%2Fprogramme%2Fjsp%2Fsite%2FPortal.jsp%3Fpage%3Dbilletterie%26action%3Dfiche-spectacle%26product_id%3D2383">
					    		<img src="images/twitter-footer.png" alt="Partager sur Twitter" title="Partager sur Twitter">
					    	</a>
        </div>
        <div class="facebook">
          <a id="facebook-share" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcartecitoyenne.paris.fr%2Fprogramme%2Fjsp%2Fsite%2FPortal.jsp%3Fpage%3Dbilletterie%26action%3Dfiche-spectacle%26product_id%3D2383">
					    		<img src="images/facebook-footer.png" alt="Partager sur Facebook" title="Partager sur Facebook">
					    	</a>
        </div>
        <!-- 					    <div class="instagram">
					    	<a id="instagram-share" target="_blank">
					    		<img src="images/instagram-footer.png" alt="Partager sur Instagram" title="Partager sur Instagram"/>
					    	</a>
					    </div> -->
      </div>
      <h1>Budget Participatif : aide à la formalisation de vos projets ! </h1>
    </div>
    <div class="row infos-section">
      <div class="col-sm-4">
        <div class="news-card-wrapper">
          <div style="background-image: url(servlet/plugins/poster?product_id=2383&amp;type=poster)" class="news-card-image"></div>
        </div>
      </div>
      <div class="col-sm-8">
        <div class="row">
          <div class="col-md-12">
            <span class="localisation">
              <span class="partner-name">Visioconférence</span> - Visioconférence <span class="col-sm-12">
                <span class="glyphicon glyphicon-map-marker"></span> <a href="Visioconférence" class="localisation-map" target="_blank">Voir sur la carte</a>
              </span>
            </span>
          </div>
        </div>
      </div>
      <div class="col-sm-12 col-md-8">
        <div class="row reservation-bloc">
          <div class="col-xs-12 col-md-12" id="reservations_complet">
            <span class="complet">Complet</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

 * Commander une carte
 * Le programme

Toggle navigation
 * Commander une carte
 * Le programme
 * Connexion

Rechercher un événement
Quoi Type d'événement Tous Visite privéeAtelierConférence-débatBalade
guidéeDébatGrand événementSportConcertCinémaExpositionVie
municipaleThéâtreRéunion publiqueSénior
+Projection-DébatSpectacleRencontreFormationCiné-CitoyenquizzVisite
virtuelleVisioconférenceVernissageRandonnée
pédestreLectureNocturneConcoursConférence musicale
Quand
Période Moment de la journée Toute la journée Matinée (7h-13h)Après-midi
(12h-18h)Soirée (17h-0h)
Qui Choix du public Indifférencié Spécial Famille (enfant accompagné)Spécial
Sénior (+55 ans)Spécial Jeunes (12-25 ans)
Où
Arrondissements

Tout Paris

01er arrdt.

02eme arrdt.

03eme arrdt.

04eme arrdt.

05eme arrdt.

06eme arrdt.

07eme arrdt.

08eme arrdt.

09eme arrdt.

10eme arrdt.

11eme arrdt.

12eme arrdt.

13eme arrdt.

14eme arrdt.

15eme arrdt.

16eme arrdt.

17eme arrdt.

18eme arrdt.

19eme arrdt.

20eme arrdt.

Hors de Paris
Mots-clés
Du
Au
Plus de critères Fermer
rechercher


 1. Atelier

Partager :




BUDGET PARTICIPATIF : AIDE À LA FORMALISATION DE VOS PROJETS !

Visioconférence - Visioconférence Voir sur la carte
Complet

Vous avez une idée pour le Budget Participatif mais vous auriez besoin d’un coup
de pouce pour le formaliser ?


Cet atelier vous proposera une présentation des grandes lignes de l’édition 2023
du Budget Participatif ainsi que les ressources existantes de la Ville de Paris.
Il sera question d'aborder les outils adéquats pour vous aider à formaliser
votre projet en s’appuyant des idées et projets des participants. L'atelier
proposera aussi de découvrir la nouvelle plateforme decider.paris.fr !


Le contenu peut évoluer en fonction des attentes des participant.es.


Durée : 2h00.


 * Paris.fr
 * Accueil
   
 * Mentions légales
 * Contact





Close
Cookies management panel
By allowing these third party services, you accept their cookies and the use of
tracking technologies necessary for their proper functioning.

Privacy policy
Preference for all services
Allow all cookies Deny all cookies
 * Mandatory cookies
   * This site uses cookies necessary for its proper functioning which cannot be
     deactivated.
     
     Allow Deny
 * APIs
   APIs are used to load scripts: geolocation, search engines, translations, ...
   * Mon Paris allowed - This service has not installed any cookie.
     Read more - View the official website
     Allow Deny
 * Advertising network
   Ad networks can generate revenue by selling advertising space on the site.
 * Audience measurement
   The audience measurement services used to generate useful statistics
   attendance to improve the site.
   * Matomo (privacy by design) allowed - This service has installed 2 cookies.
     Read more - View the official website
     Allow Deny
 * Comments
   Comments managers facilitate the filing of comments and fight against spam.
 * Other
   Services to display web content.
 * Social networks
   Social networks can improve the usability of the site and help to promote it
   via the shares.
 * Support
   Support services allow you to get in touch with the site team and help to
   improve it.
 * Videos
   Video sharing services help to add rich media on the site and increase its
   visibility.
 * This website does not use any cookie requiring your consent.


This site uses cookies and gives you control over what you want to activate OK,
accept all Deny all cookies Personalize Privacy policy