dreh pannel

by basti1012

HTML

<table id="hallo">
<tr class="reihe"><td>bla</td><td>bla</td><td> </td></tr>
</table>
 Klicke auf reihe um id zu erhhalten
 <div id="eid">
 
 </div>
 <br>
 diese id wird jetzt für diesen Button verwendet 
 <div id="dd">
 
 </div>

CSS

tr{
  border:1px solid black;
  width:100vw;
}
td{
  border:2px solid black;
  width:30vw;
}
#dd{
  position:absolute;
  top:150px;
  left:100px;
  width:100px;
  height:100px;
  background:red;
  display:block;
}
#eid{
  color:blue;
}

JavaScript

var idsave;
$('tr').click(function(){
 d='ermittelte_id';
 $(' tr').data('save',d);

$('#eid').html('Id aus Zeile '+d);


var hu=$('tr').data('save');
$('#dd').html('<button   id="'+hu+'" class="tt"">Button mit ermittelter id</button>');

$("#"+hu).click(function(){
alert('Dieser Button hat die id '+this.id+' \nSehen kann man das in den Enzwikler tolls ');
});
});