kintoneの画像スライドショーからクリックでレコードを開く

どういうこと?

こういうことです。

demo.gif

kintoneのデフォルトの機能では、添付ファイルのサムネイルをスライドショーで表示できますが、その写真をクリックしても該当のレコードを開いてくれません。
そこでJavaScriptでカスタマイズすることにしました。

コード

(function(){
    document.body.addEventListener('DOMNodeInserted', function(event){
        if(event.target.className == 'slideshow-cybozu'){
            var slideshow = event.target;
            slideshow.addEventListener('DOMNodeInserted', function(event){
                if(event.target.tagName == 'IMG'){
                    var img = event.target;
                    if(img.parentElement.className.includes('slide-image-cybozu')){
                        img.style.cursor = 'pointer';
                        img.onclick = function(){
                            var params = new URLSearchParams(img.src);
                            var rec_id = params.get('record');
                            open(`/k/${kintone.app.getId()}/show#record=${rec_id}`);
                        }
                    }
                }
            });
        }
    })
})();

インストール方法

kintoneのヘルプを参照して下さい。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.