Avatar billede kartolux Nybegynder
30. april 2002 - 15:12 Der er 14 kommentarer og
2 løsninger

Rullegardiner

Er der ikke en, som kan lave koden til at lave sådan et sponsor-rullegardin, som kommer frem på denne side. Bemærk, at rullegardinet kun kommer føste gang man ankommer. Der må være en cookie, som skrives, så det kun sker den ene gang...

Jeg skal bruge alt til header, body og cookie...

Øøøøøh linket:

http://www.im-online.dk/
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:04 #1
Avatar billede kartolux Nybegynder
30. april 2002 - 16:22 #2
Okay - men der er ikke nogen grafikfil...
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:26 #3
Jamen den kan du jo bare lægge ind i mellem div-tagsene.
Det med cookien skal jeg lige kigge lidt på.
Avatar billede kartolux Nybegynder
30. april 2002 - 16:28 #4
Kan den ikke scrolle ned som på im-online.dk?
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:34 #5
Joda. Så skal koden ændres lidt.
<html>
<head>
<script type="text/javascript">
var a = 0;
var b = 0;
function zoom() {
    document.all.her.style.display = 'block';
    document.all.her.style.width = a;
    document.all.her.style.height = b;
    document.all.her.style.top = 0;
    setTimeout("zoomer()", 1);
}
function zoomer(){
    var maxa = document.body.clientWidth - 50;
    var maxb = document.body.clientHeight - 50;
    videre = 0;
    if (a<maxa){
        a = a + 50;
        videre = 1;
    }
    else {
        a = document.body.clientWidth;
    }
    if (b<maxb){
        b = b + 50;
        videre = 1;
    }
    else {
        b = document.body.clientHeight;
    }
    if (videre == 1){
        zoom();
    }
    if (videre == 0){
        document.all.her.style.height = document.body.clientHeight;
        setTimeout("stopper()", 2000);
    }
}
function stopper(){
    document.all.her.style.display = 'none'
}
</script>
<body onload="setTimeout('zoom()',2000)">
pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder
pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder
<div id="her" style="position:absolute;top:100%;left:0;background-color:#ff0000;border-style:solid;border-width:2;border-color:#000000;display:none">
<span style="position:relative;top:4;left:95%;border-style:solid;border-width:2;border-color:#000000;cursor:hand" onclick="this.parentElement.style.display='none'">&nbsp;x&nbsp;</span>
her står al den tekst du vil vise frem.
</div>
</body>
</html>
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:35 #6
Hvis du vil have at den skal have en fast bredde, skal den se sådan her ud:
<html>
<head>
<script type="text/javascript">
var a = 0;
var b = 0;
function zoom() {
    document.all.her.style.display = 'block';
    document.all.her.style.width = 200;
    document.all.her.style.height = b;
    document.all.her.style.top = 0;
    setTimeout("zoomer()", 1);
}
function zoomer(){
    var maxa = document.body.clientWidth - 50;
    var maxb = document.body.clientHeight - 50;
    videre = 0;
    if (a<maxa){
        a = a + 50;
        videre = 1;
    }
    else {
        a = document.body.clientWidth;
    }
    if (b<maxb){
        b = b + 50;
        videre = 1;
    }
    else {
        b = document.body.clientHeight;
    }
    if (videre == 1){
        zoom();
    }
    if (videre == 0){
        document.all.her.style.height = document.body.clientHeight;
        setTimeout("stopper()", 2000);
    }
}
function stopper(){
    document.all.her.style.display = 'none'
}
</script>
<body onload="setTimeout('zoom()',2000)">
pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder
pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder
<div id="her" style="position:absolute;top:100%;left:0;background-color:#ff0000;border-style:solid;border-width:2;border-color:#000000;display:none">
<span style="position:relative;top:4;left:95%;border-style:solid;border-width:2;border-color:#000000;cursor:hand" onclick="this.parentElement.style.display='none'">&nbsp;x&nbsp;</span>
her står al den tekst du vil vise frem.
</div>
</body>
</html>
Avatar billede aagaard Nybegynder
30. april 2002 - 16:40 #7
ras2000>> Hvad laver du koden i??????
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:44 #8
Notepad
Avatar billede aagaard Nybegynder
30. april 2002 - 16:47 #9
ras2000>> Ok, Bruger du nogen bog til at lære at lave f.eks. rullegardin? og andre ting? Hvis du gør hvad for en bog?
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:49 #10
Nu virker den med en cookie.
<html>
<head>
<script type="text/javascript">
if (document.cookie == "set=nej") var set = "ja";
document.cookie = "set=nej";
var a = 0;
var b = 0;
function zoom() {
    if (set != "ja"){
    document.all.her.style.display = 'block';
    document.all.her.style.width = 200;
    document.all.her.style.height = b;
    document.all.her.style.top = 0;
    setTimeout("zoomer()", 1);
    }
}
function zoomer(){
    var maxa = document.body.clientWidth - 50;
    var maxb = document.body.clientHeight - 50;
    videre = 0;
    if (a<maxa){
        a = a + 50;
        videre = 1;
    }
    else {
        a = document.body.clientWidth;
    }
    if (b<maxb){
        b = b + 50;
        videre = 1;
    }
    else {
        b = document.body.clientHeight;
    }
    if (videre == 1){
        zoom();
    }
    if (videre == 0){
        document.all.her.style.height = document.body.clientHeight;
        setTimeout("stopper()", 2000);
    }
}
function stopper(){
    document.all.her.style.display = 'none'
}
</script>
<body onload="setTimeout('zoom()',2000)">
pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder
pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder
<div id="her" style="position:absolute;top:100%;left:0;background-color:#ff0000;border-style:solid;border-width:2;border-color:#000000;display:none">
<span style="position:relative;top:4;left:95%;border-style:solid;border-width:2;border-color:#000000;cursor:hand" onclick="this.parentElement.style.display='none'">&nbsp;x&nbsp;</span>
her står al den tekst du vil vise frem.
</div>
</body>
</html>
Avatar billede aagaard Nybegynder
30. april 2002 - 16:50 #11
Prøv at skribe til f.eks. www.im-online.dk deres mail er info@im-online.dk og spørg dem had HTML-koden er eller om de ved hvor man kan finde koden henne. OSV......
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:51 #12
Jeg har en bog der hedder "Dynamic HTML - The Definitive Reference" fra O'Reilly. Den er pissegod, med meget gammel efterhånden, man kan sikkert ikke få den mere. Ellers har jeg brugt eksperten.dk meget.
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:52 #13
Du behøver ikke at skrive til dem, du kan jo bare højreklikke på siden, så kan du se koden. Men den er sikkert en smule kompliceret, min er noget mere simpel.
Avatar billede ras2000 Nybegynder
30. april 2002 - 16:55 #14
Her er deres kode, men jeg orker ikke at gå igennem den for at se hvad der gør hvad.
var DatingForum = 'DatingForum';
var addsrc = 'http://www.im-online.dk/adverticing/datingforum/df_adverticing.gif';
var feq = 1 ;
var TimeBeforeShow = 700 ;
var TimeDown = 3000 ;
var add_link_front = '<a href=http://www.datingforum.dk/>'
var add_link_end = '</a>'

function GetCookie(name)
{
  var dc = document.cookie,start = dc.indexOf(name+"="),len = start+name.length+1;if (!start&&name!=dc.substring(0,name.length)) return null;if (start==-1)return null;var end=dc.indexOf(";",len);if (end==-1)end=dc.length;return unescape(dc.substring(len,end))
}
function SC(name,value,expires)
{
  document.cookie = name+"="+escape(value) + ";expires=" + expires.toGMTString()
}
function DF_Start()
{
  var xy = getDim(Adverticing);xy.x++;xy.y++
  var kX = xy.x + 318, aY = xy.y - DF_ADD.height, exp=new Date()
  onresize = DF_Resize
  DF_Clip = DF_ADD.height
  var h = '<img src="' + DF_KNAP.src + '" style="position:absolute;cursor:hand;'
  h += 'width:' + DF_KNAP.width + 'px;height:' + DF_KNAP.height + 'px;'
  h += 'left:' + kX + 'px;top:' + xy.y + 'px" id="DF_A" onclick="DF_Click()">'
  h += '' + add_link_front + '<img src="' + DF_ADD.src + '" border=0 style="position:absolute;'
  h += 'width:' + DF_ADD.width + 'px;height:' + DF_Clip + 'px;'
  h += 'clip:rect(' + DF_Clip + ' auto auto auto);'
  h += 'left:' + xy.x + 'px;top:' + aY + 'px" id="DF_B">' + add_link_end +''
  document.body.insertAdjacentHTML("beforeEnd",h)
  DF_AS = DF_A.style; DF_BS = DF_B.style
// start ny cookie timer
  if ( (GetCookie(DatingForum) < feq) || (GetCookie(DatingForum)== null) )
  {
    setTimeout("if(DF_Dir<0)DF_Click();",TimeBeforeShow)
    exp.setDate(exp.getDate()+7)
    SC(DatingForum,1,exp)
  }
  else
  {
    var addcookie = GetCookie(DatingForum)
    var addcookie = parseInt(addcookie,10) +1
    exp.setDate(exp.getDate()+10)
    SC(DatingForum,addcookie,exp)
  }
}
function DF_Click()
{
  if (DF_Moving) return;
    DF_Dir *= -1
    DF_Steps = 0
  if (window.DF_Int) clearInterval(DF_Int)
    DF_Moving = true
    DF_Int = setInterval("DF_Next()",30)
}
function DF_Next()
{
  var add = DF_Dir * (++DF_Steps<16 ? 16 : 8)
  DF_Clip -= add
  DF_BS.clip = 'rect(' + DF_Clip + ' auto auto auto)'
  DF_BS.posTop += add
  if (DF_Dir<0) DF_Adjust();
  if (DF_Clip<=0 || DF_Clip>=DF_ADD.height)
  {
    clearInterval(DF_Int);
    setTimeout("DF_Adjust()",30)
    if (DF_Dir>0) setTimeout("DF_Moving = false;DF_Click()",TimeDown); else DF_Moving=false;
  }
}
function DF_Adjust()
{
  DF_AS.posTop = DF_B.offsetTop + DF_B.offsetHeight
}
function DF_Resize()
{
var xy = getDim(Adverticing);xy.x++;xy.y++
  DF_BS.posLeft = xy.x
  DF_AS.posLeft = xy.x + 318
}
function getDim(el)
{
var rd = {x:el.offsetLeft,y:el.offsetTop}, tEl=el.offsetParent
  while (tEl)
  {
    rd.x += tEl.offsetLeft
    rd.y += tEl.offsetTop
    tEl = tEl.offsetParent
  }
  return rd
}

if (document.all)
{
  DF_ADD = new Image; DF_ADD.src = addsrc
  DF_KNAP = new Image; DF_KNAP.src = "http://www.wocs.dk/adverticing/sponsor.gif"
  DF_Steps = 0
  DF_Moving = false
  DF_Dir = -1
  //onload = DF_Start; preloadimages(); slideit();
}
Avatar billede kartolux Nybegynder
16. maj 2002 - 22:34 #15
Lukker
Avatar billede ras2000 Nybegynder
17. maj 2002 - 10:19 #16
Æhm, hvad var der galt med mit svar?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester