MediaWiki:PathwayEditorHandler.js - Revision history

Jcblmaster at 05:09, 3 February 2023

2023-02-03T05:09:41Z

← Older revision		Revision as of 14:09, 3 February 2023
Line 1:		Line 1:
	$(function(){		function pathwayEditorInit()
			{
	// 必要なjsとcssのインポート		// 必要なjsとcssのインポート
	importStylesheet('PathwayMap:PathwayEditor.css');		importStylesheet('PathwayMap:PathwayEditor.css');
Line 72:		Line 73:

	},this),500);		},this),500);
	});		}

Tipputa at 06:56, 26 April 2018

2018-04-26T06:56:54Z

← Older revision		Revision as of 15:56, 26 April 2018
Line 1:		Line 1:
	$(function(){		$(function(){
	// 必要なjsとcssのインポート		// 必要なjsとcssのインポート
	~~importScript('MediaWiki:PathwayEditor.js');~~
	importStylesheet('PathwayMap:PathwayEditor.css');		importStylesheet('PathwayMap:PathwayEditor.css');

Tipputa at 06:47, 26 April 2018

2018-04-26T06:47:58Z

← Older revision		Revision as of 15:47, 26 April 2018
Line 1:		Line 1:
	$(function(){		$(function(){
	// 必要なjsとcssのインポート		// 必要なjsとcssのインポート
	importScript('~~PathwayMap~~:PathwayEditor.js');		importScript('MediaWiki:PathwayEditor.js');
	importStylesheet('PathwayMap:PathwayEditor.css');		importStylesheet('PathwayMap:PathwayEditor.css');

Tipputa at 06:44, 26 April 2018

2018-04-26T06:44:45Z

← Older revision		Revision as of 15:44, 26 April 2018
Line 1:		Line 1:
	$(function(){		$(function(){
	// 必要なjsとcssのインポート		// 必要なjsとcssのインポート
	importScript('~~MediaWiki~~:PathwayEditor.js');		importScript('PathwayMap:PathwayEditor.js');
	importStylesheet('PathwayMap:PathwayEditor.css');		importStylesheet('PathwayMap:PathwayEditor.css');

Tipputa at 05:19, 26 April 2018

2018-04-26T05:19:08Z

← Older revision		Revision as of 14:19, 26 April 2018
Line 1:		Line 1:
	$(function(){		$(function(){
	// 必要なjsとcssのインポート		// 必要なjsとcssのインポート
			importScript('MediaWiki:PathwayEditor.js');
	importScript('~~PathwayMap~~:PathwayEditor.js');
	importStylesheet('PathwayMap:PathwayEditor.css');		importStylesheet('PathwayMap:PathwayEditor.css');

Tipputa at 05:02, 26 April 2018

2018-04-26T05:02:09Z

← Older revision		Revision as of 14:02, 26 April 2018
Line 1:		Line 1:
	$(function(){		$(function(){
	// 必要なjsとcssのインポート		// 必要なjsとcssのインポート

	importScript('PathwayMap:PathwayEditor.js');		importScript('PathwayMap:PathwayEditor.js');
	importStylesheet('PathwayMap:PathwayEditor.css');		importStylesheet('PathwayMap:PathwayEditor.css');

Tipputa: Created page with "$(function(){ // 必要なjsとcssのインポート importScript('PathwayMap:PathwayEditor.js'); importStylesheet('PathwayMap:PathwayEditor.css'); // wik..."

2018-04-26T04:29:20Z

Created page with "$(function(){ // 必要なjsとcssのインポート importScript('PathwayMap:PathwayEditor.js'); importStylesheet('PathwayMap:PathwayEditor.css'); // wik..."

New page

$(function(){
// 必要なjsとcssのインポート
importScript('PathwayMap:PathwayEditor.js');
importStylesheet('PathwayMap:PathwayEditor.css');

// wikiの<div id="mainTxt">に必要なhtmlを挿入
var str = (function() {/*
<section id=view>
<section id=control align=left>
zoom:<input type=range id=zoom min=25 max=200 value=100>
</section>
<div id=vbase>
<div id=rollbase>
<div style=\"overflow:scroll;\">
<div id=base class=mdpe><svg id=mdpe_svg></svg></div>
</div>
</div>
</div>
</section>
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1].replace(/\n|\r/g, "");
$('#mainTxt').html(str);

// main handler, importとの時間差？のせいなのか、setTimeoutしないとmdpe_drawがないと判断される
setTimeout($.proxy(function() {
$('#base').css('width',"2900px").css('height',"2000px") ;

// zoomの設定
var mag = 1.0 ;
$('#zoom').on("input change",function() {
mag = $(this).val()/100 ;
$('#base').css("transform", "scale("+mag+")");
})

// 初期化
var b = new mdpe_draw($('#base')) ;
var data = b.parse($('#source').html());
b.setobj(data,true) ;

// boxのdrag時の処理
$(document).on("dragstart",'#base .box',function(ev){
var oe = ev.originalEvent ;
ev.originalEvent.dataTransfer.setData("text",$(this).attr('id')+"/"+oe.pageX+"/"+oe.pageY);
})
$('#base').on("dragenter dragover",function(){
return false ;
}).on("drop",function(ev){
var oe = ev.originalEvent ;
var k = ev.originalEvent.dataTransfer.getData("text").split("/") ;
var id = k[0] ;

var ox = (oe.pageX-k[1])/mag ;
var oy = (oe.pageY-k[2])/mag ;
var em = parseInt($('html').css('font-size')) ;
var ex = parseInt($('#'+id).css("left")) ;
var ey = parseInt($('#'+id).css("top")) ;
var px = Math.floor(((ex+ox)/em+0.25)*2)/2 ;
var py = Math.floor(((ey+oy)/em+0.25)*2)/2 ;

b.setpos(id,px,py) ;
b.redraw(data) ;
// wiki用に改変。wikiの編集画面のtxtを直接変更する。
var wp = $('#wpTextbox1').val();
if(wp){
var wpu = wp.split(/<nowiki>/)[0];
var wpd = wp.split(/<\/nowiki>/)[1];
var tx = wp.split(/<nowiki>/)[1];
tx = tx.split(/<\/nowiki>/)[0];
var s = b.upd_text(tx) ;
$('#wpTextbox1').val(wpu + "<nowiki>"+ s + "<\/nowiki>" + wpd) ;
}
return false ;
});

},this),500);
});