 |
|
| Ver tema anterior :: Ver tema siguiente |
| Autor |
Mensaje |
placa geforce
latin@ bebé
Registrado: 11 Feb 2007
Mensajes: 5
|
 Publicado: Dom Feb 11, 2007 12:32 am Asunto: [Tutorial] Como simular el MOD de Cumpleaños |
 |
|
yo cree un tutorial sobre el MOD de cumpleaños... y como vi que latin foros no tiene se los pongo aca por si lo quieren usar... el script no lo cree yo, yo cree la idea y lo adapte para que se pueda hacer... aca les dejo el tuto...
saludos...
vamos a crear un foro nuevo el cual se va a llamar Feliz Cumpleaños!!! (en realidad lo pueden llamar como quieran, asi se va a llamar en mi ej.)...
el foro lo podes cerrar o usarlo para que los usuarios le escribas mensajes a los cumpleañeros, eso va a gusto personal...
despues de ponerle el nombre al foro pasamos a poner su descripción... en ella vamos a poner el siguiente código:
| Código: | <script language="javascript">
/*****************************************************************************
Felicitar cumpleaños. Script creado por Tunait!
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
tunait@yahoo.com
******************************************************************************/
cf = "#none" //color de fondo de tabla
cc = "#ffffff" //color fondo de celda
ct = "#dddddd" //color del texto 'Cumpleaños de hoy'
Vmrgn = 5 //margen vertical en pixels de la foto
Hmrgn = 5 //margen horizontal en pixels de la foto
ftprx = true // true muestra también las fotos de los cumples próximos. False no pone las fotos
ftps = true // true muestra también las fotos de los cumples pasados. False no pone las fotos
ruta = "fotos/" //ruta del directorio donde se encuentran las imágenes
aviMan = false //true para que advierta de los cumples de mañana; false para que los omita
aviAyr = false //true para que advierta de los cumples de ayer; false para que los omita
aviHy = false //true para que avise de los cumples de hoy; false para que los omita
aviMesPrx = true //true para que avise de los del próximo mes; false para que los omita
maxColum = 0 //si se quiere en más de una línea especifica cuantos cumples muestra por línea. El valor 0 deshabilita varias líneas.
unicaLinea = true //indica si los cumples del mes que viene, hoy, mañana y ayer se muestran uno a continuación del otro (true) o si crea una línea nueva para cada evento (false)
function pepe(nombre,diacumple,mescumple,afoto){
this.nombre = nombre
this.diacumple = diacumple
this.mescumple = mescumple
this.afoto = afoto
}
var pers = new Array()
pers[0] = new pepe ("Nadie<br> ...por Ahora",1,"Julio")
pers[1] = new pepe ("Nadie<br> ...por Ahora",1,"Octubre")
pers[2] = new pepe ("Nadie<br> ...por Ahora",1,"Enero")
pers[3] = new pepe ("Nadie<br> ...por Ahora",1,"Febrero")
pers[4] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[5] = new pepe ("Nadie<br> ...por Ahora",1,"Abril")
pers[6] = new pepe ("Nadie<br> ...por Ahora",1,"Mayo")
pers[7] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[8] = new pepe ("Nadie<br> ...por Ahora",1,"Agosto")
pers[9] = new pepe ("Nadie<br> ...por Ahora",1,"Septiembre")
pers[10] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre")
pers[11] = new pepe ("Nadie<br> ...por Ahora",1,"Diciembre")
pers[12] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[13] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[14] = new pepe ("Día 30<br> ...por Ahora",1,"Noviembre")
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
var cumples = new Array()
var cm = new Array()
var ca = new Array()
var cM = new Array()
var pM = new Array()
fecha = new Date()
diames = fecha.getDate()
mes=fecha.getMonth()
maniana = new Date(fecha.getYear(),mes,diames)
maniana.setTime(maniana.getTime() + (1*24*60*60*1000))
maniana =maniana.toString()
ayer = new Date(fecha.getYear(),mes,diames)
ayer.setTime(ayer.getTime() - (1*24*60*60*1000))
ayer =ayer.toString()
cmps = false
for(m=0;m<pers.length;m++)
{
if(pers[m].mescumple == meses[mes])
{
cM[cM.length] = pers[m]
cmps = true
}
if(pers[m].mescumple == meses[mes+1]){
pM[pM.length] = pers[m]
cmps = true
}
if(pers[m].diacumple==diames && pers[m].mescumple==meses[mes] && aviHy == true)
{
cumples[cumples.length] = pers[m]
cmps = true
}
for (k=0;k<meses.length;k++)
{
if(pers[m].mescumple == meses[k])
{
mesecillo = k; break
}
}
cumpleman = new Date(fecha.getYear(),mesecillo,pers[m].diacumple)
cumpleman=cumpleman.toString()
if (maniana == cumpleman)
{
cm[cm.length] = pers[m]
cmps = true
}
if (ayer == cumpleman)
{
ca[ca.length] = pers[m]
cmps = true
}
}
var Nowrap = ''
if(cmps == true){
if(unicaLinea){
Nowrap='nowrap="nowrap"'
document.write('<table cellspacing="0" cellpadding="0"><tr><td>')
}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(cM.length > 0){
if(maxColum > 0){
con=1
maxColum2 = cM.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = cM.length}
document.write ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 + '"><font color="' + ct +'">')
document.writeln (meses[mes])
document.writeln ('</th></tr><tr>')
for(s=0; s < cM.length; s++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + cM[s].nombre )
if(cM[s].afoto != null){
document.write ('<br /><img src="' + ruta + cM[s].afoto )
document.write ('" title = "' + cM[s].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
if(unicaLinea){document.write('</td>')}
if(pM.length > 0 && aviMesPrx == true){
if(unicaLinea){document.write('<td>')}
if(maxColum > 0){
con=1
maxColum2 = pM.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = pM.length}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
document.write ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 + '"><font color="' + ct +'">')
document.writeln (' ...proximo mes')
document.writeln ('</tr><tr>')
for(s=0; s < pM.length; s++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + pM[s].nombre )
if(pM[s].afoto != null){
document.write ('<br /><img src="' + ruta + pM[s].afoto )
document.write ('" title = "' + pM[s].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
if(unicaLinea){document.write('</td>')}
if(cumples.length > 0 && aviHy == true)
{
if(unicaLinea){document.write('<td>')}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(cumples.length > 0){
if(maxColum > 0){
con=1
maxColum2 = cumples.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = cumples.length}
document.write ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 +'"><font color="' + ct +'">')
document.writeln ('Cumpleaños de hoy')
document.writeln ('</th></tr><tr>')
for(t=0;t < cumples.length; t++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + cumples[t].nombre )
if(cumples[t].afoto != null)
{
document.write ('<br /><img src="' + ruta + cumples[t].afoto )
document.write ('" title = "' + cumples[t].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
}
if(unicaLinea){document.write('</td>')}
if (cm.length >0 && aviMan == true){
if(unicaLinea){document.write('<td>')}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(cm.length > 0){
if(maxColum > 0){
con=1
maxColum2 = cm.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = cm.length}
document.writeln ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 + '"><font color="' + ct +'">')
document.writeln ('Cumpleaños de Mañana')
document.writeln ('</td></tr><tr>')
for(p=0;p<cm.length;p++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + cm[p].nombre )
if(cm[p].afoto != null && ftprx == true)
{
document.write ('<br /><img src="' + ruta + cm[p].afoto )
document.write ('" title = "' + cm[p].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
}
if(unicaLinea){document.write('</td>')}
if (ca.length >0 && aviAyr == true){
if(unicaLinea){document.write('<td>')}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(ca.length > 0){
if(maxColum > 0){
con=1
maxColum2 = ca.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = ca.length}
document.writeln ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 +'"><font color="' + ct +'">')
document.writeln ('Cumpleaños de Ayer')
document.writeln ('</td></tr><tr>')
for(p=0;p<ca.length;p++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + ca[p].nombre )
if(ca[p].afoto != null && ftps == true)
{
document.write ('<br /><img src="' + ruta + ca[p].afoto )
document.write ('" title = "' + ca[p].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
}
if(unicaLinea){document.write('</td></tr></table>')}
}
</script>
<style type="text/css">
<!--
.cumples {
font-family: Tahoma, Verdana, Arial;
font-size: 10px;
}
.afoto {
border-left:1px solid #666666; border-right:1px solid #FFFFFF; border-top:1px solid #ffffff; border-bottom:1px solid none;
}
-->
</style>
<a href="http://www.lenguajebinario.com.ar"><font size="1">Lenguaje Binario</font></a> |
este es el Código HTML que va a simular el MOD de cumpleaños y nos va a ir avisando cada mes quien cumple y quien no...
ahora les voy a enseñar algunos detalles del código para que lo usen como ustedes quieran...
primero y lo mas importante es como agregar a un cumpleañero, pasemos a observar la siguiente parte del código (nota: el código y todos los que veamos a continuación son parte del código de arriba, no hay que agregar nada, solo modificar el de arriba):
| Código: | var pers = new Array()
pers[0] = new pepe ("Nadie<br> ...por Ahora",1,"Julio")
pers[1] = new pepe ("Nadie<br> ...por Ahora",1,"Octubre")
pers[2] = new pepe ("Nadie<br> ...por Ahora",1,"Enero")
pers[3] = new pepe ("Nadie<br> ...por Ahora",1,"Febrero")
pers[4] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[5] = new pepe ("Nadie<br> ...por Ahora",1,"Abril")
pers[6] = new pepe ("Nadie<br> ...por Ahora",1,"Mayo")
pers[7] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[8] = new pepe ("Nadie<br> ...por Ahora",1,"Agosto")
pers[9] = new pepe ("Nadie<br> ...por Ahora",1,"Septiembre")
pers[10] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre")
pers[11] = new pepe ("Nadie<br> ...por Ahora",1,"Diciembre")
pers[12] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[13] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[14] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre") |
como verán hay una linea por mes... en realidad cuando consegui el código no había ninguna linea, pero si en un mes nadie cumple años desaparese la tabla (en mi caso eso no me gustaba y prefería que dijera "nadie, ...por ahora", esto se puede cambiar a gusto o quitarlo si no se quiere)...
si usan mi ej. cuando agregan un nuevo cumpleañero, si es el primero del mes reemplacen el "Nadie, ...por ahora" de ese mes, si es el segundo o mas, vamos a tener que agregar una linea nueva...
si es el primero para reemplazarla tiene que hacer lo siguiente, usamos de ej. a Marzo:
| Código: | | pers[12] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo") |
(en este ej. el cumpleaños es el 14 de Marzo y la cumpleañera se llama Barby), despues de tener estos datos reemplazamos de la siguiente forma, agarramos el Nadie y lo reemplazamos por el día de la siguiente forma Día 14, entonces ahora reemplazamos el ...por ahora por el nombre del cumpleañero, Barby, todo cambiado quedará así:
| Código: | | pers[12] = new pepe ("Día 14<br> Barby",14,"Marzo") |
de esta forma en el mes de Marzo aparecerá el cumpleaños de Barby...
si el que vamos a agregar es el segundo del mes vamos a tener que agregar una fila nueva... que es el mismo sistema nada mas que hay que agregar el numero de pers, es decir si la última fila dice pers [14] tendremos que poner 15, y asi lo que corresponda..., un ej para que se entienda mejor, si queremos agregar una persona mas de Marzo agregamos una nueva fila debajo de la 14 que quede asi:
| Código: | pers[0] = new pepe ("Nadie<br> ...por Ahora",1,"Julio")
pers[1] = new pepe ("Nadie<br> ...por Ahora",1,"Octubre")
pers[2] = new pepe ("Nadie<br> ...por Ahora",1,"Enero")
pers[3] = new pepe ("Nadie<br> ...por Ahora",1,"Febrero")
pers[4] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[5] = new pepe ("Nadie<br> ...por Ahora",1,"Abril")
pers[6] = new pepe ("Nadie<br> ...por Ahora",1,"Mayo")
pers[7] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[8] = new pepe ("Nadie<br> ...por Ahora",1,"Agosto")
pers[9] = new pepe ("Nadie<br> ...por Ahora",1,"Septiembre")
pers[10] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre")
pers[11] = new pepe ("Nadie<br> ...por Ahora",1,"Diciembre")
pers[12] = new pepe ("Día 14<br> Barby",14,"Marzo")
pers[13] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[14] = new pepe ("Día 30<br> ...por Ahora",1,"Noviembre")
pers[15] = new pepe ("Día 10<br> Juan",10,"Marzo") |
también acuerdensen de cambiar el 1 por el día del cumpleaños... y obviamente poner el mes que corresponde (no se olviden de ninguna comilla)...
después lo único que queda para finalizar es los colores y las funciones que usa el cuadro... las primeras les digo cual son pero no se las explico porque estan bien explicadas y en castellano, se entienden bien:
| Código: | cf = "#none" //color de fondo de tabla
cc = "#ffffff" //color fondo de celda
ct = "#dddddd" //color del texto 'Cumpleaños de hoy'
Vmrgn = 5 //margen vertical en pixels de la foto
Hmrgn = 5 //margen horizontal en pixels de la foto
ftprx = true // true muestra también las fotos de los cumples próximos. False no pone las fotos
ftps = true // true muestra también las fotos de los cumples pasados. False no pone las fotos
ruta = "fotos/" //ruta del directorio donde se encuentran las imágenes
aviMan = false //true para que advierta de los cumples de mañana; false para que los omita
aviAyr = false //true para que advierta de los cumples de ayer; false para que los omita
aviHy = false //true para que avise de los cumples de hoy; false para que los omita
aviMesPrx = true //true para que avise de los del próximo mes; false para que los omita
maxColum = 0 //si se quiere en más de una línea especifica cuantos cumples muestra por línea. El valor 0 deshabilita varias líneas.
unicaLinea = true //indica si los cumples del mes que viene, hoy, mañana y ayer se muestran uno a continuación del otro (true) o si crea una línea nueva para cada evento (false) |
damos por finalizado el tutorial... cualquier cosa preguntar aca mismo... en lo posible iré contestando...
este script fue usado por mi y anda muy bien...
saludos
PD: el script utilizado en este tutorial fue creado por Tunait!, puede encontrar este y muchos mas en http://javascript.tunait.com
publicidad: si quieres saber mucho de computación no te olvides de pasar por mi portal www.lenguajebinario.com.ar |
|
| Volver arriba |
|
 |
Eduardocs
novat@
Registrado: 09 Mar 2007
Mensajes: 4
Ubicación: ninguno
|
| Publicado: Vie Mar 09, 2007 7:17 pm Asunto: AUN NO PUEDO HACER QUE SE VEAN LAS FOTOS DE LOS CUMPLEAÑEROS |
|
|
COMO HAGO PA QUE SE VEAN LA FOTOS DE LOS SUPUESTOS CUMPLEAÑEROS HE INTENTADO Y NADA PORFAVOR AYUDAME SI DE ANTEMANOS TE AGRADESCO EL APOYO. CHAU
_________________
Eduardocs |
|
| Volver arriba |
|
|
Eduardocs
novat@
Registrado: 09 Mar 2007
Mensajes: 4
Ubicación: ninguno
|
| Publicado: Vie Mar 09, 2007 7:28 pm Asunto: |
|
|
ah mi correo es eduardo0026@hotmail.com gracias
_________________
Eduardocs |
|
| Volver arriba |
|
|
Eduardocs
novat@
Registrado: 09 Mar 2007
Mensajes: 4
Ubicación: ninguno
|
| Publicado: Vie Mar 09, 2007 7:30 pm Asunto: Re: [Tutorial] Como simular el MOD de Cumpleaños |
|
|
Hola he probado el Script estas bueno pero he tenido problema con los de la fotos pa mostrarse de los cumpleañeros.. no se ve ni se muestra nada me puedes ayudar que he intentando y nada hay algo que falta ??? gracia es todo mi correo es eduardo0026@hotmail.com
| placa geforce escribió: | yo cree un tutorial sobre el MOD de cumpleaños... y como vi que latin foros no tiene se los pongo aca por si lo quieren usar... el script no lo cree yo, yo cree la idea y lo adapte para que se pueda hacer... aca les dejo el tuto...
saludos...
vamos a crear un foro nuevo el cual se va a llamar Feliz Cumpleaños!!! (en realidad lo pueden llamar como quieran, asi se va a llamar en mi ej.)...
el foro lo podes cerrar o usarlo para que los usuarios le escribas mensajes a los cumpleañeros, eso va a gusto personal...
despues de ponerle el nombre al foro pasamos a poner su descripción... en ella vamos a poner el siguiente código:
| Código: | <script language="javascript">
/*****************************************************************************
Felicitar cumpleaños. Script creado por Tunait!
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
tunait@yahoo.com
******************************************************************************/
cf = "#none" //color de fondo de tabla
cc = "#ffffff" //color fondo de celda
ct = "#dddddd" //color del texto 'Cumpleaños de hoy'
Vmrgn = 5 //margen vertical en pixels de la foto
Hmrgn = 5 //margen horizontal en pixels de la foto
ftprx = true // true muestra también las fotos de los cumples próximos. False no pone las fotos
ftps = true // true muestra también las fotos de los cumples pasados. False no pone las fotos
ruta = "fotos/" //ruta del directorio donde se encuentran las imágenes
aviMan = false //true para que advierta de los cumples de mañana; false para que los omita
aviAyr = false //true para que advierta de los cumples de ayer; false para que los omita
aviHy = false //true para que avise de los cumples de hoy; false para que los omita
aviMesPrx = true //true para que avise de los del próximo mes; false para que los omita
maxColum = 0 //si se quiere en más de una línea especifica cuantos cumples muestra por línea. El valor 0 deshabilita varias líneas.
unicaLinea = true //indica si los cumples del mes que viene, hoy, mañana y ayer se muestran uno a continuación del otro (true) o si crea una línea nueva para cada evento (false)
function pepe(nombre,diacumple,mescumple,afoto){
this.nombre = nombre
this.diacumple = diacumple
this.mescumple = mescumple
this.afoto = afoto
}
var pers = new Array()
pers[0] = new pepe ("Nadie<br> ...por Ahora",1,"Julio")
pers[1] = new pepe ("Nadie<br> ...por Ahora",1,"Octubre")
pers[2] = new pepe ("Nadie<br> ...por Ahora",1,"Enero")
pers[3] = new pepe ("Nadie<br> ...por Ahora",1,"Febrero")
pers[4] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[5] = new pepe ("Nadie<br> ...por Ahora",1,"Abril")
pers[6] = new pepe ("Nadie<br> ...por Ahora",1,"Mayo")
pers[7] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[8] = new pepe ("Nadie<br> ...por Ahora",1,"Agosto")
pers[9] = new pepe ("Nadie<br> ...por Ahora",1,"Septiembre")
pers[10] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre")
pers[11] = new pepe ("Nadie<br> ...por Ahora",1,"Diciembre")
pers[12] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[13] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[14] = new pepe ("Día 30<br> ...por Ahora",1,"Noviembre")
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
var cumples = new Array()
var cm = new Array()
var ca = new Array()
var cM = new Array()
var pM = new Array()
fecha = new Date()
diames = fecha.getDate()
mes=fecha.getMonth()
maniana = new Date(fecha.getYear(),mes,diames)
maniana.setTime(maniana.getTime() + (1*24*60*60*1000))
maniana =maniana.toString()
ayer = new Date(fecha.getYear(),mes,diames)
ayer.setTime(ayer.getTime() - (1*24*60*60*1000))
ayer =ayer.toString()
cmps = false
for(m=0;m<pers.length;m++)
{
if(pers[m].mescumple == meses[mes])
{
cM[cM.length] = pers[m]
cmps = true
}
if(pers[m].mescumple == meses[mes+1]){
pM[pM.length] = pers[m]
cmps = true
}
if(pers[m].diacumple==diames && pers[m].mescumple==meses[mes] && aviHy == true)
{
cumples[cumples.length] = pers[m]
cmps = true
}
for (k=0;k<meses.length;k++)
{
if(pers[m].mescumple == meses[k])
{
mesecillo = k; break
}
}
cumpleman = new Date(fecha.getYear(),mesecillo,pers[m].diacumple)
cumpleman=cumpleman.toString()
if (maniana == cumpleman)
{
cm[cm.length] = pers[m]
cmps = true
}
if (ayer == cumpleman)
{
ca[ca.length] = pers[m]
cmps = true
}
}
var Nowrap = ''
if(cmps == true){
if(unicaLinea){
Nowrap='nowrap="nowrap"'
document.write('<table cellspacing="0" cellpadding="0"><tr><td>')
}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(cM.length > 0){
if(maxColum > 0){
con=1
maxColum2 = cM.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = cM.length}
document.write ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 + '"><font color="' + ct +'">')
document.writeln (meses[mes])
document.writeln ('</th></tr><tr>')
for(s=0; s < cM.length; s++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + cM[s].nombre )
if(cM[s].afoto != null){
document.write ('<br /><img src="' + ruta + cM[s].afoto )
document.write ('" title = "' + cM[s].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
if(unicaLinea){document.write('</td>')}
if(pM.length > 0 && aviMesPrx == true){
if(unicaLinea){document.write('<td>')}
if(maxColum > 0){
con=1
maxColum2 = pM.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = pM.length}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
document.write ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 + '"><font color="' + ct +'">')
document.writeln (' ...proximo mes')
document.writeln ('</tr><tr>')
for(s=0; s < pM.length; s++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + pM[s].nombre )
if(pM[s].afoto != null){
document.write ('<br /><img src="' + ruta + pM[s].afoto )
document.write ('" title = "' + pM[s].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
if(unicaLinea){document.write('</td>')}
if(cumples.length > 0 && aviHy == true)
{
if(unicaLinea){document.write('<td>')}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(cumples.length > 0){
if(maxColum > 0){
con=1
maxColum2 = cumples.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = cumples.length}
document.write ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 +'"><font color="' + ct +'">')
document.writeln ('Cumpleaños de hoy')
document.writeln ('</th></tr><tr>')
for(t=0;t < cumples.length; t++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + cumples[t].nombre )
if(cumples[t].afoto != null)
{
document.write ('<br /><img src="' + ruta + cumples[t].afoto )
document.write ('" title = "' + cumples[t].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
}
if(unicaLinea){document.write('</td>')}
if (cm.length >0 && aviMan == true){
if(unicaLinea){document.write('<td>')}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(cm.length > 0){
if(maxColum > 0){
con=1
maxColum2 = cm.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = cm.length}
document.writeln ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 + '"><font color="' + ct +'">')
document.writeln ('Cumpleaños de Mañana')
document.writeln ('</td></tr><tr>')
for(p=0;p<cm.length;p++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + cm[p].nombre )
if(cm[p].afoto != null && ftprx == true)
{
document.write ('<br /><img src="' + ruta + cm[p].afoto )
document.write ('" title = "' + cm[p].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
}
if(unicaLinea){document.write('</td>')}
if (ca.length >0 && aviAyr == true){
if(unicaLinea){document.write('<td>')}
document.write ('<table bgcolor = "' + cf )
document.write ('" class="cumples" border=0 align ="center">')
if(ca.length > 0){
if(maxColum > 0){
con=1
maxColum2 = ca.length
if(maxColum2 > maxColum){
maxColum2 = maxColum
}
}
else{maxColum2 = ca.length}
document.writeln ('<tr><th '+ Nowrap + ' align ="center" colspan="' + maxColum2 +'"><font color="' + ct +'">')
document.writeln ('Cumpleaños de Ayer')
document.writeln ('</td></tr><tr>')
for(p=0;p<ca.length;p++){
if(maxColum > 0){
if(con > maxColum){
document.write('</tr><tr>')
con=1
}
}
document.write ('<td align ="center" ')
document.writeln ('bgcolor="' + cc + '">' + ca[p].nombre )
if(ca[p].afoto != null && ftps == true)
{
document.write ('<br /><img src="' + ruta + ca[p].afoto )
document.write ('" title = "' + ca[p].nombre)
document.write ('" class="afoto" vspace="' + Vmrgn)
document.writeln ('" hspace="' + Hmrgn + '">')
}
document.writeln ('</td>')
if(maxColum > 0){con++}
}
document.write('</tr></table>')
}
}
if(unicaLinea){document.write('</td></tr></table>')}
}
</script>
<style type="text/css">
<!--
.cumples {
font-family: Tahoma, Verdana, Arial;
font-size: 10px;
}
.afoto {
border-left:1px solid #666666; border-right:1px solid #FFFFFF; border-top:1px solid #ffffff; border-bottom:1px solid none;
}
-->
</style>
<a href="http://www.lenguajebinario.com.ar"><font size="1">Lenguaje Binario</font></a> |
este es el Código HTML que va a simular el MOD de cumpleaños y nos va a ir avisando cada mes quien cumple y quien no...
ahora les voy a enseñar algunos detalles del código para que lo usen como ustedes quieran...
primero y lo mas importante es como agregar a un cumpleañero, pasemos a observar la siguiente parte del código (nota: el código y todos los que veamos a continuación son parte del código de arriba, no hay que agregar nada, solo modificar el de arriba):
| Código: | var pers = new Array()
pers[0] = new pepe ("Nadie<br> ...por Ahora",1,"Julio")
pers[1] = new pepe ("Nadie<br> ...por Ahora",1,"Octubre")
pers[2] = new pepe ("Nadie<br> ...por Ahora",1,"Enero")
pers[3] = new pepe ("Nadie<br> ...por Ahora",1,"Febrero")
pers[4] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[5] = new pepe ("Nadie<br> ...por Ahora",1,"Abril")
pers[6] = new pepe ("Nadie<br> ...por Ahora",1,"Mayo")
pers[7] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[8] = new pepe ("Nadie<br> ...por Ahora",1,"Agosto")
pers[9] = new pepe ("Nadie<br> ...por Ahora",1,"Septiembre")
pers[10] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre")
pers[11] = new pepe ("Nadie<br> ...por Ahora",1,"Diciembre")
pers[12] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[13] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[14] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre") |
como verán hay una linea por mes... en realidad cuando consegui el código no había ninguna linea, pero si en un mes nadie cumple años desaparese la tabla (en mi caso eso no me gustaba y prefería que dijera "nadie, ...por ahora", esto se puede cambiar a gusto o quitarlo si no se quiere)...
si usan mi ej. cuando agregan un nuevo cumpleañero, si es el primero del mes reemplacen el "Nadie, ...por ahora" de ese mes, si es el segundo o mas, vamos a tener que agregar una linea nueva...
si es el primero para reemplazarla tiene que hacer lo siguiente, usamos de ej. a Marzo:
| Código: | | pers[12] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo") |
(en este ej. el cumpleaños es el 14 de Marzo y la cumpleañera se llama Barby), despues de tener estos datos reemplazamos de la siguiente forma, agarramos el Nadie y lo reemplazamos por el día de la siguiente forma Día 14, entonces ahora reemplazamos el ...por ahora por el nombre del cumpleañero, Barby, todo cambiado quedará así:
| Código: | | pers[12] = new pepe ("Día 14<br> Barby",14,"Marzo") |
de esta forma en el mes de Marzo aparecerá el cumpleaños de Barby...
si el que vamos a agregar es el segundo del mes vamos a tener que agregar una fila nueva... que es el mismo sistema nada mas que hay que agregar el numero de pers, es decir si la última fila dice pers [14] tendremos que poner 15, y asi lo que corresponda..., un ej para que se entienda mejor, si queremos agregar una persona mas de Marzo agregamos una nueva fila debajo de la 14 que quede asi:
| Código: | pers[0] = new pepe ("Nadie<br> ...por Ahora",1,"Julio")
pers[1] = new pepe ("Nadie<br> ...por Ahora",1,"Octubre")
pers[2] = new pepe ("Nadie<br> ...por Ahora",1,"Enero")
pers[3] = new pepe ("Nadie<br> ...por Ahora",1,"Febrero")
pers[4] = new pepe ("Nadie<br> ...por Ahora",1,"Marzo")
pers[5] = new pepe ("Nadie<br> ...por Ahora",1,"Abril")
pers[6] = new pepe ("Nadie<br> ...por Ahora",1,"Mayo")
pers[7] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[8] = new pepe ("Nadie<br> ...por Ahora",1,"Agosto")
pers[9] = new pepe ("Nadie<br> ...por Ahora",1,"Septiembre")
pers[10] = new pepe ("Nadie<br> ...por Ahora",1,"Noviembre")
pers[11] = new pepe ("Nadie<br> ...por Ahora",1,"Diciembre")
pers[12] = new pepe ("Día 14<br> Barby",14,"Marzo")
pers[13] = new pepe ("Nadie<br> ...por Ahora",1,"Junio")
pers[14] = new pepe ("Día 30<br> ...por Ahora",1,"Noviembre")
pers[15] = new pepe ("Día 10<br> Juan",10,"Marzo") |
también acuerdensen de cambiar el 1 por el día del cumpleaños... y obviamente poner el mes que corresponde (no se olviden de ninguna comilla)...
después lo único que queda para finalizar es los colores y las funciones que usa el cuadro... las primeras les digo cual son pero no se las explico porque estan bien explicadas y en castellano, se entienden bien:
| Código: | cf = "#none" //color de fondo de tabla
cc = "#ffffff" //color fondo de celda
ct = "#dddddd" //color del texto 'Cumpleaños de hoy'
Vmrgn = 5 //margen vertical en pixels de la foto
Hmrgn = 5 //margen horizontal en pixels de la foto
ftprx = true // true muestra también las fotos de los cumples próximos. False no pone las fotos
ftps = true // true muestra también las fotos de los cumples pasados. False no pone las fotos
ruta = "fotos/" //ruta del directorio donde se encuentran las imágenes
aviMan = false //true para que advierta de los cumples de mañana; false para que los omita
aviAyr = false //true para que advierta de los cumples de ayer; false para que los omita
aviHy = false //true para que avise de los cumples de hoy; false para que los omita
aviMesPrx = true //true para que avise de los del próximo mes; false para que los omita
maxColum = 0 //si se quiere en más de una línea especifica cuantos cumples muestra por línea. El valor 0 deshabilita varias líneas.
unicaLinea = true //indica si los cumples del mes que viene, hoy, mañana y ayer se muestran uno a continuación del otro (true) o si crea una línea nueva para cada evento (false) |
damos por finalizado el tutorial... cualquier cosa preguntar aca mismo... en lo posible iré contestando...
este script fue usado por mi y anda muy bien...
saludos
PD: el script utilizado en este tutorial fue creado por Tunait!, puede encontrar este y muchos mas en http://javascript.tunait.com
publicidad: si quieres saber mucho de computación no te olvides de pasar por mi portal www.lenguajebinario.com.ar |
_________________
Eduardocs |
|
| Volver arriba |
|
|
|
|
|
|
Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro
|
[Tutorial] Como simular el MOD de Cumpleaños -
[Tutorial] Como simular el MOD de Cumpleaños
|
FAQ
Buscar
Miembros
Grupos de Usuarios
Registrarse
Perfil
Entre para ver sus mensajes privados
Login
![[Tutorial] Como simular el MOD de Cumpleaños](http://do.min.io/16x16.png){kind=small}
![[Tutorial] Como simular el MOD de Cumpleaños](corazon.gif){kind=small}
![[Tutorial] Como simular el MOD de Cumpleaños](casita.gif){kind=small}
![[Tutorial] Como simular el MOD de Cumpleaños](eros.gif){kind=small}
