My Note Local Test

どれかのリンクをクリックしてください

link Titleの表示と位置を決めてOKを押して下さい。
　link Title:

anchor Title:

　 id:
　 id:
　　　　defaul表示:
　　　

再描画
Svg文字
group化
group解除
paste
Copy
整形
多重線
多重線reset
要素probe
Animation
path反転
削除
cancel

from Local
from google
cancel

Level: Child_n: fig:
class: tag:

-----------------svg parameters-------------------------

color: fill:
width: 　　　　　　　

animation type:
id:　
anime時間:s begin:s 角度:
timing:
value: position: pare:

　　　　

add anime type:
anime時間:sec begin時間:sec
timing: value:

animation type:
tags: now: 　
anime時間:sec begin時間:sec
timing:
value:

del		n	name	description

表示文字：

font-size: 縁取-size:
font-color: 縁取-color:
font-weight:
rotate: font-family:
anchor: 　　　　　　　 rich
id:　　
　　　

out form:
　　　

Lineの線種、幅とパレットcolorとpaste colorを決めてNext　or End
　　

Tag: Level:fig:
　
挿入tag: 　
　Sレシピ　　
　

margin-L: margin-R: indent:
margin: padding:
color: float:
width: height:
border: border-radius:
others:

name Icon Design Area:

背景: 枠: width:
　　　　

　　　

p1 p2 p3 p4 p5 p6 Trim R 連結 name

件名(subject)　　　　　　　　　w/script
宛先(address)
　　
コメント

address list

Edit　　　　 name: n:

del		n	name	description

auto　　 name: n:

html/dialog 　　　　　　　　　　　

css 　　　　

del		n	name	description

max_width
L margin R margin
　　 hist_undo

font: anchor: line-height: rotate:

id: startOffset: %

norich

------------------------------------------------

追加: 　白

　　　　彩度明度　

---------共通--------　

線幅 redraw all:
矢印　Opacity：線種　Cap： Trim R 多重線　線間隔

---------共通--------　　　　

倍率：x y 　Trim R

------------------------------------------------

追加: 　白

　　　　彩度明度　

<!DOCTYPE html>
<html lang="en">
<head>
  <title>My Note</title>
  <meta charset="utf-8">
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <script type="text/javascript" src="https://d3js.org/d3.v5.min.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/canvg/1.5/canvg.js"></script>
  <script type="text/javascript" src="{% static 'js/Select_comb.js' %}"></script>
  <script type="text/javascript" src="{% static 'js/rgbcolor.js' %}"></script>
  <script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
</head>
<style>
</style>
<body class="point_auto select_auto" style="font-size: 14px; line-height: 1.42857143;">
<div id="sys_temp" style="display:none;"></div>
        <svg id="mesh_canv" class="canv" width="1000" height="1000" version="1.1" xmlns="http://www.w3.org/2000/svg" >
	    <defs>
	      <marker id="start_arw" viewBox="-10 -3 10 6" refX="-10" refY="0" markerWidth="10" markerHeight="6" orient="auto">
	        <path d="M -10 0 L 0 -3 L 0 3 Z"/>
	      </marker>
	      <marker id="end_arw" viewBox="0 -3 10 6" refX="10" refY="0" markerWidth="10" markerHeight="6" orient="auto">
	        <path d="M 0 -3 L 0 3 L 10 0 Z"/>
	      </marker>
	    </defs>
	</svg>
<script>
$(function () {
  $('#my_nav_togl').on('click', function () {        // js-btnクラスをクリックすると、
//console.log('click');
	$('li.my_nav').slideToggle();  // こちらがOK
  })
});

document.addEventListener('DOMContentLoaded', () => {
  const entryContent = document.querySelector('.entry-content');
  const tvis = document.querySelector('.Tvis');
  if (!entryContent || !tvis) return;          // Tvis が無ければ何もしない

const dispLeng = Math.max(540, tvis.clientHeight);
  entryContent.style.minHeight = dispLeng + 'px'; // ← height ではなく min-height
});

/*
document.addEventListener("DOMContentLoaded", function() {
    let entryContent = document.querySelector(".entry-content");
    let tvisElement = document.querySelector(".Tvis"); // Tvisをクラスとして取得
    
    console.log('Enter entry-content=', entryContent);
    
    if (tvisElement) {
        console.log('Tvis found:', tvisElement);
        console.log('Tvis clientHeight=', tvisElement.clientHeight);
	var disp_leng=540;
	if(tvisElement.clientHeight>disp_leng) disp_leng=tvisElement.clientHeight;
        entryContent.style.height = disp_leng + "px";  // 高さを設定
    } else {
        console.log('Tvis not found');
    }
    console.log('length=', disp_leng);
});
*/

var set_disponoff_dialog=0;
var disp_target_no=0;
//var my_disp_onoff=["sw_01,target_01,none","sw_02,target_02,block"];
var my_disp_onoff=[];
var my_disp_now=[];

// クリックイベントハンドラ
function click_event_disp_onoff_handler(e) {
	var cl_elem=e.srcElement;
	var cl_id=cl_elem.getAttribute("id");
	if(!cl_id) {
		var cl_elem=e.srcElement.closest("g");
		var cl_id=cl_elem.getAttribute("id");
		if(!cl_id) {
			alert('tag not have id');
			return;
			}
		}
console.log('target clicked=',cl_elem,cl_id);
	var len=my_disp_onoff.length;

my_disp_now=[];
	for(let k=0;k<len;k++) {
		var disp_d=my_disp_onoff[k].split(',');
		my_disp_now.push(disp_d);
		}
console.log('my_disp array=',my_disp_now);

for(let k=0;k<len;k++) {
		if(my_disp_now[k][0]==cl_id) {
			var elem=document.getElementById(my_disp_now[k][1]);
			var now=elem.style.display;
			if(now=='none' ) elem.style.display='block';
			else elem.style.display='none';
			break;
			}
	}
}

function init_set_disponoff() {
console.log('Enter to initial disp_onoff');
	var len=my_disp_onoff.length;
	my_disp_now=[];
	for(let k=0;k<len;k++) {
		var disp_d=my_disp_onoff[k].split(',');
		my_disp_now.push(disp_d);
		}

for(let k=0;k<len;k++) {
		var elem=document.getElementById(my_disp_now[k][1]);
		var now=my_disp_now[k][2];
		if(now=='none' ) elem.style.display='none';
		else elem.style.display='block';
console.log('my_disp array=',my_disp_now[k],elem);
		}
	}

var doc_script="";
var my_overview="";
window.onload = function() {

$(document).ready(function(){
            jQuery('.slider_001').bxSlider({
                auto: true,
                pause: 5000, // 画像がスライドするスピード
                slideWidth: 500, // 画像の横幅
            });
        });

// disp_onoff クリックイベントハンドラの設定とinitial状態を設定
const tgts = document.querySelectorAll("[type='disp_onoff']");
for (let tgt of tgts) {
console.log('disp_onoff target setted',tgt);
  tgt.onclick = (e) => { click_event_disp_onoff_handler(e); }
	}

init_set_disponoff();

//2024.9.6 get original doc_script 
	var exst_tex=document.getElementById('texx');
console.log('exst_tex=',exst_tex);
	var styl_char=document.getElementById('style_def');
	var style=document.querySelector('style');
	style.innerText=styl_char.innerHTML;
	styl_char.remove();

var exst_tex2=(exst_tex.innerHTML).split('|<===>|');
console.log('exst_tex2=',exst_tex2);
//	var scr=exst_tex2[1].split('|<==>|');
//console.log('source=',scr);
	//scr[2].replace('<br />',' ');
	//applyCustomCss(scr[3]);
	
	exst_tex.innerHtml=exst_tex2[0];
}

function user_script_page_b(){
console.log('Enter to user_script');
	if(doc_script) {
		//doc_script=doc_script.replace('|<=>|', '|<==>|');
		var src=doc_script.split('|<==>|');

if(src[1]) {
			var var_script=document.createElement('textarea');
			var_script.setAttribute('id','user_page_script_b');
			var_script.setAttribute('style','display:none;');
			var_script.innerHTML=src[1];
//			document.getElementById('user_page_script_b').value=src[1];
			}
		}
	}

function user_dialog_page_b(){
console.log('Enter to user_dialog');
	if(doc_script) {
		//doc_script=doc_script.replace('|<=>|', '|<==>|');
		var src=doc_script.split('|<==>|');

if(src[0]) {
			var var_dia=document.createElement('textarea');
			var_dia.setAttribute('id','user_dialog_b');
			var_dia.setAttribute('style','display:none;');
			var_dia.innerHTML=src[0];
//			document.getElementById('user_dialog_b').value=src[0];
			}
		}
    	}

My Note Connect - Token Receiver