<script type='text/javascript'> GSFN = { feedback: function(url, tab_options) { this.feedback_url = url; this.tab_options = tab_options ? tab_options : {}; this.tab_options.placement = this.tab_options.placement ? this.tab_options.placement : &#39;right&#39;; this.tab_options.color = this.tab_options.color ? this.tab_options.color : &#39;#21236a&#39;; this.tab_html = &#39;&lt;a href=&quot;#&quot; id=&quot;fdbk_tab&quot; class=&quot;fdbk_tab_&#39;+this.tab_options.placement+&#39;&quot; style=&quot;background-color:&#39;+this.tab_options.color+&#39;&quot;&gt;FEEDBACK&lt;/a&gt;&#39;; this.overlay_html = &#39;&lt;div id=&quot;fdbk_overlay&quot; style=&quot;display:none&quot;&gt;&#39; + &#39;&lt;div id=&quot;fdbk_container&quot;&gt;&#39; + &#39;&lt;a href=&quot;#&quot; onclick=&quot;GSFN.hide();return false&quot; id=&quot;fdbk_close&quot;&gt;&lt;/a&gt;&#39; + &#39;&lt;iframe src=&quot;&quot; id=&quot;fdbk_iframe&quot; allowTransparency=&quot;true&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;div id=&quot;fdbk_screen&quot;&gt;&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39;; if(this.tab_options.container) { var container_el = this.gId(this.tab_options.container); container_el.innerHTML = this.tab_html + this.overlay_html; } else { document.write(this.tab_html); document.write(this.overlay_html); } this.gId(&#39;fdbk_tab&#39;).onclick = function() { GSFN.show(); return false; } this.gId(&#39;fdbk_iframe&#39;).setAttribute(&quot;src&quot;, &quot;&quot;); }, set_position: function() { this.scroll_top = document.documentElement.scrollTop || document.body.scrollTop; this.scroll_height = document.documentElement.scrollHeight; this.client_height = window.innerHeight || document.documentElement.clientHeight; this.gId(&#39;fdbk_screen&#39;).style.height = this.scroll_height+&quot;px&quot;; this.gId(&#39;fdbk_container&#39;).style.top = this.scroll_top+(this.client_height*0.1)+&quot;px&quot;; }, show: function() { if(this.gId(&#39;fdbk_iframe&#39;).getAttribute(&quot;src&quot;) == &quot;&quot;) { this.gId(&#39;fdbk_iframe&#39;).setAttribute(&quot;src&quot;, this.feedback_url); if (this.gId(&#39;fdbk_iframe&#39;).addEventListener) { this.gId(&#39;fdbk_iframe&#39;).addEventListener(&quot;load&quot;, GSFN.loaded, false); } else if (this.gId(&#39;fdbk_iframe&#39;).attachEvent) { this.gId(&#39;fdbk_iframe&#39;).detachEvent(&quot;onload&quot;, GSFN.loaded); this.gId(&#39;fdbk_iframe&#39;).attachEvent(&quot;onload&quot;, GSFN.loaded); } } this.set_position(); this.gId(&#39;fdbk_overlay&#39;).style.display = &quot;block&quot;; }, hide: function() { this.gId(&#39;fdbk_overlay&#39;).style.display = &quot;none&quot;; }, loaded: function() { GSFN.gId(&#39;fdbk_iframe&#39;).className = &quot;loaded&quot;; }, gId: function(id) { return document.getElementById(id); } } </script> <style> /* feedback */ #fdbk_overlay {width: 100%;height:100%;top:0;left:0;z-index: 1000000;position: absolute;} #fdbk_screen {top:0;left:0;z-index:1;width:100%;position: absolute;background-color: #000;opacity: 0.45; -moz-opacity: 0.45;filter:alpha(opacity=45);} #fdbk_container {width:465px;height:450px;margin: 0 auto;z-index:2;position:relative;} #fdbk_container iframe {width:465px;height:100%;margin: 20px;background: transparent url(&#39;http://blog.wolkanca.com/b/i/fb_loading.png&#39;) no-repeat;} #fdbk_container iframe.loaded {background: transparent;} a#fdbk_tab {top: 25%;right:0;width: 42px;height:102px;color: #FFF;cursor:pointer;text-indent:-100000px;overflow:hidden; position: fixed; z-index: 100000; margin-right: -7px;background-image: url(http://blog.wolkanca.com/b/i/feedback_trans_tab.png);_position: absolute;_background-image: url(&#39;http://blog.wolkanca.com/b/i/feedback_tab_ie6.png&#39;);} a#fdbk_tab:hover {margin-right: -4px;} a.fdbk_tab_right {right: 0 !important;left: auto !important;margin-right: -7px !important;margin-left: auto !important;} a.fdbk_tab_right:hover {margin-right: -4px !important;margin-left: auto !important;} a.fdbk_tab_bottom {top: auto!important;bottom: 0 !important;left: 20% !important;height: 38px !important;width: 102px !important;background-position: 0 -102px !important;margin-bottom: -7px !important;margin-left: auto !important;} a.fdbk_tab_bottom:hover {margin-bottom: -4px !important;margin-right: auto !important;} a.fdbk_tab_hidden {display:none !important;} a#fdbk_close {position: absolute;cursor:pointer;outline:none;top: 0;left: 0;z-index: 4;width:42px;height:42px;overflow:hidden;background-image: url(http://blog.wolkanca.com/b/i/feedback-close.png);_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://blog.wolkanca.com/b/i/feedback-close.png, sizingMethod=&#39;crop&#39;);} #fdbk_close:hover {background-position: -42px 0;} #fc-friendbar-outer {position:fixed;top:0px;left:0px;} </style> <script type='text/javascript'> // asagidaki -http://blog.wolkanca.com/iletisim-formu.php- kismini kendi iletisim formunuzla degistiriniz. // tab_options.placement kismini sag veya sol olarak degistirebilirsiniz. // tab_options.color kismini istediginiz renk ile degistiriniz. var tab_options = {} tab_options.placement = &quot;left&quot;; tab_options.color = &quot;#21236a&quot;; GSFN.feedback(&#39;http://blog.wolkanca.com/iletisim-formu.php&#39;, tab_options); </script>
Pasted:
Jul 27, 2009, 12:22:06 pm
Views:
50
