18/10/2005, 03:44
|
 | | | Fecha de Ingreso: octubre-2005 Ubicación: Barcelona
Mensajes: 177
Antigüedad: 19 años, 1 mes Puntos: 0 | |
| El código: (parte_2)
Código:
<style type="text/css">
.moveable {
cursor:move;
color: black;
position: absolute;
z-index:100;
left: 400px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.opaco {
filter: alpha(opacity=50);
opacity: .5
height;
background-color: #E0E0E0;
: 30px;
width: 300px;
cursor: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px none;
}
#formarea {
position:absolute;
top:5px;
left:5px;
z-index:1;
width: 360px;
height: 265px;
}
.selects {
margin:0;
border:2px dashed red;
font:11px Arial;
color:#333333;
background:#e2e2e2;
width:259px;
height:60px;
padding:2px 3px;
}
.tds {
border: 1px none #CCCCCC;
background-position: center center;
}
.txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.tds2 {
background-position: center center;
border-top: 1px dotted #999999;
border-right: 1px none #999999;
border-bottom: 1px none #999999;
border-left: 1px none #999999;
}
.bots {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px none;
color: #FFFFFF;
background-color: #C4C8FF;
}
</style>
<body onLoad="document.onmousedown = mouseClick;document.onmousemove = mouseDrag;document.onmouseup = mouseRelease;">
<div id="capa_1" class="moveable" >TEMA 1</div>
<br>
<div id="capa_2" class="moveable" >TEMA 2</div>
<br>
<div id="capa_3" class="moveable" >TEMA 3</div>
<br>
<div id="capa_4" class="moveable" >TEMA 4</div>
<br>
<div id="capa_5" class="moveable" >TEMA 5</div>
<div id="formarea" >
<form name="formulario" method="post" action="" >
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt" >
<tr>
<td width="10%" valign="middle">12:00</td>
<td width="90%" valign="bottom" class="tds" onmouseover="changeVar('selectList1','1')" >
<select name="select" size="1" multiple class="selects" id="selectList1" onmouseover="changeVar('selectList1','1')" onChange="changeHid('ListHid1','1','ListArr1')">
</select>
<a href="#"><img src="del.gif" width="9" height="20" border="0" onClick="deletes('selectList','1')"></a>
<input name="ListHid1" type="hidden" class="selects" >
<input name="ListArr1" type="hidden" class="selects" > </td>
</tr>
<tr>
<td height="20" colspan="2" valign="middle" class="tds2"> </td>
</tr>
<tr>
<td valign="middle">13:00</td>
<td valign="middle" class="tds" onmouseover="changeVar('selectList2','2')" >
<select name="select2" size="10" multiple class="selects" id="selectList2" onmouseover="changeVar('selectList2','2')" onChange="changeHid('ListHid2','2','ListArr2')" >
</select>
<a href="#"><img src="del.gif" width="9" height="20" border="0" onClick="deletes('selectList2','2')"></a>
<input name="ListHid2" type="hidden" class="selects" >
<input name="ListArr2" type="hidden" class="selects" ></td>
</tr>
<tr>
<td height="20" colspan="2" valign="middle" class="tds2" > </td>
</tr>
<tr>
<td valign="middle" >14:00</td>
<td valign="middle" class="tds" onmouseover="changeVar('selectList3','3')">
<select name="select3" size="10" multiple class="selects" id="selectList3" onmouseover="changeVar('selectList3','3')" onChange="changeHid('ListHid3','3','ListArr3')">
</select>
<a href="#"><img src="del.gif" width="9" height="20" border="0" onClick="deletes('selectList3','3')"></a>
<input name="ListHid3" type="hidden" class="selects" >
<input name="ListArr3" type="hidden" class="selects" ></td>
</tr>
<tr>
<td height="20" colspan="2" valign="middle" class="tds2"> </td>
</tr>
<tr>
<td valign="middle">15:00</td>
<td valign="middle" class="tds" onmouseover="changeVar('selectList4','4')">
<select name="select4" size="10" multiple class="selects" id="selectList4" onmouseover="changeVar('selectList4','4')" onChange="changeHid('ListHid4','4','ListArr4')">
</select>
<a href="#"><img src="del.gif" width="9" height="20" border="0" onClick="deletes('selectList4','4')"></a>
<input name="ListHid4" type="hidden" class="selects" >
<input name="ListArr4" type="hidden" class="selects" > </td>
</tr>
<tr>
<td height="20" colspan="2" valign="middle" class="tds2"> </td>
</tr>
<tr>
<td valign="middle">16:00</td>
<td valign="middle" class="tds" onmouseover="changeVar('selectList5','5')">
<select name="select5" size="10" multiple class="selects" id="selectList5" onmouseover="changeVar('selectList5','5')" onChange="changeHid('ListHid5','5','ListArr5')" >
</select>
<a href="#"><img src="del.gif" width="9" height="20" border="0" onClick="deletes('selectList5','5')"></a>
<input name="ListHid5" type="hidden" class="selects" >
<input name="ListArr5" type="hidden" class="selects" ></td>
</tr>
</table>
<!--
<div id="hid" style="position:absolute; left:111px; top:305px; width:223px; height:37px; z-index:1; visibility: hidden;">
<select name="select6" size="10" multiple class="selects" id="noList" onmouseover="changeVar('noList','0')" >
</select>
</div>-->
<br>
</form>
</div>
<iframe id="iframe_oculto" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none; z-index: 99;"></iframe>
</body>
Última edición por pinchoso; 05/07/2006 a las 01:52 |