.:: Maurizio Pelizzone ::.

 

In questo periodo va di moda parlare di AJAX …
Certo è il fatto che sia un’ insieme di tecnologie che possono rendere più facile e coinvolgente la consultazione di un sito, ma per poter sfruttare al meglio questa meraviglia è necessario conoscere a fondo Javascript , DHTML e CSS

Quello che segue è un piccolo esempio di quello che queste 3 tecnologie possono fare senza dover effettuare chiamate asincrone a server remoti.

<a href="#" onclick="document.getElementById('esempio').style.display='';return false;">[appari]</a> <a href="#" onclick="document.getElementById('esempio').style.display='none';return false;">[scompari]</a></p> <div id="esempio" style="display: none;width: 200px; height: 100px;border: thin solid "#0000FF">Elemento fantasma</div>

Se avete Javascript abilitato sul vostro browser cliccando su [appari] e [scompari] dovreste vedere ( o non vedere ) un rettangolo con scritto “Elemento fantasma”.

Questa semplicissima tecnologia è basata sull’uso della proprietà “display” dell’elemento DIV.

Dentro il nostro DIV possiamo mettere qualsiasi elemento html ( es. tabelle , immagini o elenchi puntati )
ed ovviamente applicare anche altre proprietà css come sfondi , margini e colori

Alcuni dei miei usi tipici sono i box di Login o box di menu che vengono visualizzati solo su richiesta dell’utente.