INTERNET EXPLORER? Ti consiglio di navigare questo sito con Mozilla Firefox oppure con Google Chrome.

Grafico a barre con Asp e Css

Autore: Luca Ruggiero | Tell a Friend

eBook ASP base
Impara a creare siti dinamici con ASP e VBScript da zero!

Corso ASP
Impara a creare siti dinamici professionali con ASP!

E-Commerce con ASP
Impara a creare un sito di E-Commerce con carrello della spesa!

In molte applicazioni che forniscono statistiche sulla scorta di una serie di dati, come un Sondaggio, è opportuno fornire un grafico che mostri, in maniera immediatamente comprensibile, l'andamento della statistica stessa.

Il codice che segue implementa 5 variabili (in questo caso sono costanti) nelle quali vanno specificati i valori numerici che verranno utilizzati come percentuali: questi dati in realtà saranno il risultato di una somma, il return di un capo sul database, saranno gli item di un Array(), il contenuto di un file di testo o di un Xml, non importa; ai fini di rendere il grafico il ragionamento, con la scorta di qualche codice Css è il seguente: 

<%@LANGUAGE = JScript%>
<%
    var a = 10;
    var b = 20;
    var c = 45;
    var d = 15;
    var e = 10;
%>
<html>
    <head>
        <title>Grafico a barre con Asp e Css</title>
    </head>
<body>

<div style="background-color: #FF0000; width: <%=a%>%;"> </div>
<div style="background-color: #0000FF; width: <%=b%>%;"> </div>
<div style="background-color: #000000; width: <%=c%>%;"> </div>
<div style="background-color: #00FF00; width: <%=d%>%;"> </div>
<div style="background-color: #FFFF00; width: <%=e%>%;"> </div>

</body>
</html>
Utilizzo le variabili nel width dello stile del layer specificando che si tratta di una percentuale (%) e uso un colore di sfondi differente per ogni layer. Lascio a voi il compito di stilizzare alla meglio il grafico.

IN EVIDENZA
Una slidegallery con jQuery Pagamenti online con PayPal e PHP Breve guida a jQuery Effetto ombra su testo con Photoshop Guadagna col tuo sito grazie a TradeD... Guida XHTML Riscrivere le URL con Asp Riavviare IIS HTTP 500 internal server error Generare password casuali in Javascri... Errore 80004005: Cannot update. Datab... Introduzione ad Ajax ed Asp con Jscri... Referenze dei Tag Html Stringhe di connessione via ODBC e Ol... Referenze dei fogli di stile Css Le espressioni regolari in Javascript
HOT LINKS
Servizi per Webmaster E-Commerce News Manager Newsletter Corsi online eBooks PC Guadagna col sito Hosting 20 euro Reg. domini Email gratis FAX via email Tlefonare col PC ADSL Alice ADSL FastWeb