ポータルエリアにあるリンクURLに可変変数を使用したい

kintone カスタマイズ
1

お世話になります。

ポータルエリアにリンクを貼っています。

リンクURLはhttp://999.999.999.245/test/ のようになっています。

これをhttp://999.999.999.245/test/〇〇〇 のように可変にすることはできますでしょうか。

ログインユーザーの登録情報内にある従業員IDをもってきたいです。

何か方法がありましたらおしえてください。

2

ADMさん

こんにちは。

 

JavaScriptにて、対象リンクのaタグを取得し、そのテキストを変更するという方法です。

(function() {

    'use strict';

    kintone.events.on(['portal.show', 'mobile.portal.show'], function(event) {
      // ポータル画面からhrefが部分一致するaタグを取得
        const el = document.querySelectorAll('a[href*="http://999.999.999.245/"]');
        if (el.length > 0) {
            // テキストを変更
            el[0].innerText = 'http://999.999.999.245/' + kintone.getLoginUser().code;
        }
    });

})();
3

＞koichi様

お世話になります。

回答いただき感謝申し上げます。

kintone.getLoginUser().code

こちらにて従業員IDを取得しているのでしょうか？

また、aタグというのは適当でよいのでしょうか。それとも（例えば 「アクセスはコチラから」 ）のように実際に使用しているリンク用文字でしょうか。

 

4

＞koichi様

kintone.getLoginUser().employeeNumberを使用することで従業員IDを取得できました。

ただ、やはりポータル画面上のテキストは変更になっていますが、リンクはそのままのようです。

画面上は例えば「アクセスはこちらから」としてリンクをお教えいただいた可変にすることは可能でしょうか。

5

kintone.getLoginUser().codeはログイン名ですね。

ご記載の通り、従業員IDはkintone.getLoginUser().employeeNumberです。

 

リンクテキストとリンクURLをそれぞれ定義する場合は、以下に分けます。

innerText・・・リンクテキスト

href・・・リンクURL

 

ポータル画面に手動で設定するリンクテキストも「アクセスはこちらから」として問題ございませんが

リンクURLは、ahref*=“[http://999.999.999.245/”]の中のURLと部分一致するように指定してください。

const el = document.querySelectorAll('a[href*="http://999.999.999.245/"]');
if (el.length > 0) {
el[0].innerText = 'アクセスはこちらから';
el[0].href = 'http://999.999.999.245/' + kintone.getLoginUser().employeeNumber;
}
6

なるほど。とても勉強になりました。

想定通りの動きができて大満足です。

わざわざお付き合いいただきましてありがとうございました。