kintone 이미지 슬라이드 쇼에서 클릭으로 레코드 열기
무슨 일이야?
이런 일입니다.
kintone의 기본 기능을 사용하면 첨부 파일의 미리보기 이미지를 슬라이드 쇼로 볼 수 있지만 사진을 클릭해도 해당 레코드를 열 수 없습니다.
그래서 자바 스크립트로 사용자 정의하기로 결정했습니다.
코드
(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 도움말을 참조하십시오.
Reference
이 문제에 관하여(kintone 이미지 슬라이드 쇼에서 클릭으로 레코드 열기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/maloninc/items/155445aa8765c2d4e1ec
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
(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 도움말을 참조하십시오.
Reference
이 문제에 관하여(kintone 이미지 슬라이드 쇼에서 클릭으로 레코드 열기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/maloninc/items/155445aa8765c2d4e1ec
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(kintone 이미지 슬라이드 쇼에서 클릭으로 레코드 열기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/maloninc/items/155445aa8765c2d4e1ec텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)