{"version":"1.0","provider_name":"CodexWorld","provider_url":"https:\/\/www.codexworld.com","title":"Attach Color Picker to HTML Element using jQuery - CodexWorld","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"yypApiL2QA\"><a href=\"https:\/\/www.codexworld.com\/jquery-color-picker-attach-to-html-element\/\">Attach Color Picker to HTML Element using jQuery<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.codexworld.com\/jquery-color-picker-attach-to-html-element\/embed\/#?secret=yypApiL2QA\" width=\"600\" height=\"338\" title=\"&#8220;Attach Color Picker to HTML Element using jQuery&#8221; &#8212; CodexWorld\" data-secret=\"yypApiL2QA\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.codexworld.com\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2018\/05\/jquery-color-picker-plugin-attach-to-html-element-codexworld.png","thumbnail_width":1366,"thumbnail_height":768,"description":"jQuery Color Picker plugin - Add color picker widget to the website using jQuery. Simple jQuery plugin to attach color picker in HTML element. Example code to append flat color picker to element, attach color picker to DOMElement or input text field using jQuery."}