| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 3 | <head> |
|---|
| 4 | <title>Form problem example</title> |
|---|
| 5 | <meta content="text/html; charset=utf-8" http-equiv="content-type" /> |
|---|
| 6 | <script type="text/javascript" src="../ckeditor.js"></script> |
|---|
| 7 | <script src="sample.js" type="text/javascript"></script> |
|---|
| 8 | <link href="sample.css" rel="stylesheet" type="text/css" /> |
|---|
| 9 | </head> |
|---|
| 10 | <body> |
|---|
| 11 | <form action="sample_posteddata.php" method="post"> |
|---|
| 12 | <h2 class="samples">Form problem example</h2> |
|---|
| 13 | <p>Works fine in IE6 - IE8, fails in FF3.5 & Chrome 15</p> |
|---|
| 14 | <div> |
|---|
| 15 | <div class="editorArea" style="min-height:400px;"> |
|---|
| 16 | <div id="mainEditor" style="width: 100%; height: 400px; margin-bottom:26px;" class="mainEditor"> |
|---|
| 17 | <form action="blah" method="post" name="frm_Comments" > |
|---|
| 18 | <fieldset> |
|---|
| 19 | <legend>Your details</legend> |
|---|
| 20 | <table class="form"> |
|---|
| 21 | <tbody> |
|---|
| 22 | <tr> |
|---|
| 23 | <td class="control"> |
|---|
| 24 | <label for="SenderName">Your Name *</label> |
|---|
| 25 | </td> |
|---|
| 26 | <td> |
|---|
| 27 | <input class="singletextinput" id="SenderName" type="text" /> |
|---|
| 28 | </td> |
|---|
| 29 | </tr> |
|---|
| 30 | <tr> |
|---|
| 31 | <td class="control"> |
|---|
| 32 | <label for="SenderDept">Your Department</label> |
|---|
| 33 | </td> |
|---|
| 34 | <td> |
|---|
| 35 | <input class="singletextinput" id="SenderDept" type="text" /> |
|---|
| 36 | </td> |
|---|
| 37 | </tr> |
|---|
| 38 | <tr> |
|---|
| 39 | <td class="control"> |
|---|
| 40 | <label for="SenderEmail">Your E-mail address*</label> |
|---|
| 41 | </td> |
|---|
| 42 | <td> |
|---|
| 43 | <input class="singletextinput" id="SenderEmail" type="text" /> |
|---|
| 44 | </td> |
|---|
| 45 | </tr> |
|---|
| 46 | <tr> |
|---|
| 47 | <td class="control"> |
|---|
| 48 | <label for="SenderPhone">Your Phone number</label> |
|---|
| 49 | </td> |
|---|
| 50 | <td> |
|---|
| 51 | <input class="singletextinput" id="SenderPhone" type="text"/> |
|---|
| 52 | </td> |
|---|
| 53 | </tr> |
|---|
| 54 | </tbody> |
|---|
| 55 | </table> |
|---|
| 56 | </fieldset> |
|---|
| 57 | <fieldset> |
|---|
| 58 | <legend>Your comments</legend> |
|---|
| 59 | <table class="form"> |
|---|
| 60 | <tbody> |
|---|
| 61 | <tr> |
|---|
| 62 | <td class="control"> |
|---|
| 63 | <label for="SenderComments">Enter your comments *</label> |
|---|
| 64 | </td> |
|---|
| 65 | <td> |
|---|
| 66 | <textarea class="multitextinput" id="SenderComments" name="SenderComments" cols="20" rows="8"></textarea> |
|---|
| 67 | </td> |
|---|
| 68 | </tr> |
|---|
| 69 | <tr> |
|---|
| 70 | <td colspan="2"> |
|---|
| 71 | <input id="submit" type="submit" value="submit" /> |
|---|
| 72 | </td> |
|---|
| 73 | </tr> |
|---|
| 74 | </tbody> |
|---|
| 75 | </table> |
|---|
| 76 | </fieldset> |
|---|
| 77 | </form> |
|---|
| 78 | <p>some text</p> |
|---|
| 79 | </div> |
|---|
| 80 | </div> |
|---|
| 81 | <script type="text/javascript"> |
|---|
| 82 | //<![CDATA[ |
|---|
| 83 | CKEDITOR.replace( 'mainEditor', |
|---|
| 84 | { |
|---|
| 85 | skin : 'kama' |
|---|
| 86 | }); |
|---|
| 87 | //]]> |
|---|
| 88 | </script> |
|---|
| 89 | </div> |
|---|
| 90 | </form> |
|---|
| 91 | </body> |
|---|
| 92 | </html> |
|---|