[HTML] Klikbare popup - Softwareontwikkeling

dinsdag 28 mei 2013 15:56

Acties:

Verwijderd

Topicstarter

Wil graag een klikbare popup maken in HTML. De popup verschijnt automatisch als de website wordt geopend. Bij klikken op de popup moet een bepaalde subpagina van de website worden geopend.

Waarschijnlijk is het een simpele toevoeging aan de code? Iemand een idee?

dinsdag 28 mei 2013 16:00

Acties:

NMe

Quia Ego Sic Dico.

Hoi jill1979, en welkom op GoT.

Helaas willen we hier op GoT wat meer eigen inzet zien in een topic. We helpen over het algemeen liever mensen die eerst proberen zichzelf te helpen en ook vertellen wat ze gedaan hebben om een oplossing te vinden. Dit niet om je te pesten, maar om te voorkomen dat we met zijn allen elkaars tijd lopen te verdoen. Zie De Quickstart voor meer informatie over wat wij van je verwachten. Kun je met dat in het achterhoofd je startpost bijwerken met wat meer info?

Om je toch even alvast op weg te helpen: popups zijn aparte venstertjes en die open je doorgaans met javascript, niet met HTML. Het verdere antwoord op je vraag is heel erg afhankelijk van hoe je precies wil dat die popup eruit gaat zien.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

dinsdag 28 mei 2013 16:07

Acties:

Verwijderd

Topicstarter

Oke...

Ik werk met een html-editor. Ben een beginner en ben al blij dat ik een werkende popup heb kunnen maken ;-) De popup is goed zoals hij nu is, staat op de goede plaats op de pagina en heeft de juiste kenmerken, alleen wil ik dus dat de popup klikbaar is. Hij opent automatisch bij openen van de website (home), en bij klikken wil ik dat je naar een specifieke subpagina van de website gaat (contact).

Heb nu als code in de head:

JavaScript:

<script language="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 400,top = 25');");
}
// End -->
</script>

en in de body (url popup onzichtbaar gemaakt ivm herkenbaarheid)

HTML:

1
2

<body style="BACKGROUND-IMAGE: url(images/basic/Achtergrond.jpg); BACKGROUND-COLOR: rgb(255,255,255); COLOR: rgb(0,0,0)" onload    ="preloadImages();popUp('http://www.xxx.nl/images/qpveldhoven.jpg');" leftmargin="0" topmargin="0" alink="#e2001a" link="white" marginheight="0" marginwidth="0" vlink="white">
<div align="center">

[ Voor 1% gewijzigd door BtM909 op 28-05-2013 16:35 ]

dinsdag 28 mei 2013 16:34

Acties:

Bosmonster

*zucht*

Dit soort popups worden standaard geblokkeerd.

Beter kun je eens kijken naar het concept "lightbox" als dit echt is wat je wilt. Hier zijn ook genoeg kant-en-klare voorbeelden van te vinden online (bijvoorbeeld http://fancyapps.com/fancybox/)

maandag 3 juni 2013 13:01

Acties:

_Thanatos_

Ja, en kaal

JavaScript:

1	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 400,top = 25');");

BRRRRR!

JavaScript:

1	window["page" + id] = window.open(URL, id, 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 400,top = 25');

Zo, das beter

En nou lief zijn en geen eval() meer gebruiken, tenzij je er een verdomdes goeie reden voor hebt, okay?

日本！🎌

dinsdag 4 juni 2013 10:20

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Het 'popup' venster bevat in jouw geval enkel een Jpeg-plaatje... een venster openen mete en plaatje geeft enkel dat plaatje weer

als je dat klikbaar wil maken, wil je eigenlijk dus HTML toevoegen...
oftewel, je laat javascript die html wegschrijven naar dat venster:
bv met behulp van bv 'document.write()' opdrachten:

JavaScript:

function popup( plaatje ) {
   var settings = "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 400,top = 25";
   var newwin = window.open('','newwin', settings);
   if (newwin) {
       newwin.document.write( '<a href="javascript:;" onclick="opener.doeIets()"><img src="'+plaatje+'"></a>')
       newwin.document.close()
   }
}

(is verder geen gecontroleerde code due misschien werkt het niet, verder is het enigszins 'ouderwetse' javascript)

het opener-object dat die onclick aansprekt betekent eigenlijk een verwijzing naar de window van waaruit een venster geopend is..

Echter, ik zou je ook aanraden, net zoals Bosmonster

offtopic:
(feli trouwens, Bosmonster

)

het doet, om te kijken naar bv de mogelijkheden van een lightbox... dat genereert geen extra venster maar kan ook gewoon een plaatje of een stuzkje html weergeven in een paga zelf alsof het binnen die pagina zelf een 'popup' uitvoert.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen