031323.github.io/43.2.html at master · 031323/031323.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html lang="sa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center;margin:0;padding:0;">
<script src="43.js"></script>
<script>
window.customElements.define('text-box', class extends HTMLElement {
	constructor(){
		super();
	}
	f43_i()
	{
			this.लेखः=eval(this.getAttribute('text'));
	}
	f43_2()
	{
		console.log('f43');
		this.innerHTML="";
		let sp=getTextWidth(' ',css(this,'font-weight')+" "+css(this,'font-size')+" "+css(this,'font-family'));
		let i=0;
		var thiss1;
		for(i=0;i<this.लेखः.length;i++)
		{
			let s=0;
			if(i!=0&&this.लेखः[i][0])
			{
				s=thiss1.offsetLeft-this.offsetLeft+thiss1.offsetWidth;
			}
			this.innerHTML+=f43(this.लेखः[i].slice(1,this.लेखः[i].length),this.offsetWidth-1,s,this,true);
			if(i!=this.लेखः.length-1)
			{
				thiss1=document.createElement("span");
				thiss1.style="display:inline-block;width:"+sp+";";
				this.appendChild(thiss1);
				if(thiss1.offsetLeft==this.offsetLeft)thiss1.style.width="0";
			}
		}
	}
	attributeChangedCallback(attr,oldVal,newVal) {
  }
  static get observedAttributes(){
		return ['text'];
	}
	connectedCallback(){
		var E=document.body.offsetWidth;
		this.f43_i();
		this.f43_2();
		let tb=this;
		window.addEventListener('resize',function(event)
		{
			if(E!=document.body.offsetWidth)
			{
				E=document.body.offsetWidth;
				tb.f43_2();
			}
		});
	}
});
</script>
<div style="margin:0.5em;">
<text-box id="tb1" style="margin:0em;padding:0em;width:20em;max-width:100%;margin:0;padding:0;text-align:left;display:inline-block;" text='[[false,"संस्कृत","म्","म","अ","धीतवता","","","अ","थ","","","","कि","म्","ङ्क","क","र्तव्यम्?"],[false,"न","नु","न्वि","इ","मे","","","","अध्येतव्ये!"],[false,"अस्तु।"]]'></text-box>
</div>
</body>
</html>