管理員 html to Script

HTML to JavaScript Convertor

想要將 HTML 標記語言轉成 JavaScript 來輸出，語法簡單，難度卻難在 '單引號'、"雙引號" 對字串組成，很容易混淆觀不清，總產生錯誤,也要忙上一段時間因 雙 單 引號引起出錯，若有這個困擾或是想學習單、雙引號的應用，可以透過 HTML to JavaScript Converter 這個免費的線上服務來取得協助，快速的入門。

Output options

Output as series of document.write statements

Output as document.write statements wrapped in a function

Build up a string variable that you can use later Type variable name here:

管理員 html to Script

HTML to JavaScript Convertor

想要將 HTML 標記語言轉成 JavaScript 來輸出，語法簡單，難度卻難在 '單引號'、"雙引號" 對字串組成，很容易混淆觀不清，總產生錯誤,也要忙上一段時間因 雙 單 引號引起出錯，若有這個困擾或是想學習單、雙引號的應用，可以透過 HTML to JavaScript Converter 這個免費的線上服務來取得協助，快速的入門。

Output options

Output as series of document.write statements

Output as document.write statements wrapped in a function

Build up a string variable that you can use later Type variable name here:

管理員 網站管理員

Google Search Console

前往 網站管理員
提交 Sitemap 檔案
這有助 Google 瞭解該如何檢索您的網站。

http://html.ug5g.com/atom.xml?redirect=false&start-index=1&max-results=500
http://html.ug5g.com/feeds/posts/default?orderby=updated
http://html.ug5g.com/atom.xml?redirect=false
http://html.ug5g.com/sitemap.xml
http://html.ug5g.com/rss.xml
Edit

Blogger-下拉式選單相簿

Blogger-下拉式選單相簿

<script>
var flashstring='<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%2Falbumid%2F##ALBUMID##%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed>';

function writeflash(albumid){
flashstring1=flashstring.replace("##ALBUMID##",albumid);
document.getElementById("picasaweb").innerHTML=flashstring1;
}

function listallalbum(json) {
var firstlink='';
var temp = '<select onchange="writeflash(this.options[this.selectedIndex].value)">';
var sortentry=json.feed.entry;
for (var i=0, post; post = sortentry[i]; i++) {
var title = post.title.$t;

var link = post.link[2].href.replace(/(^.*albumid\/)(.*)(\?.*$)/g,"$2");
if(i==0){
firstlink=link;
}
temp += '<option value="'+link+'">'+title +'</option>';
}
temp+="</select>";
document.writeln(temp);
writeflash(firstlink);
}
</script>

<script src="http://picasaweb.google.com/data/feed/base/user/你的Google帳號放這?kind=album&hl=en_US&access=public&alt=json&callback=listallalbum"></script>

<div id="picasaweb">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%2Falbumid%2F你的預設相簿ID放這%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed></div>

Blogger-下拉式選單相簿

Blogger-下拉式選單相簿

<script>
var flashstring='<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%2Falbumid%2F##ALBUMID##%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed>';

function writeflash(albumid){
flashstring1=flashstring.replace("##ALBUMID##",albumid);
document.getElementById("picasaweb").innerHTML=flashstring1;
}

function listallalbum(json) {
var firstlink='';
var temp = '<select onchange="writeflash(this.options[this.selectedIndex].value)">';
var sortentry=json.feed.entry;
for (var i=0, post; post = sortentry[i]; i++) {
var title = post.title.$t;

var link = post.link[2].href.replace(/(^.*albumid\/)(.*)(\?.*$)/g,"$2");
if(i==0){
firstlink=link;
}
temp += '<option value="'+link+'">'+title +'</option>';
}
temp+="</select>";
document.writeln(temp);
writeflash(firstlink);
}
</script>

<script src="http://picasaweb.google.com/data/feed/base/user/你的Google帳號放這?kind=album&hl=en_US&access=public&alt=json&callback=listallalbum"></script>

<div id="picasaweb">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%2Falbumid%2F你的預設相簿ID放這%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed></div>

管理員 金句

管理員 金句

<meta charset="UTF-8"> <marquee id="maaa" scrollamount="5" style="width:100%;height: 30px; position:fixed;background-color:#c0c0c0; color:#000;font-size:20px;top:0px;left:0px;border: 3px outset #d5d5d5;" ></marquee> <script> var awdc=[ "路9:25 人若賺得全世界 人若賺得全世界、卻喪了自己、賠上自己、有甚麼益處呢。", "賽40:31 但那等候耶和華的、必從新得力、他們必如鷹展翅上騰、他們奔跑卻不困倦、行走卻不疲乏。", "賽30:21 你或向左、或向右、你必聽見後邊有聲音說、這是正路、要行在其間。", "帖前5:18 凡事謝恩．因為這是　神在基督耶穌裏向你們所定的旨意。", "箴8:13 敬畏耶和華、在乎恨惡邪惡．那驕傲、狂妄、並惡道、以及乖謬的口、都為我所恨惡。", "馬太19:21 耶穌說、你若願意作完全人、可去變賣你所有的、分給窮人、就必有財寶在天上、你還要來跟從我。", "箴言18:24 濫交朋友的、自取敗壞．但有一朋友、比弟兄更親密。", "來11:6 人非有信、就不能得　神的喜悅．因為到　神面前來的人、必須信有神，且信他賞賜那尋求他的人。", "雅2:14 我的弟兄們、若有人說、自己有信心、卻沒有行為、有甚麼益處呢．這信心能救他麼。", "撒上15:22 撒母耳說、耶和華喜悅燔祭和平安祭、豈如喜悅人聽從他的話呢．聽命勝於獻祭、順從勝於公羊的脂油。", "弗4:26 生氣卻不要犯罪．不可含怒到日落。", "徒20:35 我凡事給你們作榜樣、叫你們知道、應當這樣勞苦、扶助軟弱的人、又當記念主耶穌的話、說、施比受更為有福。", "馬太6:3 你施捨的時候、不要叫左手知道右手所作的。", "雅1:2 我的弟兄們、你們落在百般試煉中、都要以為大喜樂。", "詩25:14 耶和華與敬畏他的人親密．他必將自己的約指示他們。", "箴3:5 你要專心仰賴耶和華、不可倚靠自己的聰明。", "羅6:4-6 所以我們藉著洗禮歸入死、和他一同埋葬．原是叫我們一舉一動有新生的樣式、像基督藉著父的榮耀、從死裏復活一樣。6:5 我們若在他死的形狀上與他聯合、也要在他復活的形狀上與他聯合．6:6 因為知道我們的舊人、和他同釘十字架、使罪身滅絕、叫我們不再作罪的奴僕。", "弗2:19-22 這樣、你們不再作外人、和客旅、是與聖徒同國、是　神家裏的人了．2:20 並且被建造在使徒和先知的根基上、有基督耶穌自己為房角石．2:21 各〔或作全〕房靠他聯絡得合式、漸漸成為主的聖殿．2:22 你們也靠他同被建造成為　神藉著聖靈居住的所在。", "林後4:14-15 自己知道、那叫主耶穌復活的、也必叫我們與耶穌一同復活、並且叫我們與你們一同站在他面前。4:15 凡事都是為你們、好叫恩惠因人多越發加增、感謝格外顯多、以致榮耀歸與　神。", "加2:20 我已經與基督同釘十字架．現在活著的、不再是我、乃是基督在我裏面活著．並且我如今在肉身活著、是因信　神的兒子而活、他是愛我、為我捨己。", "腓3:13-14 弟兄們、我不是以為自己已經得著了．我只有一件事、就是忘記背後努力面前的、向著標竿直跑、要得　神在基督耶穌裏從上面召我來得的獎賞。", "馬太7：1-5 你們不要論斷人、免得你們被論斷。7:2 因為你們怎樣論斷人、也必怎樣被論斷。你們用甚麼量器量給人、也必用甚麼量器量給你們。 7:3 為甚麼看見你弟兄眼中有刺、卻不想自己眼中有梁木呢。 7:4 你自己眼中有梁木、怎能對你弟兄說、容我去掉你眼中的刺呢。 7:5 你這假冒為善的人、先去掉自己眼中的梁木、然後才能看得清楚、去掉你弟兄眼中的刺。", "雅1:2-4 我的弟兄們、你們落在百般試煉中、都要以為大喜樂． 雅1:3 因為知道你們的信心經過試驗、就生忍耐。 雅1:4 但忍耐也當成功、使你們成全完備、毫無缺欠。", "羅7:18-19 我也知道、在我裏頭、就是我肉體之中、沒有良善．因為立志為善由得我、只是行出來由不得我。 19 故此、我所願意的善、我反不作．我所不願意的惡、我倒去作。", "太5:6 饑渴慕義的人有福了．因為他們必得飽足。", "可8:36-37 人就是賺得全世界、賠上自己的生命、有甚麼益處呢。 37 人還能拿甚麼換生命呢。", "箴10:22 耶和華所賜的福、使人富足、並不加上憂慮。", "可11:24 所以我告訴你們、凡你們禱告祈求的、無論是甚麼、只要信是得著的、就必得著。", "彌6:8世人哪、耶和華已指示你何為善。他向你所要的是甚麼呢。只要你行公義、好憐憫、存謙卑的心、與你的　神同行。", "太 5:5 溫柔的人有福了．因為他們必承受地土。", "詩126:5 流淚撒種的、必歡呼收割。", "林前13:7 凡事包容．凡事相信．凡事盼望．凡事忍耐。" ] document.getElementById("maaa").innerHTML = awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             "+awdc[Math.floor(Math.random()*awdc.length)]+"             " ; </script>

00

Edit

用JavaScript連結Google Sheets #html #script #style #html golden sentence #html 金句

左側指數圖

左側指數圖 1

<style> .StF {height: 15px;width:15px;cursor:pointer;float:left;margin-right:10px} .Stday {cursor:pointer;float:left;margin-right:10px} .Stimg {cursor:pointer;border: 2px solid #ff9933;width:500px;} </style> <div class="StF" > <svg viewbox="0 0 512 512"> <path d="m256 0c-140.609375 0-256 115.390625-256 256s115.390625 256 256 256 256-115.390625 256-256-115.390625-256-256-256zm-45 391h-90v-90h30v60h60zm0-240h-60v60h-30v-90h90zm180 240h-90v-30h60v-60h30zm0-180h-30v-60h-60v-30h90zm0 0"></path> </svg> </div> <select class="Stday" onclick="Sttt=this.value;DPimg()" > <option value="1day" /> 1日 <option value="3month" /> 3月 <option value="6month" /> 6月 <option value="1year" /> 1年 <option value="5year" /> 5年 <option value="10year" /> 10年 <option value="20year" /> 20年 </select> <select id="Stnm" class="Stday" onclick="Auto=0 ;StL=this.selectedIndex; DPimg(this.value)" > <option value="0005.HK" /> 0005 <option value="2840.HK" /> 2840 <option value="2628.HK" /> 2628 <option value="0700.HK" /> 0700 <option value=".HSI" /> 恒生指數 <option value=".SZI" /> 深證指數 <option value=".DJI" /> 道瓊斯 <option value="auto" /> auto </select> <br /> <img class="Stimg" id="ASimg" src="" /> <script> // 1day 3month 6month 1year 5year 10year 20year var St1name=["0005.HK","2840.HK","0700.HK",".HSI",".SZI",".DJIA" ]; var StL =-1; var Sttt ="1day"; var St1URL="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=" ; var St2URL="&realtime=1&symbol=" ; var St3URL="&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" ; var clearid; var Auto = 1; function DPimg(xx){ clearTimeout ( clearid ); if(xx == 'auto'){Auto=1}; if(Auto == 1){ StL = (StL < Stnm.length-2 && Auto==1 )? StL+1 : 0;} ASimg.src=St1URL + Sttt + St2URL + Stnm.options[StL].value+ St3URL; Stnm.options.selectedIndex = StL ; //DP.innerHTML=Stnm.options[StL].value; clearid = setTimeout ( DPimg, 2000 ); } DPimg(".HSI"); </script>

00

<style> .goldimg{width:600px;height: 350px} #goldsw {margin-top:-350px} </style> <! http://www.chartseeker.com/images/au-1hr-lg.png http://www.chartseeker.com/images/au-24hr-lg.png http://www.chartseeker.com/images/au-3m-lg.png http://www.chartseeker.com/images/au-1y-lg.png http://www.chartseeker.com/images/au-5y-lg.png http://www.goldseek.com/quotes/charts/--> <img id="goldID" class="goldimg" /> <div id='goldsw' > <select onclick="goldsrc=this.value;goldimg()" > <option value="AU-1HR-LG.png" /> 1HR <option value="AU-24HR-LG.png" /> 24HR <option value="AU-3M-LG.png" /> 3-Months <option value="AU-1Y-LG.png" /> 1-Year <option value="AU-5Y-LG.png" /> 5-Year </select> <div id="goldT"></div> <script> var goldtimeID ; var kk = "A"; var goldsrc = "AU-1HR-LG.png" function goldimg(xx){ clearTimeout ( goldtimeID ); kk = (kk=='A')? 'AU' :(kk=='AU')? 'AUT':(kk=='AUT')? 'AUTO':'A' ; goldID.src='http://www.chartseeker.com/images/' + goldsrc ; goldT.innerHTML = kk ; goldtimeID = setTimeout ( goldimg, 2000 ); } goldimg('AU-1HR-SM.png'); </script></div></!>

00

Edit

#html #網頁計設計 #網頁資料庫 #script #style #網頁 指數圖 #Hang Seng Index Chart

左側指數圖

左側指數圖 2

<style> #_1day,#_3month ,#_6month ,#_1year ,#_5year ,#_10year ,#_20year {cursor:pointer;} #_1day:hover ,#_3month:hover ,#_6month:hover ,#_1year:hover ,#_5year:hover ,#_10year:hover ,#_20year:hover {background-color: coral} .idclass{border: 2px solid #ff9933;} </style> <nobr onclick="HSINDOW(this.id)" id="_1day" >1日</nobr> <nobr onclick="HSINDOW(this.id)" id="_3month" >3月</nobr> <nobr onclick="HSINDOW(this.id)" id="_6month" >6月</nobr> <nobr onclick="HSINDOW(this.id)" id="_1year" >1年</nobr> <nobr onclick="HSINDOW(this.id)" id="_5year" >5年</nobr> <nobr onclick="HSINDOW(this.id)" id="_10year" >10年</nobr> <nobr onclick="HSINDOW(this.id)" id="_20year" >20年</nobr> <br> <img class="idclass" id="0700" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <img class="idclass" id="hsi" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <img class="idclass" id="DJIA" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.DJI&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <img class="idclass" id="ssec" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <script> function HSINDOW(x){ if(x =="_1day"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } if(x =="_3month"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } if(x =="_6month"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } if(x =="_1year"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } if(x =="_5year"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } if(x =="_10year"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } if(x =="_20year"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } } </script>

00

Edit
#html #網頁計設計 #網頁資料庫 #script #style #網頁 指數圖 #Hang Seng Index Chart

html 測試 左入右出

html 測試 左入右出

<div id="LR18314847">
<textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical">
input HTML
</textarea>
<div class="DP">00</div>
</div>
<script>
LiRoT('LR18314847','300');
</script>

html

00

<style>
.udt , .udf{  width:100%; background-color:azure;font-size:18px;}
.uds { background-color:azure;
          cursor:pointer;   
          float:left; display:   
          table-cell;
          vertical-align: middle; 
          text-align: center; 
          width: 80px; 
          height: 30px;
          border: thin solid black;font-size:18px;        }
</style>

<script>
/* --------NEW UP----LOAD-----------*/
function LiRoT(x,w1){
var wf = Number(w1)+40;
var x0 = document.getElementById(x);
var x1 = x0.querySelector(".DP");
var strVar="";
strVar += "<table border='2' style='width: 100%;'>";
strVar += "<tbody >";
strVar += "<tr ><td style='width: 50%;'>";
strVar += "<form>";
strVar += "<div class='uds' id='" + x + "AL1' onclick='LiRoDP(this.id)'>預覽</div>";
strVar += "<div class='uds' id='" + x + "AL3' onclick='LiRoRS(this.id)'>還原</div><br>";
strVar += "<textarea class='udt' style='height:" + w1 + "px'  id='" + x+ "TTL' spellcheck='false' wrap='logical'>";
strVar += "<\/textarea></td><td style='width: 50%;'>";
strVar += "<iframe class='udf' style='height:" + wf + "px' id='" + x + "ifL' ><\/iframe>";
strVar += "<\/form>";
strVar += "</td></tr>";
strVar += "</tbody>";
strVar += "</table>";
x1.innerHTML=strVar ;
LiRoRS(x+"AL1");
}
</script>

<script>/* --------NEW UP-----DP-----------*/
function LiRoDP(qq1){
var Mid= qq1.substring(0,qq1.length-3);
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>/* --------NEW UP-----rs-----------*/
function LiRoRS(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;
LiRoDP(qq1);
}
</script>


<!------------------------------------------------------------------>
<br />
<div id="LR18314847">
<textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical">
input HTML
</textarea>
<div class="DP">00</div>
</div>
<script>
LiRoT('LR18314847','300');
</script>

Edit

管理員 html 測試 上入 下出

html 測試 上入 下出

<div id="ud123">
<textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical">

HTML input

</textarea>
<div class="DP">00</div></div>
<script>udFT('ud123','300');</script>

HTML input

00

<style>
.udt , .udf{  width:100%; background-color:azure;font-size:18px}
.uds { background-color:azure;
       cursor:pointer;     
       float:left; display:     
       table-cell;
       vertical-align: middle;   
       text-align: center;   
       width: 80px;   
       height: 30px;
       border: thin solid black;
      font-size:18px       }
</style>

<script>
/* --------NEW UP----LOAD-----------*/
function udFT(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 ><td >";
strVar += "<form>";
strVar += "<div class='uds' id='" + x + "AL1' onclick='udDP(this.id)'>預覽</div>";
strVar += "<div class='uds' id='" + x + "AL3' onclick='udRS(this.id)'>還原</div><br>";
strVar += "<textarea class='udt' style='height:" + w1 + "px'  id='" + x+ "TTL' spellcheck='false' wrap='logical'>";
strVar += "<\/textarea><br>";
strVar += "<iframe class='udf' style='height:" + w1 + "px'  id='" + x + "ifL' ><\/iframe>";
strVar += "<\/form>";
strVar += "</td></tr>";
strVar += "</tbody>";
strVar += "</table>";
x1.innerHTML=strVar ;
udRS(x+"AL1");
}
</script>

<script>/* --------NEW UP-----DP-----------*/
function udDP(qq1){
var Mid= qq1.substring(0,qq1.length-3);
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>/* --------NEW UP-----rs-----------*/
function udRS(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;
udDP(qq1);
}
</script>


<div id="ud123">
<textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical">
HTML input
</textarea>
<div class="DP">
00</div>
</div>
<!----------------------------------------------------------------------------------->
<script>
udFT('ud123','300');
</script>

Edit

html 測試 單入 單出

html 測試 單入 單出

<div id="W999999999">
<textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical">

HTML input

</textarea>
<div class="DP">00</div></div>
<script>WWFT('W999999999','400');</script>

HTML input

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 ><td >";
strVar += "<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><br>";
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></tr>";
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>

<!----------------------------------------------------------------------------------->
<div id="W999999999">
<textarea class="LLtextA" spellcheck="false" style="display: none;" wrap="logical">
HTML input
</textarea>
<div class="DP">00</div>
</div>
<!----------------------------------------------------------------------------------->
<script>
WWFT('W999999999','400');
</script>

Edit

閱讀更多 隐藏/显示

閱讀更多 隐藏/显示

第一行<br>第二行<br><!----------------------------------------------------------------><input onclick="if(this.value == '閱讀更多....') { this.value ='關閉全文....'; var x=document.getElementsByClassName ('TX123'); x[0].style.display = 'block';} else {this.value ='閱讀更多....'; var x=document.getElementsByClassName ('TX123') ; x[0].style.display = 'none';};" style="width: 100%;cursor:pointer;font-size: 16px; text-align:center; background:#e5eecc; border:solid 3px #c3c3c3;" type="button" value="閱讀更多...." /> <div class="TX123" style="display: none;"><!---------------------------------------------------------------->第三行<br>第四行<br>第五行<br>第六行<br></div> 第一行<br>第二行<br><!----------------------------------------------------------------><input onclick="if(this.value == '閱讀更多....') { this.value ='關閉全文....'; var x=document.getElementsByClassName ('TX123'); x[0].style.display = 'block';} else {this.value ='閱讀更多....'; var x=document.getElementsByClassName ('TX123') ; x[0].style.display = 'none';};" style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 16px; width: 150px;" type="button" value="閱讀更多...." /> <div class="TX123" style="display: none;"><!---------------------------------------------------------------->第三行<br>第四行<br>第五行<br>第六行<br></div>

閱讀更多 隐藏/显示

閱讀更多 隐藏/显示

第一行<br> 第二行<br> <!----------------------------------------------------------------> <input onclick="if(this.value == '閱讀更多....') { this.value ='關閉全文....'; var x=document.getElementsByClassName ('TX123'); x[0].style.display = 'block';} else {this.value ='閱讀更多....'; var x=document.getElementsByClassName ('TX123') ; x[0].style.display = 'none';};" style="width: 100%;cursor:pointer;font-size: 16px; text-align:center; background:#e5eecc; border:solid 3px #c3c3c3;" type="button" value="閱讀更多...." /> <div class="TX123" style="display: none;"> <!----------------------------------------------------------------> 第三行<br> 第四行<br> 第五行<br> 第六行<br> </div> 第一行<br> 第二行<br> <!----------------------------------------------------------------> <input onclick="if(this.value == '閱讀更多....') { this.value ='關閉全文....'; var x=document.getElementsByClassName ('TX123'); x[0].style.display = 'block';} else {this.value ='閱讀更多....'; var x=document.getElementsByClassName ('TX123') ; x[0].style.display = 'none';};" style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 16px; width: 150px;" type="button" value="閱讀更多...." /> <div class="TX123" style="display: none;"> <!----------------------------------------------------------------> 第三行<br> 第四行<br> 第五行<br> 第六行<br> </div>

html 測試 左右 各一 測試

html 測試 左右 各一 測試

<div id="LR123456789" >
<div class="UU1"></div>
<textarea class="Ltxt" spellcheck="false" wrap="logical" style="display:none;">
<p style="color:red;font-size:36px;">
左側顯示
</p>
</textarea>
<textarea class="Rtxt" spellcheck="false" wrap="logical" style="display:none;">
<p style="color:blue;font-size:36px;">
右側顯示
</p>
</textarea>
</div>
<script>LRonload('LR123456789',"400");</script>

<p style="color:red;font-size:36px;"> 左側顯示 </p> <p style="color:blue;font-size:36px;"> 右側顯示 </p>

<style>
.RRtext , .LLtext { font-size:110%;
                               display:none;   
                               background-color:azure;     
                               width: 100%;
                               height: 300px;     
                               border: thin solid black;
                               font-size:18px; }
.LRC { cursor:pointer;       
             background-color:gainsboro;       
             float:left; display:       
             table-cell;
             vertical-align: middle;     
             text-align: center;     
             width: 80px;     
             height: 30px;     
            border: thin solid black;     
            overflow:auto;
            font-size:18px ;}

.LLif , .RRif { font-size:110%;
                        background-color:azure;     
                        width: 100%;     
                        height: 300px;     
                        border: thin solid black;
                        font-size:18px;}
</style>
<!-----------------------------reset--------------------------------------->
<script>
function FLRrs(qq1){
Mid= qq1.substring(0,qq1.length-2);
LRd= qq1.substring(qq1.length-2,qq1.length-1);

var x0 = document.getElementById(Mid);
var x1 = x0.getElementsByClassName(LRd+"txt");
document.getElementById(Mid+LRd+"tt").value = x1[0].value;
FLRdp(qq1)
}
</script>
<!-----------------------------input------------------------------------------>
<script>
function FLRtt(qq1){
Mid= qq1.substring(0,qq1.length-2);
LRd= qq1.substring(qq1.length-2,qq1.length-1);
document.getElementById(Mid+LRd+"a").style.backgroundColor = "gainsboro";
document.getElementById(Mid+LRd+"b").style.backgroundColor = "azure";
document.getElementById(Mid+LRd+"tt").style.display='block';   
document.getElementById(Mid+LRd+"ff").style.display='none';
}
</script>

<!--------------------------------display ----------CCK----------------------------------------->
<script>
function FLRdp(qq1){
Mid= qq1.substring(0,qq1.length-2);
LRd= qq1.substring(qq1.length-2,qq1.length-1);
document.getElementById(Mid+LRd+"a").style.backgroundColor = "azure";
document.getElementById(Mid+LRd+"b").style.backgroundColor = "gainsboro";
document.getElementById(Mid+LRd+"tt").style.display='none';   
document.getElementById(Mid+LRd+"ff").style.display='block';
var Ttext = document.getElementById(Mid+LRd+"tt").value;
var Ri= document.getElementById(Mid+LRd+"ff");
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>

<!--------------------------------LOAD--------------------------------------------------->
<script>
function LRonload(qq1,hh){
var x0 = document.getElementById(qq1);
var x1 = x0.querySelector(".UU1");
var strVar="";
strVar += "<table border=\"2\" style=\"width: 100%;\">";
strVar += "<tbody>";
strVar += "<tr><td width=\"50%\">";
strVar += "<form>";
strVar += "<div class='LRC' id='" + qq1 + "La' onclick='FLRdp(this.id)'>預覽</div>";
strVar += "<div class='LRC' id='" + qq1 + "Lb' onclick='FLRtt(this.id)'>寫程式</div>";
strVar += "<div class='LRC' id='" + qq1 + "Lc' onclick='FLRrs(this.id)'>還原</div>";
strVar += "<textarea style='height:" + hh + "px' class='LLtext' id='" + qq1 + "Ltt' spellcheck='false' wrap='logical'>LLLLLLLLLLLLLLLLL";
strVar += "<\/textarea>";
strVar += "<iframe style='height:" + hh + "px'  class='LLif' id='" + qq1 + "Lff' ><\/iframe>";
strVar += "<\/form>";
strVar += "<\/td><td>";
strVar += "<form>";
strVar += "<div class='LRC' id='" + qq1 + "Ra' onclick='FLRdp(this.id)'>預覽</div>";
strVar += "<div class='LRC' id='" + qq1 + "Rb' onclick='FLRtt(this.id)'>寫程式</div>";
strVar += "<div class='LRC' id='" + qq1 + "Rc' onclick='FLRrs(this.id)'>還原</div>";
strVar += "<textarea style='height:" + hh + "px'  class='LLtext' id='" + qq1 + "Rtt' spellcheck='false' wrap='logical'>RRRRRRRRRRRRRRRRRRRRR";
strVar += "<\/textarea>";
strVar += "<\/form>";
strVar += "<iframe style='height:" + hh + "px' class='RRif' id='" + qq1 + "Rff' ><\/iframe>";

strVar += "<\/td><\/tr>";
strVar += "<\/tbody><\/table>";
x1.innerHTML=strVar ;
FLRrs(qq1+"La");
FLRrs(qq1+"Ra");
}
</script>
<!*******************************************************************>
<div id="LR123456789" >
<div class="UU1"></div>
<textarea class="Ltxt" spellcheck="false" wrap="logical" style="display:none;">
<p style="color:red;font-size:36px;">
左側顯示
</p>
</textarea>
<textarea class="Rtxt" spellcheck="false" wrap="logical" style="display:none;">
<p style="color:blue;font-size:36px;">
右側顯示
</p>
</textarea>
</div>
<!----------------------------------------------------------------------------------->
<script>
LRonload('LR123456789',"400");
</script>

Edit