tu-css - Codigos Html

Codigos Html

CODIGOS !! By Kateko

Esta categoría se destaca por mostrarles buenos códigos que realmente les serán de gran utilidad.

1.- Ventana de Alerta con Mensaje

http://cdn1.iconfinder.com/data/icons/silk2/tick.png

<div id="cuadro"> <div align="right"><a href="javascript:closeit()" _fcksavedurl="javascript:closeit()" _fcksavedurl="javascript:closeit()" title=""><font color="red"><b>X</b></font></a></div> <b>Titulo</b><br /> <em>Texto - Texto - Texto</em></div> <style type="text/css"> #cuadro{display:scroll;position:fixed;bottom:10px;left:5px;visibility:hidden; background:url(URL DE FONDO) repeat; color:#ccc;border:0px; z-index:100;font:12px verdana;width:150px;padding:1px;height:autopx;} #cuadro a{color:#ff9900;text-decoration:none;}</style>  <script>
var once_per_browser=0
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ns4)
crossobj=document.layers.cuadro
else if (ie4||ns6)
crossobj=ns6? document.getElementById("cuadro") : document.all.cuadro
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))}}
return returnvalue;}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"}}
function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"}
if (once_per_browser)
showornot()
else
showit()
</script> <script language="JavaScript1.2">
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+'px'
crossobj.style.top=tempy+event.clientY-offsety+'px'
return false}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+'px'
crossobj.style.top=tempy+e.clientY-offsety+'px'
return false}}
function initializedrag(e){
if (ie4&&event.srcElement.id=="cuadro"||ns6&&e.target.id=="postit"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop}}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
</script>

9.- Textarea con Botón de Seleccionar

<form><div style="text-align: center;"><textarea id="code" name="cajatexto" rows="5" cols="70">
Codigo Codigo Codigo
</textarea></div><center>
<input type="button" name="button" id="botoncode" onclick="javascript:this.form.cajatexto.focus();this.form.cajatexto.select();" value="Seleccionar texto"/></center></form>