popup op einde van de pagina.

regitbull · 7 mei 2009

Hallo,

Ik wil graag een venstertje met informatie op mijn website laten zien.

Nu wil ik dat dit venstertje in de rechter benedenhoek verschijnt en mee scrolt met de pagina.

Zeg maar zoiets als een msn bericht dat er iemand online is.

Zo wil ik een venster laten zien op me site en die dan ook meescrolt.

Ik heb hier nu een tijdje naar gezocht op google maar kan nergens iets vinden dat er op lijkt of de script doet het niet.

Zou iemand mij kunnen vertellen hoe ik dit kan doen of een link geven naar een javascript.

Alvast bedankt.

Mvg,
Glenn

That Guy · 7 mei 2009

geen javascript voor nodig: probeer dit eens
(sla op als test.html)

HTML:

<html>
<head>

<style>
div#scrollz0r
{
   position: fixed;
   bottom: 0px;
   right: 10px;
   border: 1px dotted #f06;
   width: 100px;
   height: 50px;
}
</style>

</head>
<body>

<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text


<div id='scrollz0r'>text, text, text</div>
</body>
</html>

:thumb:

regitbull · 7 mei 2009

Vegras zei:

geen javascript voor nodig: probeer dit eens
(sla op als test.html)

HTML:

<html>
<head>

<style>
div#scrollz0r
{
   position: fixed;
   bottom: 0px;
   right: 10px;
   border: 1px dotted #f06;
   width: 100px;
   height: 50px;
}
</style>

</head>
<body>

<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text


<div id='scrollz0r'>text, text, text</div>
</body>
</html>

:thumb:

lol ik wist niet dat het zo eenvoudig was

Maar werkt inderdaad perfect.

Enige wat ik nu nog moet doen is er iets moois van maken en dat het eruit ziet als een mooi venster.

Bedankt voor de snelle en goede reactie

regitbull · 8 mei 2009

ok ik ben nu bezig met alles aanpassen zoals een achtergrond plaatje en text.

Dit heb ik nu allemaal gedaan ik wil aleen nog 1 ding.

Zeg maar een close link zodat het venstertje weggaat.

En het liefst ook een dont show this again functie.

Zodat bezoekers zelf kunnen kiezen of ze het weer willen zien.

Als iemand me hier nog even mee wil helpen dan ben ik dik tevreden

Dankje wel.

That Guy · 9 mei 2009

nou nou, nu maak je het wel heel moeilijk zeg...

Een close link:

HTML:

<div id='scrollz0r'>
   <a href='#' onclick="Toggle('scrollz0r');">[X]</a>
   text, text, text
</div>

en dan, javascript:

PHP:

//js
function Toggle(id)
{
   var obj = document.getElementById(id);

   if(obj.style.display == "" || obj.style.display == "none"){
      obj.style.display = "block";
   }else{
      obj.style.display == "none";
   }
}

zoiets. Ohja, je kan de Toggle() functie dus weer aanroepen, dan gaat-ie weer open.

Als je wilt dat ie ook bij een opnieuw-bezoek aan je pagian wegblijft zal je iets met cookies (of storage) moeten gaan doen.

regitbull · 9 mei 2009

uuhm ok ik heb er effe mee zitten pielen maar ik krijg het maar niet aan de praat.
het venster gaat zeg maar gewoon niet weg.

Doe ik iets verkeerd?

Hier is de code:

HTML:

<html>
<head>


<style>
div#scrollz0r
{
   position: fixed;
   bottom: 20px;
   right: 10px;
   border: #2e2e2e 1px solid;
   background: url(http://img237.imageshack.us/img237/6392/1396709805e65db1a720o22.jpg) no-repeat;
   width: 300px;
   height: 200px;
}
</style>
 
</head>
<body>



 
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text
<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text


<script language="Javascript">
//js
function Toggle(id)
{
   var obj = document.getElementById(id);
 
   if(obj.style.display == "" || obj.style.display == "none"){
      obj.style.display = "block";
   }else{
      obj.style.display == "none";
   }
}
</script>
 
 
<div id='scrollz0r'>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href='#' onclick="Toggle('scrollz0r');">Close</a>
<br>
<strong><center><span style="font: 20px verdana; color: red;">Detection Status</span></center></strong>
<strong>&nbsp; &nbsp; Battlefield 2 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="font-weight: bold; color: green;"> Undetected </span>&nbsp; &nbsp; <br></strong>
<strong>&nbsp; &nbsp; Battlefield 2142 &nbsp; &nbsp; <span style="font-weight: bold; color: green;"> Undetected </span>&nbsp; &nbsp; <br></strong>
<strong>&nbsp; &nbsp; Call Of Duty 4 &nbsp; &nbsp; &nbsp; &nbsp; <span style="font-weight: bold; color: green;"> Undetected </span>&nbsp; &nbsp; <br></strong>
<strong>&nbsp; &nbsp; Call Of Duty 5 &nbsp; &nbsp; &nbsp; &nbsp; <span style="font-weight: bold; color: green;"> Undetected </span>&nbsp; &nbsp; <br></strong>
<br><br>
<strong><center><span style="font-weight: bold; color: red;">
<script language="Javascript">
<!--
/*
Today's date script
Visit java-scripts.net or 
http://wsabstract.com for this script
*/

 var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")

 var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")

 var now = new Date

 document.write("Last checks done: "+now.getDate() +" " + monName[now.getMonth()] + " 2009")

//-->
</script></span></strong></center>

</div>
</body>
</html>

Frats · 10 mei 2009

Je hebt een = teveel ( == betekend evalueren; = betekend toewijzen), en als de display "" is, dan moet ie naar none (want standaard staat ie open)

Dus het moet zo:

PHP:

				function Toggle(id)
				{
				   var obj = document.getElementById(id);
				 
				   if(obj.style.display == "" || obj.style.display == "block"){
				      obj.style.display = "none";
				   }else{
				      obj.style.display = "block";
				   }
				}

That Guy · 10 mei 2009

Je hebt een = teveel

whops, typfout

regitbull · 10 mei 2009

Frats zei:
Je hebt een = teveel ( == betekend evalueren; = betekend toewijzen), en als de display "" is, dan moet ie naar none (want standaard staat ie open)

Dus het moet zo:

PHP:

function Toggle(id) { var obj = document.getElementById(id); if(obj.style.display == "" || obj.style.display == "block"){ obj.style.display = "none"; }else{ obj.style.display = "block"; } }

aaah vet nu werkt het ja.

Dankjewel en jij ook Vegras voor de code.

popup op einde van de pagina.

regitbull

Gebruiker

That Guy

Meubilair

regitbull

Gebruiker

regitbull

Gebruiker

That Guy

Meubilair

regitbull

Gebruiker

Frats

Terugkerende gebruiker

That Guy

Meubilair

regitbull

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy