{"id":3479,"date":"2023-09-10T10:35:46","date_gmt":"2023-09-10T01:35:46","guid":{"rendered":"https:\/\/blue-bear.jp\/kb\/?p=3479"},"modified":"2023-09-10T10:35:47","modified_gmt":"2023-09-10T01:35:47","slug":"javascript-%e7%94%bb%e5%83%8f%e3%82%92%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%97%e3%81%9f%e3%82%89%e3%81%9d%e3%81%aeurl%e3%81%8c%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%9c%e3%83%83%e3%82%af","status":"publish","type":"post","link":"https:\/\/blue-bear.jp\/kb\/javascript-%e7%94%bb%e5%83%8f%e3%82%92%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%97%e3%81%9f%e3%82%89%e3%81%9d%e3%81%aeurl%e3%81%8c%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%9c%e3%83%83%e3%82%af\/","title":{"rendered":"[javascript] \u753b\u50cf\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u305d\u306eURL\u304c\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306b\u53cd\u6620\u3055\u308c\u308b\u30b3\u30fc\u30c9"},"content":{"rendered":"\n

data-textbox\u3067\u5224\u5b9a\u3057\u3066\u3044\u308b<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Image Click to Textbox<\/title>\n<\/head>\n<body>\n    <div>\n        <img id=\"img1\" src=\"image1.jpg\" alt=\"Image 1\" data-textbox=\"textbox1\">\n        <img id=\"img2\" src=\"image2.jpg\" alt=\"Image 2\" data-textbox=\"textbox1\">\n        <img id=\"img3\" src=\"image3.jpg\" alt=\"Image 3\" data-textbox=\"textbox1\">\n    <\/div>\n    <div>\n        <img id=\"img4\" src=\"image4.jpg\" alt=\"Image 4\" data-textbox=\"textbox2\">\n        <img id=\"img5\" src=\"image5.jpg\" alt=\"Image 5\" data-textbox=\"textbox2\">\n        <img id=\"img6\" src=\"image6.jpg\" alt=\"Image 6\" data-textbox=\"textbox2\">\n    <\/div>\n    <textarea id=\"textbox1\" rows=\"4\" cols=\"50\"><\/textarea>\n    <textarea id=\"textbox2\" rows=\"4\" cols=\"50\"><\/textarea>\n\n    <script>\n        const images = document.querySelectorAll('img');\n        const textboxes = document.querySelectorAll('textarea');\n\n        images.forEach(img => {\n            img.addEventListener('click', function () {\n                const textboxId = this.getAttribute('data-textbox');\n                const textbox = document.getElementById(textboxId);\n\n                if (textbox) {\n                    textbox.value = this.src;\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
data-textbox\u3067\u5224\u5b9a\u3057\u3066\u3044\u308b<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3479"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=3479"}],"version-history":[{"count":1,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3479\/revisions"}],"predecessor-version":[{"id":3480,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3479\/revisions\/3480"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=3479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=3479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=3479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}