Ventana confirm en posiciones distintas

[CHuLoSoY]

Necesitas una caja:

Código HTML:

<div id="caja"></div>
 

Dentro de ella metes el contenido de la alerta.
Con CSS le das position:absolute, ancho, alto, posición desde arriba y posición desde izquierda por ejemplo:

Código HTML:

<div id="caja" class="alerta">Alerta!</div>
 

Código CSS:

.alerta {
 
position:absolute;
width: 300px;
height: 150px;
top: 200px;
left: 150px;
border-width: 1px;
border-style: solid;
border-color: #FFF;
 
display:none;
 
}
 

Deberás jugar con TOP y LEFT para hacerlo aleatorio.
La última propiedad dice que no se vea por defecto, y ahora con javascript lo puedes hacer visible:

Código Javascript:

<script>
function alerta() {
 
       document.getElementById("caja").style.display="block";
 
}
</script>
 

Lo llamas con el evento que quieras, por ejemplo un onclick:

Código HTML:

<button onclick="alerta()">Alertar</button>
 

Saludos.