lunedì 21 marzo 2011

notifiche javascript

//varia roba dell'head  <script type="text/javascript"
<!-- 
function 
getData() { 
if (
window.XMLHttpRequest) {  request = new XMLHttpRequest(); 
} else {  
   
request = new ActiveXObject("Msxml2.XMLHTTP"); 

var 
message""

var 
url"tesi2.php"
if (
request) {  request.open("POST"url);  

 request.setRequestHeader("Content-Type" 
"application/x-www-form-urlencoded; charset=UTF-8"); 
 //o cmq il charset che usi  request.onreadystatechange 
function() { 
if (
request.readyState == 4) { 
document.getElementById("tabella").innerHTML request.responseText


request.send(message); 

else 
alert("Il tuo browser obsoleto non supporta ajax."); 

var 
tempo =  setTimeout("getData();",30000); 

 //sono millisecondi, ed indicano la frequenza del refresh   
//-->  </script> 
<body onLoad="getData();"> 
//presentazione etc etc 

<div id="tabella"> 
Caricamento in corso... 
</div> 
qui si pu' mettere il resto del testo
</body> 

</html>  



Crea la nuvoletta (html, css, immagini) e tramite css imposta:


Codice:
display:none;
nella funzione javascript cambia aggiungi
Codice:
document.getElementById("idnuvoletta").innerHTML = request.responseText;
document.getElementById("idnuvoletta").style.display="block";
dove idnuvoletta è l'id dato all'elemento.

Nessun commento:

Posta un commento