PDA

View Full Version : add a "close" icon o my static logo script



fidraman
05-31-2010, 02:39 AM
1) Script Title: Site Logo Script (Geocities Watermark)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/logo.htm

3) Describe problem:
hello evryone, i have an issue with the site logo script it's that i need to put in the to of the logo a tiny icon of "close" when click on it the logo desepar smoothly down, anf of course the logo stand still without any mouvement until i click on the close icon; here is my staticlogo.js :


///////////////////////////////////////////////////////////////////
/*Site Logo Script (Geocities Watermark)
Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com/ */
///////////////////////////////////////////////////////////////////

//edit the below 5 steps

// 1) substitute 116 and 42 with the width and height of your logo image, respectively
var logowidth=500 //
var logoheight=120 //
var logoimage=new Image(logowidth,logoheight)

// 2) change the image path to reflect the path of your logo image
logoimage.src="alert/bulkdownload.gif" //

// 3) Change url below to the target URL of the logo
var logolink="http://www.photobucket.com" //

// 4) change the alttext variable to reflect the text used for the "alt" attribute of the image tag
var alttext="Click here"

// 5) Finally, below variable determines the duration the logo should be visible after loading, in seconds. If you'd like the logo to appear for 20 seconds, for example, enter 20. Entering a value of 0 causes the logo to be perpectually visible.
//var visibleduration=8 //

// Optional parameters // image position
var Hoffset=300 //Enter logo's offset from left edge of window (edit only if you don't like the default offset)
var Voffset=2 //Enter logo's offset from bottom edge of window (edit only if you don't like the default offset)

///////////////////////////Do not edit below this line/////////////////////////

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1

var watermark_obj=ie? document.all.watermarklogo : document.getElementById? document.getElementById("watermarklogo") : document.watermarklogo

function insertimage(){
if (ie||document.getElementById)
watermark_obj.innerHTML='<a href="'+logolink+'" target="_blank"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>'
else if (document.layers){
watermark_obj.document.write('<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>')
watermark_obj.document.close()
}
}

function positionit(){
var dsocleft=ie? document.body.scrollLeft : pageXOffset
var dsoctop=ie? document.body.scrollTop : pageYOffset
var window_height=ie? document.body.clientHeight : window.innerHeight

if (ie||document.getElementById){
watermark_obj.style.left=parseInt(dsocleft)+5+Hoffset
watermark_obj.style.top=parseInt(dsoctop)+parseInt(window_height)-logoheight-Voffset
}
else if (document.layers){
watermark_obj.left=dsocleft+5+Hoffset
watermark_obj.top=dsoctop+window_height-logoheight-Voffset
}
}

function hidewatermark(){
if (document.layers)
watermark_obj.visibility="hide"
else
watermark_obj.style.visibility="hidden"
clearInterval(watermarkinterval)
}

function beingwatermark(){
watermarkinterval=setInterval("positionit()",50)
insertimage()
if (visibleduration!=0)
setTimeout("hidewatermark()",visibleduration*1000)
}

if (ie||document.getElementById||document.layers)
window.onload=beingwatermark

fidraman
06-01-2010, 10:54 AM
hello any one !! please

ddadmin
06-02-2010, 05:05 AM
Sure, try the below modified .js file, which adds a close button to the logo that when clicked on dismisses it. You may want to edit the HTML for the logo inside the .js file:


logoHTML: '<a href="javascript:ddsitelogo.hidelogo()"><img src="close_1.gif" style="float:right;border-width:0" /></a><a href="http://www.dynamicdrive.com" title="Dynamic Drive"><img src="http://i40.tinypic.com/e7xmvm.gif" style="width:50px; height:47px; border:0" /></a>', //HTML for logo, which is auto wrapped in DIV w/ ID="mysitelogo"

The part in red defines where the close button appears within the logo.

fidraman
06-06-2010, 11:53 PM
thanks DDADMIN;
that's seems to work just fine ,but there is a liiitl probleme in the displaying of the logo :
the photo joined in this rplay explain everything :
http://i46.tinypic.com/2091vyc.jpg

how to resolve that robleme and prevent the second image from appearing.
thanks a lot, i approciate it

fidraman
06-07-2010, 12:07 AM
and also that heppening jus in IE, but inf firefox another problm is that the closing icon doesnt work when clicking on it. that image don't disepear :( and i need badly to make it work in teh firefox specialy .

ddadmin
06-09-2010, 04:13 AM
Hmm i just tested the script in FF3.6, and clicking the close button does close it. Please post a link to the page on your site that contains the problematic script so we can check it out.

fidraman
06-09-2010, 11:22 PM
http://celticking.fi5.us/DD/

thanks :)

ddadmin
06-10-2010, 08:54 PM
I just viewed your page in FF3.6, and clicking the "x" icon does dismiss the static logo for me. What version of FF are you using?