{"id":7,"date":"2009-07-22T23:53:10","date_gmt":"2009-07-22T21:53:10","guid":{"rendered":"https:\/\/blogs.ua.es\/cone\/?p=7"},"modified":"2009-07-22T23:59:26","modified_gmt":"2009-07-22T21:59:26","slug":"campos-de-colores","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/cone\/22\/07\/campos-de-colores\/","title":{"rendered":"Campos de texto de colores :D"},"content":{"rendered":"<p>Para empezar a hacer el impresentable por aqu\u00ed os dejar\u00e9 con un c\u00f3digo que hice el otro d\u00eda, que no es gran cosa, pero me llevo su tiempo.<br \/>\nEl c\u00f3digo en cuesti\u00f3n es una <em>javascript<\/em> que hace que cuando aciertes el texto que hay que intrudicir, cambie el color del borde de la caja de texto de rojo a verde :). Vale, esto no es util, pero cuando haces un juego como este, es \u00fatil. Digamos que en el c\u00f3digo fuente de la p\u00e1gina tenemos a manera de c\u00f3digo fuente el siguiente caso. Si lo que hay en la variable <em>CampoQueHayQueIntroducir1<\/em>, coincide con <em>CampoIntroducido1, <\/em>entonces haremos que se cambie.<br \/>\nUna vez ten\u00eda el c\u00f3digo terminado, me d\u00ed cuenta, que cualquiera que entiendiera medianamente de programaci\u00f3n pod\u00eda entrar en el c\u00f3digo fuente y ver las variables y <em>copy&amp;paste<\/em>, asi que la soluci\u00f3n que se me ocurrio fue, encriptar cada una de ellas en md5. Si <em>CampoQueHayQueIntroducir1 en md5 <\/em>coincide con<em> CampoIntroducido1 en md5<\/em>, bingo!<\/p>\n<p>Sin m\u00e1s dilaci\u00f3n os dejo con el c\u00f3digo fuente con el que hice <a href=\"http:\/\/www.poniendowebs.net\/harry\/http:\/\/\" target=\"_blank\">http:\/\/www.poniendowebs.net\/harry\/<\/a><\/p>\n<p><code>function valida(respuesta,pregunta){<br \/>\ndocument.getElementById(pregunta).style.border = \"2px solid #ff0000\"; \/\/Le decimos que el color es rojo de por s\u00ed<br \/>\nif (hex_md5(document.getElementById(pregunta).value.toLowerCase()) == respuesta){ \/\/Aqu\u00ed hacemos el condicional de si el valor de la pregunta en md5, es igual a la respuesta en min\u00fascula (que ya hemos codificado en md5), entonces:<br \/>\ndocument.getElementById(pregunta).style.borderColor=\"#00cc00\" \/\/Verde<br \/>\ndocument.getElementById(pregunta).disabled = true \/\/Desactivamos<br \/>\naciertos++ \/\/Incrementamos la variable aciertos<br \/>\n}<br \/>\n}<br \/>\ndocument.getElementById('aciertos').innerHTML=aciertos \/\/Mostramos los aciertos<br \/>\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para empezar a hacer el impresentable por aqu\u00ed os dejar\u00e9 con un c\u00f3digo que hice el otro d\u00eda, que no es gran cosa, pero me llevo su tiempo. El c\u00f3digo en cuesti\u00f3n es una javascript que hace que cuando aciertes el texto que hay que intrudicir, cambie el color del borde de la caja de [&hellip;]<\/p>\n","protected":false},"author":1269,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4803],"tags":[5686,9275,1176,374],"class_list":["post-7","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-creaciones","tag-javascript","tag-juego","tag-programacion"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/users\/1269"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":5,"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/posts\/7\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/cone\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}