templates/home/location/element.js line 1

Open in your IDE?
  1.    /* Déclaration des variables cliquable */
  2.    var bureau1  = document.querySelector('#bureau1');
  3.    var bureau2 = document.querySelector('#bureau2');
  4.    var oran   = document.querySelector('#bureau3');
  5.    var oran   = document.querySelector('#bureau4');
  6.    /* Déclaration des variables modifiable */
  7.    var contactAdress = document.querySelector('#contactAdress');
  8.    var contactEmail  = document.querySelector('#contactEmail');
  9.    var contactPhone  = document.querySelector('#contactPhone');
  10.    var contactIframe = document.querySelector('#contactIframe');
  11.    /* Déclaration de la variable qui selectionnée par défaut */
  12.    var contactSelected = document.querySelector('.contact-selected');
  13.    /* Déclaration de la function qui update */
  14.    function updateContactSelected() {
  15.       contactSelected = document.querySelector('.contact-selected');
  16.    }
  17.    /* bureau1 contact */
  18.    bureau1.addEventListener('click', function() {
  19.       if (!bureau1.classList.contains('contact-selected')) {
  20.       /*1*/ contactSelected.classList.remove('contact-selected');
  21.       /*2*/ bureau1.classList.add('contact-selected');
  22.       /*3*/ contactAdress.innerText = '11 Chemin doudou mokhtar ben aknoun - Alger';
  23.       /*4*/ contactEmail.innerText  = "contact@svs-dz.com";
  24.       /*5*/ contactPhone.innerText  = "+213 23 38 14 55";
  25.       /*6*/ contactIframe.src       = "https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d199.7972475582007!2d3.0127443833533762!3d36.7524283753278!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzbCsDQ1JzA4LjkiTiAzwrAwMCc0Ni41IkU!5e0!3m2!1sfr!2sdz!4v1696897188765!5m2!1sfr!2sdz";
  26.       
  27.       // Modification 1
  28.       contactAdress.classList.add('xd');
  29.       setTimeout(function() {
  30.          contactAdress.classList.toggle("xd");
  31.       }, 1000);
  33.       // Modification 2
  34.       contactEmail.classList.add('xd');
  35.       setTimeout(function() {
  36.          contactEmail.classList.toggle("xd");
  37.       }, 1000);
  39.       // Modification 3
  40.       contactPhone.classList.add('xd');
  41.       setTimeout(function() {
  42.          contactPhone.classList.toggle("xd");
  43.       }, 1000);
  44.       
  45.       /*end task*/ updateContactSelected();
  46.    }
  47.    })
  48.       /* bureau2 contact */
  49.       bureau2.addEventListener('click', function() {
  50.       if (!bureau2.classList.contains('contact-selected')) {
  51.       /*1*/ contactSelected.classList.remove('contact-selected');
  52.       /*2*/ bureau2.classList.add('contact-selected');
  53.       /*3*/ contactAdress.innerHTML = "Cité des travailleurs <br> dar El beida - Alger";
  54.       /*4*/ contactEmail.innerText  = "drh@svs-dz.com";
  55.       /*5*/ contactPhone.innerText  = "+213 23 74 72 80";
  56.       /*6*/ contactIframe.src       = "https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d199.9036186296914!2d3.2266494372741397!3d36.711562670289226!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzbCsDQyJzQxLjUiTiAzwrAxMyczNi44IkU!5e0!3m2!1sfr!2sdz!4v1696897487668!5m2!1sfr!2sdz";
  57.       
  58.       // Modification 1
  59.       contactAdress.classList.add('xd');
  60.       setTimeout(function() {
  61.          contactAdress.classList.toggle("xd");
  62.       }, 1000);
  64.       // Modification 2
  65.       contactEmail.classList.add('xd');
  66.       setTimeout(function() {
  67.          contactEmail.classList.toggle("xd");
  68.       }, 1000);
  70.       // Modification 3
  71.       contactPhone.classList.add('xd');
  72.       setTimeout(function() {
  73.          contactPhone.classList.toggle("xd");
  74.       }, 1000);
  76.       /*end task*/ updateContactSelected();
  77.    }
  78.    })
  80.    /* bureau3 contact */
  81.    bureau3.addEventListener('click', function() {
  82.       if (!bureau3.classList.contains('contact-selected')) {
  83.       /*1*/ contactSelected.classList.remove('contact-selected');
  84.       /*2*/ bureau3.classList.add('contact-selected');
  85.       /*3*/ contactAdress.innerHTML = "Cité makam el chahid <br>section 3 - Setif";
  86.       /*4*/ contactEmail.innerText  = "coordinateurestsvs@svs-dz.com";
  87.       /*5*/ contactPhone.innerText  = "+213 36 61 05 75";
  88.       /*6*/ contactIframe.src       = "https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d201.26913421809715!2d5.394897661566272!3d36.1834356215311!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzbCsDExJzAwLjIiTiA1wrAyMyc0MS44IkU!5e0!3m2!1sfr!2sdz!4v1696897670949!5m2!1sfr!2sdz";
  89.       
  90.       // Modification 1
  91.       contactAdress.classList.add('xd');
  92.       setTimeout(function() {
  93.          contactAdress.classList.toggle("xd");
  94.       }, 1000);
  96.       // Modification 2
  97.       contactEmail.classList.add('xd');
  98.       setTimeout(function() {
  99.          contactEmail.classList.toggle("xd");
  100.       }, 1000);
  102.       // Modification 3
  103.       contactPhone.classList.add('xd');
  104.       setTimeout(function() {
  105.          contactPhone.classList.toggle("xd");
  106.       }, 1000);
  107.       
  108.       /*end task*/ updateContactSelected();
  109.    }
  110.    })
  113.    /* bureau3 contact */
  114.    bureau4.addEventListener('click', function() {
  115.       if (!bureau4.classList.contains('contact-selected')) {
  116.       /*1*/ contactSelected.classList.remove('contact-selected');
  117.       /*2*/ bureau4.classList.add('contact-selected');
  118.       /*3*/ contactAdress.innerHTML = "66 Logements LSP<br>Bir djir - Oran";
  119.       /*4*/ contactEmail.innerText  = "coordinateurouestsvs@svs-dz.com";
  120.       /*5*/ contactPhone.innerText  = "+213 44 64 72 53";
  121.       /*6*/ contactIframe.src       = "https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d915.7908160518772!2d-0.5789603357596164!3d35.70091096968014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzXCsDQyJzAzLjgiTiAwwrAzNCc0MS4wIlc!5e0!3m2!1sfr!2sdz!4v1696897769595!5m2!1sfr!2sdz";
  122.       
  123.       // Modification 1
  124.       contactAdress.classList.add('xd');
  125.       setTimeout(function() {
  126.          contactAdress.classList.toggle("xd");
  127.       }, 1000);
  129.       // Modification 2
  130.       contactEmail.classList.add('xd');
  131.       setTimeout(function() {
  132.          contactEmail.classList.toggle("xd");
  133.       }, 1000);
  135.       // Modification 3
  136.       contactPhone.classList.add('xd');
  137.       setTimeout(function() {
  138.          contactPhone.classList.toggle("xd");
  139.       }, 1000);
  140.       
  141.       /*end task*/ updateContactSelected();
  142.    }
  143.    })