Código de JavaScript - Post-IT

sin imagen de perfil

Post-ITgráfica de visualizaciones


JavaScript

Publicado el 8 de Julio del 2002 por Tecnicam (22 códigos)
23.087 visualizaciones desde el 8 de Julio del 2002
Muestra un Post-IT en la pantalla, el cual se puede mover y cerrar. Permite colocar código HTML en su interior.

Versión 1
estrellaestrellaestrellaestrellaestrella(16)

Publicado el 8 de Julio del 2002gráfica de visualizaciones de la versión: Versión 1
23.088 visualizaciones desde el 8 de Julio del 2002
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!-- POSTIT -->
<html><head>
 
<style>
<!--
#postit{
position:absolute;
width:250;
padding:5px;
background-color:yellow;
border:1px solid black;
visibility:hidden;
z-index:500;
cursor:hand;
}
-->
</style>
 
</head>
 
 
<body>
Con el botón derecho del ratón puedes arrastrar el POSTIT donde quieras para que no moleste.
 
<div id="postit" style="left:150px;top:150px">
<div align="right"><b><a href="javascript:closeit()"><font face="Arial" size="1">[CERRAR]</font></a></b></div>
 
<!-- INSERTA EL CONTENIDO AQUÍ -->
 
<b>AVISO</b><br>
<p><font size="2" face="Arial"><a href="http://www.lawebdelprogramador.com" target="_BLANK"><font face="Verdana" size="1">Entra en La Web del Programador</font><br>
</a><br>Esto es un solo ejemplo. Un aviso para que la gente que entra en la web lo vea, y que una vez visto lo pueda cerrar sin problemas.<p><strong>Aqui dentro puedes utilizar</strong> <font color="#FF0000">todos los codigos html que quieras, </font><font size="3">para confeccionar el aviso o noticia.</font></p>
 
<!-- FIN DEL CONTENIDO -->
 
</div>
 
<script>
 
var once_per_browser=0
 
///No modifiques lo que sigue///
 
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
 
if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit
 
 
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}
 
function get_cookie4(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie4.length > 0) {
    offset = document.cookie4.indexOf(search)
    if (offset != -1) { // if cookie4 exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie4.indexOf(";", offset);
      // set index of end of cookie4 value
      if (end == -1)
         end = document.cookie4.length;
      returnvalue=unescape(document.cookie4.substring(offset, end))
      }
   }
  return returnvalue;
}
 
function showornot(){
if (get_cookie4('postdisplay')==''){
showit()
document.cookie4="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">
 
//función arrastrar y soltar para ie4+ y NS6////
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}
 
function initializedrag(e){
if (ie4&&event.srcElement.id=="postit"||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>
 
</body></html>



Comentarios sobre la versión: Versión 1 (16)

1 de Agosto del 2002
estrellaestrellaestrellaestrellaestrella
mu Chulo
Responder
11 de Septiembre del 2002
estrellaestrellaestrellaestrellaestrella
muy original
Responder
11 de Noviembre del 2002
estrellaestrellaestrellaestrellaestrella
esta muy bueno el codigo
Responder
5 de Diciembre del 2002
estrellaestrellaestrellaestrellaestrella
Ha realizado una valoración positiva de este curso.
Responder
9 de Diciembre del 2002
estrellaestrellaestrellaestrellaestrella
Genial
Responder
5 de Abril del 2003
estrellaestrellaestrellaestrellaestrella
Simplemente extraordinario
Responder
17 de Julio del 2003
estrellaestrellaestrellaestrellaestrella
es correcto
Responder
13 de Mayo del 2004
estrellaestrellaestrellaestrellaestrella
Muy interesante este codigo
Responder
20 de Marzo del 2005
estrellaestrellaestrellaestrellaestrella
No lei el código mas el funcionamiento está muy bien, sería mucho pedir pero al soltar "la nota" aparece el menú emergente, si se puede ocultar q mejor... aunq no es tan necesario. Parabêns
Responder
30 de Marzo del 2005
estrellaestrellaestrellaestrellaestrella
Símpatico y útil
Responder
24 de Junio del 2005
estrellaestrellaestrellaestrellaestrella
Muy bueno el codigo, felicidades, besos
Responder
11 de Enero del 2006
estrellaestrellaestrellaestrellaestrella
excelente codigo felicitaciones
Responder
12 de Abril del 2006
estrellaestrellaestrellaestrellaestrella
Buenisimo !!!! Felicitaciones !!!
Responder
4 de Febrero del 2007
estrellaestrellaestrellaestrellaestrella
Espectacular!!!!!!!!!!!!
Responder
20 de Septiembre del 2007
estrellaestrellaestrellaestrellaestrella
Está bueno, salvo el pequeño inconveniente del menú emergente, el cual puede anularse... Fué probado en Mozilla 5.0 y funciona de lujo... Recomendado...
Responder
4 de Septiembre del 2008
estrellaestrellaestrellaestrellaestrella
Es estupendo, llevava algun tiempo buscando algo parecido y no lo encontraba a mi gusto y es muy importante el poder colocar codigos html en su interior.
Ahora bien, habria la posibilidad de que despues de entrar un usuario en la web y el post-it lo cerrara, que no volviera a ejecutarse mas durante la navegacion de este usuario, o por lo menos durante un tiempo grande, ya que lo cierrs y aparece cada vez que te mueves por las paginas ( yo utilizo JOMMLA)
Un saqludo y Felicidades.
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s253