 Show Posts
|
|
Pages: 1 ... 3 4 [5] 6 7 8
|
|
63
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 15, 2011, 03:17:00 pm
|
Solo quando è infilato dentro l'Arduino lo slider (pur comparendo) rimane piantato in basso a zero.
Il Browser è Mozilla, visto che Explorer non lo supporta.
Il framework jQuery è cross-browser quindi funziona su tutti i browser! ti assicuro,  e posso mettere l' Arduino sul fuoco, che funzina anche su IEL' unico tentativo che mi viene in mente è di aggiornare i tuoi browser all'ultima versione. nel Reply #27 on: December 14, 2011, 10:43:04 AM » fai menzione a client.println("...Voglio ricordarti che grazie alla pazienza di Pablos71 sto cercando di capire TinyWebServer quindi NON uso quasi mai client.println...tranne che per trasmettere variabili da Arduino al JavaScript. (se ho detto un insesattezza correggetemi)  Luca |
|
|
|
|
64
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 14, 2011, 04:46:56 pm
|
Luca, ho infilato il tuo codice dentro il baBBuino, si apre la pagina, ma muovendo il cursore non si
...
Cioè, il cursore dello slider rimane in basso, però i numeri nella TBox, clikkando e tirando su il mouse, si modificano correttamente.
Insomma il cursore grigio rimane piantato in basso.
Ciao, il codice : Sul mio Arduino funziona benissimo e modifico l' intensità di un led senza problemi. Ti ricordo che devi essere collegato a internet o devi mettere tutto su sd card per avere jquery. Un'altra domanda: come passi il valore dello slider al codice del BaBBuino?
Allora..... <  > Prima di far cadere dalla sedia Pablos che poi ti dice di ..... una parola che inizia col La S e finisce con la ARE</ > Molto semplicemente uso javascript: $.ajax({type: "POST", data: $( "#testo3" ).val( ui.value ), dataType: "text", cache: false, url: ind,
success:function(risposta)
{ document.form1.areatesto.value += risposta ;} });
} }); Spero di essere stato di aiuto Luca |
|
|
|
|
65
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 14, 2011, 04:10:49 pm
|
ciao, Chiedo scusa per la mia assenza, ma per motivi di lavoro sono fuori sede. Non posso quindi fare le prove, per integrare il codice di pablos71 (il mio Arduino è rimasto a casa al calduccio.) Pablos ti ringrazio per i suggerimenti. Mi permetterò di disturbarti quando torno.Luca P.S. il sito se uso una chiavetta è lentissimo ! |
|
|
|
|
66
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 12, 2011, 01:23:45 pm
|
Aggiungi il valore alla stringa dove già mandi tutti gli altri con un separatore oppure crei una voce per conto suo
Client.print (valore della PWM)
Se ho ben capito:lato server
Come faccio ad identificare a cosa si riferisce il valore che trasmetto?
esempio:
Client.print("valore");
Client.print(r);intercetti da js il valore intero 0-255 e lo mandi al css che aggiorna la pos dello slider
lato client:
in js una cosa tipo:
var valore = document.getElementById('valore');
poi al posto di:
value: 0,
metto
value: valore,
Mille GrazieLuca |
|
|
|
|
67
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 12, 2011, 10:39:29 am
|
Ciao, Grazie alla dritta di Lesto sono riuscito nel mio intento, lo slider durante lo spostamento trasmette il suo valore ad Arduino <!DOCTYPE html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> </head> <style> #demo-frame > div.demo { padding: 10px !important; }; </style> <script> $(function() { $( "#slider-vertical" ).slider({ orientation: "vertical", //orientation: "horizontal", range: "min", animate: true, min: 0, max: 255, value: 0, //devo fargli prendere il valore da Arduino !!! slide: function( event, ui ) { $( "#testo3" ).val( ui.value ); $.ajax({type: "POST", data: $( "#testo3" ).val( ui.value ), dataType: "text", cache: false, url: ind, success:function(risposta) { document.form1.areatesto.value += risposta ;} }); } }); $( "#testo3" ).val( $( "#slider-vertical" ).slider( "value" ) ); }); </script> <script> var msg=""; var ind= "/Istruzioni_da_web" $(document).ready( function(){ msg="Connessione.....#"; invia_dati("/Istruzioni_da_web"); }); </script> <title>prova TinyWebServere e slider on change OK</title> </head> <body> <div class="demo"> <form name="form1"> <textarea cols="80" rows="1" id="textareaname" name="areatesto"> </textarea> <p><input type="text" name="testo3" id="testo3" style="border:1; color:#ff0000; font-weight:bold;" /> </p> </form> <p><div id="slider-vertical" style="height:200px;"></div></p> </div> </body> </html> . Ora Manca la possibilità di prendere il vaolre dello slider dall' Arduino stesso che per ora parte da 0. Idee in proposito.... Luca |
|
|
|
|
69
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 11, 2011, 10:26:39 am
|
Hai un computer sempre acceso dedicato mettici il voice .... mettici il riconoscimento vocale, io l'ho fatto un po' di tempo fa e funzionava, purtroppo mi obbligava ad aver un microfono Bluetooth sempre attaccato all'orecchio, peccato era una
Bellissimo! Cosa hai usato ? festival , api java, ecc.. ora Google ti aiuta e si fa anche Cloud computing che va tanto di moda vedi pubblicità apple basta cercare: Google Text-To-Speech API Luca |
|
|
|
|
70
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 11, 2011, 09:21:06 am
|
lo slider non si può modificare nei suoi elementi grafici?
SI ! usa i CSS se lo vuoi ad esempio rosso: <style>
#rosso .ui-slider-range { background: #ff0000; }
#rosso .ui-slider-handle { border-color: #DC143C; }
</style>
|
|
|
|
|
73
|
International / Italiano / Re: [quasi ot] jQuery API .change()
|
on: December 11, 2011, 05:48:13 am
|
Ciao, non riesco a richiamare la funzione con il moviemento delllo slider. Ho provato con la funzione .live() ma ho scoperto: As of jQuery 1.7, the .live() method is deprecated. prontamente sostituita con .on() Non riesco a trovare una soluzione. Mi dareste una mano perfavore  <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> </head> <style> #demo-frame > div.demo { padding: 10px !important; }; </style> <script> $(function() { $( "#slider-vertical" ).slider({ orientation: "vertical", //orientation: "horizontal", range: "min", animate: true, min: 0, max: 255, value: 0, slide: function( event, ui ) { $( "#testo3" ).val( ui.value ); } }); $( "#testo3" ).val( $( "#slider-vertical" ).slider( "value" ) ); }); </script> <script> var msg=""; var ind= "/Istruzioni_da_web"; $( "#slider-vertical" ).on("click", "p", function(){ var testo=document.form1.testo3.value; document.form1.areatesto.value + testo + "\n"; $.ajax({type: "POST", data: testo, dataType: "text", cache: false, url: ind, success:function(risposta) { document.form1.areatesto.value += risposta ; } }); }); $(document).ready( function(){ msg="Connessione.....#"; invia_dati("/Istruzioni_da_web"); }); </script> <title>prova TinyWebServere slider 1</title> </head> <body> <div class="demo"> <form name="form1"> <textarea cols="80" rows="1" id="textareaname" name="areatesto"> </textarea> <p><input type="text" name="testo3" id="testo3" style="border:1; color:#ff0000; font-weight:bold;" /> </p> </form> <p><div id="slider-vertical" style="height:200px;"></div></p> </div> </body> </html> Grazie Luca |
|
|
|
|
74
|
International / Italiano / [quasi ot] jQuery API .change()
|
on: December 10, 2011, 06:05:10 am
|
[quasi ot] jQuery API .change() Ciao, Grazie all' aiuto di pablos71, che sentitamente ringrazio, sto cercando di capire TinyWebServer, argomento ostico paragonabile,  almeno per me, a javascript e il suo framework jQuery. La pagina html che genera un slider i cui valori vengono visualizzati in una textbox vengono mandati all' Arduino tramite un bottone. Fi qui tutto bene,  ma volendo automatizzare il processo escludendo il bottone di invio e quindi spedire i dati onchange, banalmente si potrebbe utilizzare onchange='this.form.submit(). Però non mi pare sia la cosa + elegante! Vorrei fare uso tra le API jQuery .change() ma non so come fare. di seguito la pagina index.htm <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> </head> <style> #demo-frame > div.demo { padding: 10px !important; }; </style> <script> $(function() { $( "#slider-vertical" ).slider({ orientation: "vertical", //orientation: "horizontal", range: "min", animate: true, min: 0, max: 255, value: 0, slide: function( event, ui ) { $( "#testo3" ).val( ui.value ); } }); $( "#testo3" ).val( $( "#slider-vertical" ).slider( "value" ) ); }); </script> <script> var msg=""; var ind= "/Istruzioni_da_web"; function elabora_dato() { var testo=document.form1.testo3.value; document.form1.areatesto.value + testo + "\n"; $.ajax({type: "POST", data: testo, dataType: "text", cache: false, url: ind, success:function(risposta) { document.form1.areatesto.value += risposta ; } }); } $(document).ready( function(){ msg="Connessione.....#"; invia_dati("/Istruzioni_da_web"); }); </script> <title>prova TinyWebServer e slider 1</title> </head> <body> <div class="demo"> <form name="form1"> <textarea cols="80" rows="1" id="textareaname" name="areatesto"> </textarea> <p><input type="text" name="testo3" id="testo3" style="border:1; color:#ff0000; font-weight:bold;" /> <input type="button" value="Invia > Arduino" id="invia" onclick="elabora_dato()"> </p> </form> <div id="slider-vertical" style="height:200px;"></div> </div> </body> </html> Grazie Luca |
|
|
|
|
75
|
International / Italiano / Re: Ethernet.h e intercettare GET
|
on: December 06, 2011, 01:40:05 pm
|
Guarda che è tutto fatto sia lato arduino che lato client html e js, ho smesso di postare poichè babbuino si è infilato nel post di luca e ha cominciato con le sue domande che si preoccupavano solo del suo progetto che è ben differente dal tiny, io mi sono ritirato.
Si ma chi ci va di mezzo è il sottoscritto  Comunque anche io riesco a ricevere ed esegue ma implica un refresh della pagina che vorrei evitare. Per questo con il valido aiuto di Pablos cerco di capire come funziona TinyWebServer ecc. Sono stato prolisso ma è stato fatto nel tentativo di capire e condividere questa esperienza. Spero che Pablos abbia ancora un briciolo di pazienza Luca |
|
|
|
|
| Arduino Forum :: Members :: llluca