This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div class="wrapper"> | |
<h1 class="heading">{{ msg }}</h1> | |
<ais-index | |
app-id=“アプリケーションID" | |
api-key=“APIキー" | |
index-name=“インデックス名" | |
> | |
<!-- 検索フォーム --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
全画像ダウンロード | |
*/ | |
function downloadAll() { | |
// 画像要素取得 | |
const imgLinks = document.querySelectorAll( | |
".swiper-container .swiper-slide img" | |
); | |
imgLinks.forEach((value, index) => { | |
const url = value.src; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
任意の画像ダウンロード | |
*/ | |
function download() { | |
// 画像要素取得 | |
const imgLinks = document.querySelectorAll( | |
".swiper-container .swiper-slide img" | |
); | |
// スライダー数取得 | |
const imgCount = imgLinks.length; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="p-form" action=""> | |
<!-- お問い合わせ内容 セレクトボックス --> | |
<div class="p-formGroup p-formGroup__select u-mb20"> | |
<label for="contactType">お問い合わせ内容</label> | |
<select name="" id="contactType"> | |
<option data-value="Webサイト構築" value="Webサイト構築">Webサイト構築</option> | |
<option data-value="SEO改善" value="SEO改善">SEO改善</option> | |
<option data-value="SNS運用" value="SNS運用">SNS運用</option> | |
<option data-value="アプリ開発" value="アプリ開発">アプリ開発</option> | |
<option data-value="その他" value="その他">その他</option> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="p-form" action="https://docs.google.com/forms/(Googleフォームからコピペしてください)"> | |
<!-- お問い合わせ内容 セレクトボックス --> | |
<div class="p-formGroup p-formGroup__select u-mb20"> | |
<label for="contactType">お問い合わせ内容</label> | |
<select name="entry.(Googleフォームからコピペしてください)" id="contactType"> | |
<option data-value="Webサイト構築" value="Webサイト構築">Webサイト構築</option> | |
<option data-value="SEO改善" value="SEO改善">SEO改善</option> | |
<option data-value="SNS運用" value="SNS運用">SNS運用</option> | |
<option data-value="アプリ開発" value="アプリ開発">アプリ開発</option> | |
<option data-value="その他" value="その他">その他</option> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script type="text/javascript"> | |
var submitted = false; | |
var currentURL = window.location.href; | |
</script> | |
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location=currentURL + 'thanks.html';}"></iframe> | |
<form class="p-form" action="https://docs.google.com/forms/(Googleフォームからコピペしてください)" target="hidden_iframe" onsubmit="submitted=true;"> | |
<!-- お問い合わせ内容 セレクトボックス --> | |
<div class="p-formGroup p-formGroup__select u-mb20"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% form 'create_customer' %} | |
{{ form.errors | default_errors }} | |
<!-- デフォルトの入力フィールド --> | |
<label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label> | |
<input type="text" name="customer[last_name]" id="LastName" placeholder="{{ 'customer.register.last_name' | t }}" | |
{% if form.last_name %}value="{{ form.last_name }}" {% endif %} autocapitalize="words"> | |
<label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label> | |
<input type="text" name="customer[first_name]" id="FirstName" placeholder="{{ 'customer.register.first_name' | t }}" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- デフォルトの入力フィールド --> | |
<label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label> | |
<input type="text" name="customer[last_name]" id="LastName" placeholder="{{ 'customer.register.last_name' | t }}" | |
{% if form.last_name %}value="{{ form.last_name }}" {% endif %} autocapitalize="words"> | |
<label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label> | |
<input type="text" name="customer[first_name]" id="FirstName" placeholder="{{ 'customer.register.first_name' | t }}" | |
{% if form.first_name %}value="{{ form.first_name }}" {% endif %} autocapitalize="words" autofocus> | |
<label for="Email" class="label--hidden">{{ 'customer.register.email' | t }}</label> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Vue from "vue"; | |
import axios from "axios"; | |
new Vue({ | |
el: "#postForm", | |
data: { | |
// フォームの表示 | |
showForm: true, | |
// お問い合わせ内容 | |
contactType: "", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="p-formArea" id="postForm"> | |
<form class="p-form" v-on:submit.prevent="submit" v-if="showForm"> | |
<div class="p-formGroup__select u-mb20"> | |
<label class="u-color-main" for="contactType">お問合せ内容</label> | |
<select id="contactType" v-model="contactType"> | |
<option value="Webサイト構築">Webサイト構築</option> | |
<option value="SEO改善">SEO改善</option> | |
<option value="SNS運用">SNS運用</option> | |
<option value="アプリ開発">アプリ開発</option> | |
<option value="その他">その他</option> |
OlderNewer