Сворачиваемый список сайтов Google

Я нашел несколько ресурсов, которые предположительно показывают, как сделать сворачиваемый список в Google Sites, но, похоже, ничего не работает. Я попытался вставить блок HTML на сайт, а также изменить исходный код HTML. Кажется, что Сайты Google просто удаляют любой javascript. Есть ли способ обойти это, есть ли у Google функция, позволяющая это сделать (это не шаблон списка, который не подойдет для моих целей)?

Вот ресурсы, которые я пробовал:

tutorials.seowebpower.com/google-sites-advanced/collapsible-table

site.cognitivescience.co/knowledgebase/resources/using-google-sites/creating-information-rich-gsites-pages

Как создать расширяемую страницу часто задаваемых вопросов в HTML?

support.google.com/sites/search?q=list


javascript html google-sites
person Stalp    schedule 13.09.2016    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я поиграл с одним из ответов в связанном вопросе, и, похоже, теперь он работает для меня, давая два вопроса со скрытыми ответами, которые переключают скрытие/отображение, вы сможете настроить это так, чтобы он был складным списком после того, как функция скрытия/отображения есть.

Это в htmlbox

<script>
function toggleElement(myid)
{
    if(document.getElementById(myid).style.display == 'none')
    {
        document.getElementById(myid).style.display = 'block';
    }
    else
    {
        document.getElementById(myid).style.display = 'none';
    }
}
</script>

<hr>
<button id="q1">Is this question one?</button>

<div id="a1" style="display:none">
This is the first answer.
</div>
<script>
document.getElementById('q1').onclick=function(event) {toggleElement("a1"); };
</script>

<hr>

<button id="q2">Is this question two?</button>

<div id="a2" style="display:none">
This is the second answer.
</div>
<script>
document.getElementById('q2').onclick=function(event) {toggleElement("a2"); };
</script>

<hr>

увидеть его в действии на

https://sites.google.com/site/dpcarlisle/fold

(первый щелчок занимает целую вечность, чтобы вещи загружались здесь, не уверен, что сайты Google позволяют достаточно javascript для предварительной загрузки вещей, но после первого использования он работает, как и ожидалось)

person David Carlisle    schedule 13.09.2016
comment
Спасибо, Дэвид! Я должен быть в состоянии работать с этим. Я ценю его. - person Stalp; 14.09.2016

arrow_upward
0
arrow_downward

  • Документация представлена ​​в https://developers.google.com/apps-script/guides/html/ может вам помочь.
  • После создания обычного сворачиваемого списка JavaScript код необходимо вставить в файл Index.html.
  • Получив файлы Code.gs и Index.html, опубликуйте проект: Publish → Deploy as Web app и выберите «Anyone, even anonymous».
  • Скопируйте «Current web app URL:» и вставьте его на свою страницу Сайтов Google: Insert → Apps Script.

Код.gs

function doGet() {
  return HtmlService.createHtmlOutputFromFile('Index');
}

Индекс.html

<!DOCTYPE html>
<html>
<head>
  <base target="_top">
</head>
<body>
  <!-- YOUR JAVASCRIPT CODE GOES HERE -->
</body>
</html>
person Community    schedule 24.08.2019