Ayuda con alert

ferranWEB · #1 (**permalink**) 09/11/2010, 06:03

buenas,

tengo un open source de un calendario, que al clickar en la fecha (segun xml) abre un alert con las actividades de ese dia. la ventana alert que me abre con el icono como de peligro, como que da sensacioon de error. he estado leyendo que no se puede quitar, no? tengo lo siguiente:

Código:

textoCelda = '<a href="#" class="diacita" onclick="alert(\''+descripcion+'\');return false" title="'+titulo+'">' + cDia + '</a>';

cuando paso por encima del boton (sin clickar) me muestra el titulo, cosa que ya me bastaria. puedo quitar de esta linea el onclick, es decir, que no muestre la ventana solo un tooltip?

se puede maquetar un alert de alguna forma?

saludos!

quimfv · #2 (**permalink**) 09/11/2010, 06:28

Si puedes quitar el onclick.

Podrias usar un div oculto que se muestre con lo que ahora muestras en el alert y luego claro le podrias dar el formato que quieras.

Con lo que nos muestras no puedo pistarte mas de como hacerlo.

En el onclick o noMauseOver podrias poner una funcion que muestre el div y llene el contenido que debe mostrar, via innerHTML...

aquí te paso un ejemplo muy simple....

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript" type="text/JavaScript">
function muestra(texto){
document.getElementById('divalert').innerHTML=texto;
document.getElementById('divalert').style.display="";
}
 
function oculta(){
document.getElementById('divalert').style.display="none";
}
</script>
<body>
<br>
<br>
<br>
<br>
<br>
<div id="divalert" style="position:absolute; display:none; background-color:#ff0000; left: 300; top: 200;"></div>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td onMouseOver="muestra('Actividad 1')" onMouseOut="oculta()"><a href="#">Actividad 1</a></td>
  </tr>
  <tr>
    <td onMouseOver="muestra('Actividad 2')" onMouseOut="oculta()"><a href="#">Actividad 2</a></td>
  </tr>
</table>
 
 
</body>
</html>

Quim

ferranWEB · #3 (**permalink**) 09/11/2010, 10:13

buenas quim i gracies!

la verdad es que me he guardado lo que me has dicho, puede ser interesante para posteriores programaciones! ahora lo he solucionado de la manera más facil, simplemente quitando el alert! he dejado el title de la div, y me funciona.

gracias por tu tiempo!!!

ElJavista · #4 (**permalink**) 09/11/2010, 10:20

No, no se puede maquetear un alert, ni siquiera se le puede poner un título determinado. Puedes usar un tooltip, algo como te dijo "quimfv". Es complicado, pero si lo que quieres es un tooltip, hay alternativas, pero ninguna tan simple como agregar algo por aquí o algo por allá a un alert. Suerte!

Eneakao · #5 (**permalink**) 09/11/2010, 10:27

Buenas, referente a las modificaciones de alert, yo tengo un problema con un jAlert.
En Firefox me funciona correctamente y en Internet Explorer me lo muestra en otra posición y no funciona el botón de ok. Alguien puede ayudarme.

Aquí les dejo el trocito de código.

Código PHP:

Ver originalecho "<script language=JavaScript type=text/javascript> jAlert('Marca añadida correctamente.', 'Bien, su marca se ha añadido',function(r) {window.location='inicio.php?sec=2'} ); </script>";

Eneakao · #6 (**permalink**) 09/11/2010, 14:27

Bueno, casi he encontrado algo que origina que no me funcionara correctamente el jAlert y que hacia que desaparecieran las barras de scroll del navegador en IE.

Les cuento:

Estos son los archivos que tengo incluidos en mi página principal desde donde cargo las distintas secciones de mi web.

Código PHP:

Ver original<script type="text/JavaScript" src="../libs/js/curvycorners.src.js"></script>
<script type="text/JavaScript" src="../libs/js/curvycorners.js"></script>
 
<script src="../libs/js/gradientz.js" type="text/javascript"></script>
 
<script src="../libs/js/select_dependientes.js" type="text/javascript" ></script>
<script src="../libs/js/jquery.js" type="text/javascript"></script>
<script src="../libs/js/jquery.alerts.js" type="text/javascript"></script>
<script src="../libs/js/funcionesPrivado.js" type="text/javascript"></script>
<link href="../libs/privado.css" rel="stylesheet" type="text/css">
<link href ="../libs/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen"/>

Si coloco esta linea encima de jquery.js me funciona correctamente el jAlert en Firefox e IE, si la pongo debajo de jquery.js no funciona jAlert en IE.

<script src="../libs/js/gradientz.js" type="text/javascript"></script>

Ahora el problema está en que si la pongo arriba para que me funcione el jAlert, no se me ven los degradados ni en Firefox ni en IE.

Bueno, imagino que algo está creando conflictos con estas librerías.

¿Alguien sabe algo?

Ayuda please.