Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Floating banner over the intermediate image problem in Firefox  (Read 3081 times)

0 Members and 1 Guest are viewing this topic.

mahesh1825

  • Coppermine newbie
  • Offline Offline
  • Posts: 12
Floating banner over the intermediate image problem in Firefox
« on: January 31, 2011, 01:56:38 pm »

I check for solution over net but i cant find it finally posting here

I found a java script for floating top bar. and i modified a bit for location and size. This code can place a bar on top of the page at give location even u scroll the page. this one comes with close option based on cookie.

I want to show the floating bar over the intermediate image for unregistered users.
I placed it in my theme php file immediately after this code.
Now my problem is the give code is working fine in ie and chrome but it is not working in firefox.

In Firefox the close button is floating where as the block generated by test.js is at static location right above the intermediat image.

to get it worked fine in firefox where i have to place this one.
The code is here

Code: [Select]
// HTML template for intermediate image display
$template_display_media = <<<EOT

Code: [Select]
<style type="text/css">
#topbar{
position:absolute;
background-color: transparent;
width: 730px;
height: 94px;
visibility: hidden;
z-index: 100;
}
</style>


<script type="text/javascript">
/***********************************************
* Floating Top Bar script- Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 150 //set x offset of bar in pixels
var startY = 250 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>


<div id="topbar">
<a href="close" onClick="closebar(); return false"><img src="/close.gif" border="0" /></a>
<a>Close</a>
<script src="test.js"></script>
</div>
Logged

mahesh1825

  • Coppermine newbie
  • Offline Offline
  • Posts: 12
Re: Floating banner over the intermediate image problem in Firefox
« Reply #1 on: January 31, 2011, 02:17:50 pm »

as i am working on test server i cant give you the working link.
Logged
Pages: [1]   Go Up
 

Page created in 0.015 seconds with 20 queries.