Ga naar inhoud


de positie van een pop up


Gast

Aanbevolen berichten

ik ben op mijn site aan het proberen om met behulp van

een read more button een pop up te krijgen met de rest ven de tekst.

Nou was dit niet zo'n probleem, alleen ik zou graag de positie van zo'n pop up

zelf bepalen. Nu verschijnt het scherm linksboven en ik zou dit graag zelf bepalen

is dit mogelijk??

Link naar reactie
Delen op andere sites


Door de pagina die je in de popup laat weergeven een opmaak te geven.

Zoals een gewone pagina wordt opmaakt.

 

Voorbeeld zwart achergrond met witte tekst.

 

Code:
<html><head><style type="text/css"><!--body {	background-color: #000000;}.style1 {color: #FFFFFF}--></style></head><body></body></html> 

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

Eh...ja,

 

Maar ik bedoelde eigenlijk in een popup bericht, i.p.v. een popupwindow.

function MM_popupMsg(msg){

alert(msg);

}

 

<body onload="MM_popupMsg('De boodschap die je hebt te vertellen')">

Link naar reactie
Delen op andere sites

ik heb een soort gelijke vraag, dus ook positie van de pop up en ook het formaat van de pop up, bij mij op de pagina, moet de pop up eigenlijk in het midden, met 50% en 50% afmetingen.

 

Ik kan eerlijk gezegd niks van html en werk in dreamweaver, in het 'zichtbare gedeelte' en dus niet bij de codes

wat ik heb gedaan is bij optie 'target' voor _blank gekozen, dan komt er in ieder geval al een pop up, ik zie alleen nergens waar ik formaat en positie kan toevoegen

ik heb dus dreamweaver mx

 

alvast bedankt

Link naar reactie
Delen op andere sites

In dreamweaver maak je als volgt een popup.

 

Selecteer wat je wil gebruiken voor de popup (afbeelding, knop, link, enz)

 

Open het behaviors panel (shift+F4)

Klik op het plusteken en kies voor 'Open browser window'

 

Je krijgt nu een venster waar de url (pagina) moet opgeven (klik op browse... om binnen je site te zoeken naar je pagina)

Daaronder geef je de breedte en hoogte in pixels van het popup venster.

 

Er staan ook nog een paar opties die je kan aanvinken voor de scroll en nagivatie bars.

 

KLik op 'ok'.

Nu zie je de behavior staan in het behaviors panel. (object waar de popup op zit moet geselecteerd zijn)

 

Daarbij staat nu 'onBeforeUnload open browserwindow'

 

even klikken op die 'onBeforeUnload' en daar voor OnClick kiezen.

 

De positie van de popup zal je in de dreamweaver html code moeten bijvoegen.

 

Citaat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<script type="text/JavaScript">

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

</script>

</head>

 

<body>

<img src="afbeelding.jpg" width="189" height="61" onclick="MM_openBrWindow('pagina.html','','width=600,height=450,[color:"red"]top=50,left=150[/color]')" />

</body>

</html>

 

Succes

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
  • Wie is er online   0 leden

    • Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken
×
×
  • Nieuwe aanmaken...