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