Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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> 
    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="http://www.examplet.buss.hk/js/jquery.caret.min.js"></script>
    <style type="text/css"> 
        body { font-size:13px; font-family:Lucida Sans, Lucida Sans Unicode, Arial, Sans-Serif; color:#666; margin:20px;}
        #menu {padding:5px; background-color:#f5f5f5; display:none; 
               position:absolute; top:0px; left:0px; overflow:hidden;
               border:solid 1px #929292;}
        #menu:hover {background-color:rgba(245, 245, 245, 1);}
        #menu a { padding:3px 5px; border:solid 1px #f5f5f5; color:#000; text-decoration:none; font-size:14px;
            float:left; display:block; text-align:center; zoom:1;}
        #menu a:hover { border:solid 1px #bea881; background-color:#fff2cb;}
        #preview { width:400px; background-color:#f8f8f8; border:solid 1px #929292; padding:10px;}
        #preview b, #preview u, #preview i {color:#c30;}
    </style> 
</head> 
<body> 
    <div id="main"> 
        <div> 
            <p style="font-size:16px;"> 
            Select some text here:<br /> 
            <textarea id="description" rows="8" cols="50">The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</textarea> 
              <textarea id="description2" rows="5" cols="40">lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum.</textarea> 
            </p> 
            Preview:
            <div id="preview">The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</div> 
            <div id="menu"> 
                <a href="#" id="bold">b</a> 
                <a href="#" id="italic">i</a> 
                <a href="#" id="underline">u</a> 
                <a href="#" id="link">Link</a> 
            </div> 
        </div> 
    </div> 
</body> 
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers