Diagrammes d'accords
Filtrer par Type
Dmmaj7
*{"page_url":"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/mmaj7","page_name":"chords","page_title":"L'accord Dmmaj7","page_css":["chords"],"page_content":"\n\n\n\n \n\n \n L'accord Dmmaj7 - Wijaam<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"description\" content=\"Dmmaj7 diagrammes et infos \u00e0 propos de l'accord\">\n <meta name=\"author\" content=\"ackkym\">\n <link rel=\"stylesheet\" id=\"csstheme\" href=\"https:\/\/dev459dxvg9.wijaam.com\/[[user_style]].css\">\n <link rel=\"stylesheet\" href=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/css\/style.css\">\n\n <link rel=\"stylesheet\" href=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/css\/chords.css\"> <link rel=\"shortcut icon\" href=\"https:\/\/dev459dxvg9.wijaam.com\/favicon-v2.ico\">\n <!--[if lt IE 8]>\n\t<div style=' clear: both; text-align:center; position: relative;'>\n <a href=\"http:\/\/www.microsoft.com\/windows\/internet-explorer\/default.aspx?ocid=ie6_countdown_bannercode\"><img src=\"http:\/\/storage.ie6countdown.com\/assets\/100\/images\/banners\/warning_bar_0000_us.jpg\" border=\"0\" alt=\"\" \/><\/a>\n <\/div>\n <![endif]-->\n<\/head>\n<body>\n<div id=\"top-nav\" class=\"fixedOnScroll\">\n <ul id=\"nav-topmenu\" class=\"nav-menu\">\n\t<li id=\"nav-topmenu-logozone\">\n\t\t<a href=\"https:\/\/dev459dxvg9.wijaam.com\" class=\"actionbutton actionbutton-logozone-2\" id=\"actionbuttonHomeSmall\" data-onclick=\"loadPage\" ><span class=\"icon icon-home\"><\/span><\/a><a class=\"actionbutton actionbutton-logozone-2\" id=\"actionbuttonBack\" data-onclick=\"backlinker\" data-url=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/mmaj7\"><span class=\"icon icon-bracket-left\"><\/span><\/a><\/li>\n\t\t<li id=\"nav-topmenu-midzone\">\n\t\t<span class=\"actionbutton actionbutton-withiconandtext button-submenu\" data-onclick=\"toggleDisplayableElement\" data-target=\"nav-searchmenu\" data-focus=\"nav-searchmenu-searchinput\"><span class=\"icon icon-search\"><\/span><span class=\"icon-label\">Search<\/span><\/span>\n\t\t<span class=\"actionbutton actionbutton-withiconandtext button-submenu\" data-onclick=\"toggleDisplayableElement\" data-target=\"nav-songsmenu\"><span class=\"icon icon-instrument-guitar\"><\/span><span class=\"icon-label\">Partitions<\/span><\/span>\n\t\t<span class=\"actionbutton actionbutton-withiconandtext button-submenu\" data-onclick=\"toggleDisplayableElement\" data-target=\"nav-toolsmenu\"><span class=\"icon icon-toolbox\"><\/span><span class=\"icon-label\">Toolbox<\/span><\/span><\/li><li id=\"nav-topmenu-rightzone\"><span class=\"actionbutton\" id=\"actionbutton-fullscreen\" data-onclick=\"fullscreener\"><span id=\"actionbutton-fullscreenicon\" class=\"icon icon-maximize\"><\/span><\/span><span class=\"actionbutton button-submenu\" id=\"actionbutton-usermenu\" data-onclick=\"toggleDisplayableElement\" data-target=\"nav-usermenu\"><span class=\"icon icon-user-solid\" id=\"actionbuttonUserMenuIcon\"><\/span><\/span><\/li>\t<\/ul>\n\n <ul id=\"nav-searchmenu\" class=\"nav-menu nav-submenu displayable\" data-display=\"block\">\n\t\t<li id=\"nav-searchmenu-li-search\"><input type=\"text\" id=\"nav-searchmenu-searchinput\" size=\"25\" name=\"q\" value=\"\" placeholder=\"Chanson, artiste, playlist, etc...\" data-oninput=\"listenSearchForm\" data-onkeydown=\"submitSearchForm\" data-onkeydown-key=\"Enter\" data-target=\"nav-searchmenu-searchbutton\"><a href=\"https:\/\/dev459dxvg9.wijaam.com\/search\" class=\"actionbutton searchsubmit\" id=\"nav-searchmenu-searchbutton\" data-onclick=\"loadPage\"><span class=\"icon icon-search\"><\/span><\/a><\/li>\n\t\t<\/ul> <ul class=\"nav-menu nav-submenu displayable\" id=\"nav-songsmenu\" data-display=\"flex\">\n\t\t<li class=\"nav-songsmenu-li\" id=\"nav-songsmenu-li-artists\">\n \t <div class=\"carousel-container\">\n\t\t <span class=\"carousel-title\">Artistes<\/span>\n <ul class=\"carousel\" id=\"nav-songsmenu-artistscarrousel-ul\" data-onwheel=\"carrouselScrolling\" data-target=\"nav-songsmenu-artistscarrousel-ul\">\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\" data-onclick=\"loadPage\" >All<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/A\" data-onclick=\"loadPage\">A<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/B\" data-onclick=\"loadPage\">B<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/C\" data-onclick=\"loadPage\">C<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/D\" data-onclick=\"loadPage\">D<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/E\" data-onclick=\"loadPage\">E<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/F\" data-onclick=\"loadPage\">F<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/G\" data-onclick=\"loadPage\">G<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/H\" data-onclick=\"loadPage\">H<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/I\" data-onclick=\"loadPage\">I<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/J\" data-onclick=\"loadPage\">J<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/K\" data-onclick=\"loadPage\">K<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/L\" data-onclick=\"loadPage\">L<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/M\" data-onclick=\"loadPage\">M<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/N\" data-onclick=\"loadPage\">N<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/O\" data-onclick=\"loadPage\">O<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/P\" data-onclick=\"loadPage\">P<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/Q\" data-onclick=\"loadPage\">Q<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/R\" data-onclick=\"loadPage\">R<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/S\" data-onclick=\"loadPage\">S<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/T\" data-onclick=\"loadPage\">T<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/U\" data-onclick=\"loadPage\">U<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/V\" data-onclick=\"loadPage\">V<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/W\" data-onclick=\"loadPage\">W<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/X\" data-onclick=\"loadPage\">X<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/Y\" data-onclick=\"loadPage\">Y<\/a>\n <\/li>\n <li class=\"nav-songsmenu-artistscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/artists\/Z\" data-onclick=\"loadPage\">Z<\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/li>\n\t\t<li class=\"nav-songsmenu-li\" id=\"nav-songsmenu-li-songs\">\n \t <div class=\"carousel-container\">\n\t\t <span class=\"carousel-title\">Chansons<\/span>\n <ul class=\"carousel\" id=\"nav-songsmenu-songscarrousel-ul\" data-onwheel=\"carrouselScrolling\" data-target=\"nav-songsmenu-songscarrousel-ul\">\n <li class=\"nav-songsmenu-songscarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\" data-onclick=\"loadPage\" >All<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/A\" data-onclick=\"loadPage\">A<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/B\" data-onclick=\"loadPage\">B<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/C\" data-onclick=\"loadPage\">C<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/D\" data-onclick=\"loadPage\">D<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/E\" data-onclick=\"loadPage\">E<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/F\" data-onclick=\"loadPage\">F<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/G\" data-onclick=\"loadPage\">G<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/H\" data-onclick=\"loadPage\">H<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/I\" data-onclick=\"loadPage\">I<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/J\" data-onclick=\"loadPage\">J<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/K\" data-onclick=\"loadPage\">K<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/L\" data-onclick=\"loadPage\">L<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/M\" data-onclick=\"loadPage\">M<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/N\" data-onclick=\"loadPage\">N<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/O\" data-onclick=\"loadPage\">O<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/P\" data-onclick=\"loadPage\">P<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/Q\" data-onclick=\"loadPage\">Q<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/R\" data-onclick=\"loadPage\">R<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/S\" data-onclick=\"loadPage\">S<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/T\" data-onclick=\"loadPage\">T<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/U\" data-onclick=\"loadPage\">U<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/V\" data-onclick=\"loadPage\">V<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/W\" data-onclick=\"loadPage\">W<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/X\" data-onclick=\"loadPage\">X<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/Y\" data-onclick=\"loadPage\">Y<\/a>\n <\/li>\n <li class=\"nav-songsmenu-songscarrousel-li\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/Z\" data-onclick=\"loadPage\">Z<\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/li>\n\t\t<li class=\"nav-songsmenu-li\" id=\"nav-songsmenu-li-styles\">\n \t <div class=\"carousel-container\">\n\t\t <span class=\"carousel-title\">Styles<\/span>\n <ul class=\"carousel\" id=\"nav-songsmenu-stylescarrousel-ul\" data-onwheel=\"carrouselScrolling\" data-target=\"nav-songsmenu-stylescarrousel-ul\">\n <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\" data-onclick=\"loadPage\" >All<\/a>\n <\/li>\n \t \t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/disco\" data-onclick=\"loadPage\">Disco<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/folk\" data-onclick=\"loadPage\">Folk<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/folklore\" data-onclick=\"loadPage\">Folklore<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/funk\" data-onclick=\"loadPage\">Funk<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/grunge\" data-onclick=\"loadPage\">Grunge<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/jazz\" data-onclick=\"loadPage\">Jazz<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/pop\" data-onclick=\"loadPage\">Pop<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/pop-rock\" data-onclick=\"loadPage\">Pop Rock<\/a>\n <\/li>\n\t \t \t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/reggae\" data-onclick=\"loadPage\">Reggae<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/rock\" data-onclick=\"loadPage\">Rock<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/rock-alternatif\" data-onclick=\"loadPage\">Rock Alternatif<\/a>\n <\/li>\n\t \t <li class=\"nav-songsmenu-stylescarrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/songs\/soul\" data-onclick=\"loadPage\">Soul<\/a>\n <\/li>\n\t <\/ul>\n <\/div>\n <\/li>\n <\/ul>\n\t\t <ul id=\"nav-toolsmenu\" class=\"nav-menu nav-submenu displayable\" data-display=\"block\">\n\t\t <li class=\"nav-toolsmenu-li\">\n\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/tuner\" class=\"actionbutton actionbutton-withiconandtext\" data-onclick=\"loadPage\"><span class=\"icon icon-tuner\"><\/span><span class=\"icon-label\">Accordeur<\/span><\/a>\n\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/metronome\" class=\"actionbutton actionbutton-withiconandtext\" data-onclick=\"loadPage\"><span class=\"icon icon-bell\"><\/span><span class=\"icon-label\">M\u00e9tronome<\/span><\/a>\n\t\t \t\t \t\t \t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\" class=\"actionbutton actionbutton-withiconandtext\" data-onclick=\"loadPage\"><span class=\"icon icon-book\"><\/span><span class=\"icon-label\">Accords<\/span><\/a>\n\t\t <\/li>\n\t\t<\/ul>\n <ul id=\"nav-usermenu\" class=\"nav-menu nav-submenu displayable\" data-display=\"block\">\n\t\t\t\t<\/ul>\n<\/div>\n<div id=\"main-content\">\n<span class=\"pagetitle defautpagetitle text-center\">Diagrammes d'accords<\/span>\n\n <div id=\"chords-keyslist\">\n\n <div id=\"keyslister\">\n <span><\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/C\u266f\/mmaj7\" data-onclick=\"loadPage\">C\u266f<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/E\u266d\/mmaj7\" data-onclick=\"loadPage\">E\u266d<\/a>\n <\/span>\n <span><\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/F\u266f\/mmaj7\" data-onclick=\"loadPage\">F\u266f<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/A\u266d\/mmaj7\" data-onclick=\"loadPage\">A\u266d<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/B\u266d\/mmaj7\" data-onclick=\"loadPage\">B\u266d<\/a>\n <\/span>\n <span><\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/C\/mmaj7\" data-onclick=\"loadPage\">C<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/mmaj7\" class=\"chords-currentfilter\" data-onclick=\"loadPage\">D<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/E\/mmaj7\" data-onclick=\"loadPage\">E<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/F\/mmaj7\" data-onclick=\"loadPage\">F<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/G\/mmaj7\" data-onclick=\"loadPage\">G<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/A\/mmaj7\" data-onclick=\"loadPage\">A<\/a>\n <\/span>\n <span class=\"keyslister-key\">\n <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/B\/mmaj7\" data-onclick=\"loadPage\">B<\/a>\n <\/span>\n\n <\/div>\n\n <\/div>\n\n\n\n <div id=\"chords-typeslist\">\n \t<div class=\"carousel-container\">\n\t\t<span class=\"carousel-title\" id=\"chords-typeslist-carrousel-title\">Filtrer par Type<\/span>\n <ul class=\"carousel\" id=\"chords-typeslist-carrousel-ul\" data-onwheel=\"carrouselScrolling\" data-target=\"chords-typeslist-carrousel-ul\">\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\" data-onclick=\"loadPage\">maj<\/a>\n <\/li>\n\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/m\" data-onclick=\"loadPage\">m<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/7\" data-onclick=\"loadPage\">7<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/maj7\" data-onclick=\"loadPage\">maj7<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/m7\" data-onclick=\"loadPage\">m7<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/sus4\" data-onclick=\"loadPage\">sus4<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/dim\" data-onclick=\"loadPage\">dim<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/aug\" data-onclick=\"loadPage\">aug<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/maj6\" data-onclick=\"loadPage\">maj6<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/maj9\" data-onclick=\"loadPage\">maj9<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/maj11\" data-onclick=\"loadPage\">maj11<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/maj13\" data-onclick=\"loadPage\">maj13<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/m6\" data-onclick=\"loadPage\">m6<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/mmaj7\" class=\"chords-currentfilter\" data-onclick=\"loadPage\">mmaj7<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/m9\" data-onclick=\"loadPage\">m9<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/m11\" data-onclick=\"loadPage\">m11<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/7sus4\" data-onclick=\"loadPage\">7sus4<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/dom9\" data-onclick=\"loadPage\">dom9<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/dom11\" data-onclick=\"loadPage\">dom11<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/dom13\" data-onclick=\"loadPage\">dom13<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/dim7\" data-onclick=\"loadPage\">dim7<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/m7b5\" data-onclick=\"loadPage\">m7b5<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/aug7\" data-onclick=\"loadPage\">aug7<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/maj7\u266f5\" data-onclick=\"loadPage\">maj7\u266f5<\/a>\n <\/li>\n \n\n \n \n \n <li class=\"chords-typeslist-carrousel-li\">\n\t\t\t\t <a href=\"https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/sus2\" data-onclick=\"loadPage\">sus2<\/a>\n <\/li>\n \n\n <\/ul>\n <\/div>\n\n\n <\/div>\n\n\n\n\n <span id=\"chord-chordname\">Dmmaj7<\/span>\n <div id=\"chord-charts\">\n <div class=\"chord-chart\">\n <img src=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/chords\/D-chords\/Dmmaj7-v1.png\">\n <\/div>\n <div class=\"chord-chart\">\n <img src=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/chords\/D-chords\/Dmmaj7-v2.png\">\n <\/div>\n <div class=\"chord-chart\">\n <img src=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/chords\/D-chords\/Dmmaj7-v3.png\">\n <\/div>\n <div class=\"chord-chart\">\n <img src=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/chords\/D-chords\/Dmmaj7-v4.png\">\n <\/div>\n \n\n <\/div>\n\n\n\n\n<\/div>\n<div id=\"popbox\" class=\"displayable\"><\/div>\n<div id=\"footer\">\n <span id=\"footer-c\">Wijaam.com<br>Lyrics, Partitions & Tools for Musicians<\/span>\n <ul id=\"footer-linklist\">\n <li><a href=\"https:\/\/dev459dxvg9.wijaam.com\/mentions_legales\">Mentions L\u00e9gales<\/a><\/li>\n <li><a href=\"https:\/\/dev459dxvg9.wijaam.com\/conditions_generales_d_utilisation\">CGU<\/li>\n <li><a href=\"https:\/\/discord.gg\/xetEKGPUp\" target=\"_blank\">Discord<\/li>\n <\/ul>\n <\/div><script data-name=\"js-navigator\">\n\t\tlet fullscreen = false;\n\tglobalThis.fullscreenNavhistory = [];\n\n\tfunction fullscreener() {\n\n\t\tconst elem = document.documentElement;\n\n\t\tif (!document.fullscreenElement) {\n\n\t\t\t\t\t\tdocument.getElementById('actionbutton-fullscreenicon').classList.remove('icon-maximize');\n\t\t\tdocument.getElementById('actionbutton-fullscreenicon').classList.add('icon-minimize');\n\t\t\t\t\t\tfullscreen = true;\n\t\t\telem.requestFullscreen().catch(err => {\n\t\t\t\tfullscreen = false;\n\t\t\t});\n\t\t\t\t\t\tfullscreenNavhistory = [\"https:\/\/dev459dxvg9.wijaam.com\"];\n\n\t\t\tglobalThis.loadedScripts = [];\n\t\t\tlet loadedJsScriptsElements = document.getElementsByTagName('script');\n\t\t\tfor (let i = 0; i < loadedJsScriptsElements.length; i++) {\n\t\t\t name = loadedJsScriptsElements[i].getAttribute('data-name');\n\t\t\t globalThis.loadedScripts.push(name);\n\n \t\t\t console.log('Script dans le DOM -> '+name);\n \t\t\t}\n\n\t\t} else {\n\t\t\tdocument.exitFullscreen();\n\t\t\tfullscreen = false;\n\n\t\t\t\t\t\tdocument.getElementById('actionbutton-fullscreenicon').classList.remove('icon-minimize');\n\t\t\tdocument.getElementById('actionbutton-fullscreenicon').classList.add('icon-maximize');\n\t\t}\n\t}\n\n\tfunction loadPage(triggeredElement) {\n\t\t\t\tlet backlinkElement = document.getElementById('actionbuttonBack');\n\t\tlet targetpageUrl = '';\n\t\tlet triggeredElementId = '';\n\t\tif( triggeredElement.id ) {\n\t\t triggeredElementId = triggeredElement.id;\n\t\t}\n\n\t\t\t\tif( 'actionbuttonBack' == triggeredElementId ) {\n\n\t\t\ttargetpageUrl = fullscreenNavhistory[0];\n\t\t \t\t if( 1 < fullscreenNavhistory.length ) {\n\t\t\t fullscreenNavhistory.shift();\n\t\t\t}\n \t\t\t\t} else {\n\n\t\t targetpageUrl = triggeredElement.href;\n\t\t \t\t\tfullscreenNavhistory.unshift(backlinkElement.getAttribute('data-url'));\n\t\t \t\t if( 10 < fullscreenNavhistory.length ) {\n\t\t\t fullscreenNavhistory.splice(1, 10);\n\t\t\t}\n\t\t}\n\t\t\t\tif( document.fullscreenElement ) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\n \t\t\tfetch('https:\/\/dev459dxvg9.wijaam.com\/ajax.php', {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: { 'Content-Type': 'application\/json', },\n\t\t\t\tbody: JSON.stringify({ url: targetpageUrl, ajax:'fullscreen-pageloader'})\n\t\t\t})\n\t\t\t.then(response => {\n\n\t\t \t\t\t if (!response.ok) {\n\t\t\t\t throw new Error(`HTTP error! status: ${response.status}`);\n\t\t\t }\n\n\t\t\t\t\t\t\t\treturn response.json();\n\t\t\t})\n\t\t\t.then(datas => {\n\n\t\t\t\t\n\n \n\t\t\t\t\t\t\t\ttry {\n killAutoscrollAndGoTop();\n } catch (error) {\n\t\t\t\t console.log('Log : \"killTunerListener()\" ne fonctionne pas...');\n\t\t\t\t }\n\n\n\t\t\t\t\t\t\t\ttry {\n metronome.stop();\n } catch (error) {\n\t\t\t\t console.log('Log : \"metronome.stop()\" n\\'existe pas...');\n\t\t\t\t }\n\n\t\t\t\t\t\t\t\ttry {\n killTunerListener();\n } catch (error) {\n\t\t\t\t console.log('Log : \"killTunerListener()\" ne fonctionne pas...');\n\t\t\t\t }\n\n\n\t\t\t\t\n\t\t\t\t\t\t\t\tlet userMenuBackup = document.getElementById('nav-usermenu').innerHTML;\n\n\n\t\t\t\t\t\t\t\tdatas.pagecss.forEach(cssfile => {\n if (!document.querySelector(`link[href=\"https:\/\/dev459dxvg9.wijaam.com\/assets\/css\/${cssfile}.css\"]`)) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = 'https:\/\/dev459dxvg9.wijaam.com\/assets\/css\/'+cssfile+'.css';\n link.type = 'text\/css';\n link.media = 'screen,print';\n document.head.appendChild(link);\n\n\t\t\t\t console.log('log :', 'La css personnalis\u00e9e \"'+cssfile+'.css\" a \u00e9t\u00e9 ajout\u00e9e au DOM...');\n\t\t\t\t }\n });\n\n\n\t\t\t\t\t\t\t\tdocument.body.innerHTML = '';\n\t\t\t\t\t\t\t\tdocument.body.innerHTML = datas.pagebody;\n\n\n\t\t\t\t\t\t\t\tdocument.getElementById('nav-usermenu').innerHTML = userMenuBackup;\n\n\n\n\t\t\t\t\t\t\t\t console.log('Log :', 'To Add ->');\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\tdatas.pagejscripts.forEach(script => {\n\n \t\t\t\t\tif( false == globalThis.loadedScripts.includes(script.name) ) {\n\n\t\t\t\t\t\tvar scriptElement = document.createElement('script');\n\t\t\t\t\t\tscriptElement.setAttribute('data-name', script.name);\n\t\t\t\t\t\tscriptElement.textContent = script.content;\n\t\t\t\t\t\tdocument.body.appendChild(scriptElement);\n\n\t\t\t\t\t\t\t\t\t\t\t\t console.log('Log :', 'Added ->'+script.name+'<br \/>');\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t globalThis.loadedScripts.push(script.name);\n\t\t\t\t\t}\n\n\t\t\t\t});\n\n\t\t\t\t\t\t\t for (let i = 0; i < globalThis.loadedScripts.length; i++) {\n console.log('log :', 'Apr\u00e9s AJAX -> Script en RAM pour execution -> '+globalThis.loadedScripts[i]);\n }\n\t\t\t\t\n\n\t\t\t\t\t\t\t\tloadUserTools(datas.pagename);\n\t\t\t\t\t\t\t\twindow.scrollTo(0,0);\n\t\t\t\t\t\t\t\tif( 'song' == datas.pagename) {\n\t\t\t\t\tinitSongContent();\n\t\t\t\t setSongBookmark();\n setSongTextsize();\n setSongDatasInstrumentsDisplay();\n\t\t\t\t\tinitAutoscroller();\n\t\t\t\t\tinitMetronome();\n\t\t\t\t} else if( 'tuner' == datas.pagename) {\n \t\t\t\ttunerCorrelationWorker.addEventListener(\"message\", tunerInterpretCorrelationResult);\n\t\t\t\t\tinitTuner();\n\t\t\t\t} else if( 'metronome' == datas.pagename) {\n\t\t\t\t\tinitMetronome();\n\t\t\t\t}\n\n\n\t\t\t\t\t\t\t\tdocument.title = datas.pagetitle;\n\t\t\t\t\t\t\t\tconst state = { page: 1 };\n\t\t\t\thistory.pushState(state, datas.pagetitle, datas.pageurl);\n backlinkElement.setAttribute('data-url', datas.pageurl);\n\n\t\t\t\t\t\t\t\t\tconsole.log('Log :', datas.debugmsg);\n\t\t\t\t\n\t \t\t }).catch(error => {\n console.error('Error :', error);\n\t\t \n\t\t\t}).finally(() => {\n\t\t\t\tlet currentScriptsAftAjx = document.getElementsByTagName('script');\n\t\t });\n\t\t}\n\t}\n\n\n\tfunction fullscreenReload() {\n\n\t \t const a = document.createElement('a');\n\t a.setAttribute('data-onclick','loadPage');\n a.href = window.location.href;\n document.body.appendChild(a);\n\t \t a.dispatchEvent(new Event('click', { bubbles: true }));\n\n\t}\n\n\tfunction backlinker(triggeredElement) {\n\n if( fullscreen ) {\n loadPage(triggeredElement);\n\n\t\t} else {\n history.back();\n\t\t}\n\t}\n\n\n<\/script>\n<script data-name=\"js-eventsMaster\">\n\n\t\twindow.addEventListener('load', function() {\n\n\n\t console.log('> \"load\" Listener Trigered...');\n \n\t\t\t\tloadUser();\n\t\tloadUserTools('chords');\n\t\t\t\tif ( 'function' === typeof initSongContent ) {\n\t\t initSongContent();\n\t\t}\n\t\tif ( 'function' === typeof initAutoscroller ) {\n\t\t\tinitAutoscroller();\n\t\t}\n\t\tif ( 'function' === typeof initMetronome ) {\n\t\t\tinitMetronome();\n\t\t}\n\t\tif ( 'function' === typeof initTuner ) {\n\t\t tunerCorrelationWorker.addEventListener(\"message\", tunerInterpretCorrelationResult);\n\t\t\tinitTuner();\n\t\t}\n\n\t});\n\n\t\tdocument.addEventListener('click', function(event) {\n\n\t console.log('> \"click\" Listener Trigered...');\n \n\n\t\t\t\tconst tiggeredElement = event.target.closest('[data-onclick]');\n\t\ttiggeredElementExecute = false;\n if( tiggeredElement ) {\n\n tiggeredElementExecute = tiggeredElement.getAttribute('data-onclick');\n\n\t console.log('> \"click event\" qui veut executer \"'+tiggeredElementExecute+'\"');\n \n window[tiggeredElementExecute](tiggeredElement,event);\n\n }\n\n\t\t\t\tconst clickedElementIsADisplayable = event.target.closest('.displayable');\n\t\tif( !clickedElementIsADisplayable && 'toggleDisplayableElement' !== tiggeredElementExecute && 'confirmBox' !== tiggeredElementExecute && 'inputsBox' !== tiggeredElementExecute && 'songBookmarking' !== tiggeredElementExecute) {\n\n\t console.log('> Force hidding all submenu...');\n \n\t\t\thiddeAllDisplayablesElements();\n\t\t}\n\t});\n\n\t\tdocument.addEventListener('mouseover', function(event) {\n\n\t console.log('> \"mouseover\" Listener Trigered...');\n \n\t\tconst tiggeredElement = event.target.closest('[data-onmouseover]');\n\n\t\t\t\tconst tiggeredElementIsInChordsBox = event.target.closest('#chordBox');\n\t\tif (event.target.classList.contains('songChord')) {\n\t\t\tdisplayChordsBox(event.target);\n\t\t} else if( document.getElementById('chordBox')) {\n\t\t if('block' == document.getElementById('chordBox').style.display && !tiggeredElementIsInChordsBox) {\n\t\t\t hiddeChordsBox();\n\t\t }\n }\n\t});\n\n\t\tdocument.addEventListener('scroll', function(event) {\n\n\t console.log('> \"scroll\" Listener Trigered...');\n \n\t\t\t\tif ( 'function' === typeof autorestartAutoscrollAfterUserScroll ) {\n autorestartAutoscrollAfterUserScroll();\n }\n\n\t});\n\n\t\tdocument.addEventListener('wheel', function(event) {\n\n\t console.log('> \"wheel\" Listener Trigered...');\n \n\t\t if ('undefined' !== typeof scrl_autoScrollIsOn) {\n pauseAutoscrollOnUserScroll();\n }\n\n\t \t\t\tconst tiggeredElement = event.target.closest('[data-onwheel]');\n\t\tif( tiggeredElement ) {\n\n tiggeredElementExecute = tiggeredElement.getAttribute('data-onwheel');\n\t console.log('> \"wheel event\" qui veut executer \"'+tiggeredElementExecute+'\"');\n \n window[tiggeredElementExecute](tiggeredElement,event);\n\t\t}\n\n\t});\n\n\t\tdocument.addEventListener('touchmove', function(event) {\n\n\t console.log('> \"touchmove\" Listener Trigered...');\n \n\t\t\t pauseAutoscrollOnUserScroll();\n\t});\n\n\n\t\tdocument.addEventListener('keydown', function(event) {\n\n\n\t console.log('> \"keydown\" Listener Trigered...');\n \n\n\t\tconst tiggeredElement = event.target.closest('[data-onkeydown]');\n\t\tif( tiggeredElement ) {\n\n tiggeredElementExecute = tiggeredElement.getAttribute('data-onkeydown');\n\t console.log('> \"keydown event\" veut executer \"'+tiggeredElementExecute+'\"');\n console.log('> On a press\u00e9 '+event.key);\n \n const tiggeredElementNeededKey = tiggeredElement.getAttribute('data-onkeydown-key');\n\t console.log('> On lance l\\'execussion si \"'+tiggeredElementNeededKey+'\" a \u00e9tait pr\u00e9ss\u00e9e');\n \n if( tiggeredElementNeededKey ) {\n\n if( tiggeredElementNeededKey == event.key ) {\n window[tiggeredElementExecute](tiggeredElement,event);\n }\n\n } else {\n window[tiggeredElementExecute](tiggeredElement,event);\n }\n\n\t\t}\n\n\t});\n\n\n\n\t document.addEventListener('input', function(event) {\n\n\t console.log('> \"input\" Listener Trigered...');\n \n\t\tconst tiggeredElement = event.target.closest('[data-oninput]');\n\t\tif( tiggeredElement ) {\n\n tiggeredElementExecute = tiggeredElement.getAttribute('data-oninput');\n\t console.log('> \"input event\" veut executer \"'+tiggeredElementExecute+'\"');\n \n window[tiggeredElementExecute](tiggeredElement,event);\n\t\t}\n\n });\n\n\n\n\t document.addEventListener('dragstart', function(event) {\n\n\t console.log('> \"dragstart\" Listener Trigered...');\n \n\n\t\tconst targetElement = event.target.closest('[data-draggable]');\n targetDragability = targetElement.getAttribute('data-draggable');\n if( 'true' == targetDragability ) {\n targetElement.classList.add(\"dragging\");\n }\n });\n\n document.addEventListener(\"dragover\", function(event) {\n\n\t console.log('> \"dragover\" Listener Trigered...');\n \n event.preventDefault();\n\n const draggingItem = document.querySelector(\".dragging\");\n const sortableList = draggingItem.closest(\".sortableList\");\n\n const siblings = [...sortableList.querySelectorAll(\".draggable:not(.dragging)\")];\n\n const nextSibling = siblings.find(sibling => {\n return event.clientY <= sibling.offsetTop + sibling.offsetHeight \/ 2;\n });\n\n if (nextSibling) {\n sortableList.insertBefore(draggingItem, nextSibling);\n } else {\n sortableList.appendChild(draggingItem);\n }\n });\n\n document.addEventListener(\"dragend\", function(event) {\n\n console.log('> DragEnd');\n const droppedItem = document.querySelector(\".dragging\");\n droppedItem.classList.remove(\"dragging\");\n\n if( 'updateuserplaylist' == droppedItem.getAttribute('data-action') ) {\n updateUserPlaylist(droppedItem.closest(\".sortableList\"));\n }\n\n });\n\n\n\n\t\n function listenSearchForm(searchformElement) {\n\n\t console.log('> listenSearchForm () start...');\n \n\t searchtext = searchformElement.value;\n\n\t const searchsubmitElements = document.getElementsByClassName('searchsubmit');\n for (let i = 0; i < searchsubmitElements.length; i++) {\n searchsubmitElements[i].href = 'https:\/\/dev459dxvg9.wijaam.com\/search?q=' + searchtext;\n }\n\n }\n\n\n function submitSearchForm(searchformElement) {\n\n\t console.log('> submitSearchForm () start...');\n \n\n const searchSubmitUrl = new URL(document.getElementById(searchformElement.getAttribute('data-target')).href);\n if( searchSubmitUrl.searchParams.get('q') ) {\n\n\t console.log('> on submit le formulaire de recherche...');\n \n document.getElementById(searchformElement.getAttribute('data-target')).click();\n\n }\n }\n\n\n function carrouselScrolling(carrousel, event) {\n carrousel.scrollLeft += event.deltaY*3;\n }\n\n function ajaxer(ajaxhook, ajaxdatas=false, callbacks=false, displayResponseInPopbox=false) {\n\n\t console.log('> ajaxer () start...');\n console.log(ajaxdatas);\n console.log('stringifiyed : '+JSON.stringify({ajax_datas:ajaxdatas, ajax:ajaxhook}));\n\n \n\t\t\t\tfetch('https:\/\/dev459dxvg9.wijaam.com\/ajax.php', {\n\t\t\tmethod: 'POST',\n\t\t\theaders: { 'Content-Type': 'application\/json', },\n\t\t\tbody: JSON.stringify({ajax_datas:ajaxdatas, ajax:ajaxhook})\n\t\t})\n\t\t.then(response => {\n\n\t\t\t\t\t\tif (!response.ok) {\n\t\t\t\tthrow new Error(`HTTP error! status: ${response.status}`);\n\t\t\t}\n\n\t\t\t\t\t\treturn response.json();\n\t\t})\n\t\t.then(datas => {\n\n\t\t console.log('>', datas.debugmsg);\n\t\t\t\n\n if( 'success' == datas.status && callbacks ) {\n\n\t\t console.log('On a un\/des callbacks pass\u00e9 en argument de l\\'ajaxer...');\n\t\t\t\n execCallbacks(callbacks);\n }\n\n\n if( true == displayResponseInPopbox ) {\n\n \t \t\tconst popbox = document.getElementById('popbox');\n\t\t \tpopbox.classList = datas.status;\n\t\t \tpopbox.innerHTML = datas.popboxmsg;\n\t \t\tpopbox.style.display='block';\n\t\t\t setTimeout(() => {\n\n popbox.style.display='none';\n\n\t\t\t if( datas.callbacks ) {\n\n\t\t console.log('On a un\/des callbacks demand\u00e9 par la r\u00e9ponse ajax...');\n\t\t\t \n execCallbacks(datas.callbacks);\n }\n\n\t\t\t }, 2000);\n\n } else if ( datas.callbacks ) {\n\n console.log('On a un\/des callbacks demand\u00e9 par la r\u00e9ponse ajax...');\n execCallbacks(datas.callbacks);\n }\n\n\t\t\t\t}).catch(error => {\n console.error('Error :', error);\n\t\t\n\t\t}).finally(() => {\n\n\t\t});\n\n }\n\n function execCallbacks(callbacks) {\n\n if (Array.isArray(callbacks)) {\n\n console.log('> On a '+callbacks.length+' callback(s) a executer \/ callbacks simple array...');\n \n for (let i = 0; i < callbacks.length; i++) {\n if ( 'function' === typeof window[callbacks[i]] ) {\n window[callbacks[i]]();\n\n } else {\n console.log('> la function \"'+callbacks[i]+'()\" demand\u00e9e en callback n\\'existe pas...');\n }\n\n }\n\n } else {\n\n console.log('> Callbacks is an objects of callbacks functions...');\n \n \n for (const [CallbackName, callbackParams] of Object.entries(callbacks)) {\n\n if( 'function' === typeof window[CallbackName] ) {\n\n console.log('> la function de callback \"'+CallbackName+'()\" a des params...');\n \n if( Array.isArray(callbackParams) ) {\n console.log('> PARAM\u00c9TRES EN ARRAY...');\n window[CallbackName](...callbackParams);\n\n } else {\n\n console.log('> PARAM\u00c9TRES OBJECTS...');\n for (const [paramId, paramDatas] of Object.entries(callbackParams)) {\n console.log(paramId);\n }\n }\n\n } else {\n console.log('> la function de callback \"'+CallbackName+'()\" N\\'A PAS ETAIT TROUV\u00c9...');\n }\n }\n }\n }\n\n function addScripts(scriptsToAdd) {\n\n\t console.log('> addScripts () start...');\n \n for (const scriptToAdd of scriptsToAdd) {\n\n if ( ! 'function' !== typeof scriptToAdd.name ) {\n\n\t console.log('> On a joute au DOM le Script JS : \"'+scriptToAdd.name+'\" ...');\n var newScriptElement = document.createElement('script');\n newScriptElement.type = 'text\/javascript';\n newScriptElement.text = scriptToAdd.script.replace(\/<\\\/?script[^>]*>\/gi, '');\n document.body.appendChild(newScriptElement);\n }\n }\n\n }\n\n\tfunction switchtheme() {\n\n\t console.log('> switchtheme () start...');\n \n\t\tconst cssthemeUrl = document.getElementById('csstheme').href;\n\t\tif (\"https:\/\/dev459dxvg9.wijaam.com\/theme-light.css\" == cssthemeUrl) {\n\t\t\tnewcsstheme = 'theme-dark';\n\t\t} else{\n\t\t\tnewcsstheme = 'theme-light';\n\t\t}\n\n const ajaxdatas = {'userdatakey':'theme','userdatavalue':newcsstheme};\n ajaxer('update-usersessionparams',ajaxdatas);\n\t}\n\n\n\tfunction switchthemeCallback(newcsstheme) {\n\n document.getElementById('csstheme').href = \"https:\/\/dev459dxvg9.wijaam.com\/\"+newcsstheme+\".css\";\n\n\t\tif ('theme-light' == newcsstheme) {\n\t\t\toldcsstheme = 'theme-dark';\n\t\t} else{\n\t\t\toldcsstheme = 'theme-light';\n\t\t}\n document.getElementById('usermenuThemeSwitcherIcon').classList.remove('icon-'+oldcsstheme);\n document.getElementById('usermenuThemeSwitcherIcon').classList.add('icon-'+newcsstheme);\n\t}\n\n\tfunction loginUser() {\n\n\t console.log('> loginUser () start...');\n \n\t\t\t\tlet login_username = document.getElementById('loginform-username').value;\n\t\tlet login_password = document.getElementById('loginform-password').value;\n\n\t\tif( 0 < login_username.trim().length && 0 < login_password.trim().length ) {\n\n\t\t\t\t\t\tfetch('https:\/\/dev459dxvg9.wijaam.com\/ajax.php', {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: { 'Content-Type': 'application\/json', },\n\t\t\t\tbody: JSON.stringify({ login_username: login_username, login_password: login_password, ajax:'login-user'})\n\t\t\t})\n\t\t\t.then(response => {\n\t\t\t \t\t\t\tif (!response.ok) {\n\t\t\t\t\tthrow new Error(`HTTP error! status: ${response.status}`);\n\t\t\t\t}\n\t\t\t\t\t\t\t\treturn response.json();\n\t\t\t})\n\t\t\t.then(datas => {\n\n \t\t\t\tif( true == datas.islogged ) {\n\t\t\t\t \t\t\t\t\tdocument.getElementById('nav-usermenu').innerHTML = datas.usermenu;\n\n\t\t\t\t \t\t if ( !document.getElementById('csstheme').href.includes(datas.usertheme)) {\n\n\t console.log('> le theme dans la config est diff\u00e9rent du theme avant login, on applique le theme de la config :\"'+datas.usertheme+'\" ...');\n document.getElementById('usermenuThemeSwitcherIcon').classList.remove('icon-theme-dark');\n document.getElementById('usermenuThemeSwitcherIcon').classList.remove('icon-theme-light');\n\t\t document.getElementById('usermenuThemeSwitcherIcon').classList.add('icon-'+datas.usertheme);\n document.getElementById('csstheme').href = \"https:\/\/dev459dxvg9.wijaam.com\/\"+datas.usertheme+\".css\";\n\t\t\t\t }\n\n\t\t\t\t}\n\n loadUserTools('chords');\n\n\t\t\t\t\t \t\t\tconst popbox = document.getElementById('popbox');\n\t\t \t\tpopbox.classList = datas.status;\n\t\t \t\tpopbox.innerHTML = datas.popboxmsg;\n\t \t\t\tpopbox.style.display='block';\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t popbox.style.display='none'\n\t\t\t\t}, 2000);\n\n\t\t\t\t\t\t}).catch(error => {\n console.error('Error :', error);\n\t\t\t\n\t\t }).finally(() => {\n\n\t\t });\n\t\t}\n\t}\n\n\tfunction logoutUser() {\n\n\t console.log('> logoutUser () start...');\n \n\n\t\t\t\tfetch('https:\/\/dev459dxvg9.wijaam.com\/ajax.php', {\n\t\t\tmethod: 'POST',\n\t\t\theaders: { 'Content-Type': 'application\/json', },\n\t\t\tbody: JSON.stringify({ ajax:'logout-user'})\n\t\t})\n\t\t.then(response => {\n\n\t\t \t\t\tif (!response.ok) {\n\t\t\t\tthrow new Error(`HTTP error! status: ${response.status}`);\n\t\t\t}\n\n\t\t\t\t\t\treturn response.json();\n\t\t})\n\t\t.then(datas => {\n\n\t\t\tif( false == datas.islogged ) {\n\t\t\t\tdocument.getElementById('nav-usermenu').innerHTML = datas.usermenu;\n\t\t\t}\n\n\t\t\t\t\t\tconst usertoolElements = document.getElementsByClassName(\"usertools\");\n\t\t\tfor (const el of usertoolElements) {\n el.innerHTML = '';\n }\n\n\t \t\tconst popbox = document.getElementById('popbox');\n\t\t \tpopbox.classList = datas.status;\n\t\t \tpopbox.innerHTML = datas.popboxmsg;\n\t \t\tpopbox.style.display='block';\n\t\t\tsetTimeout(() => {\n\t\t\t popbox.style.display='none'\n\t\t\t}, 2000);\n\n\n\t\t\t\t\t\twindow.location.href = \"https:\/\/dev459dxvg9.wijaam.com\";\n\n\t\t\t\n\n\t\t\t\t}).catch(error => {\n console.error('Error :', error);\n\t\t\n\t\t}).finally(() => {\n\n\t });\n\t}\n\n\t\tfunction loadUser(callbacks) {\n\n console.log('> loadUser () start...');\n \n\n\t\t\t\tfetch('https:\/\/dev459dxvg9.wijaam.com\/ajax.php', {\n\t\t\tmethod: 'POST',\n\t\t\theaders: { 'Content-Type': 'application\/json', },\n\t\t\tbody: JSON.stringify({ ajax:'load-user'})\n\t\t})\n\t\t.then(response => {\n\n\t\t \t\t\tif (!response.ok) {\n\t\t\t\tthrow new Error(`HTTP error! status: ${response.status}`);\n\t\t\t}\n\n\t\t\t\t\t\treturn response.json();\n\t\t})\n\t\t.then(datas => {\n\n\t\t\t\t\t\tdocument.getElementById('nav-usermenu').innerHTML = datas.usermenu;\n\n if ( 'function' === typeof setSongBookmark ) {\n setSongBookmark();\n }\n\n if ( 'function' === typeof setSongTextsize ) {\n setSongTextsize();\n }\n\n if ( 'function' === typeof setSongDatasInstrumentsDisplay ) {\n setSongDatasInstrumentsDisplay();\n }\n\n if( 'success' == datas.status && callbacks ) {\n execCallbacks(callbacks);\n }\n\n\t\t\t\t}).catch(error => {\n console.error('Error :', error);\n\t\t\n\t\t}).finally(() => {\n\n });\n\t}\n\n\t\tfunction loadUserTools(page) {\n\n\t console.log('> loadUserTools () start...');\n \n\t\t\t\tfetch('https:\/\/dev459dxvg9.wijaam.com\/ajax.php', {\n\t\t\tmethod: 'POST',\n\t\t\theaders: { 'Content-Type': 'application\/json', },\n\t\t\tbody: JSON.stringify({ page:page, url:'https:\/\/dev459dxvg9.wijaam.com\/chords\/D\/mmaj7', ajax:'load-usertools'})\n\t\t})\n\t\t.then(response => {\n\n\t\t \t\t\tif (!response.ok) {\n\t\t\t\tthrow new Error(`HTTP error! status: ${response.status}`);\n\t\t\t}\n\n\t\t\t\t\t\treturn response.json();\n\t\t})\n\t\t.then(datas => {\n\n\n\t console.log(datas.debugmsg);\n \n\n\n\t\t\t\t\t\tif( datas.usertools ) {\n\n\t\t\t \t\t\t if( datas.usertools.HTML ) {\n\t\t\t for (const usertoolHtml of datas.usertools.HTML) {\n\n console.log('> Un user tool HTML a ins\u00e9rer dans : '+usertoolHtml.target);\n \n\t\t\t if( document.getElementById(usertoolHtml.target) ) {\n\t\t\t document.getElementById(usertoolHtml.target).innerHTML += usertoolHtml.HTML;\n\t\t\t document.getElementById(usertoolHtml.target).style.display = usertoolHtml.display;\n\t\t }\n }\n\t\t\t }\n\n\t\t\t \t\t\t if( datas.usertools.JS ) {\n for (let i = 0; i < datas.usertools.JS.length; i++) {\n\n console.log('> Un user tool JS a ins\u00e9rer : '+datas.usertools.JS[i].name);\n \n if ( ! 'function' !== typeof datas.usertools.JS[i].name ) {\n\n var userToolScript = document.createElement('script');\n userToolScript.type = 'text\/javascript';\n\n userToolScript.text = datas.usertools.JS[i].script.replace(\/<\\\/?script[^>]*>\/gi, '');\n document.body.appendChild(userToolScript);\n }\n\n }\n\n\t\t\t }\n\n }\n\n\t \t\t}).catch(error => {\n console.error('Error :', error);\n\t\t\n\t\t}).finally(() => {\n\n });\n\t}\n\n function reloadPage() {\n if( document.fullscreenElement ) {\n console.log('> Refresh de la page en AJAX');\n fullscreenReload();\n\n } else {\n location.reload();\n }\n }\n\n\tfunction getSigninbox() {\n\n console.log('> getSigninbox () start...');\n \n ajaxer('get-signinbox');\n\t}\n\n\tfunction getSigninboxCallback(signinboxDatas) {\n\n console.log('> getSigninboxCallback () start...');\n console.log(signinboxDatas['HTML']);\n addScripts(signinboxDatas['JS']);\n popBox(false,false,signinboxDatas['HTML']);\n\n\n\n\t}\n\n\tfunction toggleDisplayableElement(triggeredElement) {\n\n console.log('> toggleDisplayableElement () start...');\n \n\t\ttargetId = triggeredElement.getAttribute(\"data-target\");\n\t\ttargetElement = document.getElementById(targetId);\n\n\t\t\t\t\t\tif( !triggeredElement.hasAttribute('data-keepdisplayables') ) {\n hiddeAllDisplayablesElements();\n\t\t}\n\n\t\tconst submenuButtons = document.getElementsByClassName(\"button-submenu\");\n\t\tfor (let j = 0; j < submenuButtons.length; j++) {\n\t\t\tsubmenuButtons[j].classList.remove('button-submenu-active');\n\t\t}\n\n\n\t\ttargetId = triggeredElement.getAttribute(\"data-target\");\n\t\ttargetElement = document.getElementById(targetId);\n\t\ttargetDisplay = targetElement.getAttribute(\"data-display\");\n\t\tfocusElement = document.getElementById(triggeredElement.getAttribute(\"data-focus\"));\n\n\t\t\t\tif( 'none' == window.getComputedStyle(targetElement).display ) {\n\n\t\t\ttargetElement.style.display = targetDisplay;\n\t\t\ttriggeredElement.classList.add('button-submenu-active');\n\t\t\tif( focusElement ) {\n focusElement.focus();\n\t\t\t}\n\n\n\t\t} else {\n\n\t\t\ttargetElement.style.display = \"none\";\n\t\t}\n\t}\n\n\tfunction hiddeAllDisplayablesElements() {\n\n console.log('> hiddeAllDisplayablesElements () start...');\n \n\t\tconst displayabalesElements = document.getElementsByClassName(\"displayable\");\n\n\t\tfor (let j = 0; j < displayabalesElements.length; j++) {\n\t\t\t\tdisplayabalesElements[j].style.display = \"none\";\n\t\t}\n\n\t\tconst submenuButtons = document.getElementsByClassName(\"button-submenu\");\n\t\t\t\tfor (let j = 0; j < submenuButtons.length; j++) {\n\t\t\t\t\t\t \t\t \tsubmenuButtons[j].classList.remove('button-submenu-active');\n\t\t \t\t}\n\n \t document.getElementById('popbox').innerHTML = '';\n\n\n\t}\n\n \tfunction popBox(triggeredElement=false, triggeredEvent=false, htmlContent=false, displayTimer=false) {\n\n console.log('> popbox () start...');\n \n\t \t hiddeAllDisplayablesElements();\n\n\t popbox = document.getElementById('popbox');\n\n\t \t if( false !== htmlContent ) {\n\n console.log('> Popbox with direct HTML Content');\n \t popbox.innerHTML = htmlContent;\n\t popbox.style.display = 'block';\n\n\t \t } else {\n\t contentElement = document.getElementById(triggeredElement.getAttribute('data-content'));\n console.log('>' + triggeredElement.getAttribute('data-content'));\n \t popbox.innerHTML = contentElement.innerHTML;\n\t\t popbox.className = contentElement.getAttribute('data-style') + ' displayable';\n\t popbox.style.display = contentElement.getAttribute('data-display');\n\n\t }\n\t}\n\n function confirmBox(triggeredElement) {\n\n console.log('> confirmBox () start...');\n \n\t\t\t\t popbox = document.getElementById(\"popbox\");\n \t popbox.innerHTML = '<div id=\"confirmBoxTitle\">'+triggeredElement.getAttribute('data-confirmboxcontent')+'<\/div>';\n \t popbox.innerHTML += '<div id=\"confirmBoxButtons\"><input type=\"button\" class=\"niceinput\" id=\"confirmBoxYes\" value=\"Oui\"><input type=\"button\" class=\"niceinput\" id=\"confirmBoxNo\" value=\"Non\"><\/div>';\n\t\tpopbox.className = 'classic displayable';\n \t popbox.style.display = 'block';\n\n \t \t function confirmBoxYesHandler(triggeredElement) {\n \t \t window[triggeredElement.getAttribute('data-callback')](triggeredElement);\n document.getElementById('confirmBoxYes').removeEventListener('click',confirmBoxYesHandler);\n document.getElementById('confirmBoxNo').removeEventListener('click',confirmBoxNoHandler);\n\t\t hiddeAllDisplayablesElements();\n }\n \t document.getElementById('confirmBoxYes').addEventListener('click',() => confirmBoxYesHandler(triggeredElement));\n\n \t \t function confirmBoxNoHandler() {\n document.getElementById('confirmBoxYes').removeEventListener('click',confirmBoxYesHandler);\n document.getElementById('confirmBoxNo').removeEventListener('click',confirmBoxNoHandler);\n\t\t hiddeAllDisplayablesElements();\n }\n \t document.getElementById('confirmBoxNo').addEventListener('click', confirmBoxNoHandler);\n\n\t}\n\n\n function inputsBox(triggeredElement) {\n\n console.log('> inputsBox () start...');\n \n\t\t\t\t popbox = document.getElementById(\"popbox\");\n \t popbox.innerHTML = '<div id=\"inputsBoxTitle\"><b>'+triggeredElement.getAttribute('data-inputsboxtitle')+'<\/b><\/div>';\n\n \t popbox.innerHTML += '<div id=\"inputsBoxContent\">'+document.getElementById(triggeredElement.getAttribute('data-inputsboxcontent')).innerHTML+'<\/div>';\n\n \t popbox.innerHTML += '<div id=\"inputsBoxSubmit\"><input type=\"button\" class=\"niceinput\" id=\"inputsBoxSubmit\" value=\"'+triggeredElement.getAttribute('data-inputsboxsubmit')+'\"><\/div>';\n\t\tpopbox.className = 'classic displayable';\n \t popbox.style.display = 'block';\n\n\n console.log('> '+popbox.style.display);\n \n\n \t \t function inputsBoxSubmitHandler(triggeredElement) {\n\n console.log('> inputsBoxSubmitHandler () start... ');\n \n const allInputs = document.getElementById('inputsBoxContent').querySelectorAll('input, select, textarea');\n\n \t \t window[triggeredElement.getAttribute('data-callback')](triggeredElement,allInputs);\n document.getElementById('inputsBoxSubmit').removeEventListener('click',inputsBoxSubmitHandler);\n\t\t hiddeAllDisplayablesElements();\n\n }\n \t document.getElementById('inputsBoxSubmit').addEventListener('click',() => inputsBoxSubmitHandler(triggeredElement));\n\t}\n\n\n\tfunction addRemoveSongFromPlaylist(triggeredElement) {\n\n console.log('> addRemoveSongFromPlaylist () start...');\n \n const playlistId = triggeredElement.getAttribute('data-playlistid');\n const songId = triggeredElement.getAttribute('data-songid');\n const ajaxdatas= {\"playlistid\":playlistId,\"songid\":songId};\n ajaxer('addremovesong-userplaylist',ajaxdatas, ['loadUser']);\n\n }\n\n function addUserPlaylistFromPlaylistsBox() {\n\n console.log('addUserPlaylistFromPlaylistsBox() started...');\n \n const playlistname = document.getElementById('popbox').getElementsByClassName('userplaylistBox-newplaylistname')[0].value;\n const playlistvisibility = document.getElementById('popbox').getElementsByClassName('userplaylistBox-newplaylistvisibility')[0].checked;\n\n const ajaxdatas= {\"playlistname\":playlistname,\"playlistvisibility\":playlistvisibility};\n ajaxer('add-userplaylist',ajaxdatas, ['addUserPlaylistFromPlaylistsBoxCallback1']);\n\n }\n function addUserPlaylistFromPlaylistsBoxCallback1() {\n\n if( document.getElementById('popbox').classList.contains('playlistsboxwithcheckbox') ) {\n loadUser(['addUserPlaylistFromPlaylistsBoxCallback2']);\n\n } else {\n loadUser(['addUserPlaylistFromPlaylistsBoxCallback3']);\n }\n }\n function addUserPlaylistFromPlaylistsBoxCallback2() {\n songBookmarking(document.getElementById('song-bookmarkbutton-icon'));\n }\n function addUserPlaylistFromPlaylistsBoxCallback3() {\n popBox(document.getElementById('nav-usermenu-myplaylistsbutton'));\n }\n\n\n\tfunction shareorcopy(triggeredElement) {\n\n console.log('> shareorcopy () start...');\n \n const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent)\n || ('ontouchstart' in window);\n\n if (isMobile && navigator.share) {\n\n navigator.share({\n title: 'Wijaam.com',\n text: triggeredElement.getAttribute('data-mobilemessage'),\n url: triggeredElement.getAttribute('data-url')\n }).catch(console.error);\n } else {\n\n navigator.clipboard.writeText(triggeredElement.getAttribute('data-url'))\n .then(() => {\n \t\t \t\t\tconst popbox = document.getElementById('popbox');\n\t\t \t\tpopbox.className = 'classic';\n\t\t \t\tpopbox.innerHTML = triggeredElement.getAttribute('data-message');\n\t \t\t\tpopbox.style.display='block';\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t popbox.style.display='none'\n\t\t\t\t}, 2000);\n\n\n \t\t }).catch(error => {\n console.error('Failed to copy link in clipboard: :', error);\n\t\t \t\t });\n }\n\t}\n\n\n\n<\/script>\n<\/body>\n<\/html>\n\n","cache_date":"2026-06-13 15:09:08"}<br><br>1