網頁托拉問題 |
缺席
|
aaron8738352
一般會員 發表:13 回覆:7 積分:4 註冊:2003-12-12 發送簡訊給我 |
|
biau
一般會員 發表:25 回覆:32 積分:21 註冊:2003-02-27 發送簡訊給我 |
|
biau
一般會員 發表:25 回覆:32 積分:21 註冊:2003-02-27 發送簡訊給我 |
要用 ie5.5以上才能RUN
<HTML> <HEAD><TITLE>BaseContainer</TITLE> <style type="text/css"> .containerStyle { position:absolute; width:0px; height:0px; z-index:2; left: 32px; top: 85px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; padding:15; overflow:hidden; } .containershadow { position:absolute; width:0px; height:0px; z-index:1; left: 0px; top: 0px; background: #000000; border: 1px solid #000000; FILTER: progid:DXImageTransform.Microsoft.CrBlur( PixelRadius=3, MakeShadow=true, ShadowOpacity=.30);} .toolbar { position:absolute; width:600px; height:30px; z-index:3; left: 10px; top: 10px; background-color: #FFFFFF; background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#99CCFF', startColorstr='#ffffff', gradientType='0'); layer-background-color: #FFFFFF; border: 1px solid #000000; padding:15; overflow:hidden; } /*########################################################################################## // // Galley_Style // //##########################################################################################*/ .Galley_Style { position:absolute; width:0px; height:0px; z-index:1; top: 0px; left: 0px; background-color: #999999; border-right:2px solid #99CCFF; border-top:2px solid #333366; border-left:2px solid #333366; border-bottom:2px solid #99CCFF;} } .GalleyTEXTStyle { position:absolute; width:0px; height:0px; z-index:2; top: 0px; left: 0px; background-color: #FFFFFF; background-color: palevioletred layer-background-color: #FFFFFF; background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='0'); border: 1px solid #000000; padding:15; } .GalleyGRAPHICStyle { position:absolute; width:0px; height:0px; z-index:2; top: 0px; left: 0px; background-color: #FFFFFF; background-color: palevioletred layer-background-color: #FFFFFF; background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='0'); border: 1px solid #000000; padding:15; } .GalleySOUNDStyle { position:absolute; width:0px; height:0px; z-index:2; top: 0px; left: 0px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; padding:15; } .GalleyANIMATIONStyle { position:absolute; width:0px; height:0px; z-index:2; top: 0px; left: 0px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; padding:15; } .GalleyMOVIEStyle { position:absolute; width:0px; height:0px; z-index:2; top: 0px; left: 0px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; padding:15; } </style> var defult_width=0; var defult_height=0; var defult_X_POS=0; var defult_Y_POS=0; var gsCurrentControlSet = null; <!-- These variables are used to dynamically assign IDs to inserted content --> var giLastImg = '1'; var idLastTxt = '1'; var offset=0; function ContainerInit(value1,value2,value3,value4,value5) { defult_X_POS=value1; defult_Y_POS=value2; defult_width=value3; defult_height=value4; offset=value5; init(); } function setSize() { //var test="container_1"; container_1.style.width=this.container_width; container_1.style.height=this.container_height; } function setPos() { container_1.style.left=this.container_left; container_1.style.top=this.container_top; } function container(container_left, container_top, container_width, container_height ) { this.container_left=container_left; this.container_top=container_top; this.container_width=container_width; this.container_height=container_height; this.setContainerSize=setSize; this.setContainerPos=setPos; } function showdow(showdow_left, showdow_top, showdow_width, showdow_height) { this.showdow_left=showdow_left; this.showdow_top=showdow_top; this.showdow_width=showdow_width; this.showdow_height=showdow_height; containershadow.style.width=this.showdow_width; containershadow.style.height=this.showdow_height; containershadow.style.left=this.showdow_left; containershadow.style.top=this.showdow_top; } function getElement(){ srcElement=window.event.srcElement; //alert(" windows.event.srcElement=" srcElement " "); //alert(" tagname=" srcElement.tagName " "); alert(" ID=" srcElement.id " "); //alert(" Class=" srcElement.className " "); } function init() { //Container Container1=new container(defult_X_POS,defult_X_POS,defult_width,defult_height); Container1.setContainerPos(defult_X_POS,defult_Y_POS); Container1.setContainerSize(defult_width,defult_height); showdow1=new showdow(defult_X_POS offset,defult_X_POS offset,defult_width,defult_height); } //##################################GalleyI //################################## //################################## function GalleyInit(val1,val2,val3,val4) { //alert("GalleyInit..."); Galley.style.left=val1; Galley.style.top=val2; Galley.style.width=val3; Galley.style.height=val4; setGalley_Child_Style(Galley.style.left, Galley.style.top, Galley.style.width, Galley.style.height); } function setGalley_Child_Style(parentLeft,parentLeft,parentWidth,parentHeight){ //alert( Galley.all.length); rerurn the NUM of Galley,Gallet id the layer's name var offset=5 Galley_TEXT.style.left=10; Galley_TEXT.style.top=60; Galley_TEXT.style.width=90; Galley_TEXT.style.height=90; Galley_GRAPHIC.style.left=10; Galley_GRAPHIC.style.top=160; Galley_GRAPHIC.style.width=90; Galley_GRAPHIC.style.height=90; Galley_SOUND.style.left=10; Galley_SOUND.style.top=260; Galley_SOUND.style.width=90; Galley_SOUND.style.height=90; Galley_ANIMATION.style.left=10; Galley_ANIMATION.style.top=360; Galley_ANIMATION.style.width=90; Galley_ANIMATION.style.height=90; Galley_MOVIE.style.left=10; Galley_MOVIE.style.top=460; Galley_MOVIE.style.width=90; Galley_MOVIE.style.height=90; } function TextToolBar(){ //var oNode=document.createElement("div"); //oNode.id = 'TextToolBar'; imgSrc=new Array(50); imgSrc[0]='images/toolbar/UI_fontcolor.gif'; imgSrc[1]='images/toolbar/UI_undo.gif'; imgSrc[2]='images/toolbar/UI_redo.gif'; imgSrc[3]='images/toolbar/UI_bold.gif'; imgSrc[4]='images/toolbar/UI_italic.gif'; imgSrc[5]='images/toolbar/UI_underline.gif'; imgSrc[6]='images/toolbar/UI_form-copy.gif'; imgSrc[7]='images/toolbar/UI_tool-cut.gif'; imgSrc[8]='images/toolbar/UI_fontcolor.gif'; for (i=0;i<8;i ) { var //oNode.src='images/toolbar/UI_fontcolor.gif'; oNode.src=imgSrc[i]; var tmpID='tool_' i; //tool_1.insertBefore(oNode); ToolBar.insertBefore(oNode); oNode.style.position='absolute'; oNode.style.top=5; oNode.style.left=0 30*i; } } function InsertText() { container_1.unselectable = "off"; container_1.contentEditable='true'; document.execCommand("2D-Position", true, true); document.execCommand("MultipleSelection", true, true); document.execCommand("LiveResize", true, true); var container_1.insertBefore(oNode); idLastTxt ; var iTempCount = "text" idLastTxt; oNode.id = iTempCount; oNode.style.fontFamily="新細明體"; oNode.style.position='absolute'; oNode.style.top=100; oNode.innerText='在此輸入文字'; oNode.style.position='absolute'; <!-- Set the new text as the active element for editing. --> oNode.setActive() } function InsertGraphic(){ alert("I'll create Graphic here..."); container_1.unselectable = "off"; container_1.contentEditable='true'; document.execCommand("2D-Position", true, true); document.execCommand("MultipleSelection", true, true); document.execCommand("LiveResize", true, true); var container_1.insertBefore(oNode); //oNode.src='oImgSrc'; oNode.src='images/humanframe.jpg'; giLastImg ; //var iTempCount = oImgId giLastImg; var iTempCount =giLastImg ""; oNode.id = iTempCount; oNode.style.position='absolute'; <!-- Set the new image as control selected for resizing/repositioning --> var oControlRange = document.body.createControlRange(); oControlRange.add(oNode); oControlRange.select(); } function dispatch() { //alert("I'll dispatch event.."); srcElement=window.event.srcElement; alert(" I get event ID=" srcElement.tagName " "); } </HEAD> <BODY GalleyInit(620,10,150,540)"> <!--工具列區--><!--編輯區--> |
aaron8738352
一般會員 發表:13 回覆:7 積分:4 註冊:2003-12-12 發送簡訊給我 |
本站聲明 |
1. 本論壇為無營利行為之開放平台,所有文章都是由網友自行張貼,如牽涉到法律糾紛一切與本站無關。 2. 假如網友發表之內容涉及侵權,而損及您的利益,請立即通知版主刪除。 3. 請勿批評中華民國元首及政府或批評各政黨,是藍是綠本站無權干涉,但這裡不是政治性論壇! |