<body id='body'>
<table width="70%" height="100%" align="center" border="0">
<tr class="top_block">
<td colspan="2">
<div class="top_bg"><div><span class="big" id="changed">Название сайта</span>И т.д....
Суть в том, чтобы при нажатии на надпись (#changed) появлялся div (#pole), а заместо надписи, на которую нажали, появляется текстовое поле, с этой надписью. Суть div'a #pole в том, чтобы залить весь документ, позади появившегося текстового поля, полупрозрачно-белым цветом.
Если надо, вот стиль того дива:
div.hz{
background-color: rgba(255,255,255,0.7);
position: absolute;
top: -10%;
left: -10%;
height: 110%;
width: 110%;
z-index: 1;
}
Это всё реализовать мне удалось, но я хочу чтобы при нажатии в любую точку за пределами текстового поля (т.е. при нажатии на div #pole) div #pole изчезал, текстовое поле тоже исчезало, и на его месте появлялся текст (на который надо было нажать сначала #changed), но уже изменённый. Вот как-то так)