Skip to content
[Docs]스프레드시트
2016.08.13 08:26

구글 스프레드시트 설문지 내맘대로 수정하기

조회 수 11616 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부


구글 스프레드시트 설문지 내맘대로 수정하기


설문지 양식이 마음에 안들어 HTML 자체제작으로 형식을 변경하고 싶었습니다.

그런데 정말이지 초보자에게는 쉽지않은 터라 포기하던 중

우연히 SPREADSHEETS DATABASE 라고 검색하다가 쉽게 변형할 수 있는 업로더가 있었습니다.

따라해보니 너무 잘 되네요.


이런식이라면 수정도 가능하겠습니다.


그리고importrange 변수로 데이터를 불러들이고, 

각각의 데이터에 수정버튼을 달아서 수정작업도 하고,

데이터 추가까지 가능하게 됩니다.


데이터 수정관련 동영상



으아,,,, 제가 바라던 건데요...


구글 드라이브로 사진 업로드까지 가능하다면???


혹시 소스 잘 건드리시는 분 홈페이지에 올려주시거나 메일로 소스 좀 주세요.


 



게시일: 2015. 9. 15.
Google forms are useful as a graphical user interface to input data into Google spreadsheets. But Google forms design and layout will not be editable when we embed it into a webpage. 

Here I've a solution to directly input data into Google spreadsheet from html form of a webpage which is more convenient for web hosting and webpages layout and design.

Next, I am planning to make a video on " How to query data (like SQL) of google spreadsheet ". If anyone interested/already has solution, you can post in comments.

Google spreadsheets to questionnaires, and collected in my heart.


If you think my video was useful, please subscribe to my channel and like.

For the source file click on the below link...


필요한 파일 다운로드 하기




설문지를 변형 하고자 하시던 분들은 설문지 작성까지는 다 하실꺼라 생각됩니다.

이후부터 설명해 보겠습니다.

제가 작성한 설문지


구글 스프레드시트 설문지.png


간단하게 텍스트입력으로 2가지 질문을 응답받는 설문지를 작성했습니다.



설문지양식 웹 소스보기

이 설문지 양식을 웹에서 띄운 후 소스보기를 합니다.

구글 스프레드시트 설문지 소스에서 정보추출하기.png



1. <form 부분에서 action= 주소를 찾아 복사합니다.


2. 질의1에 해당하는 entry뒤의 값을 복사합니다.

3. 질의2에 해당하는 entry뒤의 값을 복사합니다.


html to ss.html 파일 소스를 수정하기


<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script>
function postContactToGoogle() {
var fullname=$('#fullname').val();
var mobilenumber=$('#mobilenumber').val();
$.ajax({
url:"폼값전송할 주소입력",data:{"entry_질의1엔터리번호":fullname,"entry_질의2엔터리번호":mobilenumber,},type:"POST",dataType:"xml",statusCode: {0:function() { window.location.replace("thankyou.html");},200:function(){window.location.replace("thankyou.html");}}
});
}
</script>
<style>
.FormRequest {
background: lightyellow;
width:400px;
height:250px;
border:1px solid blue;
border-radius:10px 10px 10px 10px;
}
.FormRequest #formRequest{
margin-left:20px;
font-family:consolas;
color: blue;
}
.FormRequest #formRequest input[type="button"],input[type="reset"]{
border:1px solid green;
background: darkred;
color:white;
border-radius:3px 3px 3px 3px;
}
</style>
</head>
<body bgcolor="silver">



html문서로 값 전달하기

html to ss.html 을 실행해서 기록하면 테스트 설문지와 연동되는 시트에 글이 써집니다.

구글 스프레드시트 데이터 기록.png


ajax 설명글이 있는데 현재는 안되는 것 같네요.
여튼 이 방법은 현재까지 되고 있습니다.
#구글 #스프레드시트 #설문지 #내맘대로 #수정하기 #urin79
로그인 후 댓글쓰기가 가능합니다.

?

  1. 26
    Mar 2023
    08:12

    구글 스프레드시트에서 셀값이 특정일에서 현재일과 3일 이내의 범위에 들어오면 이메일을 발송하는 방법

    Category[Docs]스프레드시트 Views40257
    Read More
  2. 11
    Nov 2014
    08:12

    Google Spreadsheet (Docs) 에서 우리은행 환율정보 이용하기

    Category[Docs]스프레드시트 Views29867
    Read More
  3. 11
    Nov 2014
    08:17

    음력변환

    Category[Docs]스프레드시트 Views17849
    Read More
  4. 06
    Aug 2016
    12:05

    Google SpeadSheet 조건에 맞는 데이터만 참조하여 가져오기(importrange, Query)

    Category[Docs]스프레드시트 Views12928
    Read More
  5. 31
    Aug 2018
    21:05

    구글캘린더 CSV 파일로 일괄 기록하기

    Category[Docs]스프레드시트 Views12222
    Read More
  6. 13
    Aug 2016
    08:26

    구글 스프레드시트 설문지 내맘대로 수정하기

    Category[Docs]스프레드시트 Views11616
    Read More
  7. 30
    Apr 2017
    10:17

    구글 스프레드시트를 이용한 지메일 예약발송 방법

    Category[Docs]스프레드시트 Views10788
    Read More
  8. 25
    Jan 2018
    13:07

    스프레드시트 autohotkey html gmail 스마트폰 이용하여 핑로스 즉시 알림받기

    Category[Docs]스프레드시트 Views10576
    Read More
  9. 24
    Mar 2023
    17:36

    구글 스프레드시트에서 O열=입금완료 가 있는 행은 행 전체가 노란색으로 변하게 하기

    Category[Docs]스프레드시트 Views10046
    Read More
  10. 19
    Jan 2018
    16:29

    스프레드시트의 내용이 수정될 경우 즉시 메일발송하는 스크립트 테스트 중

    Category[Docs]스프레드시트 Views7526
    Read More
  11. 09
    Jan 2019
    09:25

    구글 앱스 스크립트(Google Apps Script) 외부에서 실행하기

    Category[Docs]스프레드시트 Views7027
    Read More
  12. 23
    Jan 2018
    21:59

    google spreadsheets html form post로 전달받기

    Category[Docs]스프레드시트 Views6858
    Read More
  13. 09
    Jan 2019
    09:24

    구글 앱스 스크립트(Google Apps Script) 외부에서 실행하기

    Category[Docs]스프레드시트 Views6802
    Read More
  14. 13
    Jan 2018
    12:51

    구글 스프레드시트 ajax POST를 통한 기록 따라해보기

    Category[Docs]스프레드시트 Views6662
    Read More
  15. 26
    Jan 2022
    19:45

    [구글스프레드시트] 현재의 셀주소 참조(address, cell)

    Category[Docs]스프레드시트 Views6343
    Read More
  16. 06
    Aug 2016
    11:46

    구글 드라이브에서 다른 파일 데이터 참조하기

    Category[Docs]스프레드시트 Views6323
    Read More
  17. 26
    Sep 2021
    22:54

    구글 스프레드시트 쿼리 사용하기 #3 날짜편

    Category[Docs]스프레드시트 Views6131
    Read More
  18. 08
    Aug 2016
    00:03

    스프레드시트 api append & update php 셀 내용 수정

    Category[Docs]스프레드시트 Views5312
    Read More
  19. 20
    Jul 2015
    23:07

    구글 스프레드시트(Google Spreadsheet)를 데이터베이스로 활용하기

    Category[Docs]스프레드시트 Views5077
    Read More
  20. 26
    Dec 2020
    16:10

    스프레드시트 스크립트 소스

    Category[Docs]스프레드시트 Views4864
    Read More
Board Pagination Prev 1 2 Next
/ 2

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소