Code Generator for rotating and displaying images in Flash with js

Source: Internet
Author: User

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>

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.