Home > Developer > JavaScript
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> untitled document </title>
<Script type = "text/javascript" src = "../facebook/static/tool_js/jquery-1.7.2.min.js"> </script>
<Script type = "text/javascript" src = "../facebook/static/tool_js/jquery. boxy. js"> </script>
<Script>
Function showEmail () {// The email writing window is displayed.
// This method uses ajax and get to pass the html element to Boxy for display. tinymce cannot be passed in or implemented.
// $. Get (
// '/Emailrecord/sendemaildialog /',
// {Pa: 'dsfs '},
// Function (msg ){
// Var html = msg.html;
// Var my_boxy = new Boxy (html, {title: 'link name', modal: true, fixed: false, afterHide: function () {my_boxy.hideAndUnload ();}});
//},
// "Json"
//);
//
// Return false;
// The current method can display the tinymce style as follows:
Normally:
// Why?
// Expert advice! Expert advice! Expert advice!
Var box = new Boxy ($ ("# emaildialog "),{
Modal: true,
Fixed: false,
Title: "email sending ",
CloseText: "[close]"
});
}
</Script>
</Head>
<Body>
<Div style = "width: 800px; height: 470px; display: none;" id = "emaildialog">
<Link rel = "stylesheet" type = "text/css" href = "/media/css/forms.css"/>
<Link rel = "stylesheet" type = "text/css" href = "/static/tool_css/boxy.css"/>
<Script type = "text/javascript" src = "/static/tiny_mce/tiny_mce.js"> </script>
<Script type = "text/javascript">
Function submitfcn (){
Var title = document. getElementById ('Id _ title'). value;
Var content = document. getElementById ('Id _ content'). value;
Var done = true;
If (! Title ){
Done = false;
Document. getElementById ('Id _ title'). focus ();
Alert ('Enter the mail title! ');
}
If (! Content ){
Done = false;
Document. getElementById ('Id _ content'). focus ();
Alert ('enter the email content! ');
}
If (done ){
Document. forms [0]. submit ();
} Else {
Return false;
}
}
</Script>
<Form action = "emailrecord/sendemaildialog/" method = "post" >{% csrf_token %}
<Fieldset class = "module aligned">
<Div class = "form-row">
<Div>
<Label for = "id_title" class = "required"> email title: </label> <input id = "id_title" type = "text" name = "title" maxlength = "128"/>
</Div>
</Div>
<Div class = "form-row">
<Div>
<Label for = "id_content" class = "required"> email content: </label>
<Textarea id = "id_content" rows = "10" cols = "40" name = "content">
& Lt; br/& gt;
The email content template is as follows: But {name} {url} cannot be changed. It must exist! Delete this row. Thank you & lt; br/& gt;
Dear employee of a company, {name}: & lt; br/& gt;
Log on to the xx System ({url}) as soon as possible. Log On with the account provided below and enter the questionnaire. & Lt; br/& gt;
If you have any questions about the operations on the network platform, contact ma Shentong, & lt; br/& gt;
This email is a system email. Please do not reply! & Lt; br/& gt;
& Lt; label style = "margin-left: 550px;" & gt; Human Resources Department & lt;/label & gt;
</Textarea>
<Script type = "text/javascript">
TinyMCE. init ({
Language: "zh ",
Theme: "advanced ",
Mode: "textareas ",
Theme_advanced_toolbar_location: "top ",
Theme_advanced_toolbar_align: "left ",
Theme_advanced_statusbar_location: "bottom ",
Height: 300, width: 650,
Content_css: "/static/tiny_mce/themes/advanced/skins/default/content.css ",
});
</Script>
</Div>
</Div>
</Fieldset>
<Div>
<Input type = "button" value = "OK" onclick = "submitfcn ()"/>
</Div>
</Form>
</Div>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
