{"id":374,"date":"2021-11-15T20:33:07","date_gmt":"2021-11-15T19:33:07","guid":{"rendered":"http:\/\/www.blog.serveurduke.fr\/?page_id=374"},"modified":"2021-11-15T20:51:28","modified_gmt":"2021-11-15T19:51:28","slug":"saisir-une-donnees","status":"publish","type":"page","link":"http:\/\/www.blog.serveurduke.fr\/index.php\/raspberry\/saisir-une-donnees\/","title":{"rendered":"Saisir une donn\u00e9es"},"content":{"rendered":"<p>Pour cr\u00e9er un \u00e9quivalant \u00a0\u00ab\u00a0TextField\u00a0\u00bb :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-375 aligncenter\" src=\"http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfield-300x131.jpg\" alt=\"\" width=\"243\" height=\"106\" srcset=\"http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfield-300x131.jpg 300w, http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfield.jpg 670w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/><\/p>\n<hr \/>\n<p>PREMIERE SOLUTION<\/p>\n<p>Quand on clique sur le rectangle un zone de saisie apparait \u00e0 l&rsquo;\u00e9cran :<\/p>\n<p><a href=\"http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfieldprompt.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-383 aligncenter\" src=\"http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfieldprompt-300x102.jpg\" alt=\"\" width=\"300\" height=\"102\" srcset=\"http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfieldprompt-300x102.jpg 300w, http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfieldprompt-768x261.jpg 768w, http:\/\/www.blog.serveurduke.fr\/wp-content\/uploads\/2021\/11\/hype-textfieldprompt.jpg 878w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<div><span style=\"color: #000080;\">var texte = window.prompt(\u00ab\u00a0R\u00e9ponse : \u00ab\u00a0);<\/span><\/div>\n<div><span style=\"color: #000080;\">hypeDocument.getElementById(element.id).innerHTML = texte; \u00a0\u00a0<\/span><\/div>\n<div><\/div>\n<div><\/div>\n<div><span style=\"color: #000080;\">if(element.id==\u00a0\u00bbQR1&Prime;)<\/span><\/div>\n<div><span style=\"color: #000080;\">{ \u00a0<\/span><\/div>\n<div><span style=\"color: #000080;\">if (texte==\u00a0\u00bb1&Prime;)<\/span><\/div>\n<div><span style=\"color: #000080;\">\u00a0 \u00a0 \u00a0 \u00a0 {hypeDocument.getElementById(&lsquo;QR1&rsquo;).innerHTML = \u00ab\u00a0Exact\u00a0\u00bb;}<\/span><\/div>\n<div><span style=\"color: #000080;\">else<\/span><\/div>\n<div><span style=\"color: #000080;\">\u00a0 {hypeDocument.getElementById(&lsquo;QR1&rsquo;).innerHTML = \u00ab\u00a0Faux\u00a0\u00bb;}<\/span><\/div>\n<div><span style=\"color: #000080;\">\u00a0 window.totaL++;<\/span><\/div>\n<div><span style=\"color: #000080;\">\u00a0 }<\/span><\/div>\n<div>\n<hr \/>\n<\/div>\n<p>DEUXIEME SOLUTION<\/p>\n<p>Il faut modifier le code html de l&rsquo;objet<\/p>\n<p><span style=\"color: #000080;\">&lt;input rows=\u00a0\u00bb16&Prime; style=\u00a0\u00bbfont-size:20px\u00a0\u00bb size=\u00a0\u00bb10&Prime; type=\u00a0\u00bbtext\u00a0\u00bb id=\u00a0\u00bbR1&Prime;&gt;<\/span><\/p>\n<p>Pour r\u00e9cup\u00e9rer la valeur dans R1 :<\/p>\n<p><span style=\"color: #000080;\">window.x1 = document.getElementById(&lsquo;R1&rsquo;).value; \/\/ from the innerHTML<\/span><\/p>\n<p>Pour afficher un bouton suite par exemple :<\/p>\n<p><span style=\"color: #000080;\">hypeDocument.getElementById(&lsquo;quizzSuite&rsquo;).style.display = \u00ab\u00a0block\u00a0\u00bb;<\/span><\/p>\n<p>Ce syst\u00e8me tr\u00e8s simple ne fonctionne pas sur tablette&#8230;..et il faut bien faire entr\u00e9e pour valider&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour cr\u00e9er un \u00e9quivalant \u00a0\u00ab\u00a0TextField\u00a0\u00bb : PREMIERE SOLUTION Quand on clique sur le rectangle un zone de saisie apparait \u00e0 l&rsquo;\u00e9cran : var texte = window.prompt(\u00ab\u00a0R\u00e9ponse : \u00ab\u00a0); hypeDocument.getElementById(element.id).innerHTML = texte; \u00a0\u00a0 if(element.id==\u00a0\u00bbQR1&Prime;) { \u00a0 if (texte==\u00a0\u00bb1&Prime;) \u00a0 \u00a0 \u00a0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":346,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/pages\/374"}],"collection":[{"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/comments?post=374"}],"version-history":[{"count":4,"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/pages\/374\/revisions"}],"predecessor-version":[{"id":384,"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/pages\/374\/revisions\/384"}],"up":[{"embeddable":true,"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/pages\/346"}],"wp:attachment":[{"href":"http:\/\/www.blog.serveurduke.fr\/index.php\/wp-json\/wp\/v2\/media?parent=374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}