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>
​
<html>
    <head>
<script src="http://code.jquery.com/jquery-git2.js"></script>
        <title>The ChessBoard</title>
        <meta charset="UTF-8">
​
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="ressource/js/board.js"></script>
​
        <link rel="stylesheet" type="text/css" href="ressource/css/tag.css">
        <link rel="stylesheet" type="text/css" href="ressource/css/id.css">
        <link rel="stylesheet" type="text/css" href="ressource/css/class.css">
​
    </head>
    <body>
          
        <div id="chess_board">    
  hola mundosd
        </div>
        <div id="chess_controll">   
            <input id="ches_controll_board_size" type="range" min="10" max="200" value="50" step="10" oninput="changeBoard(this.value)"/> Board Size
            <br>
            <input type="color" onchange="changeBoardColor(this.value, '')" name="favcolor"/>Weise Felder
            <br>
            <input type="color" onchange="changeBoardColor('',this.value)" name="favcolor"/>Schwarze Felder
            <br>
            <button id="chess_controll_reset_board">reset Board</button>
        </div>
        
    </body>
</html>
​
 
.chess_boards_fields{
width: 85px;
height: 89px;
}
.chess_board_field_true{
    background-color: blue;
    
   
    
}
.chess_board_field_false{
    background-color: green;
    
}
.chess_board_row{
    display:block;
float:left;
​
}
#chess_board{
border:red thin solid;
    
}
​
#chess_controll{
    position:fixed;
    display:block;
    z-index: 9999;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border: 4px solid blue;
    bottom: 0px;
    left: 0%;
    padding:5px;
    
}
 
$(document).ready(function(){
    
    $("#chess_controll_reset_board").click(function(){
      var _test ="mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm";
      $("#chess_board").append('<div style="color:red">'+ _test +'</div>');    
    
    
    
    });    
});
    
        
        
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers