Commenti: (0)Come Programmatore PHP spesso mi sono trovato a lavorare su progetti che utilizzavano in maniera poco criteriata o smodata interessanti
librerie Javascript con elementi di interazione grafica molto utili, che realizzano effetti drag&drop o di scomparse di elementi.
Una di queste librerie, a mio avviso la più importante per un Programmatore Javascript che intende sviluppare applicazioni dinamiche e interattive, è sicuramente la libereria JQuery che presenta una buona documentazione che è possibile trovare a quest'indirizzo.
L'utilizzo con criterio e senza troppi fronzoli di questa libreria può consentire ad ogni Programmatore Javascript e nel mo caso Programmatore PHP, la realizzazione di effetti che consentono di realizzare CMS più usabili e navigabili, cercando di non sporcare eccessivamente il codice realizzato.
In questa breve guida analizzeremo come un Programmatore Javascript può realizzare un div che viene nascosto o visualizzato grazie all'utilizzo di un tasto, questo elemento può risultare interessante per la gestione nei CMS di tab o di pagine che intendano visualizzare o meno elementi sfruttando le diverse esigenze.
Per prima cosa occorre che il Programmatore possa scaricare la libreria JQUERY a questo indirizzo, successivamente con poche righe di codice possiamo realizzare grazie alle funzioni incluse nella libreria questo semplice effetto, la funzioni (API) che ho utilizzato in questo esempio è la funzione animate, ma consiglio uno sguardo anche alle funzioni hide, show e toggle che realizzano effetti simili.
Per prima cosa il nostro Programmatore dovrà inserire tra i tag <head></head> le librerie precedentemente scaricata:
Successivamente con una riga di codice è possibile realizzare sempre nel tag <head></head> la funzione che richiameremo più tardi:
function mostraDivScorrevole(){
$("#divScorrevole").animate({"height": "toggle"}, { duration: 1000 });
}
</script>
Per chiarire bene l'esempio come Programmatore Javascript ho aggiunto uno stile che identificasse il box che dovrà scomparire:
#divScorrevole{
display: none;
border: 1px dashed Navy;
padding: 10px 10px 10px 10px;
margin-top: 10px;
width: 500px;
text-align: justify;
}
</style>
Infine dovremmo creare il corpo della pagina in questo modo
<a href="#" onClick="mostraDivScorrevole(); return false;">
Scorrimento</a>
<div id="divScorrevole">
....testo da nascondere/mostrare....
</div>
In questo modo otteniamo il risultato che ci eravamo prefissi come Programmatore Javascript, cioè mostrare o nascondere un div in maniera semplice e con un effetto gradevole come potete vedere in questo esempio.
Come Programmatore PHP consiglierei di includere il CSS in un foglio di stile esterno e la dichiarazione della procedura Javascript in un file esterno in modo da mantenere perfettamente pulito il codice, una buona regola che ogni Programmatore Javascript dovrebbe tener presente in ogni sua implementazione.
Nei prossimi esempi spero di poter mostrare l'implementazione di una procedura drag&drop cercando di tenere pulito ed ordinato il codice sviluppato dal Programmatore Javascript.
- Espressioni Regolari e aggiungere un Attributo ad un link con PHP
- Watermark con PHP, Imprimere un logo su un immagine utilizzando PHP
- Ottimizzare le Query e i Database MySQL
- Aggiornare Twitter con PHP direttamente dal Proprio Sito
- Estrarre Immagini da un Post Utilizzando PHP
- Eseguire Sito Dinamico Php da CD, DVD o Su USB
- Commenti Facebook sul proprio Sito Internet
- Proteggere una Pagina con PHP
- Google Analytics su iPhone
- Utilizzare le API di Twitter per Programmatore PHP
- Condividere Pagine del mio Sito su Facebook
- Inviare email con allegati usando PHP
- Sviluppo Siti Internet Ottimizzati Versione Mobile
- Redirect al Sito Ottimizzato per i Cellulari con Javascript
- Guida alle API di Google Analytics
- Come fare pubblicità Gratis al tuo Sito internet
- Guida a Smarty Template
- Guida a JQUERY per la creazione di un elemento div a scorrimento
- Importare un Database Access in MySQL
- Guida htaccess per il mod_rewrite per Redirect 301
- Previsioni Meteo con PHP e Google Weather API
- Esportare con PHP dati da MySQL a CSV
- Selezione Dinamica da Database con AJAX e PHP
- Semplice Script Base per Realizzare un semplice carrello elettronico con Javascript
- Perchè creare la Pagina Facebook della propria attività
- Leggere una directory con PHP
- Scegliere come Consulente un Programmatore PHP Freelance
- Leggere XML con PHP
- Php su Mac Apple
- Selezionare più righe da una tabella utilizzando MySQL.
- Status e URL Valide con PHP 5 e get_headers();
- Guida alle Join di MySQL
- Programmatore PHP e Programmazione ad Oggetti.
- Un semplice esempio di AJAX
- Creazione una Select Dinamica con Javascript
- Scegliere un CMS Open Source per il proprio progetto.
- Realizzare un Codice Captcha
- Perchè Scegliere PHP? Perchè Programmatore PHP?
- Restyling di un Applicazione o Portale Web con PHP
Hosting & Servizi
Directory Gratis
Gestione Banner
Mauro - Inserito il: 01/08/10
Interessante, sto comiciando ora con jquery, certo che per uno come me, che arriva da linguaggi "classici" come il php, la sintassi è davvero astrusa. ho un dubbio: se io voglio applicare questo script a diversi elementi nella stessa, pagina, ma come sappiamo l'ID deve essere unico par ogni DIV, come si fa? Mica di dovrà riscrivere più volte lo script.