Как скрыть элемент HTML от появления на других страницах только для настольных компьютеров?

Question

У меня возникла ситуация, когда я создаю сайт через CMS и используя обертки страниц. Оболочки страниц css/html и т. Д. Будут применяться ко всем страницам, поэтому, если я создам настраиваемую кнопку, которую я называю «Начать сборщик денег», эта кнопка появляется на всех страницах. Мне было интересно, есть ли метод javascript или что-то еще, что могло бы скрыть его с других страниц или заставить его появляться только на странице приветствия, предпочтительно на рабочем столе только с тем, как оно отображается на мобильных телефонах, это выглядит фантастически, но если что усложняет его, я тоже спрятал его на других страницах мобильной версии.

Test Page < == моя тестовая страница здесь, если вы пошли в «Подробнее» вкладку и открыл раскрывающиеся меню, старт кнопка сбор средств будет тянуть вниз оттуда, где он сидел.

Теперь CMS имеет возможность создавать различные условные операторы, но это наиболее запутанной вещь когда-либо, вот пример:

Simple Tests 
If the test case matches, do one thing or do nothing: 
[[?xx[[S1:first_name]]xx::xxBobxx::Hi, Bob!::]] 
If the first_name is Bob, render "Hi, Bob!", if not, render nothing. 
If the test case matches, do one thing or do another thing: 
[[?xx[[S1:first_name]]xx::xxBobxx::Hi, Bob!::Hello.]] 
If the first_name is Bob, render "Hi, Bob!", if not, render "Hello." 

В настоящее время существует более 100 S-тегов, и ни один из них конкретно говорят «спрятаться» или что-то в этом роде, поэтому он проходит через каждый из них, потому что у них очень общие названия, поэтому в то же время я надеялся на какое-то решение, чтобы ускорить процесс.

И их обслуживание клиентов не помогло LOL, дал мне ссылки на код, который я опубликовал выше.

EDIT Это было доведено до моего сведения, что возможно, что CMS использует PHP, однако у меня есть доступ к ни один из HTML документов, поэтому я не могу проверить, если используются PHP теги , На странице обертку, хотя, я могу назвать HTML документ, мне нужно с помощью этой команды S-тег:

[[S63: 3]]

и тянет все содержимое тела. Поэтому я не могу сказать, использует ли он PHP или нет. Система CMS называется Luminate Online (в настоящее время принадлежит Blackbaud)

Вот изображение того, как подключаются данные и как выполняется обтекатель страниц. Он говорит, что HTML-код слева, но это не так, его в основном оболочка стиля, которая применяется к любой странице html, которая ее использует, тот, кто ее установил, создал контент в другом месте, недоступном, и этот человек больше не с нами.

Если Вам необходима дополнительная информация, пожалуйста, не стесняйтесь спрашивать! я буду предоставлять то, что могу!

Любое предложение приветствуется! Спасибо за ваше время.

Answer 1

Вот решение JavaScript предполагается, что ваша кнопка имеет идентификатор:

// Set your target url 
    var url = 'http://yourdomain.com/targeturl'; 

    if (document.URL == url){ 
     // If it is the target show the button 
     document.getElementById("x").style.display = 'block'; 
    }else{ 
     // If it is not the target page hide the button 
     document.getElementById("x").style.display = 'none !important'; 
    } 

CSS-решение, чтобы скрыть кнопку на любую ширину устройства, кроме рабочего стола:

#x { 
     display: none; 
    } 
    @media (min-width: 992px) { 
     #x { 
     display: block; 
     } 
    } 

переключитесь "x" к идентификатор кнопки.

---

Вот альтернатива JQuery с конкретным URL и идентификаторы:

var url = "http://convio.cancer.ca/site/TR?fr_id=21959&pg=entry"; 
    if (window.location.href == url){ 
     $('#hmpgonly').css('display', 'block'); 
    } else { 
     $('#hmpgonly').css('display', 'none !important'); 
    } 

На этой странице он будет отображаться на кнопке, на всех остальных она должна удалить его. Я тестировал это на консоли после загрузки страницы.

Answer 2

Похоже, вы используете PhP, чтобы сделать что-то подобное.

Показать на всех страницах, но "/ сайт/TR/События/Общие /" один

if ($_SERVER['SCRIPT_NAME'] != '/site/TR/Events/General/index.php') { 
    ///code here 
} 

Показать на просто "/ сайт/TR/События/Общие /" страницу

if ($_SERVER['SCRIPT_NAME'] == '/site/TR/Events/General/index.php') { 
    ///code here 
} 

Мне нравится использовать $_SERVER['SCRIPT_NAME'], так как он показывает базовый путь, который устраняет проблемы с динамическими путями, такими как /dir/?this=that&that=this.