In una pagina ASP vorrei creare un pulsante attraverso il quale vorrei aprire una finestra in cui rappresentare una sorta di CRUSCOTTO la cui lancetta si posiziona in base ad un valore di percentuale passato.
In pratica:
codice:... <script language="JavaScript"> function cruscotto(valore) { ... } </script> ... ... valore = "65" <input name="CRUSCOTTO" type="button" id="CRUSCOTTO" value="CRUSCOTTO" onClick="javascript: cruscotto(<%=valore%>)"> ...
javascript di suo non ha funzioni per disegnare,
quindi la prima idea, malsana, e' di avere tante gif quante le possibili posizioni
la seconda idea e' di farlo in flash (con actionscript non hai alcun problema a ruotare clip)
la terza idea e' usare una libreria apposita per disegnare, per es. http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
oppure di studiare il canvas
http://developer.mozilla.org/en/docs...cs_with_Canvas
come vedi qualche opzione c'e', a te la scelta e l' approfondimento
ciao
se invece il problema fosse aprire una finestra,
fai una ricerca con window.open in qualsiasi guida a javascript o in questo forum
il valore lo appendi al percorso della pagina da aprire in popup e lo riprendi via asp (cercando trai valori passati in get)
ciao
Prendendo il codice da uno dei link indicati, ho creato la seguente pagina ASP:
... ma il risultato è una pagina vuota!!!codice:<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <% tipo_oggetto = Request.QueryString("tipo_oggetto") parametro = Request.QueryString("parametro") %> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Rappresentazione indicatore del <%=tipo_oggetto%></title> </head> <script> function draw() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "rgb(200,0,0)"; ctx.fillRect (10, 10, 55, 50); ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; ctx.fillRect (30, 30, 55, 50); } </script> <body onload="draw()"> <canvas id="canvas" width="300" height="300"></canvas> </body> </html>
Grazie mille.
Vincenzo
il canvas non e' per IE
Sono andato su "http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm ", ho scaricato "wz_jsgraphics.js " e ho scritto il seguente codice:
... ma non funziona in locale dove ho installato l'IIS !! Qualcuno sà il perché ?codice:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Rappresentazione Grafica</title> <script type="text/javascript" src="wz_jsgraphics.js"></script> <script type="text/javascript"> function draw() { var cnv = document.getElementById("disegno"); var jg = new jsGraphics(cnv); jg.setColor("#ff0000"); // red jg.drawLine(10, 113, 220, 55); // co-ordinates related to "myCanvas" jg.setColor("#0000ff"); // blue jg.fillRect(110, 120, 30, 60); jg.paint(); } </script> </head> <body onload="draw()"> <canvas id="disegno" width="400" height="200"></canvas> </body> </html>
Grazie mille.
Vincenzo
anche io ho dei problemi molto grossi nel disegnare con javascript.
ora provo il tuo codice, ti faccio sapere il prima possibile.
ciao
trovato, in html non esistono tag canvas.
devi crearti tu un qualcosa su cui poter disegnare
se togli mettici al posto di canvas div e vedi se funziona.
ciao
... funziona!!!
Grazie mille.
Vincenzo
Permessi di invio
Rispondi quotando