1

Apps Script htmlservice フォーム処理の例 jquery を実装する方法の例を探しています。Google ドキュメントでは不十分です ( https://developers.google.com/apps-script/guides/html-service )。

4

1 に答える 1

0

以下のリンクに、Html サービスで JQuery とカルーセルを使用する例があります。

https://script.google.com/d/1Qk3-RG9ilqeOsDgQIC5xcMXNs8Y5hhoViNptCry5GRhlFGu14JaPmzWy/edit?usp=sharing

どんなトラブルでも私に知らせてください。

-- 生のコード: -- ページ

<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>

<div id="carousel-example-generic" class="carousel slide">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="https://si0.twimg.com/profile_images/2042490978/SRC_HiRes_RGB_Twitter.jpg" alt="Teste">
      <div class="carousel-caption">
        Abc
      </div>
    </div>
    <div class="item ">
      <img src="https://www.src.org/web/img/src-logo-print.png" alt="Teste 2">
      <div class="carousel-caption">
        Abc 2
      </div>
    </div>
        <div class="item ">
      <img src="https://si0.twimg.com/profile_images/2042490978/SRC_HiRes_RGB_Twitter.jpg" alt="Teste 3">
      <div class="carousel-caption">
        Abc 3
      </div>
    </div>    
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>
<script>
$('.carousel').carousel();
</script>

-- Apps スクリプト

function doGet() {
  return HtmlService.createTemplateFromFile("pag.html").evaluate().setSandboxMode(HtmlService.SandboxMode.NATIVE);
}
于 2013-09-28T16:56:54.053 に答える