Home Esplora Aiuto
Accedi
bachir
/
d9-eql
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Albero (Tree): 07dc86b7a2
Rami (Branch) Tag
d9-eql
/
web
/
themes
/
custom
/
eql
/
scripts
/
main.js

main.js 5.4 KB
Cronologia Originale

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 
  1. console.log('salut');
    2. 

  2. // menu burger open
    3. 

  3. 

  4. var burger = document.getElementById("block-burger");
    5. 

  5. var burgertitle = document.getElementById("block-burger-menu");
    6. 

  6. 

  7. 

  8. burgertitle.addEventListener("click", toggleMenu);
    9. 

  9. 

  10. function toggleMenu(event) {
    11. 

  11.   console.log(event);
    12. 

  12.   burger.classList.toggle('opened');
    13. 

  13. }
    14. 

  14. 

  15. 

  16. // faq reponse open 
    17. 

  17. // Attention ouvre toutes les question en même temps
    18. 

  18. 

  19. 

  20. var answers = document.getElementsByClassName("field--name-field-reponse");
    21. 

  21. var questions = document.getElementsByClassName("field--name-field-question");
    22. 

  22. 

  23. for (let i = 0; i < questions.length; i++) {
    24. 

  24.   const question = questions[i]
    25. 

  25.   question.addEventListener("click", toggleFaq);
    26. 

  26. }
    27. 

  27. function toggleFaq(event) {
    28. 

  28.   console.log(event, this);
    29. 

  29.   // fermé tout
    30. 

  30.   for (let i = 0; i < answers.length; i++) {
    31. 

  31.     answers[i].classList.remove('opened');  
    32. 

  32.   }
    33. 

  33.   // la réponse correspndante a la question clické
    34. 

  34.   //           | this c'est l'élément sur le quel on a clické
    35. 

  35.   //           |    |le parent |la réponse dans le parent
    36. 

  36.   let answer = this.parentNode.querySelector('.field--name-field-reponse');
    37. 

  37.   // console.log(answer); 
    38. 

  38.   answer.classList.add('opened');
    39. 

  39.   
    40. 

  40. }
    41. 

  41. 

  42. 

  43. // function toggleFaq(event) {
    44. 

  44. //   console.log(event);
    45. 

  45. //   for (let i = 0; i < answers.length; i++) {
    46. 

  46. //   const answer = answers[i]
    47. 

  47. //   answer.classList.toggle('opened');}
    48. 

  48. 

  49. // }
    50. 

  50. 

  51. // /////////////////
    52. 

  52. 

  53. // document.addEventListener('click', function(e) {
    54. 

  54. //   if (e.target.classList.contains('rect_white_left') {
    55. 

  55. //     e.target.parentNode.nextElementSibling...
    56. 

  56. //   }
    57. 

  57. // });
    58. 

  58.  
    59. 

  59. ///////////////////
    60. 

  60. 

  61. // document.addEventListener('click', function(e) {
    62. 

  62. //   if (e.target.classList.contains('rect_white_left') {
    63. 

  63. //     e.target.parentNode.nextElementSibling.classList.toggle('opened');}
    64. 

  64. //   }
    65. 

  65. 

  66. 

  67. // fonction pour attribuer la class du parents
    68. 

  68. 

  69. // var fields = document.getElementsByClassName("field--name-field-titre");
    70. 

  70. // var paragraphs = document.getElementsByClassName("paragraph--type--texte");
    71. 

  71. // for  (let i = 0; i < fields.length; i++) {
    72. 

  72. //   const field = fields[i]
    73. 

  73. // }
    74. 

  74. // function giveIdParent(){
    75. 

  75. //   document.field.classList="paragraphs";
    76. 

  76. // }
    77. 

  77. 

  78. // Function mouseOut ()
    79. 

  79. // {
    80. 

  80. //     document.getelementbyid("flashdiv").classname="flash-I";
    81. 

  81. // }
    82. 

  82. 

  83. // open external link in new window
    84. 

  84. // $(".ext").each(
    85. 

  85. //   function(i,e){
    86. 

  86. //      window.open(e, '_blank');
    87. 

  87. //   }
    88. 

  88. // );
    89. 

  89. // var target = document.getElementsByClassName("ext");
    90. 

  90. 

  91. // document.addEventListener("click", function(e) {
    92. 

  92. //   if (e.target == true )
    93. 

  93. //   {
    94. 

  94. //       e.target.setAttribute("target", "_blank");
    95. 

  95. //   }
    96. 

  96. // });
    97. 

  97. 

  98. // add id to field
    99. 

  99. 

  100.    // Add data-extlink attribute.
    101. 

  101. //    $links_to_process.attr('data-extlink', '');
    102. 

  102. 

  103. //    var i;
    104. 

  104. //    var length = $links_to_process.length;
    105. 

  105. //    for (i = 0; i < length; i++) {
    106. 

  106. //      var $link = $($links_to_process[i]);
    107. 

  107. //      if (drupalSettings.data.extlink.extUseFontAwesome) {
    108. 

  108. //        if (class_name === drupalSettings.data.extlink.mailtoClass) {
    109. 

  109. //          $link[icon_placement]('<span class="fa-' + class_name + ' extlink"><span class="' + drupalSettings.data.extlink.extFaMailtoClasses + '" aria-label="' + drupalSettings.data.extlink.mailtoLabel + '"></span></span>');
    110. 

  110. //        }
    111. 

  111. //        else {
    112. 

  112. //          $link[icon_placement]('<span class="fa-' + class_name + ' extlink"><span class="' + drupalSettings.data.extlink.extFaLinkClasses + '" aria-label="' + drupalSettings.data.extlink.extLabel + '"></span></span>');
    113. 

  113. //        }
    114. 

  114. //      }
    115. 

  115. //      else {
    116. 

  116. //        if (class_name === drupalSettings.data.extlink.mailtoClass) {
    117. 

  117. //          $link[icon_placement]('<svg focusable="false" class="' + class_name + '" role="img" aria-label="' + drupalSettings.data.extlink.mailtoLabel + '" xmlns="http://www.w3.org/2000/svg" viewBox="0 10 70 20"><metadata><sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/"><sliceSourceBounds y="-8160" x="-8165" width="16389" height="16384" bottomLeftOrigin="true"/><optimizationSettings><targetSettings targetSettingsID="0" fileFormat="PNG24Format"><PNG24Format transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF"/></targetSettings></optimizationSettings></sfw></metadata><title>' + drupalSettings.data.extlink.mailtoLabel + '</title><path d="M56 14H8c-1.1 0-2 0.9-2 2v32c0 1.1 0.9 2 2 2h48c1.1 0 2-0.9 2-2V16C58 14.9 57.1 14 56 14zM50.5 18L32 33.4 13.5 18H50.5zM10 46V20.3l20.7 17.3C31.1 37.8 31.5 38 32 38s0.9-0.2 1.3-0.5L54 20.3V46H10z"/></svg>');
    118. 

  118. //        }
    119. 

  119. //        else {
    120. 

  120. //          $link[icon_placement]('<svg focusable="false" class="' + class_name + '" role="img" aria-label="' + drupalSettings.data.extlink.extLabel + '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><metadata><sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/"><sliceSourceBounds y="-8160" x="-8165" width="16389" height="16384" bottomLeftOrigin="true"/><optimizationSettings><targetSettings targetSettingsID="0" fileFormat="PNG24Format"><PNG24Format transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF"/></targetSettings></optimizationSettings></sfw></metadata><title>' + drupalSettings.data.extlink.extLabel + '</title><path d="M48 26c-1.1 0-2 0.9-2 2v26H10V18h26c1.1 0 2-0.9 2-2s-0.9-2-2-2H8c-1.1 0-2 0.9-2 2v40c0 1.1 0.9 2 2 2h40c1.1 0 2-0.9 2-2V28C50 26.9 49.1 26 48 26z"/><path d="M56 6H44c-1.1 0-2 0.9-2 2s0.9 2 2 2h7.2L30.6 30.6c-0.8 0.8-0.8 2 0 2.8C31 33.8 31.5 34 32 34s1-0.2 1.4-0.6L54 12.8V20c0 1.1 0.9 2 2 2s2-0.9 2-2V8C58 6.9 57.1 6 56 6z"/></svg>');
    121. 

  121. //        }
    122. 

  122. //      }
    123. 

  123. //    }
    124. 

  124. //  };
    125.