Ticket #502: firefox2EditorsCantFocus.html

File firefox2EditorsCantFocus.html, 2.2 KB (added by Eric Caron, 13 years ago)

An example of having a Firefox editor lose focus when its hidden then unhidden using CSS.

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<title>Post a Job |  JobDig Career Search and Employment Guide for Minnesota, North Dakota, South Dakota, Nebraska, Wisconsin, Iowa and
6Kansas.</title>
7<script type="text/javascript" src="https://secure.jobdig.com/scripts/prototype.js"></script>
8<script type="text/javascript" src="https://secure.jobdig.com/scripts/scriptaculous.js"></script>
9</head>
10<body >
11<div id="content" class="noRight"><div style="height:1em;padding:2px;border-bottom:1px solid #cacaca;margin-bottom:1em;"><a href="https://secure.jobdig.com/">JobDig</a> -> <a href="https://secure.jobdig.com/members/">Members</a> -> Post a Job</div>
12
13<form method="post" action="#">
14<fieldset><legend>Basic Information</legend>
15<input type="hidden" name="mode" value="create"/>
16
17<div class="required" style="position:relative;height:160px;">
18<label for="Description">Description</label> 
19<div style="position:absolute;left:140px;top:0;height:150px;padding:0;margin:0;">
20<div><input type="hidden" id="Description" name="Description" value="" style="display:none" /><input type="hidden" id="Description___Config" value="" style="display:none" /><iframe id="Description___Frame" src="https://secure.jobdig.com/includes/FCKeditor/editor/fckeditor.html?InstanceName=Description&amp;Toolbar=Basic" width="350px" height="150px" frameborder="0" scrolling="no"></iframe></div></div>
21</div>
22
23<div style="position:relative">
24Requirements
25
26<div style="display:none;margin:-15px 0 0 140px;height:150px;padding:0" id="requirementBox"><div><input type="hidden" id="Requirement" name="Requirement" value="" style="display:none" /><input type="hidden" id="Requirement___Config" value="" style="display:none" /><iframe id="Requirement___Frame" src="https://secure.jobdig.com/includes/FCKeditor/editor/fckeditor.html?InstanceName=Requirement&amp;Toolbar=Basic" width="350px" height="150px" frameborder="0" scrolling="no"></iframe></div></div></div>
27<script type="text/javascript">
28window.setTimeout("document.getElementById('requirementBox').style.display='block';",1000);
29</script>
30<input type="submit" name="submit" value="Proceed &gt;&gt;">
31</fieldset>
32</form>
33
34</div>
35</body>
36</html>
37
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy