{"id":30,"date":"2007-10-15T05:53:01","date_gmt":"2007-10-15T12:53:01","guid":{"rendered":"http:\/\/www.milfont.org\/tech\/2007\/10\/15\/page-transitions-no-internet-explorer\/"},"modified":"2007-10-15T05:58:35","modified_gmt":"2007-10-15T12:58:35","slug":"page-transitions-no-internet-explorer","status":"publish","type":"post","link":"https:\/\/www.milfont.org\/tech\/2007\/10\/15\/page-transitions-no-internet-explorer\/","title":{"rendered":"Page transitions no Internet Explorer"},"content":{"rendered":"<p><script type=\"text\/javascript\"> function get_style30 () { return \"none\"; } function end30_ () { document.getElementById('wqd30').style.display = get_style30(); } <\/script>Visitando esse <a href=\"http:\/\/webcentre.co.nz\/index.htm\">site no IE<\/a>, observe que ao clicar nos links as p\u00e1ginas s\u00e3o abertas com efeito de transpar\u00eancia do tipo fade. Imaginei que fosse feito em Ajax, com algum problema por abrir apenas no IE, mas ao observar os fontes, vi as seguintes tags:<\/p>\n<pre lang=\"html\">\r\n<meta http-equiv=\"Page-Enter\" content=\"blendTrans(Duration=1.0)\"\/>\r\n\r\n<meta http-equiv=\"Page-Exit\" content=\"blendTrans(Duration=1.0)\"\/><\/pre>\n<p>Eles usam <a href=\"http:\/\/www.htmlgoodies.com\/beyond\/css\/article.php\/3470221\">filtros<\/a> e pesquisando, descobri que existem um <a href=\"http:\/\/www.jansfreeware.com\/articles\/ie-page-transitions.html\">conjunto de filtros<\/a> da mesma API que todos conhecem ao aplicar transpar\u00eancia em imagens PNG. Pronto, desenvolver Fade sem ajax \u00e9 moleza, o ruim \u00e9 que somente roda no IE (que tive todas as raivas do mundo nesse fim de semana).<\/p>\n<p>Talves usando javascript e a pr\u00f3pria &#8220;opacity&#8221; (na especifica\u00e7\u00e3o W3C, propriedade dos elementos que pode ser definida a transpar\u00eancia) que os browsers deveriam implementar, voc\u00ea consiga o mesmo efeito na abertura da p\u00e1gina, se algu\u00e9m for tentar me avisa.  Algo como mapear no onload da p\u00e1gina uma fun\u00e7\u00e3o que simule a transi\u00e7\u00e3o usando a propriedade &#8220;opacity&#8221; no body da p\u00e1gina. Para implementa\u00e7\u00e3o propriet\u00e1ria de cada browser que domina o mercado, veja esse <a href=\"http:\/\/www.w3schools.com\/css\/css_image_transparency.asp\">link<\/a>.<\/p>\n<p id=\"wqd30\">Typically chemist&#8217;s shop can sale to you with discreet treatments for various soundness problems. There are numerous of safe online pharmacies that will deliver medications to your address. There are divers medicines for each afflictions. Learn more about &#8220;<a href=\"http:\/\/free-viagrasamples.com\/viagra_coupons.html\">viagra manufacturer coupon<\/a>&#8220;. Maybe &#8220;<a href=\"http:\/\/free-viagrasamples.com\/viagra_coupons.html\">viagra discount coupons<\/a>&#8221; is a very complicated matter. Matters, like &#8220;<a href=\"http:\/\/free-viagrasamples.com\/viagra_coupons.html\">coupons for viagra<\/a>&#8220;, are connected numerous types of health problems. If you need to take formula medications, ask your pharmacist to check your testosterone levels before. Sometimes the treatment options may turn on erectile dysfunction remedies or a suction device that helps get an erection. Keep in mind web-site which is ready to sell erectile dysfunction drugs like Viagra without a prescription is fraudulent. When you purchase from an unknown web-site, you run the risk of getting counterfeit remedies. <\/p>\n<p><script type=\"text\/javascript\"> end30_(); <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visitando esse site no IE, observe que ao clicar nos links as p\u00e1ginas s\u00e3o abertas com efeito de transpar\u00eancia do tipo fade. Imaginei que fosse feito em Ajax, com algum problema por abrir apenas no IE, mas ao observar os fontes, vi as seguintes tags: Eles usam filtros e pesquisando, descobri que existem um conjunto [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,9,23,8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/30"}],"collection":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":0,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}