soort van pop-up

De Mettes · 24 sep 2008

Hallo,

ik zou graag hebben dat als mijn site bezocht wordt er een kadertje verschijnt met daarin een poll. Probleem is dat bijna iedereen pop-up blokkeerd.

Nu heb ik wel 2 scripts gevonden waarmee dit gaat. Enkel hebben ze beide hun nadelen.

1) De tekst in een variabele getypt en ik zou dit willen dat er mijn code in komt (code kan in een andere html staan) voorbeeld + code

2) De sluitknop werkt niet en hetzelfe probleem als bij het eerste script voorbeel + code

Kan iemand mij verder helpen?

Glest · 24 sep 2008

Wat je het beste kunt doen is een div maken met de volgende css eigenschappen:

Code:

div #popupDiv
{
  position: absolute;
  top: 20%; /* Verander hoe je wilt */
  left: 20%; /* Verander hoe je wilt */
  z-index: 100;
  display: none;
  border: 1px solid #000000;  /* Verander hoe je wilt */
  background-color: #EEEEEE;  /* Verander hoe je wilt */
}

Vervolgens, wanneer je de popup wilt laten zien, roep je met javascript "showPopup(true)", en voor verbergen "showPopup(false)".

Code:

function showPopup(visible)
{
  if (!this.popupDiv)
    this.popupDiv = document.getElementById("popupDiv");
  this.popupDiv.style.display = visible ? "block" : "none";
}

de html wordt dan als volgt:

Code:

<div id="popupDiv">
  Tralala, dit is een popup!
</div>

Je kunt de CSS eigenschappen precies aanpassen zoals jij wilt en je gebruikt nauwelijks Javascript

De Mettes · 26 sep 2008

Ahja dit is idd een heel goede oplossing!
Had ik zelf nog niet aan gedacht.

Hartelijk dank

De Mettes · 27 sep 2008

Even voor degene die ongeveer dezelfde bedoeling hebben als mij.
Ik heb het javascript weggelaten en in de plaats daarvan met jQuery een slide down en slide up effect erin gestoken.

Code:

div #popupDiv
{
  position: absolute;
  top: 20%; /* Verander hoe je wilt */
  left: 20%; /* Verander hoe je wilt */
  z-index: 100;
  display: none;
  border: 1px solid #000000;  /* Verander hoe je wilt */
  background-color: #EEEEEE;  /* Verander hoe je wilt */
}

Code:

<body onload="jQuery('#popupDiv').slideDown(1000);">

Als de pagina geladen wordt zal de div openen

Code:

<A HREF="#" onClick="jQuery('#popupDiv').slideUp(1000)">Sluiten</A>

Als er in de div op sluiten wordt geklikt gaat deze weer weg

Code:

<div id="popupDiv">
  Tralala, dit is een popup!
</div>

Je moet wel deze regel bij in je head zetten

Code:

<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

en het jquery pakket downloaden en mee op je server zetten.

Meer info op:
http://www.fiddyp.co.uk/animated-div-slide/#
http://jquery.com/

soort van pop-up

De Mettes

Gebruiker

Glest

Gebruiker

De Mettes

Gebruiker

De Mettes

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy