{"id":272,"date":"2007-04-05T09:57:36","date_gmt":"2007-04-05T08:57:36","guid":{"rendered":"http:\/\/www.dotmana.com\/index.php\/?p=272"},"modified":"2007-04-05T09:57:36","modified_gmt":"2007-04-05T08:57:36","slug":"controlmodal","status":"publish","type":"post","link":"http:\/\/www.dotmana.com\/weblog\/2007\/04\/controlmodal\/","title":{"rendered":"Control.Modal"},"content":{"rendered":"<p>With this library, based on Prototype Javascript library, you can display a lot of modal box on your web interface :<\/p>\n<ul>\n<li><a id=\"modal_link_one\" href=\"http:\/\/livepipe.net\/projects\/control_modal\/#modal_window_one\">Relative Modal<\/a> &#8211; Opens a local modal window relative to the position of the link. With custom width and height.<\/li>\n<li><a id=\"modal_link_two\" href=\"http:\/\/livepipe.net\/projects\/control_modal\/#modal_window_two\">Centered Modal<\/a> &#8211; Opens a local modal window in the center of the screen. Adds CSS classes to the container and overlay.<\/li>\n<li><a id=\"modal_link_three\" href=\"http:\/\/livepipe.net\/projects\/control_modal\/modal_ajax\">AJAX Modal<\/a> &#8211; Opens a modal window that is the response of an AJAX call.<\/li>\n<li><a id=\"modal_link_four\" href=\"http:\/\/google.com\/\">iframe Modal<\/a> &#8211; Opens a modal window that contains an iframe.<\/li>\n<li><a id=\"lightbox_link_one\" href=\"http:\/\/livepipe.net\/ryan\/photos\/photos\/Plants\/Banners_Closeup.jpg\">Lightbox One<\/a> &#8211; Opens a modal window with an image inside.<\/li>\n<li><a id=\"lightbox_link_two\" href=\"http:\/\/livepipe.net\/ryan\/photos\/photos\/Water\/Skippers_Creek.jpg\">Lightbox Two<\/a> &#8211; Opens another modal window with an image inside.<\/li>\n<\/ul>\n<p><a target=\"_blank\" href=\"http:\/\/livepipe.net\/projects\/control_modal\/\">Discover it !<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With this library, based on Prototype Javascript library, you can display a lot of modal box on your web interface : Relative Modal &#8211; Opens a local modal window relative to the position of the link. With custom width and &hellip; <a href=\"http:\/\/www.dotmana.com\/weblog\/2007\/04\/controlmodal\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,6],"tags":[],"class_list":["post-272","post","type-post","status-publish","format-standard","hentry","category-ruby-on-rails","category-web-20"],"_links":{"self":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":0,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}