Задать вопрос
  • Как видео и аудио с яндекс диска или с облака маил.ру встроить на сайт?

    @NikolayNB Автор вопроса
    конечно залить на хост и воспроизводить это легче, но дороже. Пока нет таких финансовых возможностей заливать все хостинг.

    А как вытащить прямую ссылку? Я по полученной ссылки на расшаривания открываю страницу, правой кнопкой открываю просмотр кода. брал и код с плеером вставлял на сайт, и ссылку пытался копировать, но ни чего не получается.

    5ee0e6197a950528449161.jpeg
  • Как можно скрыть аккорды или тексты песен на сайте?

    @NikolayNB Автор вопроса
    У конкурентов реализовано так

    На странице такой код:

    <div class="chordsnav" ><a href="javascript:;" class="hidetext">Скрыть текст</a><a href="javascript:;" class="hidechords">Скрыть аккорды</a></div>
    <pre  data-key="G#" id="soungchord">
    Припев:
    G#m     G#m    H     F#/A#
    О-о-о-о
    C#m      G#m    H    F#/A#
    О-о-о-о
    
    Куплет:
    </pre>


    А в скрипте там вместе все в одном файле нашел следующее:

    /*!
     * jQuery Chord Transposer plugin v1.0
     * http://codegavin.com/projects/transposer
     *
     * Copyright 2010, Jesse Gavin
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://codegavin.com/license
     *
     * Date: Sat Jun 26 21:27:00 2010 -0600
     */
    
    
    Здесь код самого транспортера а далее:
    
    
    (jQuery);jQuery(document).ready(function(){
    	jQuery("#soungchord").transpose();each_str();
    	jQuery(".hidetext").click(function(){
    		var el_text=jQuery(this).html();if(el_text=='Скрыть текст'){
    	jQuery(this).html('Показать текст');if(jQuery('.chopds').length>0){
    	jQuery('#soungchord').html(ako)}else{jQuery('#soungchord').html('')}}
    	else{j(this).html('Скрыть текст');if(jQuery('.chopds').length>0){
    	jQuery('#soungchord').html(original)}
    	else{jQuery('#soungchord').html(ako)}}});
    	jQuery(".hidechords").click(function(){
    		var el_text=jQuery(this).html();if(el_text=='Скрыть аккорды'){
    	jQuery(this).html('Показать аккорды');if(jQuery('.text').length>0){
    	jQuery('#soungchord').html(texts)}
    	else{jQuery('#soungchord').html('')}}
    	else{jQuery(this).html('Скрыть аккорды');if(jQuery('.text').length>0){
    	jQuery('#soungchord').html(original)}else{jQuery('#soungchord').html(texts)}}});
    	var i;jQuery('#soungchord span').each(function(){
    		var t_id=jQuery(this).attr('class'),t_html=jQuery(this).html(),t_txt=t_html.toLowerCase();for(i=0;i<videlit.length;i++){
    		if(t_txt.indexOf(''+videlit[i]+'')!=-1)jQuery(this).html('<b style="color: #535353;text-transform: uppercase;font-weight:bold">'+t_html+'</b>');}});function each_str(){if(original=='')original=jQuery('#soungchord').html();
    		if(texts==''||ako==''){
    			var last_sp='',prob='',prip='';jQuery('#soungchord span').each(function(){
    		var t_id=jQuery(this).attr('class'),t_html=jQuery(this).html();
    		if(t_id=='text'&&t_html!=''){t_txt=t_html.toLowerCase();for(i=0;i<videlit.length;i++){
    		if(t_txt.indexOf(''+videlit[i]+'')!=-1){t_html=''+t_html+'';prip=''+t_html+'';}}
    texts=''+texts+'<span class="text" style="display:block;">'+t_html+'</span>';last_sp='texts';}
    if(t_id=='chopds'&&t_html!=''){
    	var pus='',pr='';if(prob=='1')pus='<span style="display:block;">&nbsp;</span>';if(prip!='')pr=prip;ako=''+ako+''+pus+''+pr+'<span class="chopds" style="display:block;white-space: pre-line;">'+t_html+'</span>';last_sp='ako';prob='';prip='';}
    if(t_html==''){if(last_sp=='ako')ako=''+ako+'<span style="display:block;">&nbsp;</span>';if(last_sp=='texts')texts=''+texts+'<span style="display:block;">&nbsp;</span>';prob='1';}})}}});


    Я пробовал вставлять этот код в 1 скрипт вместе с транспортером, и ставить тот же текст в html, но не работает скрытие текста.
  • Как можно скрыть аккорды или тексты песен на сайте?

    @NikolayNB Автор вопроса
    Благодарю за помощь. Сделал так как Вы посоветовали:

    <script type="text/javascript"> jQuery(document).ready(function($) {
      //Place code here
    
    $('.view_switcher').on('click', switchView)
    
    function switchView() {
    	let cls = $(this).data('class')
      let txt = cls == '_no_text'
      	? ['Скрыть текст', 'Показать текст']
        : ['Скрыть аккорды', 'Показать аккорды']
      
    	if ($('.section').hasClass(cls)) {
      	$('.section').removeClass(cls)
        $(this).text(txt[0])
      } else {
        $('.section').addClass(cls)
        $(this).text(txt[1])
      }
    }	
    });
    </script>


    И-и-и-и-и-и-и Вуа-а-ля заработало. Слава Богу.

    Но сразу возникли трудности:

    1. WP активно удаляет тег /span>, поэтому текст перестает скрываться.

    2. Не могу запустить jquery.transposer. Для его включения нужен такой тег: pre data-key="G#" > , а для сокрытия текстов нужен просто тег: pre >. А можно этот конфликт убрать и совместно заставить существовать? Да еще data-key="G#" меняется в зависимости от тональности произведения. Он может быть и data-key="F#" и data-key="D#" и куча других других ключей.
  • Как можно скрыть аккорды или тексты песен на сайте?

    @NikolayNB Автор вопроса
    Я просто немного модифицировал, обернул в div, тогда кнопки стали в ряд и в тег pre> добавил: pre data-key="G#" >, тогда появляется панель транспондера аккордов..
    Если скопировать как у вас:

    5e7c9d9f69bf6250170892.jpeg

    Тогда получается такая картина:

    5e7c9dbd6f2a6626619317.jpeg

    Но все равно кнопки не работают, не выключают ни текст, ни аккорды.

    И еще, когда вставляешь чистый тег pre> , почему-то ломается вся структура страницы. Все кладки и спойлеры, которые на странице перестают открываться.

    5e7ca075b8013176574457.jpeg

    Его я ставил, чтоб можно было проигрывать ноты на сайте. Но это сразу ломает всю страницу. Почему так происходит не знаете?
  • Как можно скрыть аккорды или тексты песен на сайте?

    @NikolayNB Автор вопроса
    Спасибо большое за помощь. Простите меня трудного. Сделал всё как в Вашем примере. На странице вставил код:

    5e7c43b685419282191224.jpeg

    CSS вставил в тему:

    5e7c43ef98159740937076.jpeg

    Подключил jquery в HEAD>:

    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1...">

    Скрипт поставил перед закрывающим тегом /BODY>:

    5e7c446914d3e970533809.jpeg

    И в итоге получилась такая картина:

    5e7c44a01814c745301749.jpeg

    Всё бы хорошо, но только кнопки не работают.

    Где и что я не правильно сделал? Сайт на движке WP
  • Как подключить код на странице сайте в WordPress?

    @NikolayNB Автор вопроса
    Kovalsky, Спасибо Вам большое за советы.
  • Как подключить код на странице сайте в WordPress?

    @NikolayNB Автор вопроса
    Kovalsky, Спасибо Вам большое. Вы меня рассмешили. Поговорили со мной на китайском :)). Еще бы я знал как это делать? До сих пор в жизни я с такими вещами не сталкивался и если бы не мой перфекционизм уже плюнул бы на все эти заморочки с кодом. На сегодняшний день у меня хорошо получается только "возьми вот, это и вставь туда", а как это все работает для меня темный лес. Так что у меня есть куда расти.
  • Как подключить jQuery плагин на WordPress?

    @NikolayNB Автор вопроса
    zorca, поставил, не работает почему то.
  • Как подключить код на странице сайте в WordPress?

    @NikolayNB Автор вопроса
    Kovalsky, Нужно на сайте через этот просмотрщик подключать ноты. Нот много, так чтобы на странице было минимально кода, для того чтоб загрузка была быстрее. Например в виде шорткод с ссылкой в нужном месте и все чтобы работало.
  • Как подключить код на странице сайте в WordPress?

    @NikolayNB Автор вопроса
    Kovalsky, Да они немного отличаются. music-sheet-viewer показывает только 1 страницу, а verovio полностью произведение. Сам проигрыватель более облагорожен. Есть возможность менять тональность, и даже редактировать произведение. Мне более понравился, но установить не могу. music-sheet-viewer встал без проблем, а с verovio бьюсь несколько дней, но без результатно.
  • Как подключить код на странице сайте в WordPress?

    @NikolayNB Автор вопроса
    Kovalsky, Спасибо, Я как раз со страницы этого плагина перешел на эту страницу. Этот просмотрщик более функционален и удобен в использовании. Лучше адаптируется под размер страницы, и может показывать не только первую страницу, но и все произведение.