Hvem kan sortere i denne kode for mig?

Altså:
Koden til Popup-billedet skal fjernes, og resten af koden renses lidt i, så den kan validere korrekt i hhv. CSS og HTML.

======================================================

Kaldet af Javascript-koden:

<script type="text/javascript">COT("pics/vitamine_03.jpg", "SC2", "none");</script>

======================================================
Selve Javascript-koden:

var Ovr2='';if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){cot_t1_DOCtp="_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}";}else{cot_t1_DOCtp="_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}";}if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){cot_t1_DOCtp2="_top:expression(document.documentElement.scrollTop-20+document.documentElement.clientHeight-this.clientHeight);}";}else{cot_t1_DOCtp2="_top:expression(document.body.scrollTop-20+document.body.clientHeight-this.clientHeight);}";}
var cot_bgf0=(window.location.protocol.toLowerCase()=="https:")? "pics/vitamine_03.jpg" : "pics/vitamine_03.jpg";
var cot_tl_bodyCSS='* html {background:url('+cot_bgf0+') fixed;background-repeat: repeat;background-position: right bottom;}';
var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'-position:absolute;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'bottom:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'right:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0, 100, 85, 0);';
var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
var cot_tl_popCSS='#cot_tl_pop {background-color: transparent;';
var cot_tl_popCSS=cot_tl_popCSS+'position:fixed;';
var cot_tl_popCSS=cot_tl_popCSS+'position:absolute;';
var cot_tl_popCSS=cot_tl_popCSS+'height:194px;';
var cot_tl_popCSS=cot_tl_popCSS+'width: 244px;';
var cot_tl_popCSS=cot_tl_popCSS+'right: 120px;';
var cot_tl_popCSS=cot_tl_popCSS+'bottom: 20px;';
var cot_tl_popCSS=cot_tl_popCSS+'overflow: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'visibility: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'z-index: 100;';
var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;document.write('<style type="text/css">'+cot_tl_bodyCSS+cot_tl_fixedCSS+cot_tl_popCSS+'</style>');function cot_tl_bigPopup(url){newwindow=window.open(url,'name','width=450px,height=500px,frameborder=0,marginwidth=0,marginheight=0,scrolling=no,allowtransparency=true');if(window.focus){newwindow.focus()}return false;}function cot_tl_toggleMiniPOPUP_hide(){
var cred_id='cot_tl_pop';
var NNtype='hidden';
var IEtype='hidden';
var WC3type='hidden';if(document.getElementById){eval("document.getElementById(cred_id).style.visibility=\""+WC3type+"\"");}else{if(document.layers){document.layers[cred_id].visibility=NNtype;}else{if(document.all){eval("document.all."+cred_id+".style.visibility=\""+IEtype+"\"");}}}}function cot_tl_toggleMiniPOPUP_show(){cred_id='cot_tl_pop';
var NNtype='show';
var IEtype='visible';
var WC3type='visible';if(document.getElementById){eval("document.getElementById(cred_id).style.visibility=\""+WC3type+"\"");}else{if(document.layers){document.layers[cred_id].visibility=NNtype;}else{if(document.all){eval("document.all."+cred_id+".style.visibility=\""+IEtype+"\"");}}}}function COT(cot_tl_theLogo,cot_tl_LogoType,LogoPosition,theAffiliate){host=location.host;if(window.location.protocol.toLowerCase()=="https:"){
var cot_tl_miniBaseURL='test.html';
var cot_tl_bigBaseURL='test.html';}else{
var cot_tl_miniBaseURL='test.html';
var cot_tl_bigBaseURL='test.html';};document.write('<div id="cot_tl_pop">');document.write('<IFRAME src="'+cot_tl_miniBaseURL+'" width=244 height=194 frameborder=0 marginwidth=0 marginheight=0 scrolling=no allowtransparency=true></IFRAME>');document.write('</div>');document.write('<div id="cot_tl_fixed">');document.write('<a href="test.html" onClick="return cot_tl_bigPopup(\''+cot_tl_bigBaseURL+'\')"><img src='+cot_tl_theLogo+' alt="BT" border="0" onMouseOver="Ovr=setTimeout(\'cot_tl_toggleMiniPOPUP_show()\',1000);clearTimeout(Ovr2)" onMouseOut="Ovr2=setTimeout(\'cot_tl_toggleMiniPOPUP_hide()\',3000);clearTimeout(Ovr)"</a>');document.write('</div>');}

======================================================

Inden jeg går i gang så er der lige et spørgsmål:

  Ønsker du kun billedet i hjørnet, og ikke popup-vinduet, via mouseover?

jhe-ting:
Hej. Ja, jeg ønsker kun billedet i hjørnet, og ikke popup-vinduet, via mouseover.

Jeg har nemlig brug for at et script placerer et billede i hjørnet på mit website, som altid er placeret i højre bund af skærmen - uanset om siden fylder mere end skærmens højde eller ej. Og det kan netop dette script gøre.
Hele ideen er, at det skal bruges som link til "toppen af siden" - altså som et # anchor.
Og ja, der findes andre scripts som kan gøre ca. det samme - men de står altid og "hopper", når man scroller. og det gør dette script nemlig ikke. ;-)

Prøv denne løsning i HTML/CSS uden script
-----------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CornerPicture CSS-Only</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* html {
    background:url(http://www.hixie.ch/resources/images/1x1) fixed;
    background-repeat: repeat;
    background-position: right bottom;
}
#tl_fixed{
    position:fixed;
    bottom:0px;
    right:0px;
    clip:rect(0, 100, 85, 0);
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
#tl_fixed{
    position:absolute;
    top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
    left:expression(document.documentElement.scrollLeft +document.documentElement.clientWidth-offsetWidth);
}
</style>
<![endif]-->

</head>

<body>
<div style="position:absolute; top:10px;left:10px; margin:25px;height:2048px; width:772px;background-color:#FFEEDD">
Big div all over -<br> Big div all over -<br> Big div all over -<br> Big div all over -<br>
Big div all over -<br> Big div all over -<br> Big div all over -<br> Big div all over -<br>
Big div all over -<br> Big div all over -<br> Big div all over -<br> Big div all over -<br>
Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over - Big div all over -<br>
Big div all over -<br> Big div all over -<br> Big div all over -<br> Big div all over -<br> </div>

<div id="tl_fixed"><a href="http://www.eksperten.dk" ><img src="http://www.eksperten.dk/img/elogo.png" alt="Gå til eksperten.dk" border="0"></a></div>

</body>
</html>

jhe-ting:

Hold da helt fast, hvor det spiller! :-)

Var det virkelig SÅ nemt? Tænk, jeg havde siddet i ca. 1½ time, og kastet rundt med koden, uden at få det til at virke... jeg tror at dit IE6-fix har noget med det at gøre, jeg testede nemlig også primært i IE.
Jeg har set et lign. IE-hack hos CSSPlay, men overvejede ikke at bruge det her. Det burde jeg nok havde prøvet.

Men virker det så også i IE7 tror du?

Jeg har selv testet det i IE6, FF 2.003 & Opera 9.20, og her virker det perfekt.

Jeg takker mnage gange, jhe-ting! :-)

*GG* Du fik vist også selv placeret en lille missekat i hjørnet...? :-)

*lol*

>>jhe-ting 20/04-2007 06:03:38

-- ganske sjovt at du kalder expressions en løsning uden javascript, for det er jo netop javascript, der udføres i et stylesheet !-)

Ok roenving - sandt nok, men man slipper da for at have det 'grimme' javascript, til at generere HTML.
I FF kører det rent faktisk uden script, da det kun er IE der behøver hjælp.

PS: På comodo.com der der en besynderlig redundans, hvor scriptet (i næsten alle tilfælle) genererer samme HTML som der står i ren HTML bagefter, så alle delene er der to gange lige oven i hinanden.

PPS: Hvilken missekat? :-} Jeg tænker faktisk på at have en killing siddende i hjørnet af mit katte-galleri.