Printable View
ciao a tutti,
1 - ho uno script che mi visualizza l'ora locale ma con il tag meta refresh mi si ricarica tutta la pagina con l'incovenienza che questa scompare e riappare x il refresh ed è brutto da vedere; c'è un modo x vedere l'orologio aggiornato (vedere lo scorrere di secondi, minuti, ore) senza dover fare il refresh dalla pagina ma solo del div che contiene l'orologio?
2 - si può rilevare la risoluzione dello schermo del client sul quale si sta vsualizzando il sito?
Koala Premuroso
- Certo, basta conoscere il DOM, ti scrivo il codice, se poi ti interessa sapere come funziona, chiedi pure!
Codice HTML:<script type="text/javascript">
//<![CDATA[
var el = document.getElementById("[U]ID[/U]");//Qui, al posto di [U]ID[/U] scrivi l'id dell'elemento nel quale vuoi visualizzare l'ora
setInterval(function (){
el.textContent = new Date().toLocaleTimeString();
}, 1000);
//]]>
</script>
- Sì, basta usare javascript: tramite la proprietà screen dell'oggetto window.
L'oggetto Screen ha diverse proprietà, tra cui width, height e pixelDepth, che sono quelle che possono interessarti di più. Per maggiori dettagli, leggi le specifiche: http://www.w3.org/TR/cssom-view/#the-screen-interface
1 - ho inserito il codice ma non succede niente; ho messo il codice <script> all'interno del body
Codice HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script src="./js/orologio.js" type="text/javascript"></script>
<!-- <script src="./js/impostazioni_schermo.js" type="text/javascript"></script> -->
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>vari codici in javaScript</title>
</head>
<body onLoad="orologio('0');">
<script type="text/javascript">
/*function ricorsiva(n)
{
document.getElementById('orologio').innerHTML = n;
if(n == 0)
window.location.href='codici_JavaScript.html'; //reindirizzamento
else
setTimeout("ricorsiva("+(n-1)+")",1000); //aspetto 1 secondo e richiamo la funzione
}*/
//<![CDATA[
var el = document.getElementById('orologio');
setInterval(function ()
{
el.textContent = new Date().toLocaleTimeString();
}, 1000);
//]]>
</script>
<div>
data e ora locali:
<div id='orologio'>
Sincronizzazione. . .
</div>
</div>
<!-- <div>
schermo
<div>
<div id='impostazioni_schermo'>
Sincronizzazione. . .
</div>
</div>
</div> -->
</body>
</html>
Mettilo dopo la chiusura del tag <body> lo script (oppure subito dopo il tag di chiusura di <div id='orologio'>).
Codice HTML:<body>
<!-- contenuto body -->
<!-- script -->
</body>
ok data e ora funzionano grazie mille =)
ora continuo con le impostazioni dello schermo (non sono ancora arrivato a nessuna conclusione..)
Koala Premuroso
Se voi il codice, basta che mi dica il testo che vuoi far vedere.Citazione:
Originalmente inviato da koalapremuroso
a me sevirebbe solo sapere le dimensioni dello schermo sul client in cui si sta visualizzando il sito (width e height).
il campo PixelDepth non ho capito a cosa serva... ^^
Koala Premuroso
Quelle informazioni le trovi rispettivamente in screen.width e screen.height
Se vuoi che nell'elemento con id impostazioni_schermo venga scritto larghezza×altezza, usa questo codice:La proprietà pixelDepth indica la profondità di colore: per sapere di più: http://it.wikipedia.org/wiki/Profondit%C3%A0_di_coloreCodice HTML:<script type="text/javascript">
//<![CDATA[
document.getElementById("impostazioni_schermo").textContent = screen.width+"×"+screen.height;
var el = document.getElementById("orologio");
setInterval(function (){
el.textContent = new Date().toLocaleTimeString();
}, 1000);
//]]>
</script>