Felugró ablak weboldalon

Mészáros Zsolt lista at tigriselektro.hu
2013. Már. 7., Cs, 12:57:45 CET


Sziasztok!

Adott a sulinak egy office365-ös webhely. www.mora-eger.hu
Szeretnék egy felugró ablakot csinálni a kezdőlapra, hogy mikor 
megnyitják az oldalt, ez fogadja a látogatót.
A felugró ablakban egy link lenne a Beiskolázás menüpontra.

Elképzelésem:
HTML beszúrása menüből szeretnék egy script-et hozzáadni az oldal 
</body> része elé.
Gondoltam a Kezdőlapon a cím elé beteszem a megírt scriptet. Az oldal 
betöltése után 1 másodperccel megjelenik a popup "Beiratkozással 
kapcsolatos információk 2013/2014. tanévre" szöveggel, ha rákattint 
bedobja a megfelelő menübe vagy kilép a jobb oldali linkelt képre 
kattintva az oldalra. A script egy valami.html-be betéve jegyzettömbbel 
működik, viszont ha beillesztem html-ként az office365-ben nem csinál 
semmit.

<script type='text/javascript' language='Javascript'>
     var div = 1;

     var sliderEnabled = true;
     function scrFol()
     {
         var ad = document.getElementById( 'slider' );
         var dPos = ( document.all ) ? document.body.scrollTop : 
window.pageYOffset;

         if ( ( dPos == 0 ) && ( document.all ) )
             dPos = document.documentElement.scrollTop;

         dPos += 50;
         var cPos = parseInt( ad.style.top );
         if ( cPos == 0 )
             cPos = dPos-1000;

         var posDif = dPos-cPos;

         if ( ( ad.style.display == 'none' ) && ( sliderEnabled ) )
             ad.style.display = 'block';

         if ( posDif > 0 )
             ad.style.top = (cPos+Math.ceil(posDif/div))+'px';
         else if ( posDif < 0 )
             ad.style.top = (cPos+Math.floor(posDif/div))+'px';

         if ( sliderEnabled )
             setTimeout( 'scrFol()', 20 );
     }
     function closeFollowSlider()
     {
         sliderEnabled = false;
         document.getElementById( 'slider' ).style.display = 'none';
     }

setTimeout( 'scrFol()', 1000 );
</script>


<div id="slider" align="left" valign="top" style="filter: 
progid:DXImageTransform.Microsoft.Shadow

(color=#000000,direction=135,strength=8); border:2px solid #BF0000; 
z-index:999; display:none; top:0px; position:absolute;

top:0px; center:0px; padding:20px; width:470px; background:##8181F7">
<div align="right"><a href="javascript:closeFollowSlider();"><IMG 
src="http://www.mora-eger.hu/SiteImages/windowclose.png" width="25" 
height="25"border=0></a></div>

<a href="http://www.mora-eger.hu/Pages/beiskolazas.aspx"><font 
color="Red"><b>Beiskolázással kapcsolatos információk 2013/2014. 
tanévre</b></font></a>

</div>


-- 
Zsolt Meszaros
IT-Sysadmin



További információk a(z) Techinfo levelezőlistáról