モバイル
ｘｍｌの抽出 / 特殊文字の置換
ipv4overipv6 map-e
pppoe/ipoe ipv4overipv6 map-e
インターネットの接続方法やルータの機能におけるIPv6オプションとよく混同される用
インターネットの接続方法やルータの機能におけるIPv6オプションとよく混同される用語
顧客用意ルータのIPv6オプション対応有無確認方法
HGW配下に顧客用意RTがある時、RTがアクセスポイントで動作しているか確認する方法
HGW配下の顧客用意RTでv6プラスで接続する方法
その他のRTの機能
VBAコード XML→HTML変換
\
',
mail:`${your}
`
};
//アドバイス
let net_advice ={
contract:"契約入会中",
line :"回線正常",
wiring :"配線正常",
setting :"設定正常",
device :"端末正常"
};
//進捗状況フラグ
let progress_flag =[
{"no":0 ,"point":"contract","status":false},
{"no":1 ,"point":"line" ,"status":false},
{"no":2 ,"point":"wiring" ,"status":false},
{"no":3 ,"point":"setting" ,"status":false},
{"no":4 ,"point":"device" ,"status":false}
];
//進捗状況チェック表
let net_check_items ={
net:'\
\
契約:➡︎\
回線:➡︎\
配線:➡︎\
設定:➡︎\
端末:\
'
};
drawProgress();
//■チェック進捗描画関数
function drawProgress(){
let progress = document.getElementById("progress");
progress.innerHTML = "";
progress.innerHTML = net_check_items.net;
//初期値・文字色
progress_flag.forEach(key=>{
if(key.status){
document.getElementById("net_checkitem_" + key.point).style.color ='blue';
}else{
document.getElementById("net_checkitem_" + key.point).style.color ='gray';
}
});
}
//■チェックボックスonの項目を出力
function log(){
//チェックボックスonの項目を出力
let str="" ;
let dataobj="";
// let set="";
let elms = document.querySelectorAll("input[type='checkbox']");
elms.forEach(key=>{
if(key.checked){
//value値
str = str + key.value + "\n";
/*
set = JSON.parse(key.getAttribute("data-obj"));
if(set != null){
Object.keys(set).forEach(key =>{
progress_flag.find(item => item.point === key).status = set[key];
});
}
*/
// }else{
/*
set = JSON.parse(key.getAttribute("data-obj"));
if(set != null){
Object.keys(set).forEach(key =>{
progress_flag.find(item => item.point === key).status = false;
});
}
*/
}
});
console.log(str);
}
//◾️input[type:checkbox]に changeイベントを追加し、進捗状況チェックする
function addEventChangebox(){
let elms = document.querySelectorAll("input[type='checkbox']");
elms.forEach(key=>{
key.addEventListener("change",()=>{
//チェックonにする時
if(key.checked){
//data-obj値
set = JSON.parse(key.getAttribute("data-obj"));
if(set != null){
//progress_flag 更新
Object.keys(set).forEach(key =>{
progress_flag.find(item => item.point === key).status = set[key];
//自分よりnoが小さいpointも変更
if(progress_flag.find(item => item.point === key).no >0){
for(let i= progress_flag.find(item => item.point === key).no; 0<= i & i < progress_flag.length; i--){
progress_flag.find(item => item.no === i).status = set[key];
}
}
});
}
}else{
//チェックoffにする時
//data-obj値
set = JSON.parse(key.getAttribute("data-obj"));
if(set != null){
//progress_flag 更新
Object.keys(set).forEach(key =>{
progress_flag.find(item => item.point === key).status = false;
//自分よりnoが小さいpointも変更
/*
let obj = [];
let new = {"no":"","pointName":"","statusName":""};
//false変更前にcheckedなし項目で、自分より低いnoがある場合はチェックを外す
if(progress_flag.find(item => item.point === key).no >0){
for(let i= progress_flag.find(item => item.point === key).no; 0<= i & i < progress_flag.length; i--){
progress_flag.find(item => item.no === i).status = set[key];
}
}
*/
});
}
}
drawProgress();
});
});
}
let base = document.getElementById("base");
base.innerHTML = netstr2.v6;
let base2 = document.getElementById("base2");
base2.innerHTML = netstr2.mail;
addEventChangebox();
let patern = {
"A":"a1:a2:",
"B":"b1:b2:",
"C":"c1:c2:"
};
let select = document.querySelectorAll(".select");
select.forEach(value=>{
value.addEventListener("change",(event)=>{
console.log("value",event.target.value);
console.log("id",event.target.id);
onform(event.target.value,event.target.id);
});
});
function onform(e,id){
let num = e;
let elmid ="";
if(id==="select"){
elmid = "selectresult";
}else if(id==="select2"){
elmid = "selectresult2";
}else{
}
let result = document.getElementById(elmid);
result.innerHTML="";
if(num === "0"){
result.innerHTML="";
}else if(num==="1"){
result.innerHTML= patern.A;
}else{
result.innerHTML= patern.B;
}
}
ActionCheckbox();
function ActionCheckbox(){
let resultCheckboxes = document.querySelectorAll(".result input[type='checkbox']");
for (let i = 0; i < resultCheckboxes.length; i++) {
resultCheckboxes[i].addEventListener('change', (event) => {
if (event.target.checked){
event.target.nextElementSibling.style.display ="block";
} else {
event.target.nextElementSibling.style.display ="none";
}
});
}
}
addDisplayEventsByDTelm();
//■要素配下を表示・非表示に切替する
function addDisplayEventsByDTelm(){
let resultdt = document.querySelectorAll(".item_class");
resultdt.forEach(value=>{
value.addEventListener('click', () => {
let next = value.nextElementSibling;
if (next.classList.contains("undisplay")){
//子要素icon変更
value.firstElementChild.innerHTML = "▼";
//弟要素非表示
next.classList.remove("undisplay");
next.classList.add("display");
} else if(next.classList.contains("display")){
//子要素icon変更
value.firstElementChild.innerHTML = "▷";
//弟要素非表示
next.classList.remove("display");
next.classList.add("undisplay");
}
});
});
}
}
