Code Generator for rotating and displaying images in Flash with js

Copy codeThe Code is as follows:
<! -- File Header template -->
<SCRIPT src = top. js> </SCRIPT>
<SCRIPT language = javascript>
WriteTop ('generate the code for the image to be displayed in Flash ', '2017-10-18 ');
</SCRIPT>

<! -- The following content -->
<SCRIPT>
// Run the code
Function runEx (cod1 ){
Cod = document. getElementById (cod1)
Var code = cod. value;
If (code! = ""){
Var newwin = window. open ('','','');
Newwin. opener = null
Newwin.doc ument. write (code );
Newwin.doc ument. close ();
}
}
// Copy the code
Function doCopy (ID ){
If (document. all ){
TextRange = document. getElementById (ID). createTextRange ();
TextRange.exe cCommand ("Copy ");
}
Else {
Alert ("this function is only valid on IE ")
}
}

// Expand _ collapse paragraph
Function close_open (theID ){
If (document. getElementById (theID). style. display! = 'None '){
Document. getElementById (theID). style. display = 'none ';
}
Else
Document. getElementById (theID). style. display = 'block ';
}
</SCRIPT>

<SCRIPT language = javascript>
// Generate code
Function genCode ()
{
Var html = '';
Var picUrl = '';
Var picLink = '';
Var picTitle = '';
Var picWidth = 0;
Var picHeight = 0;
Var titleHeight = 0;
Var backgroudn = '';

{
Var tempUrl = '';
Var tempLink = '';
Var tempTitle = '';
For (I = 0; I <9; ++ I ){
TempUrl = document. getElementById ('picurl _ '+ (1 + I). value;
TempLink = document. getElementById ('piclink _ '+ (1 + I). value;
TempTitle = document. getElementById ('pictitle _ '+ (1 + I). value;
If (tempUrl = '') continue;
If (tempLink = '') tempLink = tempUrl;
If (tempTitle = '') tempTitle = 'untitle ';
PicUrl + = tempUrl + '| ';
PicLink + = tempLink + '| ';
PicTitle + = tempTitle + '| ';
}
PicUrl = picUrl. substring (0, picUrl. length-1 );
PicTitle = picTitle. substring (0, picTitle. length-1 );
PicLink = picLink. substring (0, picLink. length-1 );
PicWidth = parseInt (document. getElementById ('picwidth'). value );
PicHeight = parseInt (document. getElementById ('picheight'). value );
TitleHeight = parseInt (document. getElementById ('titleheight'). value );
Backgroudn = document. getElementById ('backgrounddn '). value;
}

Html + = '<EMBED pluginspage = http://www.macromedia.com/go/getflashplayer src = http://staryxy.googlepages.com/picplay.swf ';
Html + = 'width = '+ picWidth;
Html + = 'height = '+ (picHeight + titleHeight );
Html + = 'Type = application/x-shockwave-flash WMODE = "opaque" FLASHVARS = "';
Html + = 'pics = '+ picUrl;
Html + = '& links =' + picLink;
Html + = '& texts =' + picTitle;
Html + = '& borderwidth =' + picWidth;
Html + = '& borderheight =' + picHeight;
Html + = '& textheight =' + titleHeight;
Html + = '"MENU =" false "';
Html + = 'bgcolor = "'+ backgroudn;
Html + = '"QUALITY =" high "ALLOWSCRIPTACCESS =" sameDomain "> </EMBED> ';

Document. getElementById ('showcode'). value = html;
Show. innerHTML = html;
}
</SCRIPT>

<Div style = "margin-top: 5px; background: #9 abcde">
<Div style = 'cursor: hand 'onclick = close_open ('edit')> <li> Settings </li> </div>
<Div id = 'edit' style = "margin-left: 15px; display: block;">
<Div style = "background: # cdcdcd">
Image Display width: <input size = 10 id = picWidth title = "image display width" value = "300"> </input>
Height: <input size = 10 id = picHeight title = "Image Height" value = "200"> </input>
Text area Height: <input size = 10 id = titleheight title = "text area height" value = "20"> </input>
Background Color: <input size = 10 id = backgroudn title = "background color" value = '# cdcdcd'> </input>
</Div>
<Div style = "background: # eeeeee">
Image 1:
<Input maxlength = 2048 size = 25 id = picUrl_1 value = "http://staryxy.googlepages.com/diner1.jpg" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_1 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_1 value = "" Night Banquet "makes evil pictures 1" title = "NOTE"> </input>
</Div>
<Div style = "background: # cdcdcd">
Image 2:
<Input maxlength = 2048 size = 25 id = picUrl_2 value = "http://staryxy.googlepages.com/diner2.jpg" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_2 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_2 value = "" Night Banquet "makes evil pictures 2" title = "NOTE"> </input>
</Div>
<Div style = "background: # eeeeee">
Image 3:
<Input maxlength = 2048 size = 25 id = picUrl_3 value = "http://staryxy.googlepages.com/diner4.jpg" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_3 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_3 value = "" Night Banquet "makes evil pictures 3" title = "Description"> </input>
</Div>
<Div style = "background: # cdcdcd">
Figure 4:
<Input maxlength = 2048 size = 25 id = picUrl_4 value = "http://staryxy.googlepages.com/diner7.jpg" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_4 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_4 value = "" Night Banquet "makes evil pictures 4" title = "NOTE"> </input>
</Div>
<Div style = "background: # eeeeee">
Image 5:
<Input maxlength = 2048 size = 25 id = picUrl_5 value = "http://staryxy.googlepages.com/diner8.jpg" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_5 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_5 value = "" Night Banquet "makes evil pictures 5" title = "Description"> </input>
</Div>
<Div style = "background: # cdcdcd">
Image 6:
<Input maxlength = 2048 size = 25 id = picUrl_6 value = "http://staryxy.googlepages.com/diner12.jpg" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_6 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_6 value = "6 6" title = ""> </input>
</Div>
<Div style = 'cursor: hand 'onclick = close_open ('editmore')> <li> more (six or fewer images are recommended; otherwise, they will not be seen) </li> </div>
<Div id = 'editmor' style = 'display: none; '>
<Div style = "background: # eeeeee">
Figure 7:
<Input maxlength = 2048 size = 25 id = picUrl_7 value = "" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_7 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_7 value = "" title = ""> </input>
</Div>
<Div style = "background: # cdcdcd">
Figure 8:
<Input maxlength = 2048 size = 25 id = picUrl_8 value = "" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_8 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_8 value = "" title = ""> </input>
</Div>
<Div style = "background: # eeeeee">
Image 9:
<Input maxlength = 2048 size = 25 id = picUrl_9 value = "" title = "image URL"> </input>
Link address: <input maxlength = 2048 size = 25 id = picLink_9 value = "" title = "link address"> </input>
Note: <input maxlength = 2048 size = 20 id = picTitle_9 value = "" title = ""> </input>
</Div>
</Div>
</Div>
<Div>
<Input type = button onclick = 'javascript: genCode (); 'value = generate code>
</Input>
</Div>
</Div>


<Div style = "margin-top: 5px; background: #9 abcde">
<Div onclick = close_open ('code') style = 'cursor: hand'> <li> code </li> </div>
<Div id = 'code' style = 'margin-left: 15px; display: none; '>
<TEXTAREA rows = "15" id = "ShowCode" style = "width: 100%">
<! -- The result code is displayed here -->
</TEXTAREA>
</Div>
<Div>
<INPUT onclick = "runEx ('showcode')" type = "button" value = "run this code"/>
<INPUT onclick = "doCopy ('showcode')" type = "button" value = "Copy this code"/>
[Ctrl + A select all tips: you can modify some code and then press run]
</Div>
</Div>



<Div style = "margin-top: 5px; background: #9 abcde;">
<Div onclick = close_open ('show ') style = 'cursor: hand'> <li> display effect </li> </div>
<Div id = 'show' title = "display Effect" align = center style = "margin-left: 15px; display: none; background: # abcdef">
No
</Div>
</Div>
</Div>