最近の検索

最近の検索はありません

Suriyan Schock's Avatar

Suriyan Schock

参加日2021年4月16日

·

前回のアクティビティ2022年2月02日

フォロー中

0

フォロワー

0

合計アクティビティ

6

投票

0

受信登録

2

アクティビティの概要

さんの最近のアクティビティ Suriyan Schock

Suriyan Schockさんがコメントを作成しました:

コミュニティのコメント Discussion - Tips and best practices from the community
コミュニティ

Hi, does anyone have the same problem with the CSS like we have with this type of announcement?
This type of message should be standard enough for the CSS to work properly but it doesn't, especially on different screen-sizes!

Does anyone have a suggestion to how I should fix this in the CSS file so longer announcement-texts can be displayed in a nice way rather than showing this kind of mess?

コメントを表示 · 投稿日時：2021年4月08日 · Suriyan Schock

0

フォロワー

0

投票

0

コメント

Suriyan Schockさんがコメントを作成しました:

コミュニティのコメント Discussion - Tips and best practices from the community
コミュニティ

Hi, the only solution in my case turned out to be in the script.js file, the original one kept giving me "$ is not defined".

But with these added code-lines and changes to the original codes - It all now works properly!
This whole code-section is in its own scope and at the very bottom of the script.js file.

Note that using the labels "alert" or ""alert"" works just the same ( alert or "alert" typed in as label both works , just to clarify ).

I hope this info can help any other, that may come across the same issues that I've experienced before finally fixing it like this!
*********************************************************

// MW-Notification Banner
   function httpGetAsync(theUrl, callback)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            callback(xmlHttp.responseText);
    }
    xmlHttp.open("GET", theUrl, true); // true for asynchronous 
    xmlHttp.send(null);
}
function httpGet(theUrl)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
    xmlHttp.send( null );
    return xmlHttp.responseText;
}
  function alert( data ) { 
    console.log(JSON.parse(data).articles);
    var alertBox = document.querySelector(".alertbox");
    var articles = JSON.parse(data).articles
    articles.forEach((item, index) => {
      console.log(index);
      var style1 = '

' + item.title + '' + item.body + '

'
      console.log(style1);
      
      var newNode = document.createElement('div');
            newNode.innerHTML = style1;
      alertBox.appendChild(newNode);
      
    })
   
  };
  var url = "/api/v2/help_center/articles.json?label_names=alert";
  httpGetAsync(url, alert);

*********************************************************
Thank you for your efforts to help me at any rate:
Krista Martin , Kyle B and Alejandro Colon

コメントを表示 · 投稿日時：2021年3月12日 · Suriyan Schock

0

フォロワー

0

投票

0

コメント

Suriyan Schockさんがコメントを作成しました:

コミュニティのコメント Discussion - Tips and best practices from the community
コミュニティ

Hi everyone,
I hope someone can help me with this!

I've been trying to implement this add-on on our website based on the Copenhagen theme many times over, following the instructions to the dot each time but I've been unsuccessful so far!

I keep getting the same error message in the console:

I can at least see the alert div-box when inspecting the site but that alert-box is totally empty and doesn't show anything, even though I've created many articles by now, with the label: "alert" and made it so that everyone should be able to see it, not only admins and agents.

I've also experimented with the ways I implement the codes, like for example, pasting the JS code at the very top or at the very bottom, nothing changes, still getting the very same error.

Has anyone else experienced this? Have I missed something?

コメントを表示 · 投稿日時：2021年3月05日 · Suriyan Schock

0

フォロワー

0

投票

0

コメント

Suriyan Schockさんがコメントを作成しました:

コミュニティのコメント Feedback - Help Center (Guide)
コミュニティ

+1
This would be great to have as a native feature!

コメントを表示 · 投稿日時：2021年3月04日 · Suriyan Schock

0

フォロワー

0

投票

0

コメント