password

<input type='type' id='PWNO139' value='1234' > <input type='button' id='Button139' value='加密' onclick='Cha()' > <br> <br> <input type='type' id='DP139' value='加密內容' > <br> <br> <pre id="DIV">function Aencode(str,key) 功能 傳回 字串/文章 編碼加密， str = 需要 編碼加密 字串/文章， key = 密碼。 function Adecode(str,key) 功能 傳回 將加密編碼還原為 字串/文章， str = 加密後編碼， key = 密碼。 例 : Aencode("銀行","123456") 傳回 "ad9ff3c40c7372664ff58ce086420010015de271" 例 : Adecode("ad9ff3c40c....086420010015de271","123456") 傳回 "銀行" </pre> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> var textarea =document.createElement('textarea') ; textarea.innerHTML = DIV.innerHTML ; textarea.id="TT139" ; DIV.parentNode.replaceChild(textarea, DIV) ; function Cha(){ //alert( DP139.value) ; if(Button139.value == '加密'){ DP139.value = Aencode(DP139.value, PWNO139.value) ; TT139.value = Aencode(TT139.value, PWNO139.value) ; Button139.value='解碼' ;return } if(Button139.value == '解碼'){ DP139.value = Adecode(DP139.value, PWNO139.value) ; TT139.value = Adecode(TT139.value, PWNO139.value) ; Button139.value='加密' ;return } } function Aencode(str,key){ str=btoa(escape(str)); var l=""; for(var c=0;c<key.length;c++){ l+=key.charCodeAt(c).toString()} var g=Math.floor(l.length/5); var b=parseInt(l.charAt(g)+l.charAt(g*2)+l.charAt(g*3)+l.charAt(g*4)+l.charAt(g*5)); var a=Math.ceil(key.length/2);var h=Math.pow(2,31)-1; var d=Math.round(Math.random()*1000000000)%100000000; l+=d; while(l.length>10){l=(parseInt(l.substring(0,10))+parseInt(l.substring(10,l.length))).toString()}l=(b*l+a)%h; var e=""; var k=""; for(c=0;c<str.length;c++){ e=parseInt(str.charCodeAt(c)^Math.floor((l/h)*255)); if(e<16){k+="0"+e.toString(16)} else{k+=e.toString(16)} l=(b*l+a)%h}d=d.toString(16); while(d.length<8){d="0"+d} ; k+=d; //Astr.value = k; return k } function Adecode(encodeStr,key){ var l=""; for(var c=0;c<key.length;c++){l+=key.charCodeAt(c).toString() } ; var g=Math.floor(l.length/5); var b= parseInt(l.charAt(g)+l.charAt(g*2)+l.charAt(g*3)+l.charAt(g*4)+l.charAt(g*5)); var a=Math.round(key.length/2); var h=Math.pow(2,31)-1; var d=parseInt(encodeStr.substring(encodeStr.length-8,encodeStr.length),16);encodeStr=encodeStr.substring(0,encodeStr.length-8); l+=d; while(l.length>10){l=(parseInt(l.substring(0,10))+parseInt(l.substring(10,l.length))).toString()}; l=(b*l+a)%h; var e=""; var k=""; for(c=0;c<encodeStr.length;c+=2){ e=parseInt(parseInt(encodeStr.substring(c,c+2),16)^Math.floor((l/h)*255)); k+=String.fromCharCode(e);l=(b*l+a)%h} if(encodeURIComponent(k).charAt(0)=="%" || encodeURIComponent(k).charAt(1)=="%" || encodeURIComponent(k).charAt(2)=="%" ) {alert("密碼錯誤 \n wrong password")} return unescape(atob(k)) ; } </script> <style> #TT139 {width: 95%; height: 650px; font-size: 18px ;} #PWNO139{font-size: 20px ;} #Button139{font-size: 20px ;} #DP139{font-size: 20px ;} </style>

00

Edit

color code

color code

Edit

querySelectorAll

<style>.pcss{color:red}</style> <pre> <span class="pcss"><<!>span class="pcss"><<!>/span></span> <span class="pcss"><<!>span class="pcss"><<!>/span></span> <span class="pcss"><<!>span class="pcss"><<!>/span></span> </pre> <input onclick="Ccolor(1)" type="button" value="red" class="inred"> <input onclick="Ccolor(2)" type="button" value="red" class="inyellow"> <script> function Ccolor(x){ var cc = document.querySelectorAll('.pcss'); if(x==2){ cc.forEach(el => { el.style.color = 'blue';}); } if(x==1){ cc.forEach(el => { el.style.color = 'red';}); } } </script> <style> .pcss{color:red} .inyellow{color:blue;width:120px} .inred {color :red;width:120px} </style> <pre> <<!>input onclick="Ccolor(1)" type="button" value="red" class="inred"> <<!>input onclick="Ccolor(2)" type="button" value="red" class="inyellow"> <<!>script> function Ccolor(x){ var cc = document.querySelectorAll('.pcss'); if(x==2){ cc.forEach(el => { el.style.color = 'blue';});} if(x==1){ cc.forEach(el => { el.style.color = 'red';}); } } <<!>/script> cc=document.querySelectorAll('pcss') cc 選取網頁中所有符合指定 CSS 選擇器的元素， 傳一個清單（NodeList）。 cc.forEach(el => { el.style.color = 'blue';}) 这是 JavaScript 数组或列表的循环方法, 在循环的过程中，把当前正在处理的那个元素临时命名为 el（代表 element/元素）。 </pre>

00

Edit

閱讀更多

<input onclick="ReadALL(this)" type="button" value="閱讀更多...." class="ReadAll"> <div class="aaa" style="display: none;"> <pre> <<!>input onclick="ReadALL(this)" type="button" value="閱讀更多...." class="ReadAll"> <<!>div class="aaa" style="display: none;"> ............ ... 內容 ... ............ <<!>/div> <<!>style> .ReadAll{ background:#e5eecc; border: solid 3px #c3c3c3; cursor: pointer; font-size: 16px; text-align: center; width: 100% } <<!>/style> <<!>script> function ReadALL(xx){//alert(); var x = document.querySelectorAll('.aaa'); if(xx.value == '閱讀更多....'){ xx.value ='關閉全文....' x.forEach(el => { el.style.display = 'block';}); } else { xx.value ='閱讀更多....' x.forEach(el => {el.style.display = 'none';}); } } <<!>/script> </pre> </div> <style> .ReadAll{ background: #e5eecc; border: solid 3px #c3c3c3; cursor: pointer; font-size: 16px; text-align: center; width: 100%} </style> <script> function ReadALL(xx){//alert(); var x = document.querySelectorAll('.aaa'); if(xx.value == '閱讀更多....'){ xx.value ='關閉全文....' x.forEach(el => { el.style.display = 'block';}); } else { xx.value ='閱讀更多....' x.forEach(el => { el.style.display = 'none';}); } } </script>

00

Edit

html 測試 單入 單出

html 測試 單入 單出

<pre style="white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all"> <<!>div id="THIS_ID"> <<!>textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical"> HTML input <<!>/textarea> <<!>div class="DP">00<<!>/div><<!>/div> <!-------------------------------------> <<!>script> WWFT('THIS_ID','400'); <<!>/script> </pre>

00

 
<style>
  
.LLtext, .LLif{  width:100%; background-color:azure;font-size:18px}

.LRC { background-color:azure;
     cursor:pointer;     
     float:left; display:     
     table-cell;
     vertical-align: middle;   
     text-align: center;   
     width: 80px;   
     border: thin solid black;
     font-size:18px }
</style>

<script>/* --------單入 單出-----LOAD-----------*/
function WWFT(x,w1){
var x0 = document.getElementById(x);
var x1 = x0.querySelector(".DP");
var strVar="";
strVar+= "<table border='2' style='width: 100%;'>";
strVar+= "<tbody >";
strVar+= "<tr >";
strVa += "<form>";
strVar+= "<div class='LRC' id='" + x + "AL1' onclick='WWdp(this.id)'>預覽</div>";
strVar+= "<div class='LRC' id='" + x + "AL2' onclick='WWin(this.id)'>寫程式</div>";
strVar+= "<div class='LRC' id='" + x + "AL3' onclick='WWrs(this.id)'>還原</div>
";
strVar += "<textarea style='height:" + w1 + "px' class='LLtext' id='" + x+ "TTL' spellcheck='false' wrap='logical'>LLLLLLLLLLLLLLLLL";
strVar += "<\/textarea>";
strVar += "<iframe style='height:" + w1 + "px' class='LLif' id='" + x + "ifL' ><\/iframe>";
strVar += "<\/form>";
strVar += "</td>";
strVar += "</tbody>";
strVar += "</table>";
x1.innerHTML=strVar ;
WWrs(x+"AL1");
}
</script>


<script>/* --------單入 單出-----DP-----------*/
function WWdp(qq1){
var Mid= qq1.substring(0,qq1.length-3);
document.getElementById(Mid+'AL1').style.backgroundColor = "azure";
document.getElementById(Mid+'AL2').style.backgroundColor = "gainsboro";

document.getElementById(Mid+'TTL').style.display='none';
document.getElementById(Mid+'ifL').style.display='block';
var Ttext = document.getElementById(Mid+'TTL').value;
var Ri= document.getElementById(Mid+'ifL');
Ri.innerHTML = "";
var ifrw = (Ri.contentWindow) ? Ri.contentWindow : (Ri.contentDocument.document) ? Ri.contentDocument.document : Ri.contentDocument;
ifrw .document.open();
ifrw .document.write(Ttext);
ifrw .document.close();}
</script>

<script>/* --------單入 單出-----rs-----------*/
function WWrs(qq1){
var Mid= qq1.substring(0,qq1.length-3);
var x0 = document.getElementById(Mid);
var LL = x0.querySelector(".LLtextA");
document.getElementById(Mid+'TTL').value = LL.value;
WWdp(qq1);}
</script>

<script>/* --------單入 單出-----input-----------*/
function WWin(qq1){
var Mid= qq1.substring(0,qq1.length-3);

document.getElementById(Mid+'AL1').style.backgroundColor = "gainsboro";
document.getElementById(Mid+'AL2').style.backgroundColor = "azure";
document.getElementById(Mid+'TTL').style.display='block';
document.getElementById(Mid+'ifL').style.display='none';
}
</script>

Edit

pre

<pre> 標籤

<pre style="white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all"> HTML 的 <<!>pre> 標籤代表預格式化文本 Preformatted Text 用來在網頁中完整保留你在原始碼中輸入的空格、縮排與換行，並預設使用等寬字體（Monospace）來呈現。 <<!>pre style="white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all"> 文本內容 <<!>/pre> </pre> <style> pre { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; font-size:18px;} r { color:red;} </style>

00

Edit

標籤變成下拉式選單

將Blogger標籤 變成下拉式選單

<pre><h3>第一步:</h3> 先在後台 新增小工具 -> 選安裝 標籤 , 再在後台 範本 -> 編輯HTML , 搜尋這標籤 以下片段: <<!>ul> <<!>b:loop values='data:labels' var='label'> <<!>li> <<!>b:if cond='data:blog.url == data:label.url'> <<!>data:label.name/> <<!>b:else/> <<!>a expr:href='data:label.url'><data:label.name/></a> <<!>/b:if> (<data:label.count/>) <<!>/li> <<!>/b:loop> <<!>/ul> 將以上內容替換為下列紅字: <r><<!>script> var ALLlabel = []; <<!>b:loop values='data:labels'var='label'> ALLx1 = "<data:label.name/>"; ALLx2 = "<data:label.url/>"; ALLlabel.push(ALLx1); ALLlabel.push(ALLx2); <<!>/b:loop> <<!>/script> </r></pre> <style> pre { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; font-size:18px;} r { color:red;} </style>

00

<pre><h3>第二步:</h3> 先在後台 新增小工具 -> 選安裝 HTML/JavaScripts , 再在後編輯 以下程式， <<!>style> #cckDP { position:fixed; transform: translateZ(0); /* 开启 GPU 加速 */ backface-visibility: hidden; top:0px;left: 5px} .ALLselect { width:120px; font-size: 25px;} <<!>/style> <<!>div id="cckDP"> <<!>select class='ALLselect' id='ALL管理員' onchange='location=this.options [this.selectedIndex].value;' onmouseover='this.focus()'> <<!>option style="display:none;" />管理員 <<!>/select> <<!>br /> <<!>select class='ALLselect' id='ALLBlogger' onchange='location=this.options [this.selectedIndex].value;' onmouseover='this.focus()'> <<!>option style="display:none;" />Blogger <<!>/select> <<!>br /> <<!>select class='ALLselect' id='ALLTtags' onchange='location=this.options [this.selectedIndex].value;' onmouseover='this.focus()'> <<!>option style="display:none;" />tag <<!>/select> <<!>br /> <<!>select class='ALLselect' id='ALLscript' onchange='location=this.options [this.selectedIndex].value;' onmouseover='this.focus()'> <<!>option style="display:none;" />Script <<!>/select> <<!><!>br /> <<!>select class='ALLselect' id='ALLcss' onchange='location=this.options [this.selectedIndex].value;' onblur onmouseover='this.focus()'> <<!>option style="display:none;" />CSS <<!>/select> <<!>br /> <<!>select class='ALLselect' id='ALLjquery' onchange='location=this.options [this.selectedIndex].value;' onmouseover='this.focus()'> <<!>option style="display:none;" /> jquery <<!>/select> <br /> <<!>select class='ALLselect' id='ALLother' onchange='location=this.options [this.selectedIndex].value;' onmouseover='this.focus()'> <<!>option style="display:none;" />other <<!>/select> <<!>/div> <<!>br /> <<!>script type="text/javascript"> var Alllength = ALLlabel.length; var i; for (i = 0 ;i < Alllength; i=i+2 ){ var okok = 0 ; if(ALLlabel[i].indexOf('管理員') > -1 && okok == 0){ var x = document.getElementById("ALL管理員"); var option = document.createElement("option"); var value = document.createElement("value"); option.text = ALLlabel[i].replace(/管理員/,""); option.value =ALLlabel[i+1]; x.add(option);okok=1;} if(ALLlabel[i].indexOf('Blogger') > -1 && okok == 0){ var x = document.getElementById("ALLBlogger"); var option = document.createElement("option"); var value = document.createElement("value"); option.text = ALLlabel[i].replace(/Blogger/,""); option.value =ALLlabel[i+1]; x.add(option);okok=1;} if(ALLlabel[i].indexOf('tag') > -1 && okok == 0){ var x = document.getElementById("ALLTtags"); var option = document.createElement("option"); var value = document.createElement("value"); ALLlabel[i] = ALLlabel[i].replace(/tag/,""); option.text = ALLlabel[i].replace(/tag/,"") ; option.value =ALLlabel[i+1]; x.add(option);okok=1;} if(ALLlabel[i].indexOf('script') > -1 && okok == 0){ var x = document.getElementById("ALLscript"); var option = document.createElement("option"); var value = document.createElement("value"); option.text = ALLlabel[i].replace(/script/,""); option.value =ALLlabel[i+1]; x.add(option);okok=1;} if(ALLlabel[i].indexOf('CSS') > -1 && okok == 0){ var x = document.getElementById("ALLcss"); var option = document.createElement("option"); var value = document.createElement("value"); option.text = ALLlabel[i].replace(/CSS/,""); option.value =ALLlabel[i+1]; x.add(option);okok=1;} if(ALLlabel[i].indexOf('jquery') > -1 && okok == 0){ var x = document.getElementById("ALLjquery"); var option = document.createElement("option"); var value = document.createElement("value"); option.text = ALLlabel[i].replace(/jquery/,""); option.value =ALLlabel[i+1]; x.add(option);okok=1;} if(okok == 0){ var x = document.getElementById("ALLother"); var option = document.createElement("option"); var value = document.createElement("value"); option.text = ALLlabel[i]; option.value =ALLlabel[i+1]; x.add(option);okok=1;} } <<!>/script> </pre> <style> pre { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; font-size:18px;} r { color:red;} </style> <style> pre { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; font-size:18px;} r { color:red;} </style>

00

Edit