<button
style="HEIGHT: 80pt;color: rgb(0, 0, 0); background:rgb(240,240,240); font-size:1.7em; border-radius:0.2em; padding:5px 10px;"
onclick="location.href='isolation.html'">버튼이름<br>(버튼설명)</button >
현재는 위와 같은 문구를 썼습니다.
위 버튼을 클릭하면 isolation.html 페이지가 열리도록 해서 잘 작동하는데
해당 페이지가 스프레드시트로 크롤링한 페이지라 가끔 크롤링이 먹통이되어 있습니다.
결국
먹통된 구글스프레드시트를 임의로 새로고침 효과를 주기위해
구글설문을 만들어 응답이 해당시트로 수집되게 해서 그 설문 값이 채워져 제출되는 링크로 아래예시처럼 구현했습니다.
물론, 설문제출받아도 스프레드시트의 웹에 게시하는 5분 간격이 있긴 하지만 그래도 먹통되어 수동으로 스프레드시트 열기전까지 멈춰 있는 것 보단 좋을 것 같은데
위 html에 어떻게 추가로 쓸 수 있나요?
https://docs.google.com/forms/d/e/~~~~~=R
<button
style="HEIGHT: 80pt;color: rgb(0, 0, 0); background:rgb(240,240,240); font-size:1.7em; border-radius:0.2em; padding:5px 10px;"
onclick="location.href='isolation.html', 'https://docs.google.com/forms/d/e/~~~~~=R'
">버튼이름<br>(버튼설명)</button >
이렇게 하니 당연히 안되네요 ㅜㅜ
location 변경은 현재 창 변경이고, 새 창에 여는 건 window.open("주소");를 같이 넣으면 되긴 하는데,
한번의 액션에 과도하게 페이지를 열면, 웹브라우저가 팝업스팸으로 판단해서 스크립트 차단을 할 가능성이 높아집니다.
일단 버튼 4개를 상단에 나란히 두고 누를때 마다 하단의 화면만 바뀌는 구조로 했는데
하단의 화면이 구글스프레드시트를
<iframe src= 방식으로 만들어 불러오는 방식인데
겨우 html 꾸역꾸역 검색해서 만들다 보니 구글스프레드시트로 크롤링해서 조건부 서식 달아 예쁘게 표로 구성한 것을 다른방식으로 구현할 엄두는 안나고
좋은 방법이 없을까요?
페이지는 열리지만, 내용물이 이상한거라면.. 그냥 페이지가 먹통일때 누를 수 있는 새로고침이라는 버튼 따로 만드시는게 나을 듯 하네요.
결국 HTML로는 새로고침의 의미를 주는 방법은 그 구글스프레드시트에 침투(?)를 해야만 가능하다고 생각했는데
다른 방법이 있는건가요?
< - 상세 상황 ->
상단에 버튼만 존재하는 페이지와 하단의 iframe으로 불러온 페이지도 느리지만 정상처럼 보입니다.
다만 그 iframe으로 불러온 페이지는 구글스프레드시트의 화면인데
구글스프레드시트 화면이 예전 화면인지?
최신 화면인지? 구분이 안되어서 조건부서식으로 시각적 구분을 했습니다.
(스프레드시트 내에 =now() 함수와 크롤링한 시간을 표출하고 2개의 시간을 비교해서 10분이상 차이가 날 경우 조건부 서식으로 페이지 전체를 시커멓게 바꿔버리는 수식을 걸었습니다)
결국 웹페이지도 정상적으로 로딩은 됐고
구글스프레드시트도 iframe로 시커먼 화면을 정상적으로 불러온셈이 됩니다.
이런 경우 기다리면 해결되지만 간혹 24시간이 넘어도 그대로 인 경우가 있어
구글스프레드시트에 직접 들어가서 화면을 열고 기다리면 갑자기 업데이트가 됩니다;;
페이지 로딩은 되지만, 내부 컨텐츠의 내용이 문제라면, 도메인이 다른 페이지는 아예 접근 자체가 불가능하도록 브라우저 웹보안이 강화되어 있으므로,
그냥 사용자가 수동으로 누를 수 있는 새로고침 버튼을 별도로 만드는 방법 써야죠..
그 수동 새로고침을 만드려다 화면도 복잡하고 안누를 가능성(눌러도 5분 지연되는 한계로 직관적이지 않다보니..)때문에
기존 메뉴버튼 처럼 쓰이는 버튼을 누를때
2개의 액션을 줄까 생각해봤습니다.
그런데생각지 못한 팝업스팸 가능성을 말씀해주셔서 더 고민해봐야겠습니다.
늦은시간 친절한 조언 감사합니다^^