Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Alertas personalizadas en Blogger

Estas en el tema de Alertas personalizadas en Blogger en el foro de Javascript en Foros del Web. Hola, quiero añadir alertas personalizadas en mi blog. Es decir, no quiero que sean las sosas alertas de "window.alert", que no te dejan añadir nada ...
  #1 (permalink)  
Antiguo 05/12/2012, 07:37
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 11 años, 9 meses
Puntos: 1
Alertas personalizadas en Blogger

Hola,
quiero añadir alertas personalizadas en mi blog. Es decir, no quiero que sean las sosas alertas de "window.alert", que no te dejan añadir nada más que texto. Necesito poder añadir imágenes.

Había leído por ahí que existen alternativas como msgbox o sexyalert, pero que hay que bajarse archivos y situarlos en nosequé directorios. El problema es que yo pretendo añadir las alertas en mi blog (de blogger) y no tengo directorio alguno.

¿Existe alguna manera de implementar msgbox o sexyalert en blogger? ¿O alguna otra alternativa?

EDITO: Leí esto:( http://www.forosdelweb.com/f13/alertas-javascript-personalizados-993675/ ). Pero no me aclaró la duda.
  #2 (permalink)  
Antiguo 05/12/2012, 09:34
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años
Puntos: 1532
Respuesta: Alertas personalizadas en Blogger

pero puedes añadir esos archivos en otro hosting, puede que gratuito, por ejemplo yo lo hacía con google sites, pero creo que eso desapareció
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 05/12/2012, 09:41
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Alertas personalizadas en Blogger

Hola maycolalvarez, gracias por contestar :)
En principio Google Sites sigue existiendo, o eso veo aquí ( https://accounts.google.com/ServiceLogin?continue=https%3A%2F%2Fsites.google.c om%2F%3Fhl%3Des&followup=https%3A%2F%2Fsites.googl e.com%2F%3Fhl%3Des&hl=es&service=jotspot&passive=t rue&ul=1 ).
Voy a intentar adivinar cómo funciona. ¡Gracias!
  #4 (permalink)  
Antiguo 05/12/2012, 09:47
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años
Puntos: 1532
Respuesta: Alertas personalizadas en Blogger

Cita:
Iniciado por Biiiiilm Ver Mensaje
Hola maycolalvarez, gracias por contestar :)
En principio Google Sites sigue existiendo, o eso veo aquí ( https://accounts.google.com/ServiceL...sive=true&ul=1 ).
Voy a intentar adivinar cómo funciona. ¡Gracias!
no tienes que adivinar nada , simplemente creas un sitio, subes los archivos js y en tu blog apuntas al url que te da google sites.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 05/12/2012, 11:47
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Alertas personalizadas en Blogger

¿Y qué hago con la URL? ¿Dónde la tengo que poner? :S
  #6 (permalink)  
Antiguo 05/12/2012, 12:07
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años
Puntos: 1532
Respuesta: Alertas personalizadas en Blogger

Cita:
Iniciado por Biiiiilm Ver Mensaje
¿Y qué hago con la URL? ¿Dónde la tengo que poner? :S

cuando agregas el bloque <script> en tu plantilla del blog, ejemplo:

<script type="text/javascript" src="http://www.sites.google.com/sitio/ruta_archivo.js" ></script>
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #7 (permalink)  
Antiguo 05/12/2012, 12:16
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Alertas personalizadas en Blogger

Cita:
Iniciado por maycolalvarez Ver Mensaje
cuando agregas el bloque <script> en tu plantilla del blog, ejemplo:

<script type="text/javascript" src="[url]http://www.sites.google.com/sitio/ruta_archivo.js[/url]" ></script>
Mira, tengo esto:
Código:
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/opositea/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="https://sites.google.com/site/opositea/sexyalertbox.css"/>
<script type="text/javascript">
Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>Testing.</p>')
</script>

</head>
Es decir, he subido el archivo sexyalertbox.v1.2.moo.js y el archivo sexyalertbox.css, como puedes ver en los enlaces. Pero después, lo de
Código:
Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>Testing.
No lo reconoce.
  #8 (permalink)  
Antiguo 05/12/2012, 12:32
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años
Puntos: 1532
Respuesta: Alertas personalizadas en Blogger

coloca primero la del CSS, guarda y borra la caché de tu navegador, puede que no aprecies el cambio porque está cacheado

otro punto son las imágenes del CSS, preferiblemente editalo y apunta a las url absolutas al dominio de google site (obvio que tendrás que subir dichas imágenes o sprites también), de lo contrario no se mostrará bien
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #9 (permalink)  
Antiguo 05/12/2012, 12:42
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Alertas personalizadas en Blogger

Reordené el código, poniendo el CSS antes y borré la caché:
Código:
<head>
<link rel="stylesheet" type="text/css" media="all" href="https://sites.google.com/site/opositea/sexyalertbox.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/opositea/sexyalertbox.v1.2.moo.js"></script>
<script type="text/javascript">
Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>Testing.</p>')
</script>

</head>
Y sigue sin hacer nada de nada. Las imágenes las subí a Google Sites junto con el resto:


¿Qué falla? ¿Crees que serías capaz de usarlo?

EDITO: Debe de haber problemas con Google sites y los archivos que subí. Así sí funciona:
Código:
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.coders.me/ejemplos/sexy-alert-box-1-2/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://www.coders.me/ejemplos/sexy-alert-box-1-2/sexyalertbox.v1.2.jquery.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://www.coders.me/ejemplos/sexy-alert-box-1-2/sexyalertbox.css"/>
<p><a href="#" onclick="Sexy.error('CACA DE PERRO');return false;">PUTO SEXY ALERT DE LOS COJONES</a></p>
</head>
Vámonos a dormir xD

Última edición por Biiiiilm; 05/12/2012 a las 12:53
  #10 (permalink)  
Antiguo 05/12/2012, 13:50
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años
Puntos: 1532
Respuesta: Alertas personalizadas en Blogger

se supone que uses el subdominio de tu site, estás usando el del backend: https://sites.google.com/site/, pero bueno, te funcionó desde el otro server, felicidades por el esfuerzo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: personalizadas, alerta, bloggers
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:27.