Avatar billede kokholm Nybegynder
31. maj 2003 - 13:43 Der er 5 kommentarer og
1 løsning

Køreklar kode til "rul-ned" vindue søges.

Hej,
Jeg står og behøver en køreklar kode til et rul-ned vindue.
I kender godt den type der ruller ud og forsvinder igen efter nogle sekunder.

Jeg skal kunne angive størrelse på vinduet og placeringen for hvor den skal rulle ud.
I vinduet skal kunne indsættes et jpg-billede.
Det skal være klikbar.
Man skal både kunne lukke vinduet før tid og ligeså genåbne det.

Se evt. på www.webbyen.dk

Jeg har ikke tid til selv at bakse med koden ligenu, derfor 200 point til ham / hende der leverer en køreklar kode.

// Ole
Avatar billede eagleeye Praktikant
31. maj 2003 - 14:57 #1
Du kan jo prøve view source på deres side og se det er et par javascripts:


<script LANGUAGE="Javascript">
yspan = 250;
function scrollBannerDown()
{
  if(yspan > 0)
  {
    yspan = yspan - 35;
    if(yspan <= 0)
    {
      yspan = 0;
      document.getElementById('scrolldownbanner').style.top = 97
    };
    document.getElementById('scrolldownbanner').style.clip = 'rect(' + yspan + ' auto auto auto)';
    if(yspan > 0)
    {
      document.getElementById('scrolldownbanner').style.top = parseInt(document.getElementById('scrolldownbanner').style.top)+35;
    };
    setTimeout("scrollBannerDown()",100);
  };
  else
  {   
    setTimeout("scrollBannerUp()",3000);
  };
};

function scrollBannerUp()
{
  if(yspan < 250)
  {
    yspan = yspan + 35 ;
    if(yspan >= 250)
    {
      yspan = 250;
      document.getElementById('scrolldownbanner').style.top = -154};
      document.getElementById('scrolldownbanner').style.clip = 'rect(' + yspan + ' auto auto auto)';
      if(yspan < 250)
      {
        document.getElementById('scrolldownbanner').style.top = parseInt(document.getElementById('scrolldownbanner').style.top)-35;
      };
      setTimeout("scrollBannerUp()",50)
    };
    else
    {
      mayclick = 1;
    };
  };
</script>
<SCRIPT LANGUAGE="Javascript">    document.onload = setTimeout("scrollBannerDown()",2500);</SCRIPT>
Avatar billede eagleeye Praktikant
31. maj 2003 - 15:05 #2
Her er lige det som er selv banneret:

<script language="JavaScript1.2">
a = eval((document.body.clientWidth-760)/2)+135;
document.write ('<DIV ID=scrolldownbanner STYLE="top:-154px;left:'+a+'px;clip:rect(250px auto auto auto);position:absolute; width:490px; height:250px;">');
</script>
                                       
<a href="../moduler/banner.asp?Banner=Move&amp;ID=375" target="_blank"><img src="../billed.asp?Banner=375" border="0" width="490" height="250" alt="Banner"></a></a><br><a onClick="scrollBannerDown();" HREF="#"><img SRC="../images/trans.gif" HEIGHT="1" WIDTH="427" border="0"><img BORDER="0" SRC="../Images/Scrolldown_annonce.gif" border="0" WIDTH="62" HEIGHT="14"></a></div>
Avatar billede kokholm Nybegynder
01. juni 2003 - 12:44 #3
Hej Eagleeye
Det ser jo meget godt ud, men hvor dælen justerer jeg hvad..?
Forsøgte at indsætte det på en prøveside men fik da helt smadret funktionen efterfølgende ;-)

Jeg behøver justering af vinduets startplacering vandret & lodret samt længden af hvor langt den ruller ned på siden.
Måske også flere indstillinger...

Kan du hjælpe ?
Avatar billede kokholm Nybegynder
02. juni 2003 - 11:00 #4
Halloooo ?

Please hjælp mig - jeg er under tidspres lige nu
Avatar billede eagleeye Praktikant
02. juni 2003 - 17:27 #5
Her er et eks på hele koden:


<html>
<body>

<script LANGUAGE="Javascript">
yspan = 250;
function scrollBannerDown()
{
  if(yspan > 0)
  {
    yspan = yspan - 35;
    if(yspan <= 0)
    {
      yspan = 0;
      document.getElementById('scrolldownbanner').style.top = 97
    };
    document.getElementById('scrolldownbanner').style.clip = 'rect(' + yspan + ' auto auto auto)';
    if(yspan > 0)
    {
      document.getElementById('scrolldownbanner').style.top = parseInt(document.getElementById('scrolldownbanner').style.top)+35;
    };
    setTimeout("scrollBannerDown()",100);
  };
  else
  {   
    setTimeout("scrollBannerUp()",3000);
  };
};

function scrollBannerUp()
{
  if(yspan < 250)
  {
    yspan = yspan + 35 ;
    if(yspan >= 250)
    {
      yspan = 250;
      document.getElementById('scrolldownbanner').style.top = -154};
      document.getElementById('scrolldownbanner').style.clip = 'rect(' + yspan + ' auto auto auto)';
      if(yspan < 250)
      {
        document.getElementById('scrolldownbanner').style.top = parseInt(document.getElementById('scrolldownbanner').style.top)-35;
      };
      setTimeout("scrollBannerUp()",50)
    };
    else
    {
      mayclick = 1;
    };
  };
</script>



<SCRIPT LANGUAGE="Javascript">
  document.onload = setTimeout("scrollBannerDown()",2500);
</SCRIPT>

<script language="JavaScript1.2">
//a = eval((document.body.clientWidth-760)/2)+135;
//document.write ('<DIV ID=scrolldownbanner STYLE="top:-100px;left:'+a+'px;clip:rect(250px auto auto auto); position:absolute; width:490px; height:250px;">');
document.write ('<DIV ID=scrolldownbanner STYLE="top:-100px;left:100px;clip:rect(250px auto auto auto); position:absolute; width:490px; height:250px;">');
</script>
                                       
<a href="http://www.eksperten.dk" target="_blank">
  <img src="./hyttetur/06.jpg" border="0" width="490" height="250" alt="Banner">
</a>
<br>
<a onClick="scrollBannerDown();" HREF="#">
<img SRC="./hyttetur/01.jpg" HEIGHT="1" WIDTH="427" border="0" alt="Linje Billede">
<img BORDER="0" SRC="./hyttetur/02.jpg" border="0" WIDTH="62" HEIGHT="14" alt="Vis Reklame">
</a></div>

</body>
</html>



For at styre hvor den kommer kan du rette i tallene efter top og left. 0 punktet er center for top er midt i vinduet, da man har flytte DIV'en :

document.write ('<DIV ID=scrolldownbanner STYLE="top:-100px;left:100px;
Avatar billede snipermode Nybegynder
06. september 2004 - 20:51 #6
Hej

virker fint her - kunne dog godt tænke mig at ved "rulop" at kunne gemme billedet og lade vis reklame ikonet være synligt

nogen der har en ide ?
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
Kurser inden for grundlæggende programmering

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