Vraag & Antwoord

Webprogrammeren & scripting

Popup vraagje

15 antwoorden
  • Op mijn website, www.discountfotografie.nl , wil ik rechtsboven gebruik maken van een info- en disclaimerbutton. De buttons staan er inmiddels, maar ik wil ze graag linken naar een popupvenster. De "head" codes ben ik al diverse malen tegengekomen, maar ik krijg de hyperlink nog niet werkend. Bijkomend probleem is, dat de buttons voorzien zijn van een mouseover effect, en dus bestaan uit 2 jpg's. Weet iemand hoe ik dit op kan lossen? B.v.d, André
  • beetje code? En waarom link je niet gewoon naar een disclaimer / info pagina?
  • Ik wil ook graag naar die pagina's linken, alleen via een definieerbare popup als het kan.
  • Voor het mousover-effect, beveel ik je [url=http://forum.computertotaal.nl/phpBB2/viewtopic.php?p=1279482#1279482]deze CSS-methode[/url] aan. Werkt perfect en sneller dan javascript. Verder kun je met een onclick-event een window.open laten uitvoeren. Zoiets dus: [code:1:aff0c171f9]<a onclick="window.open('http://www.example.com/popup.html','Naampje','width=400,height=400')">knopje</a>[/code:1:aff0c171f9] Behalve width en height kun je nog aangeven of je al dan niet scrollbas wil toelaten, resizen, menubalk , adresbalk en statusbalk weer laten geven, enz.
  • Bedankt voor je reactie Ger. Het is mij gelukt om het mouseover effect nu via een css te laten werken, alleen de hyperlink naar een definieerbare popup krijg ik nog niet voor elkaar. De bodycode ziet er nu als volgt uit: [code:1:5361ac7203]<DIV class="mouseover"> <a href="disclaimer.htm"> <img border="0" src="images/copyright 1.jpg" width="50" height="50"></a> </DIV> [/code:1:5361ac7203] Weet jij hoe de hyperlink er nu uit moet zien voor een popup zonder balken etc., en met een vaste grootte? André
  • Ger, Wanneer ik een tweede, vergelijkbare, button op mijn site heb, hoe dient de headcode er dan uit te zien?? André
  • Even kijken... Volgens mij zoiets: [code:1:e799679027]<div class="mouseover"> <a href="#" onclick="window.open('disclaimer.htm','disclaimer','resizable =0, scrollbars=0, menubar=0, status=0, toolbar=0, location=0, directories=0, width=400, height=400')"> <img border="0" src="images/copyright 1.jpg" width="50" height="50"></a> </div> [/code:1:e799679027] De grootte moet je even aanpassen naar behoefte. Een vergelijkbare button zou ik niet in de head zetten, maar gewoon inline. Hij wijst toch naar een andere pagina waarschijnlijk, met misschien ook wel een ander formaat. Dan maak je het jezelf alleen maar moeilijker als je de paar generieke delen dan weer in de head gaat zetten. De code voor de andere button is vergelijkbaar. Andere pagina invullen, ander naampje geven, eventueel ander formaat.
  • Ger, opnieuw bedankt voor je hulp. Ik heb alleen nog een klein probleempje, en hoop dat je mij nog 1 keer wilt helpen. Wanneer ik nu op de button klik, opend het popupschermpje keurig, maar verschijnt tevens mijn topframe in mijn menuframe. Er lijkt dus iets mis met de target. Ik heb van alles geprobeerd, maar het is mij nog niet gelukt. Is het tevens mogelijk om een stukje tekst (bijv. klik voor info) aan de muiswijzer toe te voegen wanneer een bezoeker met de muis over de button gaat?? Ik hoop dat je mij nogmaals wilt helpen. Gr, André
  • Stukje tekst als je ergens op gaat staan, noemen we een tooltip. Dat doe je met het title-attribuut: [code:1:0b5d8d3a3f]<a href="linkje" title="info">linktekst</a>[/code:1:0b5d8d3a3f] Kan bij de meeste HTML tags. Over die disclaimer-pagina: ik zie dat je met frames werkt. Dat kan problemen geven (al ben ik niet zo ervaren met frames, [url=http://forum.computertotaal.nl/phpBB2/viewtopic.php?p=1274692#1274692]met reden[/url]) Als ik echter de bron bekijk, is die opvallend leeg: [code:1:0b5d8d3a3f]<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Disclaimer</title> </head> <body bgcolor="#484848"> </body> </html> [/code:1:0b5d8d3a3f] Ik weet niet hoe je dat zo voor elkaar hebt gekregen, maar dit is natuurlijk niet veel. ;)
  • Dat klopt Ger. Disclaimer en Info pagina's zijn nog in progress, maar is de content dan van invloed op de target? André
  • Ik heb de code veranderd in [code:1:808a67dc86]<DIV class="mouseover2"> <a title="Info" onclick="window.open('info.htm','Info','resizable =0, scrollbars=0, menubar=0, status=0, toolbar=0, location=0, directories=0, width=400, height=400')"> <img border="0" src="images/info 1.jpg" width="50" height="50"></a> </DIV> [/code:1:808a67dc86] Dit werkt op zich wel, alleen ben ik nu het mouseover effect (beide jpg's) en het muishandje kwijt. Is hier een oplossing voor? André
  • Je moet nog even de href="#" toevoegen (dan ziet je browser het als een link). Ik denk haast dat de hover daarom ook niet werkt, maar daar ben ik niet zeker van. Code moet dus worden: [code:1:ad37ca5e4f]<DIV class="mouseover2"> <a href="#" title="Info" onclick="window.open('info.htm','Info','resizable =0, scrollbars=0, menubar=0, status=0, toolbar=0, location=0, directories=0, width=400, height=400')"> <img border="0" src="images/info 1.jpg" width="50" height="50"></a> </DIV>[/code:1:ad37ca5e4f] Overigens zitten er flinke verschillen in hoe de diverse browsers je site weergeven zie ik nu. In Opera en Firefox kreeg ik niet eens de goede broncode beschikbaar, daarvoor moest ik uitwijken naar IE.
  • Ger, Dit is dezelfde code als in dit bericht, waarna het probleem ontstaat dat mijn "toppagina" opent in mijn menuframe. [quote:cb53be08c8="Ger"]Even kijken... Volgens mij zoiets: [code:1:cb53be08c8]<div class="mouseover"> <a href="#" onclick="window.open('disclaimer.htm','disclaimer','resizable =0, scrollbars=0, menubar=0, status=0, toolbar=0, location=0, directories=0, width=400, height=400')"> <img border="0" src="images/copyright 1.jpg" width="50" height="50"></a> </div> [/code:1:cb53be08c8] De grootte moet je even aanpassen naar behoefte. Een vergelijkbare button zou ik niet in de head zetten, maar gewoon inline. Hij wijst toch naar een andere pagina waarschijnlijk, met misschien ook wel een ander formaat. Dan maak je het jezelf alleen maar moeilijker als je de paar generieke delen dan weer in de head gaat zetten. De code voor de andere button is vergelijkbaar. Andere pagina invullen, ander naampje geven, eventueel ander formaat.[/quote:cb53be08c8]
  • Snap ik niets van (zeker aangezien het bij de disclaimer wel werkt), maar ik ben dan ook geen expert in frames (en kom dat probleem dus ook nooit tegen). Als ik echter naar je bron kijk, dan zie ik nergens frames gedefiniëerd staan. Ook zie ik geen doctype, misschien dat dat problemen oplevert. Misschien dat het definiëren van frames (naam geven) en de juiste doctype de oplossing bieden, anders weet ik het eerlijk gezegd ook niet.
  • Bedankt voor je medewerking Ger, maar het probleem is inmiddels opgelost. Het had inderdaad te maken met de manier waarop de frametargets gedefinieerd waren. André

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.