Blogboek

YouTube popup-pen met jQuery

Jos van Steenderen @ vrijdag 19 maart 2010 |

Ik kan en durf wel te stellen dat ik er volledig achter ben dat programmeren op een vrijdagavond niet de allerbeste timing is. Maar je zal je maar vastgebeten hebben op iets. Dan moet en zal het er natuurlijk ook komen. In dit geval was de missie; YouTube filmpjes in een mooi jQuery Fancybox popup.

Om te beginnen schoot mij zojuist de vraag binnen; wat is precies de werkwoordvervoeging van popup. Als ik iets in een popup wil laat verschijnen, doe ik iets dan popup-pen? Of popt iets up? Lastig... zoals te zien, ik heb gekozen voor vervoeging nummer 1. Mocht iemand het echte antwoord weten, dan ben ik uiteraard ernstig benieuwd.

Anyway, de missie was dus om een YouTube filmpje in een mooie popup te laten verschijnen. Daar komt nog bij, dat een en ander naar mijn mening dan ook nog eens super simpel moet werken. De uiteindelijke oplossing wordt uiteraard weer verwerkt in de volgende versie van SiteManager, en dus moeten ook niet-technische gebruikers dit eenvoudig kunnen toepassen.

De gehele queste naar de uiteindelijke oplossing zal ik jullie besparen. Voor wie een hint wil; http://fancybox.net/blog (maar die oplossing dan weer verder uitgewerkt).

De uiteindelijke toepassing is eenvoudig. Links naar Youtube filmpjes zien er standaard ongeveer zo uit: http://www.youtube.com/watch?v=k3ruF8eDeTc. Een linkje naar een URL met deze opmaak wordt nu herkend en met jQuery omgeknutseld tot een fraaie popup.

Uitproberen; klik hier!

1 reactie(s)

Broer @ zondag 21 maart 2010 |

Het is een zijweg en niet de hoofdvraag, maar ik houd wel van zijwegen, zo kom je nog eens ergens. Tja, om maar toe te geven aan mijn beroepsdeformatie (is weer eens iets anders dan borstvoeding en de volgekakteluiers thuis). Om te beginnen is pop-up een Engels woord. Het kan gebruikt worden als zelfstandignaamwoord of werkwoord. In het eerste geval hebben we het over 'a pop-up' of 'the pop-up'. In het tweede geval zal je moeten zoeken in de engelse werkwoordsvervoegingen en krijg je dingen als 'I would have liked to be have been poped-up soon.' of zo iets. Voor de volledigheid: EN: to pop NL: pop (bang): knallen ES: pop (bang): estallar, tronar, detonar Gerund De Gerund is een ing-vorm die zelfstandig gebruikt kan worden. (Zie Engelse grammatica: Gerund) poping Present simple (ott) Tegenwoordige tijd zonder ing-vorm (Zie Engelse grammatica: Present simple) I pop you pop he pops we pop you pop they pop Present perfect (vtt) Have/has + voltooid deelwoord / voltooid tegenwoordige tijd. (Zie Engelse grammatica: Present perfect) I have poped you have poped he has poped we have poped you have poped they have poped Past Simple (ovt) Verleden tijd zonder –ing vorm (Zie Engelse grammatica: Past Simple) I poped you poped he poped we poped you poped they poped Past perfect (vvt) Had + voltooid deelwoord / voltooid verleden tijd (Zie Engelse grammatica: Past Perfect) I had poped you had poped he had poped we had poped you had poped they had poped Present future (ottt) Toekomst. Shall / Will + hele werkwoord (Zie Engelse grammatica: Future) I will pop you will pop he will pop we will pop you will pop they will pop Present future perfect (vttt) Shall / Will + have + voltooid deelwoord. Het wordt gebruikt om aan te geven dat iets is afgerond op een nader tijdstip in de toekomst. I will have poped you will have poped he will have poped we will have poped you will have poped they will have poped Past future (ovtt) Altijd gevormd door: should/would + inf. Wordt gebruikt voor handelingen die gezien vanuit het moment van spreken in het verleden plaats hadden kunnen vinden. I would pop you would pop he would pop we would pop you would pop they would pop Past future perfect (vvtt) Altijd gevormd door: should/would + have + volt. dw. Wordt gebruikt voor handelingen die gezien vanuit het moment van spreken in het verleden plaats hadden kunnen vinden en afgerond zijn. I would have poped you would have poped he would have poped we would have poped you would have poped they would have poped

Terug naar: Blogboek