Código de JavaScript - Post-IT

Post-ITgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(16)
Publicado el 08 de Julio del 2002 por tecniCam
19.694 visualizaciones desde el 08 de Julio del 2002. Una media de 28 por semana
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 08 de Julio del 2002gráfica de visualizaciones de la versión: Versión 1
19.695 visualizaciones desde el 08 de Julio del 2002. Una media de 28 por semana
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)

gerardo
01 de Agosto del 2002
estrellaestrellaestrellaestrellaestrella
mu Chulo
Responder
esterzosa
11 de Septiembre del 2002
estrellaestrellaestrellaestrellaestrella
muy original
Responder
israel
11 de Noviembre del 2002
estrellaestrellaestrellaestrellaestrella
esta muy bueno el codigo
Responder
Octavio
05 de Diciembre del 2002
estrellaestrellaestrellaestrellaestrella
Ha realizado una valoración positiva de este curso.
Responder
Harold
09 de Diciembre del 2002
estrellaestrellaestrellaestrellaestrella
Genial
Responder
deporcuna
05 de Abril del 2003
estrellaestrellaestrellaestrellaestrella
Simplemente extraordinario
Responder
claudia
17 de Julio del 2003
estrellaestrellaestrellaestrellaestrella
es correcto
Responder
fausto
13 de Mayo del 2004
estrellaestrellaestrellaestrellaestrella
Muy interesante este codigo
Responder
Manuel
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
Herney Eduardo
30 de Marzo del 2005
estrellaestrellaestrellaestrellaestrella
Símpatico y útil
Responder
Vladi Bloodie
24 de Junio del 2005
estrellaestrellaestrellaestrellaestrella
Muy bueno el codigo, felicidades, besos
Responder
mauro
11 de Enero del 2006
estrellaestrellaestrellaestrellaestrella
excelente codigo felicitaciones
Responder
maco
12 de Abril del 2006
estrellaestrellaestrellaestrellaestrella
Buenisimo !!!! Felicitaciones !!!
Responder
criguma
04 de Febrero del 2007
estrellaestrellaestrellaestrellaestrella
Espectacular!!!!!!!!!!!!
Responder
Lalo
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
Juan Miguel
04 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

http://lwp-l.com/s253