# スペースに配置したボタンが詳細画面以外で見れない

**URL:** <https://community.cybozu.dev/t/topic/3506>\
**Category:** kintone 開発相談\
**Created:** [2018 年 11 月 6 日午前 2:31 UTC](https://community.cybozu.dev/t/topic/3506 "2018-11-06T02:31:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account853](https://avatars.discourse-cdn.com/v4/letter/l/ecb155/32.png) [@Legacy\_Account853](https://community.cybozu.dev/u/Legacy_Account853)\
**Post date:** [2018 年 11 月 6 日午前 2:31 UTC](https://community.cybozu.dev/t/topic/3506/1 "2018-11-06T02:31:20Z")

</div>

初めて質問いたします。javascript初心者のため的外れな内容になっていたらすみません。

スペースに配置したボタンを押すと住所の値を拾ってgooglemapを別窓で開くようにしてみました。  
詳細画面では無事ボタンも表示され思った通りの動作になるのですが、詳細画面以外（新規レコード作成、レコード編集画面）ではボタンが表示されません。間違っている箇所をご指摘いただけませんでしょうか。

(function() {  
“use strict”;  
var events = [‘app.record.detail.show’,‘app.record.create.show’,‘app.record.edit.show’];  
kintone.events.on(events, function(event) {  
var address = event.record.住所.value;

// 任意のスペースフィールドにボタンを設置  
var mySpaceFieldButton = document.createElement(‘button’);  
mySpaceFieldButton.id = ‘my\_space\_field\_button’;  
mySpaceFieldButton.className = ‘button-simple-cybozu input-lookup-gaia’;  
mySpaceFieldButton.innerHTML = ‘地図’;

mySpaceFieldButton.onclick = function () {  
window.open(‘[https://www.google.co.jp/maps/place/'+address+](https://www.google.co.jp/maps/place/'+address+)’', ‘\_blank’);  
}  
kintone.app.record.getSpaceElement(‘chizu’).appendChild(mySpaceFieldButton);

});  
})();

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2018 年 11 月 6 日午前 3:39 UTC](https://community.cybozu.dev/t/topic/3506/2 "2018-11-06T03:39:01Z")

</div>

aikoさん、こんにちは。

プロジェクト・アスノートの松田です。

特に間違い等は無いと思います。

試しにこちらでアプリを作って試してみましたが、詳細画面の他、

新規レコード作成画面、編集画面でも、ボタンは表示され作動しています。

&nbsp;

考えられる点としては、

他にカスタマイズ（プラグインやJavaScript等）があり、それらが影響している可能性はないでしょうか？

コンソールに何かエラー等表示されていませんでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account853](https://avatars.discourse-cdn.com/v4/letter/l/ecb155/32.png) [@Legacy\_Account853](https://community.cybozu.dev/u/Legacy_Account853)\
**Post date:** [2018 年 11 月 6 日午前 4:58 UTC](https://community.cybozu.dev/t/topic/3506/3 "2018-11-06T04:58:13Z")

</div>

ご指摘のとおり他のJavascriptを切り離してみると問題なくと動作しました！  
もう一方のほうに問題がありそうでしたので、そちらをもう少し丁寧に確認してみます。  
お早い回答ありがとうございました！

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2018 年 11 月 6 日午前 7:45 UTC](https://community.cybozu.dev/t/topic/3506/4 "2018-11-06T07:45:01Z")

</div>

aikoさん

よかったです！

あと、気付きとしては、イベント（新規レコード作成、レコード編集画面）のとき、

eventオブジェクトには、開いた時点（住所フィールドの初期値、編集開始時の値）の値が保持されているため、

編集で追記した住所の地図を開きたいというのであれば、フィールド値変更時イベントで値を取得してあげる必要があるのかなと思いました。

&nbsp;

&nbsp;