Hvordan lage en Popup Website

May 19

Pop-up nettsteder er ikke like populær som de var i de tidlige stadiene av Internett. Men webutviklere fortsatt bruke pop-up vinduer. For eksempel kan de åpner et pop-up vindu for å vise innholdet i en handlevogn uten å tvinge brukeren til å navigere til en ny side. En Web pop-up er noe mer enn en miniatyr nettleservindu som viser en sekundær nettsted. Utviklere bruker Javascript til å lage tilpass HTML popup-vinduer som åpnes automatisk eller som svar på en brukers handlinger på en webside.

Bruksanvisning

1 Opprett en ny HTML-dokument.

2 Legg til følgende kode i <body> -delen:

<a href="javascript:showPopupWindow('Open"> http://www.whitehouse.gov '); "> Åpne Popup Window </a>

Dette skaper en kobling som kaller en Javascript-funksjonen når en bruker klikker på linken. Klikket begivenhet, går inn nettadressen til et nettsted til funksjonen. I dette eksemplet vil pop-up vise innholdet i whitehouse.gov. I produksjon, endre URL navn til navnet på området som du ønsker å åpne i pop-up vindu.

3 Legg til Javascript-funksjonen til dokumentets <script> tag:

funksjon showPopupWindow (url) {

var win = window.open(url, 'name', 'height=400,width=200');

}

Denne funksjonen lager et pop-up vindu som åpner URL vedtatt i parameterlisten. Juster innstillingene høyde og bredde hvis du vil at pop-up å ha forskjellige dimensjoner.

4 Lagre HTML-fil og åpne den i nettleseren din. Klikk på linken og nettleseren vil åpne en pop-up som viser whitehouse.gov.

Hint

Du kan åpne popup-vinduer som peker til andre HTML-sider på nettstedet ditt. For eksempel har noen utviklere lage HTML-sider som viser registrering former. Når en bruker klikker en sign-up knappen eller koblingen, vises pop-up som inneholder skjemaet. Studer "Window.open" kommandoen. Den har flere parametere som kan skreddersy utseendet på pop-up vindu og vinduets verktøylinje. Du kan også ringe Javascript-funksjonen når en bruker klikker på en knapp eller beveger musen over et sideelement. Noen utviklere med åpne popup-vinduer på sine nettsider ved bestemte tidsintervaller med "setTimeout" kommandoen. Bruk fantasien når oppdage bruksområder for pop-up vinduer.
Noen brukere kan ha pop-up blokkering på sine nettlesere. I så fall vil pop-up vindu ikke vises.